: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;--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:240px;--topbar-height:48px;--transition:.15s ease}[data-theme=light]{--color-bg:#eaecf0;--color-surface:#fff;--color-surface2:#f2f4f7;--color-surface3:#e2e6ed;--color-hover:#0000000a;--color-border:#d0d7e2;--color-border-dim:#e2e8f0;--color-accent:#d03030;--color-accent-rgb:208, 48, 48;--color-accent-dim:#a01010;--color-accent-glow:#d0303014;--color-accent-soft:#d0303014;--color-text-strong:#0f1117;--color-text:#1e2535;--color-text-dim:#5a6880;--color-text-faint:#8a99ac;--color-green:#16a34a;--color-amber:#d97706;--color-red:#dc2626;--color-blue:#2563eb;--color-online:#16a34a;--color-stale:#d97706;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 6px 22px #0000001f;--shadow-lg:0 14px 40px #00000029;--shadow-accent:0 4px 16px #a0101033;--ring-accent:0 0 0 3px #d030302e;--overlay:#0f111773;--overlay-dim:#0f11174d}*,: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:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dim) 100%);color:#fff;box-shadow:var(--shadow-accent)}button.primary:hover{background:linear-gradient(135deg,#ec5252 0%,#c01601 100%);box-shadow:0 6px 20px #a9110173}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{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:11px;font-weight:700}.u-truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.u-label{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-dim);font-weight:700}.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)}[data-theme=dark] .leaflet-tile,:root:not([data-theme=light]) .leaflet-tile{filter:brightness(.7)invert()hue-rotate(180deg)}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}}