:root{--bg:#0f1424;--fg:#e8edf7;--card:#131a2e;--muted:#9fb0d1;--accent:#4c7dff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.6 system-ui,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--accent);text-decoration:none}
header{padding:16px 20px;border-bottom:1px solid #1e2a4a;display:flex;gap:12px;align-items:center}
header .brand{font-weight:700}
.container{max-width:1100px;margin:0 auto;padding:20px}
.card{background:var(--card);border:1px solid #1e2a4a;border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.btn{display:inline-block;padding:.6rem .9rem;border-radius:10px;background:var(--accent);color:#fff;border:none;cursor:pointer}
table{width:100%;border-collapse:collapse;margin-top:8px}
th,td{padding:8px;border-bottom:1px solid #223154}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:800px){.stat-grid{grid-template-columns:1fr}}
.leaflet-container{border-radius:14px;border:1px solid #1e2a4a}
.badge{display:inline-block;background:#1e2a4a;color:#fff;padding:.25rem .5rem;border-radius:999px;font-size:12px}