:root{--brand:#2f73ff;--brand-2:#5b8cff;--accent:#20d39a;--amber:#f7b84b;--danger:#ff5c72;--bg:#06111f;--bg-2:#081728;--panel:#0d1d31;--panel-2:#11243a;--panel-3:#162b43;--line:#203951;--line-soft:rgba(148,178,211,.13);--text:#f2f7fd;--muted:#91a7c0;--muted-2:#657b95;--white:#fff;--shadow:0 24px 80px rgba(0,0,0,.3);--radius:20px;--radius-sm:13px;--sidebar:244px;--topbar:72px;--content:1420px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(47,115,255,.11),transparent 27%),linear-gradient(180deg,#071320,#06101c 60%,#050d17);color:var(--text);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.icon{width:20px;height:20px;display:block;flex:0 0 auto}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:80;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:linear-gradient(180deg,#071321,#07111d 60%,#050c15);border-right:1px solid rgba(151,180,211,.16);box-shadow:16px 0 60px rgba(0,0,0,.18)}.brand-block{height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line-soft)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#184dc4);box-shadow:0 10px 28px rgba(47,115,255,.34);color:#fff}.brand-mark.large{width:47px;height:47px;border-radius:15px}.brand strong{display:block;font-size:14px;letter-spacing:.02em}.brand small{display:block;max-width:145px;color:var(--muted-2);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{min-height:0;flex:1;overflow:hidden}.nav-scroll{height:100%;overflow-y:auto;padding:15px 10px 30px;scrollbar-width:none}.nav-scroll::-webkit-scrollbar{width:0}.nav-section{padding:15px 10px 7px;color:#60758e;font-size:14px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:12px;min-height:41px;padding:0 12px;margin:2px 0;border:1px solid transparent;border-radius:11px;color:#93a9c1;font-size:14px;font-weight:700;transition:.18s ease}.nav-link .icon{width:17px;height:17px}.nav-link:hover{background:rgba(255,255,255,.04);color:#eaf3fd}.nav-link.active{background:linear-gradient(90deg,rgba(47,115,255,.2),rgba(47,115,255,.08));border-color:rgba(79,139,255,.25);color:#fff;box-shadow:inset 3px 0 var(--brand)}.sidebar-bottom{padding:10px;border-top:1px solid var(--line-soft)}.balance-card{padding:14px;border:1px solid rgba(74,128,187,.24);border-radius:15px;background:linear-gradient(145deg,#102540,#0a192b)}.balance-card span{display:block;color:var(--muted);font-size:14px}.balance-card strong{display:block;margin:3px 0 7px;font-size:25px;line-height:1}.balance-card a{display:flex;align-items:center;justify-content:space-between;color:#90b7ff;font-size:14px;font-weight:800}.balance-card .icon{width:14px}.logout{margin-top:6px}.portal-status{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#0b1929}.portal-status.compact{padding:7px 9px;border-radius:11px}.portal-status .status-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.04)}.status-dot.open{background:var(--accent);box-shadow:0 0 0 4px rgba(32,211,154,.12)}.status-dot.closed{background:var(--danger);box-shadow:0 0 0 4px rgba(255,92,114,.12)}.portal-status div{min-width:0;flex:1}.portal-status strong,.portal-status small{display:block;white-space:nowrap}.portal-status strong{font-size:14px}.portal-status small{color:var(--muted-2);font-size:14px}.portal-status b{padding:4px 7px;border-radius:7px;background:rgba(247,184,75,.12);color:var(--amber);font-size:14px;white-space:nowrap}.sidebar-bottom>.portal-status{margin-bottom:8px}.main{min-height:100vh;margin-left:var(--sidebar);display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(151,180,211,.13);background:rgba(6,17,31,.88);backdrop-filter:blur(20px)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:13px}.topbar h1{margin:1px 0 0;font-size:16px;line-height:1.2}.eyebrow{margin:0;color:#6f86a0;font-size:14px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.icon-button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:11px;background:#0d1d30;color:#b6c8da}.icon-button:hover{border-color:#3b6189;color:#fff}.menu-button,.sidebar-close{display:none}.quick-balance{display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#0d1d30;color:#d5e4f4;font-size:14px;font-weight:850}.quick-balance .icon{width:16px}.avatar{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #2d4864;border-radius:50%;background:linear-gradient(145deg,#1a3857,#0e2035);color:#fff;font-weight:900}.notification-wrap{position:relative}.notification-button{position:relative}.notification-button i{position:absolute;top:-5px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:14px;font-style:normal;line-height:17px}.notification-popover{position:absolute;right:0;top:48px;width:340px;display:none;padding:9px;border:1px solid #27425e;border-radius:17px;background:#0b1a2c;box-shadow:0 25px 80px rgba(0,0,0,.5)}.notification-popover.open{display:block}.popover-head{display:flex;justify-content:space-between;padding:8px 9px 11px}.popover-head a{color:#77a6ff;font-size:14px}.notification-popover>a{display:grid;gap:2px;padding:10px;border-radius:11px}.notification-popover>a:hover{background:rgba(255,255,255,.04)}.notification-popover b{font-size:14px}.notification-popover span{color:var(--muted);font-size:14px}.notification-popover small{color:var(--muted-2);font-size:14px}.popover-empty{padding:25px;text-align:center;color:var(--muted)}.content{width:100%;max-width:var(--content);margin:0 auto;padding:28px 28px 70px;flex:1}.footer{display:flex;justify-content:space-between;padding:18px 28px;border-top:1px solid var(--line-soft);color:#61768e;font-size:14px}.mobile-bottom-nav{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 22px}.page-head h2{margin:0 0 4px;font-size:25px;letter-spacing:-.025em}.page-head p{margin:0;max-width:720px;color:var(--muted);font-size:14px}.page-kicker{display:block;margin-bottom:5px;color:#77a6ff;font-size:14px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:0 15px;border:1px solid #29445f;border-radius:11px;background:#10243a;color:#dce9f6;font-weight:850;font-size:14px;transition:.18s ease}.button:hover{transform:translateY(-1px);border-color:#4774a2;background:#142c46}.button.primary{border-color:transparent;background:linear-gradient(135deg,var(--brand),#1d5ddc);color:#fff;box-shadow:0 12px 28px rgba(47,115,255,.25)}.button.success{background:#0c7a5b;border-color:#129171}.button.danger{background:#8d2637;border-color:#b33b4e}.button.small{min-height:34px;padding:0 11px;font-size:14px}.button.ghost{background:transparent}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.alert{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:13px 15px;border:1px solid;border-radius:13px;font-size:14px}.alert.success{border-color:rgba(32,211,154,.3);background:rgba(32,211,154,.08);color:#8bf1ce}.alert.warning{border-color:rgba(247,184,75,.3);background:rgba(247,184,75,.08);color:#ffd78d}.alert.danger{border-color:rgba(255,92,114,.3);background:rgba(255,92,114,.08);color:#ff9eac}.alert button{border:0;background:none;color:inherit;font-size:18px}.card,.studio-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(17,36,58,.94),rgba(11,25,42,.96));box-shadow:0 16px 44px rgba(0,0,0,.16);overflow:hidden}.card-head,.studio-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;border-bottom:1px solid var(--line-soft)}.card-head h3,.studio-card-head h3{margin:0 0 2px;font-size:14px}.card-head p,.studio-card-head p{margin:0;color:var(--muted);font-size:14px}.card-body,.studio-card-body{padding:18px}.grid-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{display:flex;align-items:center;gap:13px;min-height:102px;padding:17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#10243a,#0a192a)}.stat-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px}.stat-icon.blue{background:rgba(47,115,255,.14);color:#77a6ff}.stat-icon.green{background:rgba(32,211,154,.13);color:#5ce6b8}.stat-icon.purple{background:rgba(163,100,255,.14);color:#bd8cff}.stat-icon.amber{background:rgba(247,184,75,.13);color:#ffd07c}.stat-card span,.stat-card small{display:block}.stat-card span{color:var(--muted);font-size:14px}.stat-card strong{display:block;margin:1px 0;font-size:24px}.stat-card small{color:var(--muted-2);font-size:14px}.input,.select,.textarea{width:100%;min-height:43px;padding:0 12px;border:1px solid #28445f;border-radius:11px;background:#071727;color:#eff6fd;outline:none;font-size:14px}.textarea{min-height:112px;padding:12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#4f8cff;box-shadow:0 0 0 3px rgba(47,115,255,.13)}.input::placeholder,.textarea::placeholder{color:#536b86}.field{min-width:0}.field label{display:block;margin-bottom:6px;color:#b9cbe0;font-size:14px;font-weight:800}.field .hint,.hint{display:block;margin-top:5px;color:var(--muted-2);font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field.full{grid-column:1/-1}.check-row{display:flex;align-items:flex-start;gap:10px}.check-row input{margin-top:2px}.segmented{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:13px;background:#071727}.segmented span{margin-right:5px;color:var(--muted);font-size:14px}.segmented label input{position:absolute;opacity:0}.segmented b{display:block;padding:7px 11px;border-radius:9px;font-size:14px}.segmented input:checked+b{background:#1a3f70;color:#fff}.table-wrap{overflow:auto;scrollbar-width:thin;scrollbar-color:#2d4c69 transparent}.table{width:100%;border-collapse:collapse}.table th{padding:11px 13px;background:#0a192a;color:#7590ac;text-align:left;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.table td{padding:13px;border-top:1px solid var(--line-soft);font-size:14px;vertical-align:middle}.table td strong,.table td small{display:block}.table td small{color:var(--muted-2);font-size:14px}.table tbody tr:hover{background:rgba(255,255,255,.025)}.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:8px;font-size:14px;font-weight:900}.status.success{background:rgba(32,211,154,.12);color:#5ee8ba}.status.warning{background:rgba(247,184,75,.12);color:#ffd17b}.status.danger{background:rgba(255,92,114,.12);color:#ff9cab}.status.info{background:rgba(47,115,255,.14);color:#80acff}.empty-state{display:grid;place-items:center;min-height:330px;padding:28px;text-align:center}.empty-state img{width:min(250px,65%);max-height:150px;object-fit:contain;margin-bottom:12px}.empty-state h3{margin:0 0 6px}.empty-state p{max-width:470px;margin:0 0 15px;color:var(--muted);font-size:14px}.hero-dashboard{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.65fr);min-height:300px;margin-bottom:18px;border:1px solid #264764;border-radius:24px;overflow:hidden;background:linear-gradient(120deg,#0d2742,#091827 65%)}.hero-dashboard>div{padding:36px}.hero-dashboard h2{max-width:630px;margin:10px 0 10px;font-size:36px;line-height:1.08;letter-spacing:-.04em}.hero-dashboard p{max-width:590px;color:#a8bdd3}.hero-dashboard img{width:100%;height:100%;object-fit:cover;opacity:.94}.hero-actions{display:flex;gap:9px;margin-top:20px}.metric-strip{display:flex;gap:22px;margin-top:26px}.metric-strip span{display:block;color:#6f89a5;font-size:14px}.metric-strip strong{font-size:17px}.premium-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(32,211,154,.2);border-radius:20px;background:rgba(32,211,154,.08);color:#76eac4;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.premium-badge i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.activity-timeline{display:grid;gap:9px}.activity-item{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(5,14,24,.32)}.activity-item>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:rgba(47,115,255,.12);color:#77a6ff}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:14px}.activity-item p{margin:2px 0 0;color:var(--muted);font-size:14px}.activity-item small{color:var(--muted-2);font-size:14px;white-space:nowrap}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.toolbar .input{flex:1}.toolbar .select{width:190px}.filter-card{padding:14px;margin-bottom:15px}.empty-inline{padding:20px;border:1px dashed #31516f;border-radius:13px;color:var(--muted);text-align:center}.empty-inline strong,.empty-inline span{display:block}.empty-inline strong{color:#d7e5f4}.note-box{padding:12px;border:1px solid rgba(47,115,255,.16);border-radius:12px;background:rgba(47,115,255,.07);color:#a7bed7;font-size:14px}.danger-box{border-color:rgba(255,92,114,.25);background:rgba(255,92,114,.07)}.success-box{border-color:rgba(32,211,154,.25);background:rgba(32,211,154,.07)}.auth-body{background:#050e18}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(440px,.7fr)}.auth-visual{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:38px 54px 44px;overflow:hidden;background:radial-gradient(circle at 28% 35%,rgba(47,115,255,.2),transparent 30%),linear-gradient(145deg,#061220,#0a1b2e)}.auth-brand{position:relative;z-index:3;display:flex;align-items:center;gap:12px}.auth-brand strong,.auth-brand span{display:block}.auth-brand span{color:#7f96b0;font-size:14px}.auth-visual-art{position:absolute;inset:0;opacity:.65}.auth-visual-art img{width:100%;height:100%;object-fit:cover}.auth-copy{position:relative;z-index:3;margin:auto 0;max-width:750px}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(32,211,154,.22);border-radius:20px;background:rgba(32,211,154,.08);color:#91f2d2;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.pill i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.auth-copy h1{margin:20px 0 14px;font-size:55px;line-height:1.02;letter-spacing:-.05em;max-width:750px}.auth-copy>p{max-width:650px;color:#a8bdd3;font-size:14px}.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}.feature-list>div{display:flex;gap:10px;padding:14px;border:1px solid rgba(148,178,211,.15);border-radius:14px;background:rgba(9,25,43,.7);backdrop-filter:blur(10px)}.feature-list .icon{color:#75a5ff}.feature-list strong,.feature-list small{display:block}.feature-list strong{font-size:14px}.feature-list small{color:#68809b;font-size:14px}.auth-panel{display:grid;place-items:center;padding:34px;background:linear-gradient(180deg,#0a1726,#07111e)}.auth-card{width:min(430px,100%);padding:29px;border:1px solid #233c57;border-radius:22px;background:linear-gradient(180deg,#0e2035,#091827);box-shadow:0 30px 90px rgba(0,0,0,.35)}.auth-card h2{margin:0 0 5px;font-size:26px}.auth-card>p{margin:0 0 22px;color:var(--muted);font-size:14px}.auth-form{display:grid;gap:13px}.auth-form .button{width:100%;margin-top:4px}.auth-links,.auth-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;color:var(--muted);font-size:14px}.auth-links a,.auth-options a{color:#79a7ff;font-weight:850}.remember-check{display:flex;align-items:center;gap:7px}.auth-divider{height:1px;margin:19px 0;background:var(--line-soft)}.auth-footer{text-align:center;margin-top:18px;color:#536a83;font-size:14px}.auth-mobile-brand{display:none}.password-wrap{position:relative}.password-wrap .input{padding-right:44px}.password-wrap button{position:absolute;right:6px;top:6px}.code-input{text-align:center;font-size:20px;letter-spacing:.3em}.wizard-steps{display:flex;align-items:center;justify-content:center;gap:8px;width:min(700px,100%);margin:0 auto 18px;padding:10px;border:1px solid var(--line);border-radius:15px;background:#091827}.wizard-step{display:flex;align-items:center;gap:8px;padding:8px 13px;border:0;border-radius:10px;background:transparent;color:#69819b;font-size:14px;font-weight:900}.wizard-step b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#18324f}.wizard-step.active{color:#fff;background:rgba(47,115,255,.1)}.wizard-step.active b{background:var(--brand)}.wizard-step.done b{background:#0f755a;color:#fff}.wizard-steps>i{width:45px;height:1px;background:#2a435d}.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:17px}.wizard-panel{display:none}.wizard-panel.active{display:block}.wizard-main{min-width:0}.wizard-main .studio-card{margin-bottom:14px}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin:14px 0}.order-summary{min-width:0}.summary-sticky{position:sticky;top:92px;padding:18px;border:1px solid #2c4b69;border-radius:18px;background:linear-gradient(180deg,#102743,#091827);box-shadow:var(--shadow)}.summary-kicker{color:#7b94af;font-size:14px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.summary-total{display:flex;align-items:end;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line-soft)}.summary-total span{color:var(--muted);font-size:14px}.summary-total strong{font-size:18px}.summary-total b{font-size:36px;line-height:.9}.price-lines{display:grid;gap:8px;padding:14px 0}.price-line{display:flex;justify-content:space-between;gap:10px;font-size:14px}.price-line span{color:#a8bdd3}.price-line.muted{color:var(--muted-2)}.summary-balance{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line-soft);font-size:14px}.summary-note{display:flex;gap:9px;padding:11px;border-radius:11px;background:rgba(32,211,154,.07);color:#89b8aa;font-size:14px}.summary-note .icon{color:var(--accent)}.section-index{display:inline-flex;margin-bottom:6px;color:#79a8ff;font-size:14px;font-weight:900;letter-spacing:.12em}.security-badge,.count-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:18px;background:rgba(32,211,154,.1);color:#74e8c1;font-size:14px;font-weight:900}.file-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.file-type-switch input{position:absolute;opacity:0}.file-type-switch span{display:grid;place-items:center;min-height:45px;border:1px solid #294862;border-radius:11px;background:#0a192a;font-size:14px;font-weight:850}.file-type-switch input:checked+span{border-color:#4c8cff;background:rgba(47,115,255,.11);color:#fff}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:20px;border:1px dashed #3d6387;border-radius:16px;background:radial-gradient(circle at 50% 20%,rgba(47,115,255,.1),transparent 35%),#071727;text-align:center;transition:.2s}.upload-zone.drag{border-color:var(--accent);background:rgba(32,211,154,.06)}.upload-zone input{position:absolute;opacity:0;pointer-events:none}.upload-zone.locked{opacity:.58;filter:saturate(.5);pointer-events:none}.upload-orb{display:grid;place-items:center;width:51px;height:51px;margin-bottom:12px;border-radius:16px;background:linear-gradient(135deg,#1d5fdc,#2f73ff);box-shadow:0 14px 35px rgba(47,115,255,.3)}.upload-zone strong{font-size:14px}.upload-zone small{margin-top:4px;color:var(--muted-2);font-size:14px}.selected-file{display:none;margin-top:11px;padding:7px 10px;border-radius:9px;background:rgba(32,211,154,.09);color:#7cebc7;font-size:14px}.selected-file.show{display:block}.upload-security-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.upload-security-strip>span{display:grid;grid-template-columns:23px 1fr;gap:2px 8px;padding:10px;border:1px solid var(--line-soft);border-radius:11px}.upload-security-strip .icon{grid-row:1/3;color:#77a7ff}.upload-security-strip b{font-size:14px}.upload-security-strip small{color:var(--muted-2);font-size:14px}.vehicle-context-banner{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:14px;border-radius:13px;background:#071727}.vehicle-context-banner>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(47,115,255,.14);color:#79a8ff}.vehicle-context-banner div{flex:1}.vehicle-context-banner strong,.vehicle-context-banner small{display:block}.vehicle-context-banner small{color:var(--muted-2);font-size:14px}.vehicle-context-banner>b{color:var(--accent);font-size:14px}.service-stack{display:grid;gap:9px}.stage-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.service-stack.options{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tile{position:relative;display:grid;grid-template-columns:30px 1fr auto;gap:11px;align-items:start;padding:14px;border:1px solid #284660;border-radius:13px;background:#08192a;cursor:pointer}.service-tile:hover{border-color:#3f6b94}.service-tile.selected{border-color:#4d8dff;background:linear-gradient(145deg,rgba(47,115,255,.14),rgba(8,25,42,.95));box-shadow:0 0 0 3px rgba(47,115,255,.07)}.service-tile input{position:absolute;opacity:0}.service-tick{display:grid;place-items:center;width:27px;height:27px;border:1px solid #345675;border-radius:9px;color:transparent}.service-tile.selected .service-tick{background:var(--brand);border-color:var(--brand);color:#fff}.service-copy strong,.service-copy small{display:block}.service-copy strong{font-size:14px}.service-copy small{margin-top:3px;color:var(--muted);font-size:14px;line-height:1.45}.service-price{color:#85adff;font-size:17px;font-weight:900}.service-price small{font-size:14px}.service-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.service-filter button{padding:6px 9px;border:1px solid #294863;border-radius:9px;background:#081827;color:#7d95ae;font-size:14px}.service-filter button.active{background:#1b4e96;color:#fff}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.review-grid>div{padding:11px;border:1px solid var(--line-soft);border-radius:10px;background:#071727}.review-grid span,.review-grid strong{display:block}.review-grid span{color:var(--muted-2);font-size:14px}.review-grid strong{margin-top:2px;font-size:14px}.review-services{margin-top:12px}.legal-confirm{margin-top:14px;padding:11px;border-radius:10px;background:rgba(247,184,75,.07);color:#bba777;font-size:14px}.credit-shop-hero{display:grid;grid-template-columns:1fr 280px;min-height:220px;margin-bottom:18px;border:1px solid #2b4b69;border-radius:23px;overflow:hidden;background:linear-gradient(120deg,#123660,#0a1a2c)}.credit-shop-hero>div{padding:29px}.credit-shop-hero h2{margin:7px 0;font-size:31px}.credit-shop-hero p{color:#a7bdd4}.credit-shop-hero img{width:100%;height:100%;object-fit:cover}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.package-card{position:relative;display:flex;flex-direction:column;min-height:260px;padding:18px;border:1px solid #2b4966;border-radius:17px;background:linear-gradient(150deg,#10243a,#0a192a);overflow:hidden}.package-card.featured{border-color:#467ee0;box-shadow:0 18px 55px rgba(47,115,255,.16)}.package-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--package-accent,#2f73ff),transparent)}.package-badge{align-self:flex-start;padding:5px 8px;border-radius:8px;background:rgba(47,115,255,.13);color:#8ab3ff;font-size:14px;font-weight:900;text-transform:uppercase}.package-card h3{margin:15px 0 4px;font-size:16px}.package-credits{font-size:35px;font-weight:900}.package-credits small{font-size:14px;color:var(--muted)}.package-price{margin:7px 0}.package-price del{margin-right:6px;color:#566e88}.package-price strong{color:#63e5b9;font-size:20px}.package-unit{color:var(--muted);font-size:14px}.package-features{display:grid;gap:5px;margin:13px 0 16px;color:#a8bdd3;font-size:14px}.package-features span:before{content:"✓";margin-right:6px;color:var(--accent)}.package-card form{margin-top:auto}.package-card .button{width:100%}.single-credit-card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#0d1f34}.quantity-control{display:flex;align-items:center;gap:7px}.quantity-control button{width:37px;height:37px;border:1px solid #315170;border-radius:9px;background:#081827;color:#fff}.quantity-control input{width:70px;text-align:center}.promo-field{display:flex;gap:8px}.ledger-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.ledger-summary>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:#0c1c2e}.ledger-summary span,.ledger-summary strong{display:block}.ledger-summary span{color:var(--muted);font-size:14px}.ledger-summary strong{font-size:25px}.autodata-hero{display:grid;grid-template-columns:1fr 320px;min-height:240px;margin-bottom:16px;border:1px solid #2a4a69;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#0c2a49,#081726)}.autodata-hero>div{padding:29px}.autodata-hero h2{margin:8px 0;font-size:30px}.autodata-hero img{width:100%;height:100%;object-fit:cover}.autodata-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#0a1a2c;margin-bottom:15px}.vehicle-result-card{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:13px}.vehicle-specs,.stage-result{padding:18px;border:1px solid var(--line);border-radius:17px;background:#0b1c30}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.spec-grid>div{padding:10px;border:1px solid var(--line-soft);border-radius:10px;background:#071727}.spec-grid span,.spec-grid strong{display:block}.spec-grid span{color:var(--muted-2);font-size:14px}.spec-grid strong{font-size:14px}.power-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.power-kpis>div{padding:13px;border-radius:11px;background:#071727}.power-kpis span,.power-kpis strong,.power-kpis small{display:block}.power-kpis span{color:var(--muted-2);font-size:14px}.power-kpis strong{font-size:23px}.power-kpis small{color:var(--accent);font-size:14px}.dyno-image{display:grid;place-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:#071727}.dyno-image img{width:100%;max-height:520px;object-fit:contain;border-radius:10px;background:#fff}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:15px}.profile-sidebar{display:grid;align-content:start;gap:13px}.profile-card{padding:18px;border:1px solid var(--line);border-radius:17px;background:#0c1d30}.profile-card h3{margin:0 0 13px}.tool-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tool-selector label{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--line-soft);border-radius:9px;background:#071727;font-size:14px}.sessions-list{display:grid;gap:8px}.session-row{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line-soft);border-radius:11px}.session-row>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:rgba(47,115,255,.11);color:#7aa8ff}.session-row strong,.session-row small{display:block}.session-row small{color:var(--muted-2);font-size:14px}.pwa-card{display:grid;grid-template-columns:1fr 140px;gap:12px;align-items:center}.pwa-card img{width:140px;height:180px;object-fit:cover;border-radius:14px}.notification-list{display:grid;gap:9px}.notification-card{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:13px;background:#0b1b2e}.notification-card.unread{border-color:#376ba6;background:rgba(47,115,255,.07)}.notification-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(47,115,255,.12);color:#7aa8ff}.notification-card h4{margin:0;font-size:14px}.notification-card p{margin:3px 0;color:var(--muted);font-size:14px}.notification-card small{color:var(--muted-2);font-size:14px}.timeline-group{margin-bottom:17px}.timeline-group h3{margin:0 0 8px;color:#8ea6c0;font-size:14px}.admin-activity-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px}.activity-filters{position:sticky;top:91px;align-self:start;padding:14px;border:1px solid var(--line);border-radius:15px;background:#0a192a}.activity-feed{display:grid;gap:8px}.activity-feed .activity-item{grid-template-columns:35px 1fr auto}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card .card-body{display:grid;gap:13px}.system-path{padding:10px;border-radius:9px;background:#071727}.system-path span,.system-path code{display:block}.system-path span{color:var(--muted-2);font-size:14px}.system-path code{margin-top:3px;color:#a9c1da;font-size:14px;word-break:break-all}.floating-save{position:sticky;bottom:12px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding:12px 15px;border:1px solid #2b4966;border-radius:14px;background:rgba(7,20,34,.94);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.35)}.pwa-install-toast{position:fixed;z-index:150;right:18px;bottom:18px;display:grid;grid-template-columns:55px 1fr auto auto;gap:11px;align-items:center;width:min(520px,calc(100% - 36px));padding:11px;border:1px solid #315475;border-radius:16px;background:#0b1c2f;box-shadow:var(--shadow)}.pwa-install-toast img{width:55px;height:65px;object-fit:cover;border-radius:9px}.pwa-install-toast strong,.pwa-install-toast span{display:block}.pwa-install-toast span{color:var(--muted);font-size:14px}.technical-details{border:1px solid var(--line-soft);border-radius:11px;background:#071727}.technical-details summary{padding:10px;cursor:pointer;color:#8ea7c1;font-size:14px}.technical-details pre{max-height:360px;overflow:auto;margin:0;padding:12px;color:#b8cce0;font-size:14px;white-space:pre-wrap;word-break:break-word}.modal-backdrop{position:fixed;z-index:140;inset:0;display:none;place-items:center;padding:18px;background:rgba(0,7,14,.75);backdrop-filter:blur(8px)}.modal-backdrop.open{display:grid}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;border:1px solid #31506e;border-radius:20px;background:#0c1e32;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line-soft)}.modal-body{padding:18px}.hidden{display:none!important}
@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(2,1fr)}.wizard-layout{grid-template-columns:1fr}.order-summary{order:-1}.summary-sticky{position:static;display:grid;grid-template-columns:1fr auto;gap:8px}.summary-total{padding:8px 0}.summary-note{grid-column:1/-1}.package-grid{grid-template-columns:repeat(2,1fr)}.hero-dashboard{grid-template-columns:1fr 300px}.profile-layout{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.topbar .portal-status{display:none}}
@media(max-width:980px){:root{--sidebar:280px}.sidebar{transform:translateX(-105%);transition:.24s ease}.sidebar.open{transform:none}.main{margin-left:0}.mobile-overlay{position:fixed;z-index:70;inset:0;display:none;background:rgba(0,7,14,.68);backdrop-filter:blur(4px)}.mobile-overlay.active{display:block}.menu-button,.sidebar-close{display:grid}.content{padding:22px 18px 88px}.topbar{padding:0 16px}.footer{padding-bottom:85px}.mobile-bottom-nav{position:fixed;z-index:60;left:50%;bottom:10px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(520px,calc(100% - 22px));padding:6px;border:1px solid #2b4b69;border-radius:17px;background:rgba(7,20,34,.94);backdrop-filter:blur(18px);box-shadow:0 18px 65px rgba(0,0,0,.45)}.mobile-bottom-nav a{display:grid;place-items:center;gap:2px;padding:6px;border-radius:11px;color:#7e96b0;font-size:14px}.mobile-bottom-nav .icon{width:18px}.mobile-bottom-nav a:hover{background:rgba(47,115,255,.12);color:#fff}.grid-2,.vehicle-result-card,.admin-activity-grid{grid-template-columns:1fr}.activity-filters{position:static}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:20px}.auth-mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:20px}.auth-card{padding:23px}.autodata-hero,.credit-shop-hero{grid-template-columns:1fr}.autodata-hero img,.credit-shop-hero img{height:220px}.tool-selector{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{font-size:14px}.topbar{height:64px}.topbar h1{font-size:14px}.eyebrow{font-size:14px}.content{padding:17px 12px 92px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:16px}.page-head h2{font-size:21px}.page-head .button{width:100%}.quick-balance span{display:none}.notification-popover{position:fixed;top:70px;right:10px;left:10px;width:auto}.stats-grid,.grid-3,.package-grid,.ledger-summary,.profile-sidebar{grid-template-columns:1fr}.hero-dashboard{grid-template-columns:1fr;min-height:0}.hero-dashboard>div{padding:24px}.hero-dashboard h2{font-size:30px}.hero-dashboard img{height:220px}.metric-strip{gap:12px;flex-wrap:wrap}.form-grid,.form-grid.three,.autodata-filters{grid-template-columns:1fr}.stage-stack,.service-stack.options{grid-template-columns:1fr}.wizard-steps{justify-content:space-between}.wizard-step{padding:7px}.wizard-step span{display:none}.wizard-steps>i{flex:1;width:auto}.upload-security-strip,.review-grid{grid-template-columns:1fr}.upload-zone{min-height:210px}.file-type-switch{grid-template-columns:1fr 1fr}.summary-sticky{grid-template-columns:1fr}.summary-note{grid-column:auto}.card-head,.studio-card-head{align-items:flex-start;flex-direction:column;padding:15px}.card-body,.studio-card-body{padding:15px}.table.responsive-table thead,.table.table thead{display:none}.table.responsive-table,.table.responsive-table tbody,.table.responsive-table tr,.table.responsive-table td,.table.table,.table.table tbody,.table.table tr,.table.table td{display:block;width:100%}.table.responsive-table tr,.table.table tr{margin:10px;border:1px solid var(--line);border-radius:13px;background:#0a192a;overflow:hidden}.table.responsive-table td,.table.table td{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:10px;border-top:1px solid var(--line-soft)}.table.responsive-table td:before,.table.table td:before{content:attr(data-label);color:#657e98;font-size:14px;font-weight:900;text-transform:uppercase}.table-wrap{overflow:visible}.toolbar{align-items:stretch;flex-direction:column}.toolbar .select{width:100%}.power-kpis{grid-template-columns:1fr 1fr}.power-kpis>div:last-child{grid-column:1/-1}.spec-grid{grid-template-columns:1fr}.pwa-card{grid-template-columns:1fr}.pwa-card img{display:none}.pwa-install-toast{grid-template-columns:45px 1fr auto}.pwa-install-toast>.icon-button{display:none}.pwa-install-toast img{width:45px;height:55px}.pwa-install-toast .button{grid-column:3}.footer{display:none}.portal-status.compact{display:none}.auth-card h2{font-size:23px}.credit-shop-hero>div,.autodata-hero>div{padding:22px}.package-card{min-height:235px}.single-credit-card{grid-template-columns:1fr}.quantity-control{justify-content:flex-start}.profile-card{padding:15px}}
@media(max-width:390px){.content{padding-left:9px;padding-right:9px}.topbar{padding:0 10px}.auth-panel{padding:12px}.auth-card{padding:18px}.file-type-switch{grid-template-columns:1fr}.tool-selector{grid-template-columns:1fr}.power-kpis{grid-template-columns:1fr}.power-kpis>div:last-child{grid-column:auto}.mobile-bottom-nav{bottom:6px}.button{padding:0 12px}.service-tile{grid-template-columns:28px 1fr}.service-price{grid-column:2;justify-self:start;font-size:14px}.table.responsive-table td,.table.table td{grid-template-columns:85px 1fr}.pwa-install-toast img{display:none}.pwa-install-toast{grid-template-columns:1fr auto}}

/* ========================================================================== 
   IMOTO FILES v4 — complete interface system
   ========================================================================== */
:root{
  --surface:#0b192a;--surface-2:#0f2136;--surface-3:#132942;--stroke:#213b56;
  --stroke-strong:#315777;--blue-soft:rgba(47,115,255,.13);--green-soft:rgba(32,211,154,.12);
  --orange-soft:rgba(247,184,75,.12);--red-soft:rgba(255,92,114,.12);--content-gap:22px;
}
.content{width:min(100%,var(--content));margin:0 auto;padding:26px clamp(18px,2.5vw,36px) 42px;display:flex;flex-direction:column;gap:var(--content-gap)}
.panel{position:relative;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(15,33,54,.98),rgba(8,23,39,.98));box-shadow:0 18px 55px rgba(0,0,0,.17);overflow:hidden}
.panel-head{min-height:70px;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-soft)}
.panel-head h3,.section-head h3{margin:3px 0 0;font-size:18px;line-height:1.25;letter-spacing:-.025em}
.panel-kicker,.page-kicker,.section-index,.summary-kicker{display:block;color:#7ba9ff;font-size:14px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.page-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 30px;border:1px solid rgba(78,133,193,.25);border-radius:22px;background:linear-gradient(120deg,rgba(15,37,64,.97),rgba(9,25,43,.98)),radial-gradient(circle at 80% 20%,rgba(47,115,255,.18),transparent 33%);box-shadow:0 18px 60px rgba(0,0,0,.18)}
.page-hero.compact{min-height:134px}.page-hero h2{margin:7px 0 7px;font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.045em}.page-hero p{max-width:740px;margin:0;color:var(--muted);font-size:14px}.text-link{display:inline-flex;align-items:center;gap:7px;color:#8eb7ff;font-size:14px;font-weight:850}.text-link .icon{width:15px}
.button{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--stroke);border-radius:11px;background:#10243a;color:#dce9f6;font-size:14px;font-weight:850;line-height:1;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#4f78a4}.button.primary{border-color:transparent;background:linear-gradient(135deg,var(--brand),#1955cf);color:#fff;box-shadow:0 10px 28px rgba(47,115,255,.24)}.button.secondary{background:#102239}.button.danger{background:var(--red-soft);border-color:rgba(255,92,114,.25);color:#ff9bab}.button.small{min-height:34px;padding:0 12px;font-size:14px}.button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}
.input,.select,.textarea{width:100%;border:1px solid #24415e;border-radius:11px;background:#091a2c;color:#f3f7fc;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}.input,.select{min-height:45px;padding:0 12px}.textarea{min-height:118px;padding:12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#4c86ff;box-shadow:0 0 0 4px rgba(47,115,255,.11);background:#0b2036}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:14px;font-weight:800;color:#b9cadb}.field small,.form-help{color:var(--muted-2);font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three,.form-grid.thirds{grid-template-columns:repeat(3,minmax(0,1fr))}.field.full{grid-column:1/-1}.profile-form{display:flex;flex-direction:column;gap:15px;padding:21px}
.alert{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid;border-radius:13px;font-size:14px}.alert.success{background:var(--green-soft);border-color:rgba(32,211,154,.28);color:#9af0d5}.alert.error,.alert.danger{background:var(--red-soft);border-color:rgba(255,92,114,.28);color:#ffb0bc}.alert.warning{background:var(--orange-soft);border-color:rgba(247,184,75,.28);color:#ffd18a}

/* Auth */
.auth-body{overflow-x:hidden;background:#050f1b}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr)}.auth-visual{position:relative;min-height:100vh;padding:36px clamp(34px,6vw,92px);display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 24% 20%,rgba(47,115,255,.24),transparent 27%),radial-gradient(circle at 75% 70%,rgba(32,211,154,.08),transparent 35%),linear-gradient(145deg,#061426,#071b30 65%,#071321)}.auth-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,163,207,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,163,207,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none}.auth-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.auth-brand strong{display:block;font-size:16px;letter-spacing:.03em}.auth-brand span{display:block;color:#7790aa;font-size:14px}.auth-visual-art{position:absolute;right:-2%;top:8%;width:min(55%,720px);opacity:.64;filter:drop-shadow(0 28px 60px rgba(0,0,0,.35));pointer-events:none}.auth-visual-art img{width:100%}.auth-copy{position:relative;z-index:2;max-width:710px;margin:auto 0}.auth-copy h1{max-width:680px;margin:18px 0 17px;font-size:clamp(46px,5.2vw,78px);line-height:.98;letter-spacing:-.065em}.auth-copy>p{max-width:610px;margin:0;color:#9cb0c6;font-size:15px;line-height:1.75}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(101,153,211,.26);border-radius:999px;background:rgba(8,30,52,.72);color:#a7c3df;font-size:14px;font-weight:850}.pill i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(32,211,154,.1)}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.feature-list>div{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid rgba(129,167,207,.13);border-radius:15px;background:rgba(9,28,48,.58)}.feature-list .icon{color:#73a5ff}.feature-list strong,.feature-list small{display:block}.feature-list strong{font-size:14px}.feature-list small{margin-top:3px;color:#7189a3;font-size:14px}.auth-panel{min-height:100vh;padding:34px;display:grid;place-items:center;background:#f6f8fc;color:#0b1728}.auth-card{width:min(100%,520px);padding:clamp(25px,4vw,46px);border:1px solid #e0e7f0;border-radius:26px;background:#fff;box-shadow:0 35px 90px rgba(16,38,65,.11)}.auth-mobile-brand{display:none}.auth-heading h2{margin:8px 0 8px;font-size:32px;line-height:1.08;letter-spacing:-.05em}.auth-heading p{margin:0 0 25px;color:#66778b;font-size:14px;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form .input{background:#f5f8fc;border-color:#dce5ef;color:#0c1828}.auth-form .input:focus{background:#fff}.label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.label-row a{color:#2768e7;font-size:14px;font-weight:850}.password-field{position:relative}.password-field .input{padding-right:46px}.password-toggle{position:absolute;right:5px;top:5px;width:35px;height:35px;display:grid;place-items:center;border:0;background:transparent;color:#718398}.password-toggle .icon{width:17px}.remember-row{display:flex;align-items:flex-start;gap:9px;color:#53677e;font-size:14px}.remember-row input{margin-top:2px}.auth-submit{width:100%;min-height:48px;margin-top:3px}.auth-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:19px;border-top:1px solid #e6ebf2;color:#6c7c90;font-size:14px}.auth-callout .button{color:#1755c4;background:#eff5ff;border-color:#d2e2ff}.auth-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;color:#8493a5;font-size:14px}.auth-trust span{display:flex;align-items:center;gap:5px}.auth-trust .icon{width:13px;height:13px}

/* Dashboard */
.dashboard-hero{position:relative;min-height:330px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.68fr);align-items:center;overflow:hidden;border:1px solid rgba(74,133,198,.28);border-radius:25px;background:radial-gradient(circle at 70% 30%,rgba(47,115,255,.22),transparent 31%),linear-gradient(125deg,#0d2440,#081a2d 60%,#071421);box-shadow:0 28px 85px rgba(0,0,0,.2)}.dashboard-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.dashboard-hero-copy{position:relative;z-index:2;padding:43px clamp(27px,4vw,58px)}.dashboard-hero h2{max-width:650px;margin:8px 0 13px;font-size:clamp(36px,4vw,58px);line-height:1;letter-spacing:-.06em}.dashboard-hero p{max-width:650px;margin:0;color:#9fb3c8;font-size:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.hero-statuses{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.hero-statuses span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(117,158,201,.18);border-radius:999px;background:rgba(5,19,34,.45);color:#a9bbcf;font-size:14px;font-weight:750}.hero-statuses span i{width:7px;height:7px;border-radius:50%;background:var(--danger)}.hero-statuses span.online i{background:var(--accent)}.hero-statuses .icon{width:13px;height:13px}.dashboard-hero-art{position:relative;z-index:1;align-self:stretch;display:grid;place-items:center;padding:20px}.dashboard-hero-art img{width:min(100%,570px);max-height:310px;object-fit:contain;filter:drop-shadow(0 28px 40px rgba(0,0,0,.35))}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{min-height:112px;padding:18px;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#0f2238,#0b1b2d)}.stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px}.stat-icon.blue{background:var(--blue-soft);color:#7eacff}.stat-icon.green{background:var(--green-soft);color:#68e5be}.stat-icon.amber{background:var(--orange-soft);color:#ffd083}.stat-icon.purple{background:rgba(174,101,255,.12);color:#c595ff}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:#8fa4bb;font-size:14px}.stat-card strong{margin:2px 0;font-size:25px;line-height:1}.stat-card small{color:#617991;font-size:14px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:17px;align-items:start}.dashboard-side{display:flex;flex-direction:column;gap:17px}.panel-table{min-height:350px}.order-list{display:flex;flex-direction:column}.order-row{min-height:66px;padding:11px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft);transition:background .15s}.order-row:hover{background:rgba(82,131,186,.06)}.order-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#102a45;color:#7caeff}.order-main strong,.order-main small{display:block}.order-main strong{font-size:14px}.order-main small{margin-top:3px;color:#70869f;font-size:14px}.order-row>b{font-size:14px}.order-row>.icon{width:15px;color:#607992}.workflow-list{list-style:none;margin:0;padding:8px 19px 20px}.workflow-list li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.workflow-list li:last-child{border:0}.workflow-list b{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--blue-soft);color:#82afff;font-size:14px}.workflow-list strong,.workflow-list small{display:block}.workflow-list strong{font-size:14px}.workflow-list small{margin-top:3px;color:#7389a1;font-size:14px}.credit-mini{padding:21px;display:grid;grid-template-columns:105px 1fr;align-items:center;gap:17px}.credit-mini img{width:100%}.credit-mini span,.credit-mini strong{display:block}.credit-mini span{color:#8197ae;font-size:14px}.credit-mini strong{margin:2px 0;font-size:26px}.credit-mini p{margin:0 0 11px;color:#6f859c;font-size:14px}

/* Tables, files, credit ledger */
.filter-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;gap:10px;padding:16px;border-bottom:1px solid var(--line-soft)}.searchbar{position:relative}.searchbar .icon{position:absolute;left:12px;top:13px;width:17px;color:#627b94}.searchbar input{width:100%;height:44px;padding:0 12px 0 39px;border:1px solid #24415e;border-radius:11px;background:#091a2c;color:#fff;outline:0}.files-table{padding:0 16px 16px}.files-head,.files-row{display:grid;grid-template-columns:145px minmax(230px,1.1fr) minmax(210px,1fr) 115px 105px 22px;gap:15px;align-items:center}.files-head{min-height:45px;color:#66809b;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.files-row{min-height:76px;padding:10px 0;border-top:1px solid var(--line-soft)}.files-row:hover{background:rgba(74,128,187,.045)}.files-row>span strong,.files-row>span small{display:block}.files-row>span strong{font-size:14px}.files-row>span small{margin-top:4px;color:#6e849b;font-size:14px;line-height:1.45}.ledger-list{padding:5px 18px 18px}.ledger-row{min-height:67px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;border-bottom:1px solid var(--line-soft)}.ledger-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px}.ledger-icon.positive{background:var(--green-soft);color:#5ce1b4}.ledger-icon.negative{background:var(--red-soft);color:#ff8799}.ledger-row strong,.ledger-row small{display:block}.ledger-row strong{font-size:14px}.ledger-row small{margin-top:3px;color:#687f98;font-size:14px}.ledger-row>span:last-child{text-align:right}.text-success{color:#5de1b4}.text-danger{color:#ff8295}

/* Credit shop */
.shop-hero{min-height:190px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid rgba(69,130,202,.25);border-radius:23px;background:radial-gradient(circle at 77% 25%,rgba(32,211,154,.16),transparent 28%),linear-gradient(120deg,#0e2948,#0b1d32)}.shop-hero h2{margin:7px 0 9px;font-size:clamp(29px,3.5vw,46px);letter-spacing:-.05em}.shop-hero p{max-width:720px;margin:0;color:#9fb2c7}.shop-balance{min-width:180px;padding:19px;position:relative;border:1px solid rgba(142,183,226,.2);border-radius:17px;background:rgba(5,20,35,.46)}.shop-balance span,.shop-balance strong{display:block}.shop-balance span{color:#8198b0;font-size:14px}.shop-balance strong{font-size:30px}.shop-balance .icon{position:absolute;right:16px;top:18px;color:#5fe1b5}.single-credit{padding:22px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(420px,1.35fr);align-items:center;gap:22px}.single-credit-copy{display:flex;align-items:center;gap:15px}.single-credit-copy img{width:100px}.single-credit-copy h3{margin:2px 0 3px;font-size:22px}.single-credit-copy p{margin:0;color:#7188a0}.single-credit-form{display:grid;grid-template-columns:auto auto minmax(240px,1fr);align-items:center;gap:14px}.quantity-control{display:grid;grid-template-columns:40px 70px 40px;height:44px;border:1px solid #284764;border-radius:11px;overflow:hidden}.quantity-control button,.quantity-control input{border:0;background:#091a2c;color:#fff;text-align:center}.quantity-control button{font-size:18px}.quantity-control input{width:100%;outline:0}.single-price span,.single-price strong{display:block}.single-price span{color:#7890a8;font-size:14px}.single-price strong{font-size:16px}.promo-inline{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px}.section-head{display:flex;align-items:center;justify-content:space-between;padding:7px 4px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.package-card{position:relative;padding:22px;display:flex;flex-direction:column;min-height:390px;border:1px solid #24425f;border-radius:20px;background:linear-gradient(150deg,#10243a,#0b1b2d);overflow:hidden}.package-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#477fff,#25d7a1)}.package-card.featured{border-color:#4b7cc0;box-shadow:0 20px 60px rgba(47,115,255,.16)}.package-card.purple:before{background:linear-gradient(90deg,#7c3aed,#d946ef)}.package-card.orange:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.package-badge{display:inline-flex;padding:6px 8px;border-radius:999px;background:var(--blue-soft);color:#91b8ff;font-size:14px;font-weight:900}.package-top h3{margin:12px 0 4px;font-size:20px}.package-top p{min-height:39px;margin:0;color:#7188a0;font-size:14px}.package-credits{display:flex;align-items:baseline;gap:7px;margin-top:20px}.package-credits strong{font-size:44px;line-height:1;letter-spacing:-.05em}.package-credits span{color:#9cafc2}.package-credits b{margin-left:auto;padding:5px 7px;border-radius:999px;background:var(--green-soft);color:#5ee0b5;font-size:14px}.package-price{margin:16px 0}.package-price del,.package-price strong,.package-price small{display:block}.package-price del{color:#536a82;font-size:14px}.package-price strong{font-size:22px;color:#69e4ba}.package-price small{color:#6f869e;font-size:14px}.package-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:7px}.package-card li{display:flex;align-items:center;gap:7px;color:#9fb1c5;font-size:14px}.package-card li .icon{width:13px;color:#5fe1b5}.package-card form{display:grid;grid-template-columns:1fr;gap:8px;margin-top:auto}.how-credits{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;background:#0d2035;overflow:hidden}.how-credits>div{display:flex;align-items:center;gap:12px;padding:19px;border-right:1px solid var(--line-soft)}.how-credits>div:last-child{border:0}.how-credits b{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--blue-soft);color:#82aeff}.how-credits strong,.how-credits small{display:block}.how-credits strong{font-size:14px}.how-credits small{margin-top:3px;color:#6f859c;font-size:14px}

/* Profile, tools, notifications */
.profile-badge{display:flex;align-items:center;gap:11px}.profile-badge>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--brand),#174fc4);font-weight:900}.profile-badge strong,.profile-badge small{display:block}.profile-badge strong{font-size:14px}.profile-badge small{margin-top:3px;color:#71879e;font-size:14px}.profile-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:17px;align-items:start}.profile-side{display:flex;flex-direction:column;gap:17px}.security-card{padding-bottom:20px}.security-card>.icon{color:#75a8ff}.security-status{display:grid;gap:9px;padding:17px 20px}.security-status span{display:flex;align-items:center;gap:8px;color:#9aafc4;font-size:14px}.security-status i{width:7px;height:7px;border-radius:50%;background:#6c8095}.security-status span.active i{background:var(--accent)}.security-card>a,.security-card>form{margin:0 20px 9px}.pwa-card{padding:20px;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:17px}.pwa-card img{width:100%}.pwa-card h3{margin:3px 0;font-size:18px}.pwa-card p{margin:0 0 12px;color:#738aa2;font-size:14px}.session-list{padding:6px 18px 18px}.session-list>div{min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid var(--line-soft)}.session-list>div>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#102b47;color:#79abff}.session-list p{margin:0}.session-list strong,.session-list small{display:block}.session-list strong{font-size:14px}.session-list small{margin-top:3px;color:#71869e;font-size:14px}.tools-editor{padding:4px 20px 22px}.tool-group{padding-top:10px}.tool-group+.tool-group{margin-top:18px;border-top:1px solid var(--line-soft)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tool-grid label{cursor:pointer}.tool-grid input{position:absolute;opacity:0}.tool-grid label span{min-height:48px;padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid #25415d;border-radius:11px;background:#091a2c;color:#9cb0c4;transition:.15s}.tool-grid input:checked+span{border-color:#4f87ff;background:var(--blue-soft);color:#fff;box-shadow:inset 0 0 0 1px rgba(91,140,255,.2)}.tool-grid span .icon{width:16px}.tool-grid span b{font-size:14px}.notification-center{padding:8px 16px 16px}.notification-card{min-height:75px;padding:12px 6px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;border-bottom:1px solid var(--line-soft)}.notification-card:hover{background:rgba(71,126,185,.05)}.notification-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#102b47;color:#7badff}.notification-card strong,.notification-card p,.notification-card small{display:block}.notification-card strong{font-size:14px}.notification-card p{margin:3px 0;color:#94a9bf;font-size:14px}.notification-card small{color:#617890;font-size:14px}

/* Auto Data */
.autodata-hero{min-height:230px;padding:29px 34px;display:grid;grid-template-columns:1fr 420px;align-items:center;overflow:hidden;border:1px solid rgba(76,135,200,.28);border-radius:23px;background:radial-gradient(circle at 80% 40%,rgba(47,115,255,.21),transparent 34%),linear-gradient(120deg,#0c2948,#091c31)}.autodata-hero h2{margin:7px 0 9px;font-size:clamp(31px,3.8vw,49px);letter-spacing:-.055em}.autodata-hero p{max-width:710px;margin:0;color:#9cb1c6}.autodata-hero img{width:100%;max-height:195px;object-fit:contain;filter:drop-shadow(0 22px 35px rgba(0,0,0,.34))}.autodata-app{padding:20px}.autodata-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.autodata-state{margin-top:15px;padding:17px;border:1px dashed #294864;border-radius:13px;color:#7f96ad;text-align:center;font-size:14px}.autodata-table{margin-top:16px;overflow:hidden;border:1px solid #27445f;border-radius:14px}.ad-table-head,.ad-table-row{display:grid;grid-template-columns:1.15fr 1.6fr .72fr .72fr .72fr .72fr 80px;align-items:center;gap:10px}.ad-table-head{min-height:42px;padding:0 13px;background:#0a1b2d;color:#607c98;font-size:14px;font-weight:900;text-transform:uppercase}.ad-table-row{min-height:58px;padding:8px 13px;border-top:1px solid var(--line-soft)}.ad-table-row:hover{background:rgba(72,129,191,.06)}.ad-table-row strong{font-size:14px}.ad-table-row span{color:#9db0c4;font-size:14px}.autodata-detail{margin-top:17px}.ad-detail-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:15px}.ad-spec-card,.ad-performance-card{padding:20px;border:1px solid #27445f;border-radius:16px;background:#0a1b2d}.ad-spec-card h3,.ad-performance-card h3{margin:0 0 13px}.ad-specs{display:grid;gap:0}.ad-specs div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:14px}.ad-specs span{color:#6f879f}.ad-stage-table{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);border:1px solid #27445f;border-radius:12px;overflow:hidden}.ad-stage-table>div{padding:12px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);font-size:14px}.ad-stage-table>div:nth-child(4n){border-right:0}.ad-stage-table .head{background:#071727;color:#667f99;font-weight:900;text-transform:uppercase}.ad-stage-table .tuned{color:#7eacff;font-weight:900}.ad-stage-table .gain{color:#59ddb1;font-weight:900}.ad-dyno{margin-top:14px;overflow:hidden;border-radius:13px;background:#fff}.ad-dyno img{width:100%;max-height:500px;object-fit:contain;display:block}

/* Order workflow */
.new-order-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.order-wizard{display:flex;flex-direction:column;gap:17px}.wizard-track{width:min(100%,760px);margin:0 auto;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;background:#0b1b2e}.wizard-track button{position:relative;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;color:#647d97;font-size:14px;font-weight:850}.wizard-track button:after{content:"";position:absolute;right:-18%;width:36%;height:1px;background:#26425d}.wizard-track button:last-child:after{display:none}.wizard-track b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#162a42}.wizard-track button.active{color:#fff}.wizard-track button.active b{background:var(--brand);box-shadow:0 7px 18px rgba(47,115,255,.3)}.order-studio{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:17px;align-items:start}.wizard-main{min-width:0}.wizard-panel{display:none;flex-direction:column;gap:14px}.wizard-panel.active{display:flex}.studio-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,#0f2238,#0a1a2b);overflow:hidden}.studio-card-head{min-height:82px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:17px;border-bottom:1px solid var(--line-soft)}.studio-card-head h3{margin:4px 0 4px;font-size:17px}.studio-card-head p{margin:0;color:#7188a0;font-size:14px}.studio-card-body{padding:19px}.security-badge,.count-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(32,211,154,.23);border-radius:999px;background:var(--green-soft);color:#64dfb7;font-size:14px;font-weight:900}.file-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px}.file-type-switch input,.segmented input{position:absolute;opacity:0}.file-type-switch label span{min-height:46px;display:grid;place-items:center;border:1px solid #284660;border-radius:11px;background:#0a1a2c;color:#8298af;font-size:14px;font-weight:850;cursor:pointer}.file-type-switch input:checked+span{border-color:#4d85ff;background:var(--blue-soft);color:#fff}.upload-zone{min-height:215px;margin-top:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #35608a;border-radius:16px;background:radial-gradient(circle at center,rgba(47,115,255,.09),transparent 54%),#081a2c;text-align:center;cursor:pointer}.upload-zone:hover{border-color:#5c91ff}.upload-zone.locked{cursor:not-allowed;opacity:.7}.upload-zone input{display:none}.upload-orb{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#17395f,#0d2947);color:#81afff}.upload-zone strong{font-size:14px}.upload-zone small{color:#7188a0;font-size:14px}.selected-file{color:#67dfb7;font-size:14px;font-weight:850}.segmented{margin-top:12px;padding:9px 10px;display:flex;align-items:center;gap:8px;border-radius:12px;background:#091a2c;color:#6f879f;font-size:14px}.segmented label b{display:block;padding:7px 10px;border-radius:8px;color:#8298ae;cursor:pointer}.segmented input:checked+b{background:#fff;color:#102037}.upload-security-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.upload-security-strip>span{padding:11px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;border:1px solid #203c58;border-radius:11px}.upload-security-strip .icon{grid-row:1/3;width:16px;color:#78aaff}.upload-security-strip b,.upload-security-strip small{display:block}.upload-security-strip b{font-size:14px}.upload-security-strip small{color:#667f98;font-size:14px}.vehicle-context-banner{margin-bottom:16px;padding:13px 15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(77,135,198,.22);border-radius:13px;background:linear-gradient(90deg,#102946,#0a1d31)}.vehicle-context-banner>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--blue-soft);color:#83b0ff}.vehicle-context-banner strong,.vehicle-context-banner small{display:block}.vehicle-context-banner strong{font-size:14px}.vehicle-context-banner small{margin-top:3px;color:#7188a1;font-size:14px}.vehicle-context-banner>b{padding:5px 7px;border-radius:999px;background:var(--green-soft);color:#5de0b3;font-size:14px}.service-filter{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.service-filter button{min-height:32px;padding:0 11px;border:1px solid #27445f;border-radius:9px;background:#091a2c;color:#738ba3;font-size:14px;font-weight:850}.service-filter button.active{border-color:#4a82fa;background:var(--blue-soft);color:#fff}.service-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-stack.stage-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.service-tile{position:relative;cursor:pointer}.service-tile input{position:absolute;opacity:0}.service-tile>span{min-height:104px;padding:14px;display:flex;gap:12px;border:1px solid #28445f;border-radius:13px;background:#091a2c;transition:.16s}.service-tile input:checked+span{border-color:#4c85ff;background:linear-gradient(145deg,rgba(47,115,255,.18),rgba(47,115,255,.07));box-shadow:inset 0 0 0 1px rgba(91,140,255,.19)}.service-tile .service-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#122b47;color:#80aeff}.service-tile strong,.service-tile small{display:block}.service-tile strong{font-size:14px}.service-tile small{margin-top:4px;color:#7188a0;font-size:14px;line-height:1.45}.service-tile b{margin-left:auto;color:#73e1ba;font-size:14px;white-space:nowrap}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.review-grid>div{padding:12px;border:1px solid #24415c;border-radius:11px;background:#091a2c}.review-grid span,.review-grid strong{display:block}.review-grid span{color:#6d859d;font-size:14px}.review-grid strong{margin-top:4px;font-size:14px}.review-services{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.review-services span{padding:6px 8px;border-radius:999px;background:var(--blue-soft);color:#91b7ff;font-size:14px}.legal-confirm{margin-top:14px;padding:12px;border:1px solid #294661;border-radius:11px;background:#08182a;color:#95a9bd;font-size:14px}.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-summary{position:sticky;top:calc(var(--topbar) + 17px)}.summary-sticky{padding:21px;border:1px solid #31506f;border-radius:18px;background:linear-gradient(155deg,#102b49,#0a1c31);box-shadow:0 20px 55px rgba(0,0,0,.24)}.summary-total{display:flex;justify-content:space-between;align-items:end;padding:19px 0;border-bottom:1px solid var(--line-soft)}.summary-total span{color:#7990a7;font-size:14px}.summary-total strong{font-size:18px}.summary-total b{font-size:34px;line-height:1}.price-lines{display:grid;gap:7px;padding:14px 0}.price-lines div{display:flex;justify-content:space-between;gap:10px;color:#9eb0c3;font-size:14px}.summary-balance{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid var(--line-soft);font-size:14px}.summary-note{margin-top:12px;padding:11px;display:flex;gap:8px;border-radius:11px;background:rgba(32,211,154,.08);color:#8fa8bd;font-size:14px}.summary-note .icon{width:15px;color:#5fe0b5}

/* Activity, admin */
.activity-timeline{padding:5px 19px 20px}.activity-day>h3{position:sticky;top:var(--topbar);z-index:2;margin:0 -5px;padding:14px 5px 8px;background:#0d2035;color:#6f879f;font-size:14px;letter-spacing:.11em}.activity-day article{min-height:70px;padding:11px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;border-bottom:1px solid var(--line-soft)}.activity-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--blue-soft);color:#81adff}.activity-symbol.warning{background:var(--orange-soft);color:#ffd082}.activity-symbol.critical{background:var(--red-soft);color:#ff91a2}.activity-day strong,.activity-day p{display:block}.activity-day strong{font-size:14px}.activity-day p{margin:3px 0;color:#7289a1;font-size:14px}.activity-day time{color:#617891;font-size:14px}.activity-day details{margin-top:6px}.activity-day summary{color:#7daaff;font-size:14px;cursor:pointer}.activity-day pre{max-width:100%;overflow:auto;padding:9px;border-radius:9px;background:#071522;color:#8ea4ba;font-size:14px}.admin-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.promo-admin-list{padding:5px 18px 18px}.promo-admin-list article{min-height:66px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft)}.promo-code{padding:7px 9px;border:1px dashed #4c7daf;border-radius:9px;color:#92baff;font-family:ui-monospace,monospace;font-size:14px}.promo-admin-list strong,.promo-admin-list small{display:block}.promo-admin-list strong{font-size:14px}.promo-admin-list small{margin-top:3px;color:#6d849d;font-size:14px}.package-admin-table{overflow:auto;padding:0 18px 16px}.package-admin-table>div{min-width:900px;display:grid;grid-template-columns:65px minmax(200px,1fr) 90px 90px 125px 125px 150px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-soft)}.package-admin-head{color:#68819a;font-size:14px;font-weight:900;text-transform:uppercase}.switch-row{display:flex;align-items:center;gap:9px;color:#9dafc2;font-size:14px}

/* Empty, PWA, utilities */
.empty-state{min-height:310px;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state img{width:min(230px,60%);max-height:150px;object-fit:contain}.empty-state h3{margin:13px 0 5px;font-size:18px}.empty-state p{max-width:440px;margin:0 0 15px;color:#7289a1;font-size:14px}.status{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:14px;font-weight:900;font-style:normal;white-space:nowrap}.status.success{background:var(--green-soft);color:#5fe1b5}.status.warning{background:var(--orange-soft);color:#ffd084}.status.danger{background:var(--red-soft);color:#ff92a3}.status.muted{background:rgba(120,145,170,.12);color:#8197ad}.pwa-install-toast{position:fixed;z-index:120;right:20px;bottom:20px;width:min(460px,calc(100vw - 40px));padding:14px;display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid #315273;border-radius:17px;background:#0b2036;box-shadow:0 30px 80px rgba(0,0,0,.48)}.pwa-install-toast img{width:58px;height:58px}.pwa-install-toast strong,.pwa-install-toast span{display:block}.pwa-install-toast strong{font-size:14px}.pwa-install-toast span{margin-top:3px;color:#7188a0;font-size:14px}.global-toast{position:fixed;z-index:150;right:22px;bottom:22px;max-width:420px;padding:13px 16px;border:1px solid #31516f;border-radius:13px;background:#0c2137;color:#fff;box-shadow:0 25px 65px rgba(0,0,0,.45);font-size:14px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.18s}.global-toast.show{opacity:1;transform:none}.footer{margin-top:auto;padding:16px 26px;display:flex;justify-content:space-between;color:#526a82;font-size:14px;border-top:1px solid var(--line-soft)}

/* Responsive system */
@media(max-width:1180px){.dashboard-hero{grid-template-columns:1fr 340px}.dashboard-grid,.profile-layout{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr}.order-studio{grid-template-columns:1fr}.order-summary{position:static}.package-grid{grid-template-columns:repeat(2,1fr)}.single-credit{grid-template-columns:1fr}.autodata-hero{grid-template-columns:1fr 330px}.files-head,.files-row{grid-template-columns:120px minmax(200px,1fr) minmax(180px,1fr) 90px 95px 18px}}
@media(max-width:900px){:root{--sidebar:270px}.sidebar{transform:translateX(-101%);transition:transform .22s}.sidebar.open{transform:none}.mobile-overlay{position:fixed;z-index:70;inset:0;display:none;background:rgba(0,0,0,.56);backdrop-filter:blur(3px)}.mobile-overlay.open{display:block}.main{margin-left:0}.menu-button,.sidebar-close{display:grid}.sidebar-close .icon{transform:rotate(180deg)}.topbar>.topbar-actions>.portal-status{display:none}.content{padding:20px 17px 92px}.dashboard-hero{grid-template-columns:1fr;min-height:auto}.dashboard-hero-art{position:absolute;right:-80px;bottom:-30px;width:410px;opacity:.2}.stats-grid{grid-template-columns:repeat(2,1fr)}.files-head{display:none}.files-table{display:grid;gap:10px;padding:13px}.files-row{padding:14px;display:grid;grid-template-columns:1fr auto;gap:11px;border:1px solid var(--line);border-radius:13px;background:#091a2c}.files-row>span:nth-child(2),.files-row>span:nth-child(3){grid-column:1/-1}.files-row>span:nth-child(4),.files-row>span:nth-child(5){grid-row:4}.files-row>span:last-child{align-self:center}.filter-toolbar{grid-template-columns:1fr 170px auto}.autodata-hero{grid-template-columns:1fr}.autodata-hero img{display:none}.ad-table-head{display:none}.ad-table-row{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.ad-table-row>*:before{content:attr(data-label);display:block;color:#617c96;font-size:14px;text-transform:uppercase}.ad-detail-grid{grid-template-columns:1fr}.admin-split{grid-template-columns:1fr}.mobile-bottom-nav{display:grid!important}}
@media(max-width:680px){.topbar{height:64px;padding:0 13px}.topbar h1{font-size:14px}.topbar-left{gap:8px}.topbar-actions{gap:7px}.quick-balance{height:35px;padding:0 9px}.topbar-actions>.notification-wrap{display:none}.content{padding:14px 12px 86px;gap:14px}.page-hero,.shop-hero{padding:21px;align-items:flex-start;flex-direction:column}.page-hero h2,.shop-hero h2{font-size:27px}.dashboard-hero-copy{padding:27px 20px}.dashboard-hero h2{font-size:36px}.hero-actions .button{width:100%}.hero-statuses{display:grid}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:90px;padding:12px;gap:10px}.stat-icon{width:36px;height:36px}.stat-card strong{font-size:20px}.dashboard-side{grid-template-columns:1fr}.order-row{grid-template-columns:auto minmax(0,1fr) auto;padding:11px}.order-row>.status,.order-row>b{grid-row:2}.order-row>.icon{display:none}.filter-toolbar{grid-template-columns:1fr}.files-row{grid-template-columns:1fr auto}.single-credit{padding:16px}.single-credit-copy{align-items:flex-start}.single-credit-copy img{width:70px}.single-credit-form{grid-template-columns:1fr}.promo-inline{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.package-card{min-height:340px}.how-credits{grid-template-columns:1fr}.how-credits>div{border-right:0;border-bottom:1px solid var(--line-soft)}.profile-badge{width:100%}.form-grid,.form-grid.three,.form-grid.thirds{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr}.autodata-selectors{grid-template-columns:1fr}.ad-stage-table{grid-template-columns:1fr 1fr}.ad-stage-table>div:nth-child(4n){border-right:1px solid var(--line-soft)}.ad-stage-table>div:nth-child(2n){border-right:0}.wizard-track{padding:7px}.wizard-track button{font-size:0}.wizard-track button b{font-size:14px}.studio-card-head{align-items:flex-start;flex-direction:column}.studio-card-body{padding:14px}.upload-security-strip{grid-template-columns:1fr}.service-stack,.service-stack.stage-stack{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}.vehicle-context-banner{grid-template-columns:auto 1fr}.vehicle-context-banner>b{grid-column:2}.wizard-actions .button{flex:1}.summary-sticky{border-radius:15px}.pwa-card{grid-template-columns:90px 1fr}.pwa-install-toast{left:10px;right:10px;bottom:74px;width:auto;grid-template-columns:48px 1fr auto}.pwa-install-toast .button{display:none}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{padding:14px}.auth-card{padding:25px 20px;border-radius:20px}.auth-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:25px}.auth-heading h2{font-size:29px}.auth-callout{align-items:stretch;flex-direction:column}.auth-callout .button{width:100%}.auth-trust{justify-content:center}.notification-popover{position:fixed;left:10px;right:10px;top:70px;width:auto}.footer{display:none}}
@media(max-width:390px){.stats-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.quick-balance span{display:none}.quick-balance{width:35px;padding:0;justify-content:center}.shop-balance{width:100%}.feature-list{grid-template-columns:1fr}.pwa-install-toast img{display:none}.pwa-install-toast{grid-template-columns:1fr auto}}
.totp-setup,.recovery-codes{margin:0 20px 14px;padding:13px;border:1px solid #31516f;border-radius:12px;background:#08192b}.totp-setup strong,.recovery-codes strong{font-size:14px}.totp-setup p,.recovery-codes p{margin:4px 0 8px;color:#7890a8;font-size:14px}.totp-setup code{display:block;padding:9px;border-radius:9px;background:#06121f;color:#83b0ff;font-size:14px;word-break:break-all}.totp-setup form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.recovery-codes pre{margin:0;padding:10px;border-radius:9px;background:#06121f;color:#6ee2bc;font-size:14px;line-height:1.7;white-space:pre-wrap}@media(max-width:520px){.totp-setup form{grid-template-columns:1fr}}
.code-area{min-height:190px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.6}


/* Notification preferences */
.notifications-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.notification-preferences{position:sticky;top:92px}.notification-preferences .switch-row{align-items:flex-start}.notification-preferences .switch-row span{display:grid;gap:4px}.notification-preferences .switch-row small{color:var(--muted);font-weight:500;line-height:1.45}
@media(max-width:980px){.notifications-layout{grid-template-columns:1fr}.notification-preferences{position:static}}


/* v4.1 readability, mobile navigation and visual polish */
:root{--sidebar:276px;--topbar:76px;--content:1480px}
body{font-size:16px;line-height:1.58;letter-spacing:.002em}body.sidebar-open{overflow:hidden}
.brand strong{font-size:16px}.brand small{max-width:175px;font-size:14px;line-height:1.25}.nav-section{font-size:14px;padding:17px 13px 8px}.nav-link{min-height:46px;padding:0 14px;font-size:14px;border-radius:13px}.nav-link .icon{width:19px;height:19px}.balance-card span,.balance-card a{font-size:14px}.portal-status strong{font-size:14px}.portal-status small{font-size:14px}.portal-status b{font-size:14px}.topbar h1{font-size:19px}.eyebrow,.page-kicker,.panel-kicker,.section-index{font-size:14px}.quick-balance{font-size:14px}.content{padding:30px 30px 82px}.page-head h2,.page-hero h2{font-size:clamp(30px,3vw,42px)}.page-head p,.page-hero p,.shop-hero p,.dashboard-hero p,.autodata-hero p{font-size:15px;line-height:1.7}.button{min-height:46px;padding:0 18px;font-size:14px}.button.small{min-height:38px;font-size:14px}.alert{font-size:14px}.card-head h3,.studio-card-head h3,.panel-head h3{font-size:18px}.card-head p,.studio-card-head p,.panel-head p{font-size:14px}.card-body,.studio-card-body{padding:22px}.stat-card span{font-size:14px}.stat-card small{font-size:14px}.stat-card strong{font-size:28px}.input,.select,.textarea{min-height:48px;padding:0 14px;font-size:15px}.textarea{padding:14px}.field label,.label-row label{font-size:14px}.field small,.form-help,.field-note{font-size:14px;line-height:1.5}.field-note{display:block;margin-top:7px}.field-note.success{color:#55ddb0}.field-note.warning{color:#ffd084}.status{font-size:14px;padding:6px 10px}.footer{font-size:14px}.popover-head a,.notification-popover b{font-size:14px}.notification-popover span{font-size:14px}.notification-popover small{font-size:14px}.auth-card{max-width:620px;padding:42px}.auth-heading h2{font-size:clamp(32px,4vw,46px)}.auth-heading p,.auth-copy>p{font-size:16px}.auth-callout,.remember-row,.auth-trust{font-size:14px}.auth-visual-art{opacity:.9}.auth-visual-art img{max-height:42vh}.dashboard-hero-art{width:min(580px,46vw);opacity:.96}.dashboard-hero-art img{width:100%;max-height:330px}.empty-state p{font-size:14px}.pwa-install-toast strong{font-size:14px}.pwa-install-toast span{font-size:14px;line-height:1.4}.verification-card,.verification-result{display:flex;align-items:center;gap:14px;margin:18px 0;padding:17px;border:1px solid #315273;border-radius:15px;background:#0a1d31}.verification-card .icon,.verification-result .icon{width:28px;height:28px;color:#7daaff}.verification-card strong,.verification-card span{display:block}.verification-card strong{font-size:15px}.verification-card span{margin-top:4px;color:var(--muted);font-size:14px}.verification-result{font-size:14px}.verification-result.success{border-color:rgba(32,211,154,.35);background:rgba(32,211,154,.08);color:#7be8c2}.verification-result.danger{border-color:rgba(255,92,114,.35);background:rgba(255,92,114,.08);color:#ff9cac}
@media(max-width:900px){.sidebar{width:min(86vw,320px)}.mobile-overlay{cursor:pointer}.topbar{padding:0 18px}.content{padding:22px 18px 100px}.menu-button{width:44px;height:44px}.mobile-bottom-nav a{font-size:14px}.mobile-bottom-nav .icon{width:21px;height:21px}}
@media(max-width:680px){body{font-size:16px}.topbar h1{font-size:17px}.content{padding:18px 14px 96px}.page-hero h2,.shop-hero h2{font-size:31px}.dashboard-hero h2{font-size:38px}.dashboard-hero-art{position:relative;right:auto;bottom:auto;width:100%;max-width:420px;margin:0 auto -25px;opacity:.82}.dashboard-hero{display:block}.auth-panel{padding:10px}.auth-card{padding:28px 22px}.auth-mobile-brand{margin-bottom:20px}.auth-mobile-brand:after{content:'';display:block;width:80px;height:52px;margin-left:auto;background:url('visuals/login-ecu-network.svg') center/contain no-repeat;opacity:.72}.pwa-install-toast{grid-template-columns:52px minmax(0,1fr) auto;padding:13px}.pwa-install-toast .button{display:inline-flex}.pwa-install-toast>[data-pwa-dismiss]{grid-column:3;grid-row:1}.pwa-install-toast img{width:50px;height:50px}}
@media(max-width:390px){.pwa-install-toast{grid-template-columns:1fr auto}.pwa-install-toast img{display:none}.pwa-install-toast .button{grid-column:1/-1;width:100%}.stats-grid{grid-template-columns:1fr}}

.mail-test-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 22px 22px;padding-top:16px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:14px}.mail-log-head,.mail-log-row{grid-template-columns:140px minmax(180px,1fr) minmax(240px,1.2fr) 110px minmax(220px,1fr) 10px}@media(max-width:900px){.mail-log-head{display:none}.mail-log-row{grid-template-columns:1fr}.mail-test-row{align-items:stretch;flex-direction:column}.mail-test-row .button{width:100%}}
/* v4.1 minimum readable type scale */
small{font-size:14px}.table{font-size:14px}.table th{font-size:14px;letter-spacing:.08em}.table td{font-size:14px}.files-row strong,.order-row strong,.ledger-row strong,.activity-day strong{font-size:14px}.files-row small,.order-row small,.ledger-row small,.activity-day p,.activity-day time{font-size:14px}.text-link,.auth-form .label-row a{font-size:14px}.service-copy strong{font-size:14px}.service-copy small{font-size:14px;line-height:1.45}.service-price{font-size:18px}.price-line{font-size:14px}.summary-sticky h3{font-size:18px}.summary-sticky p{font-size:14px}.workflow-list strong{font-size:14px}.workflow-list small{font-size:14px}.package-card p,.package-card li,.single-credit p,.credit-mini p{font-size:14px}.promo-code{font-size:14px}.switch-row{font-size:14px}.code-area{font-size:14px}.activity-day summary{font-size:14px}.activity-day pre{font-size:14px;line-height:1.55}

.auth-security-note{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.55;text-align:center}

.email-verification-admin{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px}.email-verification-admin h3{margin:2px 0 4px;font-size:18px}.email-verification-admin p,.email-verification-admin small{display:block;margin:0;color:var(--muted);font-size:14px}.email-verification-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:760px){.email-verification-admin{align-items:stretch;flex-direction:column}.email-verification-actions,.email-verification-actions form,.email-verification-actions .button{width:100%}}

.email-state{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:7px;font-size:14px;font-weight:800}.email-state.verified{background:rgba(32,211,154,.1);color:#64e0b9}.email-state.pending{background:rgba(247,184,75,.11);color:#ffd084}