:root{--sidebar:#0b0e14;--sidebar-search:#141821;--sidebar-active:#2a231c;--sidebar-text:#f3f4f6;--sidebar-muted:#8b93a7;--sidebar-border:#1b202b;--canvas:#f4f6f8;--card:#ffffff;--border:#e6e8ec;--text:#0f172a;--muted:#64748b;--primary:#f97316;--primary-hover:#ea580c;--success:#16a34a;--success-surface:#ecfdf5;--danger:#dc2626;--warning:#d97706;--warning-surface:#fffbeb;--info-surface:#eff6ff;--radius-card:12px;--radius-pill:999px;--sidebar-width:248px;--header-height:56px;--shadow:0 1px 0 rgba(15,23,42,0.04);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--canvas);color:var(--text)}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr}.shell,.sidebar{min-height:100vh}.sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:16px 12px 20px;display:flex;flex-direction:column;gap:14px;position:-webkit-sticky;position:sticky;top:0}.brand{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.brand-title{font-size:18px;font-weight:650;letter-spacing:-.03em}.brand-sub{font-size:12px;margin-top:2px}.brand-sub,.collapse{color:var(--sidebar-muted)}.collapse{width:28px;height:28px;border:0;background:transparent;cursor:pointer}.search{display:flex;align-items:center;gap:8px;background:var(--sidebar-search);border:1px solid #1e2430;border-radius:10px;padding:8px 10px;color:var(--sidebar-muted)}.search input{flex:1 1;border:0;background:transparent;color:var(--sidebar-text);outline:none;min-width:0}.search input::placeholder{color:#6b7384}.kbd{font-size:11px;border:1px solid #2a3140;border-radius:6px;padding:1px 5px;color:#7d8698}.nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.nav-item{display:grid;grid-template-columns:22px 1fr 14px;grid-gap:10px;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;color:var(--sidebar-text)}.nav-item small{display:block;color:var(--sidebar-muted);font-size:12px;margin-top:1px}.nav-item:hover{background:#161b24}.nav-item.active{background:var(--sidebar-active)}.nav-item .chevron,.nav-item svg{color:var(--sidebar-muted)}.nav-item.active .chevron{color:#d6d3d1}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:var(--header-height);background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar h1{margin:0;font-size:15px;font-weight:600}.userbox{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.avatar{width:28px;height:28px;border-radius:999px;background:#e2e8f0;display:grid;place-items:center;color:var(--text);font-size:11px;font-weight:700}.linkish{border:0;background:none;color:var(--muted);cursor:pointer;padding:0}.page{padding:20px 24px 40px;display:flex;flex-direction:column;gap:16px}.card,.page-header,.stat-strip{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow)}.page-header{padding:18px 20px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.page-header h2{margin:0;font-size:26px;letter-spacing:-.03em}.page-header p{margin:6px 0 0;color:var(--muted)}.chips{margin-top:12px}.chips,.header-actions{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#f8fafc;border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;color:#334155}.chip.ok{background:var(--success-surface);border-color:#bbf7d0;color:#166534}.chip.warn{background:var(--warning-surface);border-color:#fde68a;color:#92400e}.chip.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.btn{border:0;border-radius:var(--radius-pill);padding:9px 16px;cursor:pointer;font-weight:600;font-size:13px}.btn.primary{background:var(--primary);color:white}.btn.primary:hover{background:var(--primary-hover)}.btn.ghost{background:white;color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.55;cursor:not-allowed}.stat-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.stat{padding:16px 18px;border-right:1px solid var(--border)}.stat:last-child{border-right:0}.data-list dt,.metric label,.stat label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.metric strong,.stat strong{font-size:22px;font-weight:650;letter-spacing:-.03em}.metric em,.stat span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-style:normal}.grid-2{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px}.card{padding:18px 20px}.card h3{margin:0 0 14px;font-size:16px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px 12px;gap:18px 12px}.metric strong{font-size:20px}.banner{border-radius:10px;padding:12px 14px;font-size:14px}.banner.success{background:var(--success-surface);color:#166534}.banner.warn{background:var(--warning-surface);color:#92400e}.banner.info{background:var(--info-surface);color:#1e3a8a}.empty{border:1px dashed #cbd5e1;border-radius:12px;padding:28px 20px;text-align:center;color:var(--muted);background:#fbfdff}.empty h4{margin:0 0 6px;color:var(--text)}.data-list{display:grid;grid-gap:14px;gap:14px;margin:0}.data-list div{display:grid;grid-template-columns:180px 1fr;grid-gap:12px;gap:12px}.data-list dd{margin:0}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:3px 8px;font-size:11px;font-weight:700;letter-spacing:.04em}.badge.real{background:var(--success-surface);color:#166534}.badge.sim{background:#f1f5f9;color:#475569}.badge.lab{background:var(--warning-surface);color:#92400e}.badge.none{background:#f8fafc;color:#64748b}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--border);padding:0 4px}.tabs span{padding-bottom:10px;color:var(--muted);font-size:14px}.tabs .on{color:var(--text);font-weight:600;border-bottom:2px solid var(--text)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--canvas)}.login-card{width:min(420px,100%);padding:28px}.login-card h1{margin:0 0 6px;font-size:26px}.field{display:flex;flex-direction:column;gap:6px;margin-top:14px}.field input{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:white}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:8px 0}.table td{padding:10px 0;border-top:1px solid var(--border)}.fleet-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:16px;gap:16px;align-items:start}.here-frame{position:relative;min-height:420px;height:min(70vh,720px);background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden}.here-map{width:100%;height:100%}.here-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:rgba(244,246,248,.92);color:var(--muted)}.here-note{color:var(--muted);font-size:13px;margin:8px 0}.map-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}.map-poll{color:var(--muted);font-size:12px}.fleet-side{background:white;border:1px solid var(--border);border-radius:12px;padding:14px}.vehicle-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.history-controls input,.history-controls select,.vehicle-row{width:100%;border:1px solid var(--border);background:white;border-radius:10px;padding:10px 12px;text-align:left}.vehicle-row{display:flex;justify-content:space-between;gap:8px;align-items:center;cursor:pointer}.vehicle-row.on{border-color:var(--primary)}.vehicle-detail{margin-top:14px;display:grid;grid-gap:12px;gap:12px}.history-controls{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;grid-gap:12px;gap:12px;align-items:end;margin-bottom:12px}.history-controls label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px}.gap-list{margin:8px 0 0;padding-left:18px;color:#92400e;font-size:13px}.row-on td{background:#fff7ed}.map-placeholder{height:360px;border-radius:12px;background:linear-gradient(180deg,#eef2f6,#e4e9ef);display:grid;place-items:center;color:var(--muted);border:1px solid var(--border)}.gps-plot{width:100%;height:auto;display:block;margin-bottom:12px}.gps-plot-canvas{fill:#eef2f6;stroke:var(--border)}.marker-live{fill:#f97316;stroke:white;stroke-width:3}.marker-historical{fill:#d97706;stroke:white;stroke-width:3}.marker-label{fill:#0f172a;font-size:14px;font-weight:650}.marker-meta{fill:#64748b;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:1100px){.data-list div,.fleet-layout,.form-row,.grid-2,.history-controls,.metrics,.stat-strip{grid-template-columns:1fr}.here-frame{height:480px}.stat{border-right:0;border-bottom:1px solid var(--border)}}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:relative;min-height:auto}.data-list div,.form-row,.grid-2,.metrics,.stat-strip{grid-template-columns:1fr}.page-header{flex-direction:column}}