:root{--color-bg:#0b0d12;--color-surface:#14181f;--color-surface2:#1c212c;--color-surface3:#242a38;--color-hover:#ffffff0a;--color-border:#2a3140;--color-border-dim:#1e2533;--color-accent:#e04040;--color-accent-rgb:224, 64, 64;--color-accent-dim:#a91101;--color-accent-glow:#e040401f;--color-accent-soft:#e040401a;--color-text-strong:#f1f5fb;--color-text:#dbe2ec;--color-text-dim:#8a99ac;--color-text-faint:#5f6b7d;--color-green:#22c55e;--color-amber:#f59e0b;--color-red:#ef4444;--color-blue:#3b82f6;--color-online:#22c55e;--color-stale:#f59e0b;--color-orange:#e07020;--color-yellow:#d4a017;--color-purple:#9b59b6;--shadow-sm:0 1px 3px #0006;--shadow-md:0 6px 22px #00000073;--shadow-lg:0 14px 40px #0000008c;--shadow-accent:0 4px 16px #a911014d;--ring-accent:0 0 0 3px #e0404038;--radius-xs:4px;--radius-sm:6px;--radius-md:9px;--radius-lg:14px;--radius:9px;--space-2xs:2px;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:12px;--space-xl:16px;--space-2xl:24px;--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:19px;--fs-label:11.5px;--ls-label:.12em;--overlay:#0009;--overlay-dim:#0006;--color-text-inverse:#fff;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-cinzel:"Cinzel", Georgia, serif;--sidebar-width:248px;--topbar-height:52px;--transition:.15s ease;--gradient-primary:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dim) 100%);--gradient-primary-hover:linear-gradient(135deg, #ec5252 0%, #c01601 100%);--ease-out-expo:cubic-bezier(.22, 1, .36, 1);--dur-fast:.12s;--dur-med:.24s}[data-theme=light]{--color-bg:#f7f3f0;--color-surface:#fff;--color-surface2:#f3eeea;--color-surface3:#e9e2dc;--color-hover:#1a11100a;--color-border:#e4dbd3;--color-border-dim:#ede6e0;--color-accent:#d63a22;--color-accent-rgb:214, 58, 34;--color-accent-dim:#a91101;--color-accent-glow:#d63a221a;--color-accent-soft:#d63a2214;--color-text-strong:#141019;--color-text:#2a2320;--color-text-dim:#6a6058;--color-text-faint:#9a8f86;--color-green:#16a34a;--color-amber:#d97706;--color-red:#dc2626;--color-blue:#2563eb;--color-online:#16a34a;--color-stale:#d97706;--shadow-sm:0 1px 3px #1a11101a;--shadow-md:0 6px 22px #1a11101f;--shadow-lg:0 14px 40px #1a111029;--shadow-accent:0 4px 16px #a9110133;--ring-accent:0 0 0 3px #d63a222e;--gradient-primary:linear-gradient(135deg, #e85a3e 0%, #d63a22 100%);--gradient-primary-hover:linear-gradient(135deg, #d63a22 0%, #a91101 100%);--overlay:#1a111073;--overlay-dim:#1a11104d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-bg);height:100%;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{box-shadow:var(--ring-accent);border-radius:var(--radius-sm);outline:none}button{cursor:pointer;border-radius:var(--radius-sm);background:var(--color-surface2);color:var(--color-text);transition:background var(--transition), box-shadow var(--transition), border-color var(--transition), opacity var(--transition);letter-spacing:.01em;border:none;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:500}button:hover{background:var(--color-surface3)}button:active{opacity:.85}button:focus-visible{box-shadow:var(--ring-accent)}button.primary{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-accent)}button.primary:hover{background:var(--gradient-primary-hover);box-shadow:0 6px 20px rgba(var(--color-accent-rgb), .35)}button.ghost{color:var(--color-text-dim);border:1px solid var(--color-border);background:0 0}button.ghost:hover{background:var(--color-surface2);color:var(--color-text);border-color:var(--color-text-faint)}button.danger{background:var(--color-red);color:#fff;box-shadow:0 2px 8px #ef44444d}button.danger:hover{background:#dc2626;box-shadow:0 4px 14px #ef444466}button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}button.btn-sm{padding:var(--space-xs) var(--space-lg);font-size:var(--fs-sm)}button.btn-icon{padding:var(--space-xs) var(--space-md);font-size:var(--fs-lg);color:var(--color-text-dim);background:0 0;line-height:1}button.btn-icon:hover{background:var(--color-surface2);color:var(--color-text)}input:not([type=radio]):not([type=checkbox]),textarea,select{background:var(--color-surface2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);width:100%;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:7px 11px;font-family:inherit;font-size:13px}input:not([type=radio]):not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:var(--ring-accent)}input::placeholder,textarea::placeholder{color:var(--color-text-dim);opacity:.6}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-border-dim);padding:9px 14px}th{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.07em;background:var(--color-surface2);font-size:11px;font-weight:600}tr:hover td{background:var(--color-hover)}.badge{letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.green{color:var(--color-green);background:#22c55e26}.badge.amber{color:var(--color-amber);background:#f59e0b26}.badge.red{color:var(--color-red);background:#ef444426}.badge.blue{color:var(--color-blue);background:#3b82f626}.badge.grey{color:var(--color-text-dim);background:#94a3b81f}.badge.accent{background:var(--color-accent-soft);color:var(--color-accent)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);padding:16px}.page-layout{height:100vh;display:flex;overflow:hidden}.page-content{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.section-title{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:var(--ls-label);margin-bottom:12px;font-weight:500}.u-truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.u-label{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--color-text-dim);font-weight:500}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.7s infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:var(--color-red);border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef444433;padding:10px 14px;font-size:13px}.leaflet-container{background:var(--color-surface2);font-family:var(--font-sans)}[data-theme=dark] .leaflet-tile-invert .leaflet-tile,:root:not([data-theme=light]) .leaflet-tile-invert .leaflet-tile{filter:brightness(.7)invert()hue-rotate(180deg)}.leaflet-control-zoom.leaflet-bar{border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.leaflet-control-zoom.leaflet-bar a{background:var(--color-surface);width:26px;height:26px;color:var(--color-text-dim);border-bottom:1px solid var(--color-border);font-size:14px;line-height:26px}.leaflet-control-zoom.leaflet-bar a:last-child{border-bottom:none}.leaflet-control-zoom.leaflet-bar a:hover{background:var(--color-surface2);color:var(--color-accent)}.leaflet-control-zoom.leaflet-bar a.leaflet-disabled{background:var(--color-surface);color:var(--color-text-faint)}.leaflet-control-attribution{background:color-mix(in srgb, var(--color-surface) 80%, transparent);color:var(--color-text-faint);border-radius:var(--radius-xs) 0 0 0;padding:1px 6px;font-size:9px}.leaflet-control-attribution a{color:var(--color-text-dim)}.leaflet-control-scale-line{background:color-mix(in srgb, var(--color-surface) 70%, transparent);border:1px solid var(--color-border);color:var(--color-text-dim);font-size:9px;font-family:var(--font-mono);border-top:none}.leaflet-tooltip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);box-shadow:var(--shadow-md);font-size:11px}.leaflet-tooltip-top:before{border-top-color:var(--color-border)}.leaflet-tooltip-bottom:before{border-bottom-color:var(--color-border)}.leaflet-tooltip-left:before{border-left-color:var(--color-border)}.leaflet-tooltip-right:before{border-right-color:var(--color-border)}.leaflet-tooltip.ss-vehicle-label{font-size:10px;font-weight:600;font-family:var(--font-mono);background:color-mix(in srgb, var(--color-surface) 88%, transparent);color:var(--color-text);box-shadow:var(--shadow-sm);pointer-events:none;padding:1px 6px}.leaflet-tooltip.ss-vehicle-label:before{display:none}.ss-map-popup .leaflet-popup-content-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--color-text)}.ss-map-popup .leaflet-popup-tip{background:var(--color-surface);border:1px solid var(--color-border)}.ss-map-popup .leaflet-popup-content{min-width:150px;margin:8px 10px}.ss-popup-title{color:var(--color-text-strong);margin-bottom:4px;font-size:11px;font-weight:700}.ss-popup-row{justify-content:space-between;gap:12px;font-size:10px;line-height:1.7;display:flex}.ss-popup-k{color:var(--color-text-dim)}.ss-popup-v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text)}.ss-popup-v.ss-tone-warn{color:var(--color-amber)}.ss-popup-v.ss-tone-crit{color:var(--color-red);font-weight:600}.ss-marker-live{position:relative}.ss-marker-live:after{content:"";opacity:0;pointer-events:none;border:2px solid;border-radius:50%;animation:2.4s ease-out infinite ss-marker-ping;position:absolute;inset:-5px}@keyframes ss-marker-ping{0%{opacity:.7;transform:scale(.5)}70%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1.15)}}.ss-anim-dash{animation:1.6s linear infinite ss-dash-crawl}@keyframes ss-dash-crawl{to{stroke-dashoffset:-16px}}@media (prefers-reduced-motion:reduce){.ss-marker-live:after{opacity:0;animation:none}.ss-anim-dash{animation:none}}h2{letter-spacing:-.01em;color:var(--color-text-strong);font-size:19px;font-weight:600}h3{color:var(--color-text-strong);font-size:15px;font-weight:600}@media (width<=768px){button,input,select{min-height:36px}}@keyframes ss-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ss-fade-in{0%{opacity:0}to{opacity:1}}.panel-enter{animation:ss-fade-up var(--dur-med) var(--ease-out-expo) both}.ss-tab-underline{position:relative;border-bottom:2px solid #0000!important}.ss-tab-underline:after{content:"";background:var(--color-accent);transform-origin:0;height:2px;transition:transform var(--dur-med) var(--ease-out-expo);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.ss-tab-underline[aria-selected=true]:after,.ss-tab-underline[aria-current]:after,.ss-tab-underline.ss-tab-on:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.panel-enter{animation:none}.ss-tab-underline:after{transition:none}}