:root{color-scheme:dark;--bg:#080f1c;--panel:#121e31;--panel2:#17263b;--text:#f1f4fa;--muted:#94a5bd;--gold:#e2b967;--line:#293950}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#182b47 0,transparent 42%),var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}header{max-width:1320px;margin:auto;padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line)}a{color:var(--gold);text-decoration:none}.logo{font-size:21px;font-weight:900;letter-spacing:2px}.logo small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted)}nav{display:flex;flex-wrap:wrap;gap:16px}nav a{color:#b9c7d8;font-size:13px}nav a:hover{color:var(--gold)}main{max-width:1320px;margin:0 auto;padding:28px 25px 70px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:3px;font-weight:800}h1{font-size:clamp(29px,4vw,46px);margin:4px 0}h2{font-size:20px;margin:0 0 18px}h3{margin:5px 0;font-size:17px}.top p:not(.eyebrow),.muted,small{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0}.stat,.card{border:1px solid var(--line);background:linear-gradient(140deg,#15243a,#101a2b);border-radius:18px;padding:23px;box-shadow:0 14px 40px #0002}.stat span{display:block;color:var(--muted);font-size:10px;letter-spacing:1.2px;font-weight:800}.stat strong{display:block;font-size:clamp(24px,2.5vw,35px);letter-spacing:-1px;margin:12px 0 2px;color:var(--gold)}.stat small{font-size:11px}.grid{display:grid;gap:18px;margin:18px 0}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{margin-bottom:18px}.auth{max-width:440px;margin:60px auto}.card p{color:#b6c4d7}.card form:not(.inline){display:grid;gap:13px}label{font-size:12px;color:#b9c8db;font-weight:650;display:grid;gap:6px}input,select,textarea{width:100%;border:1px solid #35465d;border-radius:10px;padding:12px;background:#0c1727;color:white;font:inherit;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}button,.button{border:0;background:var(--gold);color:#1a2230;border-radius:10px;padding:12px 17px;font:inherit;font-weight:800;cursor:pointer;display:inline-block;text-align:center}button.secondary,.button.secondary{background:#263a54;color:#e5eaf3}button.danger{background:#502d36;color:#ffc5cc}.small{font-size:11px;padding:7px 10px}.inline{display:inline}.switch select{min-width:220px}.between{display:flex;justify-content:space-between;align-items:center;gap:10px}.notice{padding:13px;border:1px solid #3b5367;border-radius:12px;margin:10px 0}.notice small{display:block}.notice.soon{border-color:#bd9144;background:#3b302238}.notice.late{border-color:#c75a65;background:#51252a60}.good{color:#7ad2ae!important}.chart svg{width:100%;height:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:600px}td,th{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}td{font-size:13px}.rule{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.rule p{margin:5px 0}.tag{border-radius:99px;padding:3px 9px;background:#244739;color:#a6e8c8;font-size:10px}.tag.soon{background:#564322;color:#ffd48a}.tag.late{background:#5d2b36;color:#ffb4b4}.suggestions{display:flex;gap:9px;flex-wrap:wrap}.garage-car{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);color:white}.plate{background:#f2d455;color:#141414;border:2px solid #eee;border-left:14px solid #234e9b;border-radius:4px;padding:5px 9px;font-weight:900;white-space:nowrap}.timeline{display:flex;gap:18px;padding:8px 0 8px 10px;border-left:2px solid #34475c;margin-left:8px}.dot{background:var(--gold);width:12px;height:12px;min-width:12px;border-radius:50%;margin-left:-17px;margin-top:8px}.timeline p{margin:2px 0 15px}footer{text-align:center;color:#71829b;font-size:11px;padding:30px}.alert{color:#ffb6b6}@media(max-width:850px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two{grid-template-columns:1fr}nav{gap:10px}nav a{font-size:12px}}@media(max-width:480px){header,main{padding-left:15px;padding-right:15px}.stats{gap:9px}.stat,.card{padding:16px}.stat strong{font-size:25px}.stat small{font-size:10px}.logo{font-size:18px}}

/* AUTOVAULT Intelligence */
.metric-line{margin:18px 0}.metric-line .between{gap:12px;flex-wrap:wrap;margin-bottom:7px}.metric-track{height:9px;background:#25354c;border-radius:12px;overflow:hidden}.metric-fill{height:100%;background:linear-gradient(90deg,#ad8341,#f1ca7b);border-radius:12px}.insight-row{padding:12px 0;border-bottom:1px solid #26354b;gap:12px}.insight-row strong{white-space:nowrap}.notice{margin:14px 0}
/* AUTOVAULT 2.3 — Signature Edition */
:root{--bg:#070c15;--panel:#111b2a;--panel2:#182638;--gold:#e7c58a;--muted:#a0afc0;--line:#293749}
body{background:radial-gradient(ellipse at 65% -20%,#233954 0%,transparent 45%),linear-gradient(135deg,#080e18,#0a111c 55%,#070b12);letter-spacing:.005em}
header{max-width:none;padding:20px max(25px,calc((100vw - 1360px)/2));background:#0a111cdd;backdrop-filter:blur(18px);position:sticky;top:0;z-index:5;border-bottom:1px solid #ffffff12}
.logo{font-size:19px;letter-spacing:3px;color:#f2d39a}.logo small{letter-spacing:4px;color:#8d9daf}
nav{gap:6px}nav a{padding:9px 12px;border-radius:9px;transition:.2s}nav a:hover{background:#ffffff0c;color:#f4d9a8}
main{max-width:1360px;padding-top:40px}.top{padding:22px 0 26px;border-bottom:1px solid #ffffff10;margin-bottom:30px}
h1{font-size:clamp(34px,4.5vw,58px);font-weight:720;letter-spacing:-2px;line-height:1.1}h2{font-weight:690;letter-spacing:-.45px}.eyebrow{color:#e5c68d;letter-spacing:2.5px}
.card,.stat{background:linear-gradient(148deg,#172335dd,#101a29f2);border:1px solid #ffffff12;box-shadow:0 14px 50px #00000030, inset 0 1px #ffffff09;border-radius:19px}
.card{padding:27px}.stats{gap:17px}.stat{padding:25px}.stat strong{color:#f1d19a;font-weight:700;letter-spacing:-1.5px}
button,.button{background:linear-gradient(135deg,#f2d6a1,#caa362);color:#161d29;box-shadow:0 5px 20px #d7b47619;border-radius:11px;transition:transform .15s,filter .15s}
button:hover,.button:hover{filter:brightness(1.08);transform:translateY(-1px)}
input,select,textarea{background:#0b1522;border:1px solid #334356;border-radius:11px;padding:13px 14px}input:focus,select:focus,textarea:focus{outline:1px solid #e9c889;border-color:#e9c889}
.rule,.insight-row,td,th{border-color:#ffffff13}.fuel-highlight{background:linear-gradient(125deg,#253247,#131d2b 65%,#1b2635)}
.good-notice{background:#17382b;color:#a5e5c8;border-color:#2d6b52}
@media(max-width:850px){header{position:static;padding:17px 16px}nav{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:6px}nav a{white-space:nowrap}.top{padding-top:8px}}
@media(max-width:480px){main{padding-top:20px}.card,.stat{padding:18px}h1{letter-spacing:-1.3px}.stats{gap:10px}.stat strong{font-size:23px}nav a{padding:7px 10px}}

/* 2.4 refined cost interface */
nav a[href="costs.php"]{color:#f1d19a;background:#e7c58a12;border:1px solid #e7c58a30}
.stat{position:relative;overflow:hidden}.stat:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#e7c58a50,transparent)}
.card h2{letter-spacing:-.6px}.metric-track{height:7px}.metric-fill{background:linear-gradient(90deg,#b48c4c,#f1d39d)}
@media(max-width:480px){.insight-row{align-items:flex-start;flex-wrap:wrap}.insight-row strong{white-space:normal}}