:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eafffb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020608;font-family:Aptos Display,Segoe UI,Space Grotesk,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 16% 8%,#66ffe11f,#0000 32rem),radial-gradient(circle at 88% 12%,#2e8cff1f,#0000 30rem),linear-gradient(145deg,#020608,#061017 52%,#03080b);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;padding:10px;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.brand-block{align-items:center;gap:14px;display:flex}.brand-mark{background:conic-gradient(from 210deg,#66ffe1,#2e8cff,#0b2630,#66ffe1);border-radius:18px;width:52px;height:52px;position:relative;box-shadow:0 0 38px #66ffe157}.brand-mark:after{content:"";background:#031018;border:1px solid #ffffff47;border-radius:10px;position:absolute;inset:12px}.eyebrow{color:#78ffe0;letter-spacing:.2em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}h1{color:#f7fbff;letter-spacing:-.06em;margin:0;font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:.95}.status-pills,.layer-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.status-pills span,.layer-tags span{color:#cfe9e6;text-transform:uppercase;background:#0b1b20db;border:1px solid #78ffe033;border-radius:999px;padding:9px 11px;font-size:11px;font-weight:900;box-shadow:inset 0 1px #ffffff14}.console-stage{min-height:calc(100vh - 96px);position:relative}.panel-stack{align-content:start;gap:12px;display:grid}.left-overlay,.right-overlay{z-index:3;scrollbar-width:thin;width:min(292px,50vw - 32px);max-height:calc(100vh - 128px);position:absolute;top:14px;overflow:auto}.left-overlay{left:14px}.right-overlay{width:min(340px,50vw - 32px);right:14px}.panel-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#091b20f0,#051115f0);border:1px solid #59848c57;border-radius:24px;padding:14px;box-shadow:inset 0 1px #ffffff0f,0 18px 42px #0000002e}.panel-card h2{color:#a6c9c6;letter-spacing:.02em;margin:0 0 12px;font-size:13px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.kpi{background:#0d2228;border:1px solid #67ffdd14;border-radius:17px;padding:12px}.kpi span{color:#91b7b4;letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.kpi strong{color:#78ffe0;letter-spacing:-.04em;margin-top:4px;font-size:25px;display:block}.control-list,.service-list,.decision-feed{gap:9px;display:grid}.control-list button,.service-row{color:#eafffb;text-align:left;background:#112931;border:0;border-radius:17px;padding:12px;font-weight:900;box-shadow:inset 0 1px #ffffff14}.control-list button{cursor:pointer}.control-list button:hover,.map-toolbar button:hover{background:#173842;transform:translateY(-1px)}.service-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.service-row small{color:#85aaa8;margin-top:3px;font-size:11px;font-weight:650;display:block}.service-row .ok{color:#78ffe0}.service-row .watch{color:#ffd36b}.service-row .degraded{color:#ff8f82}.decision{background:#10242a;border-left:4px solid #78ffe0;border-radius:15px;gap:5px;padding:10px;font-size:12px;line-height:1.35;display:grid}.decision.warning{border-left-color:#ffd36b}.decision.critical{border-left-color:#ff8f82}.decision.info{border-left-color:#8bd5ff}.junction-detail{color:#cce5e2;font-size:12px}.junction-detail div{color:#fff;justify-content:space-between;gap:8px;display:flex}.traffic-map-card{background:#111d18;border:1px solid #24505a;border-radius:30px;min-height:calc(100vh - 96px);position:relative;overflow:hidden;box-shadow:inset 0 0 80px #5effdf0d,0 24px 70px #0000004d}.map-toolbar{z-index:2;flex-wrap:wrap;gap:8px;padding:12px;display:flex;position:absolute}.map-toolbar button{color:#eafffb;cursor:pointer;background:#041014d1;border:1px solid #78ffe03d;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:850}.traffic-map{width:100%;height:100%;min-height:calc(100vh - 96px);display:block}.junction-marker{cursor:pointer}.vehicle{transition:transform .12s linear}.vehicle-priority{filter:drop-shadow(0 0 12px #8bd5ffe6)}.vehicle-rerouting{opacity:.86}@media (width<=1180px){.console-stage{gap:12px;display:grid}.left-overlay,.right-overlay{width:100%;max-height:none;position:static}.traffic-map-card,.traffic-map{min-height:70vh}}@media (width<=720px){.app-shell{padding:12px}.topbar{flex-direction:column;align-items:flex-start}.status-pills{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}