:root{--bg:#071019;--panel:#0b1722;--line:#203243;--text:#edf5fb;--muted:#91a6b8;--cyan:#59d0f0;--red:#ff5a64;--green:#4fd18b;--amber:#ffba4a;--grey:#9aabba;--shadow:0 18px 50px #00000059}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow:hidden}.app{grid-template-rows:auto auto 1fr;height:100%;display:grid}button{font:inherit}.demo-banner{color:#15100a;text-align:center;letter-spacing:.16em;text-transform:uppercase;background:#dca32b;padding:7px 12px;font-size:12px;font-weight:800}header{border-bottom:1px solid var(--line);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071019f5;justify-content:space-between;align-items:center;height:72px;padding:0 22px;display:flex}.brand{align-items:center;gap:14px;display:flex}.mark{background:#0c1a26;border:1px solid #355268;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;position:relative}.mark:before,.mark:after{content:"";border:1px solid #34576d;border-radius:50%;position:absolute}.mark:before{width:26px;height:26px}.mark:after{background:var(--cyan);width:12px;height:12px;box-shadow:0 0 18px #59d0f0b3}.brand strong{letter-spacing:.18em;font-size:19px;display:block}.brand span{color:var(--muted);letter-spacing:.04em;margin-top:3px;font-size:11px;display:block}nav{gap:8px;display:flex}.navbtn{color:#b8c8d6;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:650}.navbtn.active{color:#fff;background:#112333;border-color:#294156}.operator{color:#d9f6ff;border-color:#2e556a}.workspace{grid-template-columns:1fr 360px;min-height:0;display:grid;position:relative}.mapwrap{background:#101a20;min-width:0;position:relative}.map{filter:saturate(.72)brightness(.78)contrast(1.08);width:100%;height:100%}.map-overlay{z-index:700;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;top:18px;left:18px}.status-card,.legend{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08141eeb;border:1px solid #294050;border-radius:12px}.status-card{min-width:250px;padding:13px 15px}.eyebrow{color:#7f9db0;letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.status-row{align-items:center;gap:9px;margin-top:7px;font-size:13px;display:flex}.pulse{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #4fd18b1a}.sep{color:#718a9a}.muted{color:#8da7b6}.legend{align-items:center;gap:14px;padding:12px 14px;display:flex}.legend-item{color:#b9cad7;align-items:center;gap:6px;font-size:11px;display:flex}.swatch{border-radius:2px;width:9px;height:9px}.swatch.red{background:var(--red)}.swatch.green{background:var(--green)}.swatch.amber{background:var(--amber)}.swatch.grey{background:var(--grey)}aside{border-left:1px solid var(--line);background:linear-gradient(#0b1722,#08131c);padding:20px;overflow:auto}.side-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.side-title h2{margin:3px 0 0;font-size:21px}.side-actions{align-items:center;gap:8px;display:flex}.tag{color:#a8c8d8;letter-spacing:.1em;border:1px solid #345264;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:800}.close-panel{color:#dceef7;cursor:pointer;background:#10212d;border:1px solid #385267;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1;display:none}.empty{text-align:center;color:var(--muted);margin-top:70px}.empty .radar{border:1px solid #314a5b;border-radius:50%;width:74px;height:74px;margin:0 auto 18px;position:relative}.empty .radar:before{content:"";border:1px solid #243d4e;border-radius:50%;position:absolute;inset:14px}.empty .radar:after{content:"";background:var(--cyan);transform-origin:0;width:30px;height:1px;position:absolute;top:36px;left:36px;transform:rotate(-36deg)}.empty p{max-width:250px;margin:0 auto;font-size:13px;line-height:1.6}.details{display:none}.details.show{display:block}.area-code{letter-spacing:.04em;margin:18px 0 4px;font-size:29px;font-weight:850}.area-name{color:var(--muted);margin-bottom:18px;font-size:13px}.live{background:#0e1c27;border:1px solid #304757;border-radius:12px;margin-bottom:14px;padding:14px}.live-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.live-label{color:#8fa5b4;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.badge{letter-spacing:.08em;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.badge.active{color:#ff828b;background:#ff5a6424;border:1px solid #ff5a6459}.badge.inactive{color:#7be3a9;background:#4fd18b21;border:1px solid #4fd18b52}.badge.unverified{color:#ffd07d;background:#ffba4a21;border:1px solid #ffba4a57}.time{margin:10px 0 2px;font-size:26px;font-weight:800}.small{color:#8299a9;font-size:11px}.data-grid{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.data{background:#0a1822;border:1px solid #203746;border-radius:10px;padding:11px}.data span{color:#7892a4;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.data strong{font-size:13px}.notice{border-left:3px solid var(--amber);color:#d7c79f;background:#ffba4a0f;border-radius:0 8px 8px 0;padding:11px 12px;font-size:11px;line-height:1.5}.source{color:#6f8798;margin-top:15px;font-size:10px;line-height:1.5}.leaflet-control-zoom a{color:#cce6f4!important;background:#0b1822!important;border-color:#294050!important}.leaflet-control-attribution{color:#77909f!important;background:#050c12cc!important}.leaflet-control-attribution a{color:#8eb9ce!important}.leaflet-tooltip.dass-label{color:#e8f4fb;letter-spacing:.06em;background:#0a1721;border:1px solid #385468;padding:5px 7px;font-size:10px;font-weight:800;box-shadow:0 8px 20px #00000059}@media (max-width:900px){nav .hide-sm{display:none}.workspace{grid-template-columns:1fr}.mapwrap{height:100%;min-height:0}.brand span{display:none}.map-overlay{top:12px;left:12px}.legend{display:none}.status-card{min-width:220px}aside{z-index:900;border:1px solid var(--line);border-radius:16px;height:auto;max-height:62vh;padding:18px;display:none;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 18px 60px #0000008c}aside.mobile-open{animation:.18s ease-out sheet-in;display:block}aside .empty{display:none}.close-panel{place-items:center;display:grid}.side-title{padding-bottom:14px}.area-code{margin-top:14px;font-size:24px}.data-grid{grid-template-columns:1fr 1fr}}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}