:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2937;background:#f3f4f6}
*{box-sizing:border-box}body{margin:0}.center{min-height:100vh;display:grid;place-items:center;padding:20px}
header{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:5}
header strong{display:block}header small{display:block;color:#6b7280;margin-top:3px}header a,nav a{margin-left:14px;color:#1d4ed8;text-decoration:none}
.container{max-width:1180px;margin:22px auto;padding:0 16px}.narrow{max-width:650px}
.card{background:#fff;border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 5px 18px rgba(0,0,0,.05)}
.login-card,.setup-card{width:min(100%,430px)}.setup-card{width:min(100%,620px)}
h1,h2,h3{margin-top:0}.muted{color:#6b7280;line-height:1.5}
label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}
input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:9px;font-size:16px}
button,.button{border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;margin-top:12px}
.primary{background:#1d4ed8;color:#fff}.danger{background:#b91c1c;color:#fff}.secondary{background:#e5e7eb;color:#111827}
button:disabled{opacity:.6}.alert{padding:12px;border-radius:8px;margin:12px 0}.alert.danger{background:#fee2e2;color:#991b1b}.alert.ok{background:#dcfce7;color:#166534}
.status{padding:10px 12px;border-radius:8px;margin:12px 0}.status.ok{background:#dcfce7;color:#166534}.status.warning{background:#fef3c7;color:#92400e}
.big-state{font-size:24px;font-weight:800;margin:20px 0}.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}
.grid2,.grid3{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid3{grid-template-columns:repeat(3,1fr)}
.gridstats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;padding:18px;border-radius:12px}.stat b{display:block;font-size:28px}.stat span{color:#6b7280}
#map{height:420px;border-radius:10px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;white-space:nowrap}
.pill{padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700}.pill.green{background:#dcfce7;color:#166534}.pill.yellow{background:#fef3c7;color:#92400e}.pill.gray{background:#e5e7eb;color:#374151}
.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filters>div{min-width:180px}
@media(max-width:700px){.grid2,.grid3,.gridstats{grid-template-columns:1fr}header{align-items:flex-start}nav a{display:inline-block;margin:4px 8px 4px 0}#map{height:330px}}