:root{--bg:#070b11;--panel:#121823;--panel-alt:#161f2b;--panel-soft:#161f2bb8;--ink:#f3f4f6;--ink-bright:#fff;--muted:#94a3b8;--muted-strong:#cbd5e1;--line:#94a3b81f;--line-strong:#94a3b838;--accent:#2dd4bf;--accent-strong:#5eead4;--accent-blue:#60a5fa;--warn:#b45309;--danger:#f87171;--night:#4b55632e;--bar:#2dd4bf;--bar-all:#60a5fa;--inactive:#4b5563;--shadow:0 14px 36px #02060c6b}*{box-sizing:border-box}body{background:radial-gradient(circle at 92% -6%, #2dd4bf12, transparent 36rem), radial-gradient(circle at 6% 8%, #60a5fa0f, transparent 30rem), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.appShell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);color:#f9fafb;background:linear-gradient(#050810 0%,#0a0f17 60%,#0e1623 100%);flex-direction:column;min-height:100vh;padding:28px 18px 22px;display:flex}.brand{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-bottom:18px;display:flex}.brandLogo{object-fit:contain;width:100%;max-width:60px;height:auto;display:block}.brandWordmark{color:var(--ink-bright);letter-spacing:.22em;text-transform:uppercase;margin:2px 0 0;font-size:19px;font-weight:800;line-height:1}.brandAttribution{border-top:1px solid var(--line);opacity:.9;text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:22px;padding-top:14px;display:flex}.brandAttributionLabel{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.brandAttributionLogo{object-fit:contain;opacity:.92;width:100%;max-width:150px;height:auto;display:block}.navList{gap:4px;display:grid}.navLink{color:#cbd5e1;letter-spacing:.005em;border:1px solid #0000;border-left-width:2px;border-radius:10px;align-items:center;min-height:40px;padding:9px 12px;font-size:13.5px;font-weight:600;transition:background .16s,border-color .16s,color .16s,transform .16s;display:flex}.navLink:hover{color:var(--ink-bright);background:#94a3b80f}.navLink.active{border-color:#2dd4bf38;border-left-color:var(--accent);color:var(--ink-bright);background:linear-gradient(90deg,#2dd4bf1f,#2dd4bf00)}.poweredBy{border-top:1px solid var(--line);color:#6b7484;opacity:.72;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.poweredByLabel{color:#6b7484;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.poweredByLogo{object-fit:contain;opacity:.85;flex:none;width:22px;height:22px}.contentShell{flex-direction:column;min-width:0;display:flex}.topHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:20px 32px;display:flex}.topHeader strong{color:var(--ink-bright);letter-spacing:.005em;font-size:19px;font-weight:700;display:block}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.headerMeta{color:var(--muted);text-align:right;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;display:flex}.headerBrand{color:var(--ink-bright);letter-spacing:.2em;font-size:14px;font-weight:800}.headerTimestamp{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:600}.main{min-width:0;padding:30px 32px}.pageHeader{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.pageHeader h2{color:var(--ink-bright);letter-spacing:-.01em;margin:0 0 6px;font-size:30px;font-weight:700}.pageHeader p{color:var(--muted);margin:0}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:20px}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.controls{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:12px;margin-bottom:16px;display:grid}.control label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.control input,.control select{border:1px solid var(--line-strong);color:var(--ink);background:#0b1220;border-radius:9px;width:100%;min-height:40px;padding:8px 10px;transition:border-color .14s}.control input:focus,.control select:focus{border-color:#2dd4bf8c;outline:none}.button{background:var(--accent);color:#06120f;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 14px;font-weight:700;transition:background .16s,transform .12s;display:inline-flex}.button.secondary{color:var(--ink);background:#1f2937}.button:hover{background:var(--accent-strong)}.dropzone{text-align:center;background:linear-gradient(#161f2bad,#111827e0);border:1px dashed #94a3b847;border-radius:14px;place-items:center;gap:12px;min-height:220px;padding:28px;display:grid}.dropzone strong{font-size:20px}.dropzone p{color:var(--muted);margin:0}.statusGood,.statusWarn,.statusError{border:1px solid var(--line-strong);border-radius:12px;padding:12px;font-size:13.5px;line-height:1.45}.statusGood{color:#a7f3d0;background:#2dd4bf1a}.statusWarn{color:#fbbf24;background:#f59e0b1a}.statusError{color:var(--danger);background:#f871711f}.metric{border-top:1px solid var(--line);padding:14px 0}.metric:first-child{border-top:0}.metric span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.metric strong{color:var(--ink-bright);letter-spacing:-.01em;font-size:26px;font-weight:700}.chartWrap{height:590px;padding:2px 0 0;overflow-x:auto}.svgChartFrame{width:100%;height:520px;position:relative;overflow:visible}.svgBarChart{width:100%;height:100%;display:block;overflow:visible}.svgGridLine{stroke:#94a3b82e;stroke-width:1px}.svgAxisLine{stroke:#64748b;stroke-width:1.2px}.svgYAxisLabel,.svgXAxisLabel{fill:#cbd5e1;font-size:13px;font-weight:700}.svgXAxisLabel{font-size:12px}.svgNightBand{fill:#64748b0b}.svgPrimaryBar{fill:#2dd4bf;stroke:#d1fae52e;stroke-width:.5px}.svgCompareBar{fill:#8fa3b7;opacity:.74}.svgInactiveBar{fill:var(--inactive);stroke:#64748b47;stroke-width:.5px}.fleetChartFrame{height:470px}.svgBarLabel{fill:#f9fafb;paint-order:stroke;stroke:#000000b3;stroke-width:3px;font-size:13px;font-weight:900}.svgHitArea{fill:#0000;pointer-events:all}.chartGridLayout{grid-template-columns:66px minmax(0,1fr);min-width:max-content;display:grid}.yAxisLabels{color:#64748b;text-align:right;flex-direction:column;justify-content:space-between;height:500px;padding:30px 10px 42px 0;font-size:12px;font-weight:700;display:flex}.barChart{align-items:end;gap:7px;min-width:840px;height:500px;padding-top:30px;display:grid}.barSlot{background-color:#0b1220;background-image:linear-gradient(0deg,#94a3b824 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 25%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:6px 6px 0 0;align-items:end;height:100%;display:grid;position:relative}.barSlot.night{background:linear-gradient(to top, #4755692e 1px, transparent 1px), var(--night);background-size:100% 25%}.bar{background:var(--bar);color:#f9fafb;border-radius:6px 6px 0 0;justify-content:center;align-self:end;width:100%;min-height:2px;font-size:12px;font-weight:900;display:flex;position:relative;box-shadow:0 1px #0f172a2e,inset 0 1px #ffffff2e}.bar span{text-shadow:0 1px #ffffffd9;z-index:3;position:absolute;bottom:calc(100% + 4px)}.bar.compare{background:var(--bar-all);opacity:.72;width:40%;position:absolute;right:0}.hourLabel{color:#cbd5e1;text-align:center;min-height:14px;margin-top:8px;font-size:12px;font-weight:700}.bucket-15{gap:4px}.bucket-15 .hourLabel{font-size:11px}.chartAxis{color:#cbd5e1;justify-content:space-between;min-width:840px;font-size:13px;font-weight:700;display:flex}.chartTooltip{color:#fff;white-space:nowrap;z-index:10;background:#0f172af5;border-radius:8px;min-width:220px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.45;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0f172a47}.barSlot:hover .chartTooltip{display:block}.chartTooltip.fixed{pointer-events:none;display:block;bottom:78px}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;font-size:13px;font-weight:600;display:flex}.swatch{border-radius:3px;width:18px;height:10px;margin-right:6px;display:inline-block}.dwellLegend{color:#cbd5e1;align-items:center;margin-top:14px;font-weight:600}.bubbleLegend{vertical-align:middle;background:#f97316;border-radius:999px;margin-right:7px;display:inline-block}.bubbleLegend.small{opacity:.22;width:8px;height:8px}.bubbleLegend.large{opacity:.86;width:24px;height:24px}.dwellSwatch{opacity:.92;vertical-align:middle;border-radius:999px;width:12px;height:12px;margin-right:7px;display:inline-block}.topDwellItem{border-top:1px solid var(--line);padding:9px 0;line-height:1.45}.topDwellItem:first-of-type{border-top:0}.topDwellItem strong{color:#fca5a5;font-size:16px}.topDwellItem span{color:var(--muted)}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #94a3b81f;padding:10px 9px;font-size:13px}th{color:#e5e7eb;letter-spacing:.02em;background:#0b1220;font-weight:700;position:sticky;top:0}tbody tr:nth-child(2n){background:#161f2b73}tbody tr:hover{background:#60a5fa1a}.mapFrame{border:1px solid var(--line);border-radius:14px;height:620px;overflow:hidden}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#f3f4f6;background:#111827;box-shadow:0 18px 48px #0000006b}.leaflet-control-zoom a,.leaflet-control-attribution{border-color:var(--line-strong)!important;color:#f3f4f6!important;background:#111827eb!important}.leaflet-container a.leaflet-popup-close-button{color:#f3f4f6}.empty{color:var(--muted);text-align:center;place-items:center;min-height:220px;display:grid}.appFooter{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:18px 32px;font-size:12.5px;font-weight:600;display:flex}.footerPrimary{color:var(--muted-strong);letter-spacing:.06em}.footerSecondary{color:var(--muted);letter-spacing:.04em;opacity:.85}@media (max-width:980px){.appShell{grid-template-columns:1fr}.sidebar{min-height:0;padding:18px 16px}.brand{text-align:left;flex-direction:row;gap:14px;padding-bottom:12px}.brandLogo{max-width:44px}.brandWordmark{margin:0;font-size:16px}.brandAttribution{text-align:left;align-items:flex-start;margin-bottom:14px}.brandAttributionLogo{max-width:130px}.navList{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.poweredBy{justify-content:flex-start;margin-top:18px}.main{padding:18px}.grid.two,.grid.three,.controls{grid-template-columns:1fr}}