:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(0,119,182,.18),transparent 28%),linear-gradient(180deg,#f5f8fb,#e8eef2);color:#10212d;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app-shell{max-width:1160px;margin:0 auto;padding:48px 24px 64px}.hero{margin-bottom:32px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:#29607d}.hero h1{margin:0;max-width:12ch;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:clamp(2.8rem,8vw,5.8rem);line-height:.95}.lede{max-width:60ch;margin-top:16px;font-size:1.05rem;color:#355266}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.panel{padding:18px 20px;border-radius:18px;background:#ffffffc7;border:1px solid rgba(16,33,45,.08);box-shadow:0 18px 60px #10212d14}.panel-error{color:#8b1e1e;border-color:#8b1e1e2e}.otp-panel h2{margin:0 0 10px}.otp-methods{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.otp-methods label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid rgba(16,33,45,.12);border-radius:8px;background:#ecf3f7b3;cursor:pointer}.otp-methods input{margin:0}.otp-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}.action-button,.otp-input{min-height:44px;border-radius:14px;border:1px solid rgba(16,33,45,.12);font:inherit}.action-button{padding:0 16px;background:#d7eaf5;color:#14364a;cursor:pointer}.action-button-dark{background:#14364a;color:#f5f8fb}.otp-input{min-width:180px;padding:0 14px;background:#ffffffe6}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.vehicle-card{padding:22px;border-radius:24px;background:linear-gradient(180deg,#ffffffe0,#f7fafceb),#ffffffd9;border:1px solid rgba(16,33,45,.08);box-shadow:0 24px 80px #10212d1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vehicle-card-header,.vehicle-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.vehicle-kicker{margin:0 0 6px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#557186}.vehicle-card h2{margin:0;font-size:1.45rem}.state-badge{padding:7px 10px;border-radius:8px;font-size:.84rem}.state-badge.is-on,.state-list .is-on{background:#d9f6e8;color:#135c3f}.state-badge.is-off,.state-list .is-off{background:#f2e7cb;color:#7a5c16}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.metrics div{padding:14px;border-radius:18px;background:#deeaf08c}.metrics dt{font-size:.82rem;color:#557186}.metrics dd{margin:4px 0 0;font-size:1.12rem;font-weight:600}.state-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.state-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;background:#ecf3f7b3}.state-list dt{font-size:.82rem;color:#557186}.state-list dd{margin:0;min-width:84px;padding:5px 8px;border-radius:8px;text-align:center;font-size:.84rem;font-weight:700}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.status-grid div{padding:12px 14px;border-radius:16px;background:#ecf3f7b3}.status-grid dt{font-size:.8rem;color:#557186}.status-grid dd{margin:4px 0 0;font-size:1rem;font-weight:600}.animated-value{display:inline-block;border-radius:8px;transition:color .18s ease,transform .18s ease,background-color .18s ease}.value-up{color:#12643f;animation:value-change .9s ease}.value-down{color:#8a3a18;animation:value-change .9s ease}.value-changed{animation:value-change .9s ease}@keyframes value-change{0%{background:#fff4b800;box-shadow:0 0 #ffd66600;transform:translateY(0)}24%{background:#fff4b8f2;box-shadow:0 0 0 6px #ffd66629;transform:translateY(-1px)}to{background:#fff4b800;box-shadow:0 0 #ffd66600;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.animated-value{transition:none}.value-up,.value-down,.value-changed{animation:none}}.alerts-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.alert-pill{padding:7px 10px;border-radius:999px;background:#ffe3d7;color:#8a3a18;font-size:.84rem}.vehicle-footer{margin-top:18px;align-items:flex-end;font-size:.92rem;color:#4d687a}.vehicle-footer p{margin:0}.card-refresh-button{width:100%;min-height:42px;margin-top:18px;border:1px solid rgba(16,33,45,.12);border-radius:14px;background:#14364a;color:#f5f8fb;font:inherit;cursor:pointer}.card-refresh-button:disabled{cursor:wait;opacity:.68}@media (max-width: 640px){.app-shell{padding:28px 16px 40px}.vehicle-card-header,.vehicle-footer{flex-direction:column;align-items:flex-start}.state-list{grid-template-columns:1fr}}