@font-face{font-family:Vazir;src:url('/static/fonts/Vazirmatn-FD-Regular.woff2')}@font-face{font-family:Vazir;src:url('/static/fonts/Vazirmatn-FD-Bold.woff2');font-weight:700}
:root{--bg:#070c12;--surface:#101822;--surface2:#151f2b;--line:#253140;--text:#f7f9fb;--muted:#94a0af;--accent:#527aad;--accent2:#86a7d3;--success:#2dc58d;--danger:#e06167;--radius:14px;--shadow:0 20px 60px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazir,Tahoma,sans-serif;line-height:1.8}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 8%,rgba(55,83,119,.18),transparent 32%),linear-gradient(120deg,rgba(255,255,255,.018),transparent 30%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{height:76px;padding:0 max(24px,4vw);display:grid;grid-template-columns:180px 1fr 360px;align-items:center;gap:24px;position:sticky;top:0;z-index:100;background:rgba(7,12,18,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:8px}.brand img{width:92px;height:32px;object-fit:contain}.site-header nav{display:flex;justify-content:center;gap:26px;color:#c4ccd6;font-size:14px}.site-header nav a{transition:.2s}.site-header nav a:hover{color:#fff}.header-tools{display:flex;align-items:center;gap:9px}.search{position:relative;display:flex;align-items:center;background:#111923;border:1px solid #1c2835;border-radius:22px;padding:0 14px;flex:1}.search svg{width:16px;color:#788698}.search input{border:0;outline:0;background:none;color:#fff;width:100%;padding:8px}.search-results{display:none;position:absolute;top:48px;right:0;left:0;background:#101923;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.search-results.show{display:block}.search-results a{display:block;padding:10px 13px;border-bottom:1px solid var(--line)}.search-results span{display:block;color:var(--accent2);font-size:11px}.search-results small{color:var(--muted)}.icon-btn,.menu-toggle{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#111923}.icon-btn svg,.menu-toggle svg{width:18px}.menu-toggle{display:none}.hero{min-height:620px;position:relative;overflow:hidden;display:flex;align-items:center;padding:70px max(32px,8vw);background:linear-gradient(90deg,#05090e 0%,rgba(7,12,18,.7) 48%,rgba(7,12,18,.12)),url('/static/images/poster/poster.png') center/cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg))}.hero-copy{position:relative;z-index:4;width:420px}.eyebrow{color:var(--accent2);font-size:12px;letter-spacing:.06em}.hero h1,.page-hero h1,.detail-hero h1{font-size:clamp(46px,7vw,82px);line-height:1;margin:14px 0 8px}.hero .year{font-size:20px;color:#9da9b8;margin:0}.hero h2{font-size:28px;margin:26px 0 4px}.hero-copy>p:last-of-type{color:#b2bdc9}.hero-car{display:none}.hero-glow{position:absolute;width:500px;height:300px;background:#5075a91e;filter:blur(80px);bottom:0;right:20%}.btn{border:1px solid var(--line);border-radius:9px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;background:#141e29;transition:.25s}.btn svg{width:17px}.btn.primary{background:linear-gradient(135deg,#4d6f9a,#293f5d);border-color:#6e8eb9;color:#fff}.btn:hover{transform:translateY(-2px);filter:brightness(1.13)}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:-42px;position:relative;z-index:5}.quick-grid a{min-height:132px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#18222e,#101720);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:var(--shadow);transition:.25s}.quick-grid a:hover{transform:translateY(-5px);border-color:#56749b}.quick-grid svg{width:30px}.section{padding:110px 0}.section-sm{padding:45px 0 90px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head h2{font-size:30px;margin:5px 0}.section-head>a{color:var(--accent2);display:flex;gap:6px;align-items:center}.section-head svg{width:17px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vehicle-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(145deg,#131c26,#0d141d);transition:.3s}.vehicle-card:hover{transform:translateY(-7px);border-color:#52729b}.vehicle-card img{width:100%;height:240px;object-fit:contain;background:radial-gradient(circle,#2b3743,#0b1118 68%)}.vehicle-card>div{padding:18px 20px}.vehicle-card span,.status{color:var(--success);font-size:12px}.vehicle-card h3{font-size:24px;margin:4px 0}.vehicle-card p{color:var(--muted);margin:0}.band{background:linear-gradient(145deg,#0d141d,#111a25);border-block:1px solid var(--line)}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.video-card{background:#0d151e;border:1px solid var(--line);border-radius:12px;padding:9px}.video-thumb{height:170px;position:relative;border-radius:8px;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.video-thumb svg{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:46px;height:46px;padding:12px;border:1px solid #fff;border-radius:50%}.video-thumb span{position:absolute;bottom:8px;left:8px;background:#000a;padding:1px 7px;border-radius:4px}.video-card h3{font-size:15px;margin:10px 4px 0}.video-card p{color:var(--muted);font-size:12px;margin:2px 4px}.service-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:0;align-items:center;border:1px solid var(--line);background:#101821;border-radius:18px;overflow:hidden}.service-panel img{width:100%;height:430px;object-fit:cover}.service-panel>div{padding:40px}.service-panel h2{font-size:35px;margin:10px 0}.service-panel p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:55px 20px;text-align:center;background:#080d13}footer img{width:90px}footer p,footer small{color:var(--muted)}footer div{display:flex;gap:25px;justify-content:center;margin:18px}footer a:hover{color:var(--accent2)}.page-hero.compact{padding:80px 0 30px}.page-hero.compact h1{margin:15px 0;font-size:54px}.page-hero p{color:var(--muted)}.filter-bar{display:flex;gap:10px;padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:30px}.filter-bar input,.filter-bar select,.auth-card input,.profile-content input,.profile-content textarea,.dash-form-card input,.dash-form-card select,.dash-form-card textarea{background:#0b1118;color:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:8px;outline:0}.filter-bar input{flex:1}.detail-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding-block:75px}.detail-image{height:500px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle,#303d49,#0d131a 65%);display:grid;place-items:center}.detail-image img{width:100%;height:100%;object-fit:contain}.detail-hero>div:last-child>p{color:var(--muted)}.code-box{display:flex;justify-content:space-between;background:#101923;border:1px solid var(--line);padding:12px 16px;border-radius:9px;margin:20px 0}.code-box span{color:var(--muted)}.codes{display:flex;gap:12px;align-items:center}.codes img{height:80px;max-width:250px;object-fit:contain;background:#fff;padding:6px;border-radius:7px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);overflow:auto}.tabs button{border:0;background:none;color:var(--muted);padding:12px 17px;white-space:nowrap}.tabs .active{color:#fff;border-bottom:2px solid var(--accent)}.part-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.part-info-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}.part-info-grid span{display:block;color:var(--muted);font-size:12px}.catalog-hero{padding:40px 0;background:linear-gradient(#0c131cdd,#0c131cdd),url('/static/images/poster/poster.png') center/cover;border-bottom:1px solid var(--line)}.catalog-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}.catalog-layout aside{background:#111a24;border:1px solid var(--line);border-radius:12px;padding:20px}.catalog-layout aside h1{font-size:28px;margin:5px 0 18px}.catalog-layout aside form{display:flex;gap:6px}.catalog-layout aside input{width:100%;min-width:0;background:#0a1016;border:1px solid var(--line);border-radius:7px;color:#fff;padding:9px}.catalog-layout aside form .btn{padding:8px 12px}.category-list{display:grid;margin-top:18px}.category-list a{display:flex;align-items:center;justify-content:space-between;color:var(--muted);padding:10px;border-bottom:1px solid #202b37}.category-list a:hover,.category-list .active{color:#fff;background:#172332}.category-list svg{width:15px}.catalog-car{position:relative;min-height:420px;display:grid;place-items:center;overflow:hidden}.catalog-car:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(82,122,173,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(82,122,173,.08) 1px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(circle,#000,transparent 70%)}.catalog-car img{width:85%;filter:saturate(.5) drop-shadow(0 20px 25px #000);position:relative}.hotspot{position:absolute;width:13px;height:13px;border-radius:50%;background:#f79047;box-shadow:0 0 0 8px #f7904733,0 0 20px #f79047}.hotspot.h1{top:37%;left:27%}.hotspot.h2{top:49%;left:51%}.hotspot.h3{bottom:31%;right:23%}.hotspot.h4{top:38%;right:30%}.parts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.part-card{text-align:right;border:1px solid var(--line);border-radius:11px;background:#111923;padding:10px;cursor:pointer;transition:.25s}.part-card:hover{transform:translateY(-5px);border-color:#5b7da6}.part-card>div{height:160px;position:relative;background:#e8ebee;border-radius:7px}.part-card img{width:100%;height:100%;object-fit:contain}.part-card .status{position:absolute;z-index:1;right:8px;top:8px;background:#19835f;color:#fff;padding:2px 7px;border-radius:4px}.part-card h3{margin:10px 2px 0}.part-card p{margin:0;color:var(--muted)}.part-card code{color:#b9c7d8}.modal{position:fixed;inset:0;background:#020508d9;backdrop-filter:blur(10px);z-index:300;display:none;place-items:center;padding:20px}.modal.open{display:grid;animation:fade .2s}.modal-card{width:min(850px,100%);max-height:90vh;overflow:auto;background:#111923;border:1px solid #354457;border-radius:16px;padding:26px;position:relative;box-shadow:var(--shadow);animation:rise .25s}.modal-close{position:absolute;left:14px;top:14px;border:1px solid var(--line);background:#192331;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.part-modal-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:26px}.part-modal-grid>.visual img{width:100%;height:280px;object-fit:contain;background:#e6e9ec;border-radius:10px}.part-modal-grid h2{font-size:30px;margin:6px 0}.part-modal-grid p{color:var(--muted)}.skeleton{height:400px;border-radius:10px;background:linear-gradient(90deg,#151f2b,#263547,#151f2b);background-size:200%;animation:shimmer 1.2s infinite}.video-page{padding-block:45px 90px}.back-link{color:var(--muted)}.video-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;margin-top:20px}.player-shell{aspect-ratio:16/9;background:#000;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative}.player-shell video,.player-shell iframe,.player-shell>img{width:100%;height:100%;object-fit:cover;border:0}.player-empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#0009}.player-empty svg{width:60px;height:60px;padding:18px;border:1px solid #fff;border-radius:50%}.video-page h1{font-size:30px;margin-bottom:5px}.video-page p{color:var(--muted)}.video-meta{display:flex;gap:20px;color:var(--muted)}.video-meta span{display:flex;gap:6px}.video-meta svg{width:18px}.related{background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:12px}.related h2{font-size:18px}.related a{display:flex;gap:10px;border-top:1px solid var(--line);padding:12px 0}.related img{width:90px;height:60px;object-fit:cover;border-radius:6px}.related b,.related span{display:block;font-size:12px}.related span{color:var(--muted)}.scanner-page{min-height:calc(100vh - 76px);display:grid;place-items:center;background:radial-gradient(circle at center,#1a2734,#070c12 65%);padding:25px}.phone-scanner{width:min(420px,100%);background:#0d151e;border:1px solid #273647;border-radius:28px;padding:22px;box-shadow:var(--shadow)}.scanner-head{display:flex;align-items:center}.scanner-head h1{font-size:23px;margin:auto}.phone-scanner>p{text-align:center;color:var(--muted)}.camera-frame{height:340px;background:#020406;border:1px solid #43566e;border-radius:14px;position:relative;overflow:hidden}.camera-frame video{width:100%;height:100%;object-fit:cover}.corners{position:absolute;inset:35px;border:2px solid #fff4;border-radius:8px}.laser{position:absolute;right:45px;left:45px;top:50%;height:2px;background:#ec6268;box-shadow:0 0 12px #ec6268;animation:laser 2s infinite}.phone-scanner #scanMessage{text-align:center;color:var(--muted);padding:12px}.phone-scanner>.btn{width:100%}.manual-scan{display:flex;margin-top:10px}.manual-scan input{flex:1;min-width:0;background:#080d13;border:1px solid var(--line);color:#fff;padding:9px;border-radius:0 8px 8px 0}.manual-scan button{border:0;background:#263d5a;border-radius:8px 0 0 8px;padding:0 13px}.scan-result{text-align:center;padding-block:70px}.success-ring{width:70px;height:70px;border-radius:50%;background:#153c32;color:var(--success);display:grid;place-items:center;margin:0 auto 15px}.scan-result>h1{font-size:42px;margin:8px}.scan-result>code{display:inline-block;background:#fff;color:#111;padding:8px 25px;border-radius:7px}.scan-product{display:grid;grid-template-columns:1fr 1fr;gap:25px;text-align:right;margin-top:35px}.scan-product>img{width:100%;height:330px;object-fit:contain;background:#e7eaed;border-radius:12px}.tutorial-row{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);padding:12px;margin:8px 0;border-radius:8px}.tutorial-row b,.tutorial-row span{display:block}.tutorial-row span{color:var(--muted);font-size:12px}.auth-page{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:45px;background:radial-gradient(circle at 50% 20%,#1d2a38,#070c12 55%)}.auth-card{width:min(470px,100%);background:#101923;border:1px solid #2e3d4f;border-radius:16px;padding:34px;box-shadow:var(--shadow)}.auth-card.wide{width:min(720px,100%)}.brand-text{font-size:28px;font-style:italic;font-weight:bold}.auth-card h1{font-size:25px}.auth-card>p,.auth-card form p{color:var(--muted)}.auth-card form p label{display:block;color:#cdd5df}.auth-card input{width:100%}.auth-card .helptext,.auth-card ul{font-size:11px;color:var(--muted)}.auth-card .btn{width:100%}.auth-links{display:flex;justify-content:space-between;font-size:12px;margin-top:15px;color:var(--accent2)}.profile-page{display:grid;grid-template-columns:250px 1fr;gap:20px;padding-block:60px}.profile-sidebar,.profile-content{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:22px}.avatar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#3c5878;font-size:25px}.profile-sidebar h2{font-size:18px}.profile-sidebar a{display:flex;gap:9px;color:var(--muted);padding:10px;margin:3px 0;border-radius:7px}.profile-sidebar a.active,.profile-sidebar a:hover{background:#1c2a3a;color:#fff}.profile-sidebar svg{width:18px}.profile-content h1{font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid p{margin:0}.form-grid label{display:block;color:var(--muted)}.form-grid input,.form-grid select,.form-grid textarea{width:100%}.form-grid textarea{height:100px}.error-page{text-align:center;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-page>b{font-size:100px;color:#294466}.error-page h1{margin:0}.error-page p{color:var(--muted)}
/* dashboard */.dashboard-body{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.dash-sidebar{position:sticky;top:0;height:100vh;background:#111a25;border-left:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column}.dash-sidebar .brand{padding:0 12px 25px}.dash-sidebar .brand small{color:var(--muted)}.dash-sidebar nav{display:grid;gap:4px}.dash-sidebar nav a,.dash-sidebar form button{display:flex;align-items:center;gap:10px;color:var(--muted);padding:10px 12px;border-radius:7px}.dash-sidebar nav a:hover{background:#1a2a3d;color:#fff}.dash-sidebar svg{width:17px}.dash-sidebar form{margin-top:auto}.dash-sidebar form button{border:0;background:none;color:#df7076}.dash-main{min-width:0}.dash-top{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;padding:0 28px}.dash-top div span,.dash-top div b{display:block}.dash-top span{font-size:11px;color:var(--muted)}.dash-menu{display:none}.dash-content{padding:30px}.dash-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dash-title h1{margin:2px 0;font-size:28px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stats-grid>div{background:linear-gradient(145deg,#151f2b,#101720);border:1px solid var(--line);padding:16px;border-radius:10px}.stats-grid svg{width:19px;color:var(--accent2)}.stats-grid span,.stats-grid b{display:block}.stats-grid span{font-size:12px;color:var(--muted)}.stats-grid b{font-size:25px}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px}.chart-card,.recent-card,.table-card,.dash-form-card{background:#101822;border:1px solid var(--line);border-radius:11px;padding:18px}.chart-card .section-head{margin:0}.chart-card h2,.recent-card h2{font-size:18px}.fake-chart{height:260px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid var(--line);padding:20px}.fake-chart div{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.fake-chart div span{display:block;height:var(--h);width:34px;background:linear-gradient(#5d82b1,#263c58);border-radius:4px 4px 0 0}.fake-chart small{color:var(--muted)}.recent-card>div{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.recent-card span b,.recent-card span small{display:block}.recent-card small,.recent-card time{color:var(--muted);font-size:10px}.table-tools{display:flex;justify-content:flex-end;margin-bottom:12px}.table-tools input{background:#0a1017;border:1px solid var(--line);color:#fff;padding:8px;border-radius:0 7px 7px 0}.table-tools button{background:#253a55;border:0;border-radius:7px 0 0 7px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:600px}th,td{text-align:right;padding:13px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}.status{border:0;border-radius:4px;background:#512d32;color:#f29da2;padding:3px 8px}.status.active{background:#164b3c;color:#6ae0b4}.row-actions{display:flex;gap:7px}.row-actions a,.row-actions button{width:32px;height:32px;display:grid;place-items:center;background:#172231;border:1px solid var(--line);border-radius:6px}.row-actions svg{width:15px}.dash-form-card{max-width:900px}.toast-stack{position:fixed;left:20px;bottom:20px;z-index:500;display:grid;gap:8px}.toast{background:#172231;border:1px solid var(--line);border-right:3px solid var(--accent);padding:10px 15px;border-radius:7px;box-shadow:var(--shadow)}.empty{grid-column:1/-1;text-align:center;padding:60px;background:var(--surface);border:1px dashed var(--line);border-radius:12px;color:var(--muted)}@keyframes fade{from{opacity:0}}@keyframes rise{from{transform:translateY(20px);opacity:0}}@keyframes shimmer{to{background-position:-200%}}@keyframes laser{0%,100%{top:25%}50%{top:75%}}
@media(max-width:1000px){.site-header{grid-template-columns:100px 1fr}.site-header nav{position:fixed;top:76px;right:0;left:0;display:none;flex-direction:column;background:#0b1119;padding:20px}.site-header nav.open{display:flex}.header-tools{grid-column:2}.menu-toggle{display:grid}.quick-grid{grid-template-columns:repeat(3,1fr)}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:230px 1fr}.parts-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.dash-grid{grid-template-columns:1fr}}
@media(max-width:720px){.wrap{width:min(100% - 24px,1180px)}.site-header{height:66px;padding:0 12px;grid-template-columns:75px 1fr;gap:8px}.brand img{width:70px}.search{max-width:none}.icon-btn{display:none}.hero{min-height:590px;padding:50px 24px;background-position:58% center}.hero:before{content:"";position:absolute;inset:0;background:#05090e66}.hero-copy{width:75%}.hero h1{font-size:48px}.hero h2{font-size:23px}.quick-grid{grid-template-columns:repeat(2,1fr);margin-top:-25px}.quick-grid a{min-height:105px}.quick-grid a:first-child{grid-column:span 2}.section{padding:70px 0}.vehicle-grid,.video-grid,.service-panel,.detail-hero,.scan-product,.video-layout,.profile-page{grid-template-columns:1fr}.vehicle-card img{height:210px}.service-panel img{height:280px}.service-panel>div{padding:25px}.filter-bar{display:grid}.detail-hero{padding-block:35px;gap:25px}.detail-image{height:300px}.codes img{max-width:190px;height:70px}.part-info-grid{grid-template-columns:1fr 1fr}.catalog-layout{grid-template-columns:1fr}.catalog-car{min-height:260px}.catalog-layout aside{order:2}.parts-grid{grid-template-columns:1fr 1fr}.part-card>div{height:130px}.part-modal-grid{grid-template-columns:1fr}.related{margin-top:15px}.form-grid{grid-template-columns:1fr}.dashboard-body{display:block}.dash-sidebar{position:fixed;right:-260px;z-index:200;width:240px;transition:.25s}.dash-sidebar.open{right:0}.dash-top{justify-content:space-between}.dash-menu{display:grid;background:none;border:0}.dash-content{padding:18px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div:last-child{grid-column:span 2}.dash-title{align-items:flex-start;gap:15px}.dash-title .btn{padding:8px 10px}.auth-page{padding:18px}.auth-card{padding:25px 20px}}
@media(max-width:440px){.search input{width:100px}.quick-grid,.parts-grid{grid-template-columns:1fr}.quick-grid a:first-child{grid-column:auto}.hero-copy{width:95%}.part-info-grid{grid-template-columns:1fr}.codes{flex-wrap:wrap}.phone-scanner{border-radius:16px}.camera-frame{height:300px}.stats-grid{grid-template-columns:1fr}.stats-grid>div:last-child{grid-column:auto}}

.trust-seal-wrap{display:flex;justify-content:center;margin:20px auto}.trust-seal{width:110px;height:110px;object-fit:contain}.site-credit-wall{position:relative!important;z-index:2147483000!important;isolation:isolate!important;display:flex!important;justify-content:center;gap:18px;flex-wrap:wrap;margin:28px -20px -55px!important;padding:15px 20px!important;background:#05090e!important;border-top:1px solid var(--line)!important;color:#c4ced9!important;font-size:12px!important;transform:none!important;pointer-events:none!important;min-height:54px}


/* KMC dashboard / role UI refinements */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}
.nav-user{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;font-size:12px}.nav-user span{color:var(--muted)}.nav-user b{color:var(--text)}.btn.compact{padding:7px 11px;font-size:12px}.nav-logout{margin:0}.nav-logout .icon-btn{cursor:pointer}.dash-sidebar nav{overflow:auto;min-height:0;padding-bottom:var(--space-4)}.dash-nav-title{display:block;color:#627184;font-size:10px;padding:16px 12px 5px}.dash-nav-group{border-top:1px solid rgba(255,255,255,.04);padding-top:4px}.dash-nav-group summary{cursor:pointer;display:flex;align-items:center;gap:10px;color:#b7c3d1;padding:10px 12px;border-radius:7px;list-style:none}.dash-nav-group summary::-webkit-details-marker{display:none}.dash-nav-group[open] summary{background:#172638;color:#fff}.dash-nav-group>a{padding-right:38px!important;font-size:12px}.dash-sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:var(--space-3);display:grid;gap:var(--space-2)}.dash-sidebar-bottom form{margin:0}.dash-sidebar-bottom button{width:100%;border:0;background:#14202d;color:#c9d5e2;border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:9px;cursor:pointer}.dash-sidebar-bottom .logout-btn{color:#f08f94;background:#25181c}.role-switch.trainee{background:#182a29;color:#86d8cb}.dash-subtitle{color:var(--muted);margin:3px 0 0}.manager-profile-strip{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4);background:linear-gradient(135deg,#121d29,#0f1720);border:1px solid var(--line);border-radius:var(--radius)}.manager-profile-strip>div:nth-child(2){display:grid}.manager-profile-strip span{color:var(--muted);font-size:12px}.manager-avatar,.mini-avatar,.trainee-avatar{overflow:hidden;display:grid;place-items:center;border-radius:50%;background:#23364c}.manager-avatar{width:58px;height:58px}.manager-avatar img,.mini-avatar img,.trainee-avatar img,.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.stats-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.base-data-panel{margin-top:var(--space-5);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.base-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.base-data-grid a{padding:14px 16px;background:#111d29;border:1px solid var(--line);border-radius:9px;color:#dbe5ef;transition:.2s}.base-data-grid a:hover{border-color:#526f92;transform:translateY(-2px)}.user-filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--space-2);margin-bottom:var(--space-4)}.user-filter-bar input,.user-filter-bar select{min-width:0;background:#0a1017;border:1px solid var(--line);border-radius:8px;color:#fff;padding:10px 12px}.user-admin-list{display:grid;gap:var(--space-4)}.user-admin-card{border:1px solid var(--line);border-radius:12px;background:#0d151f;padding:var(--space-4)}.user-summary{display:grid;grid-template-columns:48px 1fr auto;gap:var(--space-3);align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}.user-summary h2{font-size:16px;margin:0}.user-summary p,.user-summary small{display:block;margin:0;color:var(--muted);font-size:11px}.mini-avatar{width:46px;height:46px}.permission-form{padding-top:var(--space-3)}.permission-columns{display:grid;grid-template-columns:1fr 1fr 2fr;gap:var(--space-3);margin:var(--space-3) 0}.permission-columns fieldset{border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px}.permission-columns legend{padding:0 6px;color:#aab7c6}.permission-columns label,.switch-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#c8d2de}.access-fieldset{max-height:220px;overflow:auto}.table-code{display:block;color:var(--accent2);font-size:10px;margin-top:3px}.avatar-editor{display:grid;grid-template-columns:96px 1fr;gap:var(--space-4);align-items:center;margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--line);border-radius:12px;background:#0d151e}.profile-avatar-preview{width:92px;height:92px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#243950}.btn.danger{background:#381e23;border-color:#6c323b;color:#ffb8bd}.qr-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.qr-admin-card{padding:var(--space-4);border:1px solid var(--line);border-radius:12px;background:#0d151e}.qr-admin-card img{display:block;width:100%;max-height:110px;object-fit:contain;background:#fff;border-radius:7px;padding:8px}.qr-admin-card code{display:block;color:#a9bad0;direction:ltr;text-align:left;margin:8px 0}.trainee-dashboard{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#07100f}.trainee-sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;background:#0d1918;border-left:1px solid #1f3734;display:flex;flex-direction:column}.trainee-sidebar nav{display:grid;gap:5px}.trainee-sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#9fb5b0;border-radius:8px}.trainee-sidebar nav a:hover,.trainee-sidebar nav a.active{color:#effffc;background:#142927}.trainee-sidebar .brand{padding:0 12px 25px}.trainee-sidebar .brand small{color:#78b8ab}.trainee-main{min-width:0}.trainee-top{height:72px;padding:0 28px;border-bottom:1px solid #1d3431;display:flex;align-items:center;justify-content:flex-end}.trainee-top>div{display:grid;text-align:left}.trainee-top span{color:#86a69f;font-size:11px}.trainee-menu{display:none;border:0;background:none;color:#fff}.trainee-content{padding:30px}.trainee-welcome{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;border:1px solid #21413d;border-radius:16px;background:linear-gradient(135deg,#102521,#0c1718)}.trainee-welcome h1{font-size:32px;margin:5px 0}.trainee-welcome p{color:#8fa9a4;margin:0}.trainee-avatar{width:82px;height:82px}.trainee-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}.trainee-course-grid article{padding:var(--space-5);border:1px solid #203b38;border-radius:14px;background:#0d1918}.trainee-course-grid h2{margin:10px 0 5px;font-size:20px}.trainee-course-grid p{color:#8ba39f;font-size:13px;min-height:48px}.course-status{font-size:10px;color:#7de1cb;background:#15362f;padding:3px 8px;border-radius:20px}.progress-track{height:7px;background:#172927;border-radius:10px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#4b9e8d,#76d4c2)}.course-meta{display:flex;justify-content:space-between;margin:8px 0 14px}.course-meta small{color:#79938e}.form-guide{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}.form-guide h2{font-size:18px;margin:0}.form-guide p{color:var(--muted);margin:3px 0 0}.dash-form-card .form-grid>p{margin:0 0 var(--space-3)}.dash-form-card label{display:block;color:#b8c3cf;margin-bottom:5px}.field-control{width:100%;background:#0a1017;color:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:42px}.field-control[type=file]{padding:8px}.field-control:focus{outline:none;border-color:#6083ad;box-shadow:0 0 0 3px rgba(96,131,173,.12)}
@media(max-width:1180px){.stats-grid.six{grid-template-columns:repeat(3,1fr)}.base-data-grid{grid-template-columns:repeat(3,1fr)}.trainee-course-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.nav-user span{display:none}.user-filter-bar{grid-template-columns:1fr 1fr}.user-filter-bar input{grid-column:1/-1}.permission-columns{grid-template-columns:1fr}.base-data-grid{grid-template-columns:repeat(2,1fr)}.qr-admin-grid{grid-template-columns:repeat(2,1fr)}.trainee-dashboard{display:block}.trainee-sidebar{position:fixed;right:-260px;width:240px;z-index:250;transition:right .25s}.trainee-sidebar.open{right:0}.trainee-menu{display:grid}.trainee-top{justify-content:space-between}.manager-profile-strip{grid-template-columns:56px 1fr}.manager-profile-strip .btn{grid-column:1/-1}}
@media(max-width:600px){.stats-grid.six,.base-data-grid,.trainee-course-grid,.qr-admin-grid{grid-template-columns:1fr}.user-filter-bar{grid-template-columns:1fr}.user-summary{grid-template-columns:44px 1fr}.user-summary>.status{grid-column:2}.avatar-editor{grid-template-columns:1fr;text-align:center}.profile-avatar-preview{margin:auto}.trainee-content{padding:16px}.trainee-welcome{padding:20px}.trainee-avatar{width:64px;height:64px}.site-header .header-tools{min-width:0}.nav-user .btn{white-space:nowrap}}
.trainee-activity{margin-top:var(--space-5);padding:var(--space-5);border:1px solid #203b38;border-radius:14px;background:#0d1918}.trainee-activity .section-head{margin-bottom:var(--space-3)}.activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.activity-list>div{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #1d3532;border-radius:9px;background:#10201e}.activity-list span{display:grid}.activity-list small{color:#78938d;font-size:10px}@media(max-width:700px){.activity-list{grid-template-columns:1fr}}

/* Dashboard collapsible navigation + reusable pagination */
.dash-nav-group{margin:2px 0;border-top:0;padding-top:0}
.dash-nav-group summary{justify-content:space-between;min-height:38px;padding:8px 10px;font-size:13px;user-select:none}
.dash-nav-group summary .summary-label{display:flex;align-items:center;gap:9px;min-width:0}
.dash-nav-group summary .summary-label svg{flex:0 0 auto}
.dash-nav-group summary:focus-visible{outline:2px solid #6f91b8;outline-offset:2px}
.nav-chevron{width:8px;height:8px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease;flex:0 0 auto;margin-inline-start:8px;opacity:.85}
.dash-nav-group[open] .nav-chevron{transform:rotate(135deg)}
.dash-nav-group.active-group>summary{background:#172638;color:#fff}
.dash-submenu{display:grid;gap:1px;padding:3px 0 5px;border-right:1px solid rgba(113,145,181,.22);margin-right:18px}
.dash-sidebar nav .dash-submenu>a{position:relative;padding:6px 17px 6px 8px!important;min-height:30px;border-radius:6px;font-size:11.5px;line-height:1.45;color:#91a0b1}
.dash-sidebar nav .dash-submenu>a:before{content:"";position:absolute;right:-2px;top:50%;width:5px;height:5px;border-radius:50%;background:#52657a;transform:translateY(-50%)}
.dash-sidebar nav .dash-submenu>a:hover{background:#152334;color:#fff}
.dash-sidebar nav a.active,.dash-sidebar nav .dash-submenu>a.active{background:#1d3148;color:#fff;font-weight:700}
.dash-sidebar nav .dash-submenu>a.active:before{background:#83a6ce;box-shadow:0 0 0 3px rgba(131,166,206,.12)}
.dash-sidebar nav{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2c4056 transparent;padding-inline-end:2px}
.dash-sidebar nav::-webkit-scrollbar{width:5px}.dash-sidebar nav::-webkit-scrollbar-thumb{background:#2c4056;border-radius:10px}

.dashboard-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);direction:rtl}
.pagination-pages{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}
.pagination-control,.pagination-number{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#111b27;color:#b9c6d4;display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:.18s}
.pagination-control:hover,.pagination-number:hover{background:#1b2b3d;color:#fff;border-color:#47617d}
.pagination-number.active{background:#294767;border-color:#5d82aa;color:#fff;font-weight:700;pointer-events:none}
.pagination-control.disabled{opacity:.38;cursor:not-allowed}
.pagination-ellipsis{min-width:24px;text-align:center;color:#75879b}
.report-grid{grid-template-columns:1fr}
.table-card>.dashboard-pagination{margin-inline:0}

@media(max-width:720px){
  .dash-nav-group summary{padding:8px 9px}
  .dash-sidebar nav .dash-submenu>a{padding-top:7px!important;padding-bottom:7px!important}
  .dashboard-pagination{gap:6px}
  .pagination-control,.pagination-number{min-width:32px;height:32px;padding:0 8px}
}

/* Reusable Persian multi-select dropdowns. */
.custom-multiselect{position:relative;width:100%;z-index:1}
.custom-multiselect.open{z-index:80}
.custom-multiselect-toggle{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid #2d4056;border-radius:8px;background:#0a1017;color:#eef4fb;font:inherit;cursor:pointer;text-align:right;direction:rtl}
.custom-multiselect-toggle:hover{border-color:#405c79}.custom-multiselect-toggle:focus-visible{outline:none;border-color:#6689b0;box-shadow:0 0 0 3px rgba(102,137,176,.12)}
.custom-multiselect-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8e1eb}
.custom-multiselect-arrow{width:8px;height:8px;flex:0 0 auto;border-left:1.5px solid #b8c6d5;border-bottom:1.5px solid #b8c6d5;transform:rotate(-45deg);transition:transform .18s ease}
.custom-multiselect.open .custom-multiselect-arrow{transform:rotate(135deg)}
.custom-multiselect-dropdown{position:absolute;top:calc(100% + 5px);right:0;left:0;z-index:90;border:1px solid #334a64;border-radius:8px;background:#0b131d;box-shadow:0 18px 40px rgba(0,0,0,.38);overflow:hidden;direction:rtl}
.custom-multiselect-dropdown[hidden]{display:none!important}
.custom-multiselect-tools{display:grid;gap:7px;padding:9px;border-bottom:1px solid #26384c;background:#101b28}
.custom-multiselect-search{width:100%;height:36px;border:1px solid #334a64;border-radius:6px;background:#0a1119;color:#eef4fb;padding:0 10px;font-family:inherit;direction:rtl}
.custom-multiselect-search::placeholder{color:#718399}.custom-multiselect-search:focus{outline:none;border-color:#6689b0;box-shadow:0 0 0 3px rgba(102,137,176,.1)}
.custom-multiselect-actions{display:flex;gap:6px;flex-wrap:wrap}.custom-multiselect-action{border:1px solid #3b526c;border-radius:6px;background:#172536;color:#c4d0dd;padding:6px 9px;font:inherit;font-size:11px;cursor:pointer}.custom-multiselect-action:hover{background:#213650;color:#fff}
.custom-multiselect-options{display:block;max-height:260px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#35506e #0b131d}
.custom-multiselect-options::-webkit-scrollbar{width:7px}.custom-multiselect-options::-webkit-scrollbar-track{background:#0b131d}.custom-multiselect-options::-webkit-scrollbar-thumb{background:#35506e;border-radius:10px;border:2px solid #0b131d}
.custom-multiselect-option{display:flex!important;align-items:center;gap:10px;width:100%;margin:0!important;padding:9px 12px!important;border:0;border-bottom:1px solid rgba(61,81,104,.55);background:#0b131d;color:#dce6f0;font-weight:500!important;cursor:pointer;transition:background .14s,color .14s}
.custom-multiselect-option:last-child{border-bottom:0}.custom-multiselect-option:hover{background:#142234;color:#fff}.custom-multiselect-option:has(input:checked){background:#172a3f;color:#fff}
.custom-multiselect-option input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#668db8;flex:0 0 auto}.custom-multiselect-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-multiselect-group-title{padding:7px 12px;background:#101b28;color:#91a6bd;font-size:11px;border-bottom:1px solid #26384c}.custom-multiselect-empty{padding:14px;text-align:center;color:#8292a5;font-size:12px}

/* Persian file input: hides browser's English Choose File / No file chosen chrome. */
.custom-file-field{width:100%;display:grid;gap:8px}.native-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}
.custom-file-row{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 8px;border:1px solid #2f4359;border-radius:8px;background:#0a1017}
.custom-file-button{display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;padding:8px 13px;border-radius:7px;background:#213955;color:#fff!important;font-size:12px;cursor:pointer;white-space:nowrap}.custom-file-button:hover{background:#2d4b6c}
.custom-file-name{min-width:0;color:#9eacbb;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-file{font-size:11px;color:#8ea0b2}.current-file a{color:#91b8e3}.clear-file-option{display:flex!important;align-items:center;gap:7px;margin:0!important;color:#d6a5a8!important;font-weight:500!important;font-size:11px}.clear-file-option input{accent-color:#d56168}
@media(max-width:600px){.custom-multiselect-dropdown{max-width:100vw}.custom-multiselect-actions{display:grid;grid-template-columns:1fr 1fr}.custom-file-row{align-items:stretch;flex-direction:column}.custom-file-name{white-space:normal}.custom-file-button{width:100%}}


/* Dashboard sidebar RTL alignment + offline submenu chevrons */
.dash-sidebar,.dash-sidebar nav,.dash-sidebar nav a,.dash-nav-group,.dash-nav-group summary,.dash-submenu{direction:rtl;text-align:right}
.dash-sidebar nav{width:100%}
.dash-sidebar nav>a,.dash-sidebar .dash-nav-link{width:100%;justify-content:flex-start;text-align:right}
.dash-sidebar nav>a>span,.dash-sidebar .dash-nav-link>span{flex:1;min-width:0;text-align:right}
.dash-nav-group{width:100%}
.dash-nav-group summary.sidebar-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right;user-select:none}
.sidebar-group-label{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-align:right}
.sidebar-group-label>span{display:block;min-width:0;flex:1;text-align:right;white-space:normal}
.sidebar-arrow{flex:0 0 auto!important;width:14px!important;height:14px!important;min-width:14px!important;color:#8393a6;transition:transform .2s ease,color .2s ease}
.dash-nav-group[open]>.sidebar-group-toggle .sidebar-arrow{transform:rotate(180deg);color:#dbe7f4}
.dash-nav-group>.dash-submenu{display:grid;gap:2px;padding:4px 0 5px}
.dash-nav-group>.dash-submenu>a{position:relative;width:100%;justify-content:flex-start!important;text-align:right!important;padding:7px 38px 7px 10px!important;font-size:12px;line-height:1.55;color:#91a0b1}
.dash-nav-group>.dash-submenu>a:before{content:"";position:absolute;right:22px;top:50%;width:5px;height:5px;border-radius:50%;background:#52657a;transform:translateY(-50%)}
.dash-nav-group>.dash-submenu>a:hover{background:#152334;color:#fff}
.dash-nav-group>.dash-submenu>a.active{background:#1d3148;color:#fff;font-weight:700}
.dash-nav-group>.dash-submenu>a.active:before{background:#83a6ce;box-shadow:0 0 0 3px rgba(131,166,206,.12)}
.dash-sidebar-bottom button{direction:rtl;text-align:right;justify-content:flex-start}
.dash-sidebar-bottom button>span{flex:1;text-align:right}
@media(max-width:720px){.dash-sidebar nav>a,.dash-sidebar .dash-nav-link,.dash-nav-group summary.sidebar-group-toggle,.dash-nav-group>.dash-submenu>a{text-align:right}}
.dash-sidebar-bottom .view-site-btn{width:100%;border:1px solid rgba(255,255,255,.06);background:#14202d;color:#c9d5e2;border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:9px;direction:rtl;text-align:right;justify-content:flex-start}
.dash-sidebar-bottom .view-site-btn:hover{background:#1a2a3a;color:#fff;border-color:#31465d}
.dash-sidebar-bottom .view-site-btn>span{flex:1;text-align:right}
.image-preview-box{margin-top:9px;width:min(220px,100%);padding:9px;border:1px solid #31465d;border-radius:10px;background:#0a121b}.image-preview-box[hidden]{display:none!important}.image-preview-box img{display:block;width:100%;max-height:150px;object-fit:contain;border-radius:7px;background:#fff}.image-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.image-preview-head>span{color:#8fa2b6;font-size:11px}.image-preview-remove{display:inline-flex;align-items:center;gap:5px;border:1px solid #6a3339;border-radius:7px;background:#29171b;color:#ffb1b6;padding:6px 8px;font:inherit;font-size:10px;cursor:pointer}.image-preview-remove:hover{background:#381c22;color:#ffd4d7}.image-preview-remove i{width:14px!important;height:14px!important;min-width:14px!important}

/* Home news and announcement overview. */
.home-update-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.home-update-links a{color:var(--accent2);font-size:13px}.home-updates-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:18px}.home-news-list,.home-notice-list{display:grid;gap:12px}.home-update-card{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#121c27,#0d151e);transition:.2s}.home-update-card:hover,.home-notice-card:hover{transform:translateY(-2px);border-color:#52729b}.home-update-card img{width:150px;height:96px;object-fit:cover;border-radius:8px}.home-update-card h3,.home-notice-card h3{margin:2px 0 3px;font-size:16px}.home-update-card p,.home-notice-card p{margin:0;color:var(--muted);font-size:12px}.home-notice-card{display:block;padding:16px;border:1px solid var(--line);border-right:3px solid var(--accent);border-radius:12px;background:var(--surface);transition:.2s}.compact-empty{padding:28px}
@media(max-width:820px){.home-updates-grid{grid-template-columns:1fr}}
@media(max-width:560px){.home-update-card{grid-template-columns:1fr}.home-update-card img{width:100%;height:160px}.home-updates .section-head{align-items:flex-start;gap:12px;flex-direction:column}}

.account-status-page{min-height:70vh;display:grid;place-items:center;padding-block:40px}.account-status-card{width:min(620px,100%);text-align:center;padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#101a25,#0b121a);box-shadow:var(--shadow)}.account-status-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#1a2b3d;color:#9fc0e5}.account-status-icon svg{width:26px}.account-status-card h1{margin:0 0 8px;font-size:25px}.account-status-card p{color:var(--muted);margin:0 auto 20px;max-width:500px}.account-status-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.account-status-actions form{margin:0}@media(max-width:600px){.account-status-card{padding:24px 16px}.account-status-actions{display:grid}.account-status-actions .btn{width:100%}}

.custom-multiselect-toggle:disabled{opacity:.55;cursor:not-allowed}.custom-multiselect-dropdown.is-floating{position:fixed!important;right:auto!important;left:auto!important;z-index:2200!important;max-width:calc(100vw - 20px);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.58)}