:root{--bg:#0b1220;--panel:#111a2b;--panel-2:#16233a;--border:#22304a;--text:#e6edf7;--muted:#8aa0bf;--accent:#38bdf8;--accent-dim:#0ea5e9;--ok:#34d399;--warn:#fbbf24;--bad:#f87171}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--panel-2), var(--panel));align-items:center;gap:12px;padding:10px 16px;display:flex}.topbar .brand{letter-spacing:.2px;font-weight:700}.topbar .brand span{color:var(--accent)}.topbar .meta{color:var(--muted);align-items:center;gap:14px;margin-left:auto;font-size:12px;display:flex}.dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 8px var(--ok);border-radius:50%;display:inline-block}.dot.stale{background:var(--muted);box-shadow:none}.main{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex:none;width:300px;padding:12px;overflow-y:auto}.sidebar h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:4px 4px 10px;font-size:11px}.node-card{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;margin-bottom:8px;padding:10px 12px}.node-card .name{font-weight:600}.node-card .sub{color:var(--muted);margin-top:2px;font-size:12px}.node-card .row{justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.badge{border:1px solid var(--border);border-radius:999px;padding:1px 7px;font-size:11px}.badge.ok{color:var(--ok);border-color:color-mix(in oklab, var(--ok) 40%, transparent)}.badge.warn{color:var(--warn);border-color:color-mix(in oklab, var(--warn) 40%, transparent)}.badge.bad{color:var(--bad);border-color:color-mix(in oklab, var(--bad) 40%, transparent)}.empty{color:var(--muted);padding:16px;font-size:13px}.map{flex:1;min-width:0}.map>div{width:100%;height:100%}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--panel-2);color:var(--text)}.leaflet-popup-content{margin:10px 12px;font-size:12px}.leaflet-container{background:#0a0f1a}