:root{--primary: #01363F;--primary-hover: #034852;--primary-2: #03505b;--bg: #eef2f2;--surface: #fafbfb;--surface-2: #f3f6f6;--pale: #e7f1f1;--pale-2: #dfe9e9;--border: #dde3e3;--border-strong: #c4cccc;--text: #0f1a1c;--text-2: #2a3a3d;--on-primary: #e7f1f1;--muted: #6b7574;--teal: #2dc4b3;--teal-2: #6cc6bb;--teal-soft: rgba(45, 196, 179, .14);--kpi-value: #01363F;--section-title: #01363F;--success: #2f8a52;--success-bg: #dceae3;--warning: #d68a3d;--warning-bg: #fbecd9;--warning-text: #6e4d18;--danger: #c44651;--danger-bg: #f4dadc;--danger-bg-2: #ecbfc3;--danger-text: #7d2530;--info: #2b6e92;--soc-high: #2f8a52;--soc-mid: #2dc4b3;--soc-low: #d68a3d;--soc-critical: #c44651;--soc-track: #e2e8e8;--soc-na: #c4cccc;--mod-off-bg: var(--surface-2);--mod-cool-bg: rgba(45, 196, 179, .16);--mod-cool-text: #14534d;--mod-cool-border: var(--teal);--mod-warm-bg: #fbecd9;--mod-warm-text: #6e4d18;--mod-warm-border: var(--warning);--mod-hot-bg: var(--danger-bg);--mod-hot-text: var(--danger-text);--mod-hot-border: var(--danger);--mod-critical-bg: var(--danger);--mod-critical-text: #ffffff;--topbar-bg: #01363F;--topbar-text: #e7f1f1;--topbar-divider: rgba(231, 241, 241, .18);--topbar-mutedtext: rgba(231, 241, 241, .65);--topbar-control-bg: rgba(231, 241, 241, .06);--topbar-control-border: rgba(231, 241, 241, .22);--topbar-accent: #38e0cf}[data-theme=dark]{--bg: #0e1719;--surface: #16242a;--surface-2: #1c2d33;--pale: #1a2b30;--pale-2: #21363c;--border: #233740;--border-strong: #2f4751;--text: #dbe6e7;--text-2: #b8c6c8;--on-primary: #e7f1f1;--muted: #8a9799;--teal: #38e0cf;--teal-2: #66ccc0;--teal-soft: rgba(56, 224, 207, .16);--kpi-value: #e3eded;--section-title: #66ccc0;--success: #5fb37a;--success-bg: rgba(95, 179, 122, .16);--warning: #d6a45c;--warning-bg: rgba(214, 164, 92, .14);--warning-text: #d6a45c;--danger: #d97078;--danger-bg: rgba(217, 112, 120, .16);--danger-bg-2: rgba(217, 112, 120, .28);--danger-text: #e9959c;--info: #6aa3c0;--soc-high: #5fb37a;--soc-mid: #38e0cf;--soc-low: #d6a45c;--soc-critical: #d97078;--soc-track: #233740;--soc-na: #2f4751;--mod-off-bg: var(--surface-2);--mod-cool-bg: rgba(56, 224, 207, .16);--mod-cool-text: #9ee6dd;--mod-cool-border: var(--teal);--mod-warm-bg: rgba(214, 164, 92, .14);--mod-warm-text: var(--warning);--mod-warm-border: var(--warning);--mod-hot-bg: rgba(217, 112, 120, .18);--mod-hot-text: var(--danger-text);--mod-hot-border: var(--danger);--mod-critical-bg: var(--danger);--mod-critical-text: #ffffff;--topbar-bg: #0a1a1f;--topbar-text: #e7f1f1;--topbar-divider: rgba(231, 241, 241, .12);--topbar-mutedtext: rgba(231, 241, 241, .6);--topbar-control-bg: rgba(231, 241, 241, .04);--topbar-control-border: rgba(231, 241, 241, .14);--topbar-accent: #38e0cf}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);font-size:14px;letter-spacing:-.005em;transition:background-color .2s ease,color .2s ease}a{color:var(--primary)}a:hover,[data-theme=dark] a{color:var(--teal-2)}.mono{font-family:ui-monospace,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.muted{color:var(--muted)}.warn{color:var(--warning)}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,var(--pale) 0%,var(--bg) 100%)}[data-theme=dark] .login-shell{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%)}.login-card{background:var(--surface);border:1px solid var(--border);padding:32px 32px 28px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}.login-brand{text-align:center;margin-bottom:8px}.login-brand h1{font-size:22px;margin:14px 0 4px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;color:var(--primary)}[data-theme=dark] .login-brand h1{color:var(--text)}.login-brand p{margin:0;color:var(--muted);font-size:13px}.login-logo{height:56px;display:flex;align-items:center;justify-content:center}.login-logo img{height:56px}[data-theme=dark] .login-logo img{filter:brightness(1.05)}.login-card label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin-bottom:-8px}[data-theme=dark] .login-card label{color:var(--teal-2)}.login-card input{background:var(--surface-2);border:1px solid var(--border-strong);padding:12px 14px;color:var(--text);font-size:15px;font-family:inherit}.login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2dc4b32e}[data-theme=dark] .login-card input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #38e0cf2e}.login-error{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger-text);padding:10px 12px;font-size:13px;font-weight:500}.btn{display:inline-block;padding:9px 16px;margin:0;border:none;border-radius:0;cursor:pointer;text-decoration:none;font-size:13px;font-family:inherit;font-weight:600;letter-spacing:-.005em;background:var(--surface);color:var(--primary);border:1px solid var(--primary);transition:background-color .15s,color .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--primary);color:var(--on-primary)}[data-theme=dark] .btn{color:var(--teal-2);border-color:var(--teal-2);background:transparent}[data-theme=dark] .btn:hover:not(:disabled){background:var(--teal-2);color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn.primary:hover:not(:disabled){background:var(--primary-hover);color:#fff}[data-theme=dark] .btn.primary{background:var(--teal);color:var(--primary);border-color:var(--teal)}[data-theme=dark] .btn.primary:hover:not(:disabled){background:var(--teal-2);color:var(--primary)}.btn.ghost{background:transparent;color:var(--topbar-text);border-color:var(--topbar-control-border)}.btn.ghost:hover:not(:disabled){background:var(--topbar-control-bg);color:var(--topbar-text);border-color:var(--topbar-text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--topbar-control-bg);border:1px solid var(--topbar-control-border);color:var(--topbar-text);cursor:pointer;font-family:inherit;font-size:16px;transition:background-color .15s,border-color .15s}.theme-toggle:hover{background:var(--topbar-control-border);border-color:var(--topbar-text)}.theme-toggle svg{width:18px;height:18px}.dash{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:18px;padding:10px 24px;background:var(--topbar-bg);color:var(--topbar-text);position:sticky;top:0;z-index:50;flex-wrap:wrap;border-bottom:1px solid var(--topbar-divider)}.brand{display:flex;align-items:center;gap:14px}.brand-logo{height:38px;display:flex;align-items:center}.brand-logo img{height:38px;display:block}.brand-divider{width:1px;height:28px;background:var(--topbar-divider)}.brand-name{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--topbar-text);line-height:1}.brand-sub{font-size:10px;color:var(--topbar-accent);margin-top:4px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.topbar-mid{flex:1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}.station-select{background:var(--topbar-control-bg);border:1px solid var(--topbar-control-border);color:var(--topbar-text);padding:8px 28px 8px 12px;font-size:13px;font-weight:500;font-family:inherit;min-width:220px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23e7f1f1' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.station-select option{background:var(--topbar-bg);color:var(--topbar-text)}.live-dot{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid}.live-dot.on{background:#38e0cf1a;color:var(--topbar-accent);border-color:var(--topbar-accent)}.live-dot.off{background:var(--topbar-control-bg);color:var(--topbar-mutedtext);border-color:var(--topbar-control-border)}.live-dot .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.live-dot.on .dot{animation:pulseDot 1.6s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.4)}}.last-seen{color:var(--topbar-mutedtext);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.page{flex:1;width:100%;max-width:1800px;margin:0 auto;padding:20px 24px 32px}.banner{padding:10px 14px;margin-bottom:16px;font-size:13px;font-weight:500;border:1px solid}.banner.error{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger)}.banner.warn{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning)}.alarms-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:16px}.alarm-pill{padding:10px 14px;background:var(--surface);display:flex;flex-direction:column;gap:3px}.alarm-pill.wide{grid-column:span 2}.alarm-pill.ok .alarm-value{color:var(--success)}.alarm-pill.on{background:var(--danger-bg);border-left:4px solid var(--danger);padding-left:10px}.alarm-pill.on .alarm-value{color:var(--danger-text)}.alarm-pill.on{animation:alarmPulse 2.4s ease-in-out infinite}@keyframes alarmPulse{0%,to{background:var(--danger-bg)}50%{background:var(--danger-bg-2)}}.alarm-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.alarm-value{font-size:13px;font-weight:700;letter-spacing:-.005em;color:var(--text)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:20px}.kpi{background:var(--surface);padding:14px 16px;border-left:4px solid var(--muted);position:relative}.kpi.accent-charging{border-left-color:var(--teal)}.kpi.accent-full{border-left-color:var(--teal-2)}.kpi.accent-idle{border-left-color:var(--muted)}.kpi.accent-fault{border-left-color:var(--danger)}.kpi-value{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--kpi-value)}.kpi-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-top:4px;font-weight:600}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.section-head h2{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--section-title)}.section-head h2 .muted{font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted)}.section-head .meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.cabinet-grid{display:grid;gap:12px;margin-bottom:24px}.empty{grid-column:1 / -1;background:var(--surface);border:1px solid var(--border);padding:40px;text-align:center;color:var(--muted);font-size:13px}.empty.small{padding:18px;font-size:13px}.cab-card{background:var(--surface);border:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease;position:relative;overflow:hidden}.cab-card:hover{border-color:var(--border-strong)}.cab-card.status-charging{border-color:var(--teal);border-left-width:4px}.cab-card.status-full{border-color:var(--teal-2);border-left-width:4px}.cab-card.status-fault,.cab-card.has-fault{border-color:var(--danger);border-left-width:4px}.cab-card.status-empty{background:var(--surface-2);opacity:.78}.cab-card.status-charging:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--teal) 50%,transparent 100%);animation:chgSweep 3s linear infinite;opacity:.85}@keyframes chgSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cab-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:8px}.cab-no{font-size:14px;font-weight:800;color:var(--kpi-value);letter-spacing:.02em}.cab-no .pre{color:var(--muted);font-weight:600;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-right:6px}.cab-no .num{font-size:22px;font-weight:800;color:var(--kpi-value)}.status-pill{padding:4px 10px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;border:1px solid}.status-pill.status-charging{background:var(--teal-soft);color:var(--text);border-color:var(--teal)}.status-pill.status-full{background:var(--success-bg);color:var(--text);border-color:var(--teal-2)}.status-pill.status-idle{background:var(--pale);color:var(--text-2);border-color:var(--border-strong)}.status-pill.status-empty{background:var(--surface);color:var(--muted);border-color:var(--border)}.status-pill.status-fault{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger)}.pulse{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulseDot 1.4s ease-in-out infinite}.cab-soc-row{display:flex;align-items:center;gap:14px}.soc-ring{flex-shrink:0}.cab-soc-meta{flex:1;min-width:0}.soc-num{font-size:30px;font-weight:800;line-height:1;color:var(--kpi-value);letter-spacing:-.02em}.soc-num .pct{font-size:14px;color:var(--muted);margin-left:2px;font-weight:600}.soc-high{color:var(--soc-high)}.soc-mid{color:var(--soc-mid)}.soc-low{color:var(--soc-low)}.soc-critical{color:var(--soc-critical)}.soc-na{color:var(--muted)}.bat-id{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.vin{font-size:11px;color:var(--info);margin-top:2px;font-weight:600}.cab-temps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.temp-block{background:var(--surface);padding:8px;text-align:center;border-top:3px solid transparent}.temp-block.temp-na .t-value{color:var(--muted)}.temp-block.temp-cool{border-top-color:var(--teal-2)}.temp-block.temp-warm{border-top-color:var(--warning);background:var(--warning-bg)}.temp-block.temp-hot{border-top-color:var(--danger);background:var(--danger-bg)}.temp-block.temp-critical{border-top-color:var(--danger);background:var(--danger-bg);animation:alarmPulse 2.4s ease-in-out infinite}.t-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:700}.t-value{font-size:16px;font-weight:800;margin-top:2px;letter-spacing:-.01em;color:var(--text)}.temp-cool .t-value{color:var(--text)}.temp-warm .t-value{color:var(--warning-text)}.temp-hot .t-value,.temp-critical .t-value{color:var(--danger-text)}.t-sub{font-size:9px;color:var(--muted);margin-top:1px;font-weight:600}.cab-charge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.metric{background:var(--surface);padding:8px;text-align:center}.metric.small{padding:6px 8px}.metric.accent-charging{background:var(--teal-soft);border-top:3px solid var(--teal);margin-top:-3px}.m-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:700}.m-value{font-size:14px;font-weight:800;margin-top:2px;color:var(--text);letter-spacing:-.005em}.metric.small .m-value{font-size:12px;font-weight:700}.cab-eta{font-size:11px;color:var(--text-2);background:var(--pale);border:1px solid var(--teal-2);padding:6px 10px;text-align:center;font-weight:600}.cab-idle-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:8px;background:var(--surface-2);justify-content:center;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.cab-idle-meta .warn{color:var(--warning)}.cell-volt-strip{display:flex;background:var(--border);border:1px solid var(--border);gap:1px;font-size:11px}.cv-item{flex:1;background:var(--surface);padding:6px 8px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.cv-item.cv-warn{background:var(--warning-bg);color:var(--warning-text)}.cv-label{color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:.07em;font-weight:700}.cv-value{font-weight:700;color:var(--text)}.cv-no{color:var(--muted);font-size:10px}.modules{background:var(--surface);border:1px solid var(--border);padding:8px}.mod-head{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-weight:700;color:var(--muted)}.mod-bars{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.mod-bar{height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;font-weight:700;position:relative;background:var(--mod-off-bg);border:1px solid var(--border);color:var(--muted)}.mod-bar.mod-off{background:var(--mod-off-bg);color:var(--muted)}.mod-bar.mod-cool{background:var(--mod-cool-bg);color:var(--mod-cool-text);border-color:var(--mod-cool-border)}.mod-bar.mod-warm{background:var(--mod-warm-bg);color:var(--mod-warm-text);border-color:var(--mod-warm-border)}.mod-bar.mod-hot{background:var(--mod-hot-bg);color:var(--mod-hot-text);border-color:var(--mod-hot-border)}.mod-bar.mod-critical{background:var(--mod-critical-bg);color:var(--mod-critical-text);border-color:var(--mod-critical-bg)}.mod-bar.mod-inactive{opacity:.5}.mod-no{font-size:9px}.mod-temp{font-size:10px}.cab-fault{background:var(--danger-bg);color:var(--danger-text);padding:8px 10px;font-size:11px;font-family:ui-monospace,monospace;border:1px solid var(--danger);word-break:break-word;font-weight:600}.faults{background:var(--surface);border:1px solid var(--border);padding:0;margin-bottom:24px}.faults-head{background:var(--topbar-bg);color:var(--topbar-text);padding:10px 14px;display:flex;align-items:baseline;justify-content:space-between}.faults-head h2{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--topbar-text)}.faults-head h2 .muted{font-weight:500;color:var(--topbar-accent)}.faults-head .count{font-size:11px;color:var(--topbar-accent);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.faults-table-wrap{overflow-x:auto}.faults-table{width:100%;border-collapse:collapse;font-size:12px}.faults-table th{background:var(--pale);color:var(--text-2);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.07em;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.faults-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}.faults-table tr:hover td{background:var(--pale)}.faults-table tr.sev-critical{background:#c446510f}.faults-table tr.sev-major{background:#d68a3d0f}.faults-table tr.sev-minor{background:#2f8a520d}[data-theme=dark] .faults-table tr.sev-critical{background:#d970781a}[data-theme=dark] .faults-table tr.sev-major{background:#d6a45c1a}[data-theme=dark] .faults-table tr.sev-minor{background:#5fb37a14}.sev-tag{display:inline-block;padding:2px 6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid}.sev-tag.l3{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger)}.sev-tag.l2{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning)}.sev-tag.l1{background:var(--pale);color:var(--text-2);border-color:var(--teal-2)}.sev-tag.l0{background:var(--surface);color:var(--muted);border-color:var(--border)}@media (max-width: 1100px){.page{padding:16px 16px 28px}.topbar{padding:10px 16px;gap:14px}.station-select{min-width:180px}}@media (max-width: 760px){.topbar{gap:10px;padding:10px 12px}.topbar-mid{gap:10px}.station-select{min-width:140px;flex:1}.last-seen,.brand-sub{display:none}.page{padding:12px 12px 24px}.cab-temps,.cab-charge-row{grid-template-columns:repeat(3,1fr)}.alarms-strip{grid-template-columns:repeat(2,1fr)}.alarm-pill.wide{grid-column:span 2}.kpis{grid-template-columns:repeat(2,1fr)}.mod-bars{grid-template-columns:repeat(5,1fr)}}@media (max-width: 460px){.alarms-strip{grid-template-columns:1fr}.alarm-pill.wide{grid-column:1}.cab-charge-row{grid-template-columns:repeat(2,1fr)}.topbar{padding:8px 10px}.brand-divider{display:none}.brand-name{font-size:12px}.brand-logo,.brand-logo img{height:30px}.theme-toggle{width:34px;height:34px}}