:root{color-scheme:light;--bg:#f1f6f7;--surface:#fff;--surface-2:#e8f0f2;--text:#0f2329;--text-muted:#56707a;--border:#d3e0e4;--primary:#0e6e7a;--primary-strong:#0a5761;--primary-soft:#e2f1f3;--on-primary:#fff;--accent:#b7791f;--baik:#15803d;--baik-soft:#dcfce7;--baik-isi:#16a34a;--waspada:#92400e;--waspada-soft:#fef3c7;--waspada-isi:#d97706;--buruk:#b91c1c;--buruk-soft:#fee2e2;--buruk-isi:#dc2626;--netral:#475569;--netral-soft:#e2e8f0;--netral-isi:#64748b;--success:var(--baik);--success-soft:var(--baik-soft);--danger:var(--buruk);--danger-soft:var(--buruk-soft);--warning:var(--waspada);--warning-soft:var(--waspada-soft);--grafik-garis:#0e6e7a;--grafik-grid:#e3ebee;--pita-baik:rgba(22,163,74,.1);--radius:14px;--tepi:clamp(16px,2.2vw,40px);--shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.06);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;line-height:1.5}:root[data-tema=gelap]{color-scheme:dark;--bg:#0b1417;--surface:#121e22;--surface-2:#19282d;--text:#e2eef1;--text-muted:#8fa7af;--border:#263a40;--primary:#2bb3c0;--primary-strong:#5fcbd5;--primary-soft:#133238;--on-primary:#032a2f;--accent:#e0a94a;--baik:#4ade80;--baik-soft:#10301c;--waspada:#fbbf24;--waspada-soft:#382a0b;--buruk:#f87171;--buruk-soft:#3b1515;--netral:#a8b5c4;--netral-soft:#243038;--grafik-garis:#2bb3c0;--grafik-grid:#1f3036;--pita-baik:rgba(74,222,128,.1);--shadow:0 1px 2px rgba(0,0,0,.3)}*,:after,:before{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;-webkit-tap-highlight-color:transparent}h1,h2,h3{line-height:1.25}h1,h2,h3,p{margin:0 0 8px}a{color:var(--primary)}.halaman{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);padding:16px var(--tepi) 48px}.kartu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:16px}.kartu>h2{font-size:1.1rem}.muted{color:var(--text-muted)}.kecil{font-size:.875rem}.baris{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.antara{justify-content:space-between}.angka{font-variant-numeric:tabular-nums}.angka,.sr-only{white-space:nowrap}.sr-only{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0)}label{display:grid;font-size:.875rem;font-weight:600;gap:4px}.input{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;min-width:0;padding:10px 12px;width:100%}.input:focus-visible,.tombol:focus-visible{outline:2px solid var(--primary);outline-offset:1px}textarea.input{min-height:80px;resize:vertical}.tombol{align-items:center;background:var(--primary);border:1px solid transparent;border-radius:10px;color:var(--on-primary);cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;text-decoration:none}.tombol:hover:not(:disabled){background:var(--primary-strong)}.tombol:disabled{cursor:not-allowed;opacity:.55}.tombol.garis{background:transparent;border-color:var(--border);color:var(--primary)}.tombol.garis:hover:not(:disabled){background:var(--surface-2)}.tombol.bahaya{background:transparent;border-color:var(--border);color:var(--danger)}.tombol.bahaya:hover:not(:disabled){background:var(--danger-soft)}.tombol.kecil{font-size:.875rem;padding:6px 10px}.tombol.penuh{width:100%}label.centang{align-items:center;display:flex;font-weight:500;gap:8px}.form-panel{background:var(--surface-2);border:1px solid var(--primary);border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:12px 0;padding:14px;scroll-margin-top:80px}.form-panel h3{font-size:1rem;margin:0}.form-panel .penuh{grid-column:1/-1}.bar-filter{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.bar-filter>label{flex:1 1 160px}.pesan{border-radius:10px;font-size:.925rem;margin:0;padding:10px 12px}.pesan.sukses{background:var(--success-soft);color:var(--success)}.pesan.galat{background:var(--danger-soft);color:var(--danger)}.pesan.peringatan{background:var(--warning-soft);color:var(--warning)}.pesan.info{background:var(--surface-2);color:var(--text)}.lencana{align-items:center;background:var(--netral-soft);border-radius:999px;color:var(--netral);display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;padding:2px 9px;white-space:nowrap}.lencana.baik,.lencana.ok{background:var(--baik-soft);color:var(--baik)}.lencana.waspada{background:var(--waspada-soft);color:var(--waspada)}.lencana.buruk{background:var(--buruk-soft);color:var(--buruk)}.titik-online{border:2px solid var(--text-muted);border-radius:50%;display:inline-block;flex:none;height:9px;width:9px}.titik-online.aktif{background:var(--baik-isi);border-color:var(--baik-isi);box-shadow:0 0 0 3px #16a34a33}.tab-bar{background:var(--surface-2);border-radius:12px;display:flex;gap:4px;overflow-x:auto;padding:4px}.tab-bar button{background:transparent;border:0;border-radius:9px;color:var(--text-muted);cursor:pointer;flex:1;font:inherit;font-weight:600;padding:8px 12px;white-space:nowrap}.tab-bar button[aria-selected=true]{background:var(--surface);box-shadow:var(--shadow);color:var(--text)}.tab-bar button .jumlah{background:var(--waspada-isi);border-radius:999px;color:#fff;display:inline-block;font-size:.72rem;line-height:18px;margin-left:4px;min-width:18px;padding:0 5px}.tabel-wrap{margin:0 -16px;overflow-x:auto;padding:0 16px}table{border-collapse:collapse;font-size:.9rem;width:100%}td,th{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left;vertical-align:top}th{color:var(--text-muted);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}td.kanan,th.kanan{text-align:right}.penanda-titik{background:none;border:0}.penanda-titik .pin{background:var(--netral-isi);border-radius:50%;box-shadow:0 0 0 2px #fff,0 3px 8px #00000059;color:#fff;cursor:pointer;display:grid;font:800 14px/1 system-ui,sans-serif;height:28px;place-items:center;position:relative;width:28px}.penanda-titik .pin.baik{background:var(--baik-isi)}.penanda-titik .pin.waspada{background:var(--waspada-isi)}.penanda-titik .pin.buruk{background:var(--buruk-isi)}.penanda-titik .pin.terpilih{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--text),0 3px 8px #00000059}.penanda-titik .pin .hidup{background:#22c55e;border:2px solid #fff;border-radius:50%;height:11px;position:absolute;right:-3px;top:-3px;width:11px}@media(prefers-reduced-motion:no-preference){.penanda-titik .pin .hidup{animation:denyut 2s ease-out infinite}}@keyframes denyut{0%{box-shadow:0 0 #22c55e99}to{box-shadow:0 0 0 8px #22c55e00}}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface);color:var(--text)}.leaflet-popup-content{font:14px/1.45 system-ui,sans-serif;margin:12px 14px}.popup-titik{display:grid;gap:6px;min-width:190px}.popup-titik strong{font-size:15px}.popup-titik .nilai{display:grid;font-variant-numeric:tabular-nums;gap:2px 12px;grid-template-columns:auto auto}.popup-titik button.foto-popup{background:var(--surface-2);border-radius:8px;cursor:pointer;display:block;height:140px;justify-self:stretch;margin:-2px 0 4px;overflow:hidden;padding:0;position:relative;width:100%}.popup-titik .foto-popup img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.popup-titik .foto-popup span{background:#0009;border-radius:999px;bottom:6px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;position:absolute;right:6px}.nilai-baik{color:var(--baik)}.nilai-waspada{color:var(--waspada)}.nilai-buruk{color:var(--buruk)}.popup-titik button{background:none;border:0;color:var(--primary);cursor:pointer;font:600 14px system-ui,sans-serif;justify-self:start;padding:4px 0}