:root{color-scheme:dark;--bg:#101614;--panel:#19211e;--line:#304039;--text:#f2f5ef;--muted:#a6b6ac;--accent:#c7f4a1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:0 36px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit}.brand{text-decoration:none;letter-spacing:.16em;font-weight:650;font-size:14px;display:flex;align-items:center;gap:16px}.mark{border:1px solid #6d8075;border-radius:12px;padding:7px 10px;letter-spacing:-.06em;font-size:20px}.header-right{display:flex;align-items:center;gap:24px}.personal,.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--muted);font-weight:600}main{min-height:calc(100vh - 200px);padding-top:52px;padding-bottom:40px}h1{font-weight:450;letter-spacing:-.055em;font-size:52px;line-height:1.12;margin:12px 0 30px}h2{font-size:34px;letter-spacing:-.035em;line-height:1.2;font-weight:500;margin:8px 0 18px}.welcome{padding:45px 0 70px;max-width:650px}.welcome h1{font-size:72px}.intro{color:var(--muted);font-size:20px;margin:22px 0 32px;max-width:500px}.hint,.muted{color:var(--muted);font-size:13px}.hint{max-width:430px;line-height:1.5;margin:15px 0}.login-form{margin-top:38px}label{font-size:13px;color:var(--muted)}.input-row{display:flex;gap:12px;margin-top:8px}input,select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;min-width:0}input{flex:1}button{font:inherit;font-size:14px;border:0;border-radius:9px;padding:12px 20px;cursor:pointer;min-height:46px;white-space:nowrap}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);color:#172112;font-weight:600}.primary span{margin-left:18px}.secondary{background:#27362f;color:var(--text);border:1px solid #40574a}.text-button{background:transparent;color:var(--muted);padding:10px 0}button:hover{filter:brightness(1.12)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.toolbar{display:flex;align-items:center;gap:24px}.vehicle-nav{display:flex;align-items:center;gap:16px;margin:8px 0 24px}.vehicle-nav select{min-width:220px}.status{font-size:12px;background:#27362f;border:1px solid #40574a;border-radius:30px;padding:5px 12px;text-transform:capitalize}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;background:linear-gradient(125deg,#1c2922,#1a221e);border:1px solid var(--line);border-radius:20px;padding:40px 44px}.hero h2{font-size:40px}.hero .primary{margin-top:18px}.charge-display{max-width:330px;width:100%;justify-self:center}.battery-value{font-size:100px;line-height:1;letter-spacing:-.07em;font-weight:350}.percent{font-size:32px;color:var(--muted);margin-left:8px}.battery-track{height:8px;border-radius:10px;background:#34463a;margin:30px 0 20px;overflow:hidden}.battery-track div{width:0;height:100%;background:var(--accent);border-radius:10px;transition:width .35s}.charge-display p{margin:4px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line);margin-top:22px}.metrics article{background:var(--panel);padding:25px}.metric-label{font-size:10px;letter-spacing:.1em;color:var(--muted);margin:0}.metric-value{font-size:29px;font-weight:450;line-height:1.25;margin:18px 0 10px;letter-spacing:-.04em}.metric-note{font-size:12px;color:var(--muted);margin:0}.details{display:flex;flex-wrap:wrap;gap:12px 32px;color:var(--muted);font-size:12px;padding:22px 4px}.footnote{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-top:16px}.dot{width:6px;height:6px;background:var(--accent);border-radius:100%;flex-shrink:0}.settings{font-size:13px;color:var(--muted);margin-top:24px}.settings summary{cursor:pointer}.settings p{max-width:600px}.empty{background:var(--panel);border:1px dashed var(--line);border-radius:16px;padding:36px;margin-top:10px}.empty p{color:var(--muted)}#message{padding:16px 20px;border:1px solid #586a5a;background:#213126;border-radius:12px;margin-top:24px;font-size:14px}#message.error{background:#39281f;border-color:#7b5841}footer{height:100px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#809486;font-size:11px;letter-spacing:.06em}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{height:82px}.personal{display:none}main{padding-top:30px}h1{font-size:42px}.welcome{padding-top:20px}.welcome h1{font-size:56px}.heading-row{display:block}.toolbar{margin-bottom:24px;gap:20px}.hero{padding:28px;gap:28px;grid-template-columns:1fr}.charge-display{max-width:none}.battery-value{font-size:80px}.battery-track{margin-top:20px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article{padding:22px}.metric-value{font-size:25px}.vehicle-nav{gap:10px}.vehicle-nav label{display:none}.vehicle-nav select{min-width:0;flex:1}.input-row{flex-direction:column}.hero h2{font-size:34px}footer{font-size:10px;gap:20px}.details{gap:10px 20px}}