:root{--bg:#f4f6f9;--surface:#fff;--ink:#172b46;--ink-2:#53647a;--ink-3:#64748b;--line:#e5eaf0;--line-2:#cbd5e1;--hover:#f6f9fc;--accent:#285b8d;--accent-soft:#edf3fa;--c-jawatan:#35699d;--c-jawatan-soft:#f4f7fc;--c-diisi:#147d72;--c-diisi-soft:#edf7f4;--c-kosong:#b9672d;--c-kosong-soft:#fff7ed;--unknown:#996020;--unknown-soft:#faf2e4;--radius:12px;--font:"Inter", "Aptos", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,p,dl,dd{margin:0}input,select,button{font:inherit;color:inherit}button,select{cursor:pointer}:focus-visible{outline-offset:3px;outline:3px solid #5d8fbc}.num{font-variant-numeric:tabular-nums}.kod{font-family:var(--mono);color:var(--ink-2);white-space:nowrap;font-size:12px}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.field{border:1px solid var(--line-2);background:var(--surface);border-radius:7px;min-width:0;height:42px;padding:0 12px;font-size:13px}.field::placeholder{color:var(--ink-3)}.field:focus{outline:2px solid var(--accent);outline-offset:1px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 12px #172b4603}.label{color:var(--ink-2);font-size:12px;font-weight:550}.scroll-x{overflow-x:auto}table.data{border-collapse:collapse;width:100%}table.data th{text-align:left;color:var(--ink-2);border-bottom:1px solid var(--line);white-space:nowrap;background:#f8fafc;padding:14px 16px;font-size:11px;font-weight:600}table.data td{border-bottom:1px solid var(--line);vertical-align:middle;padding:15px 16px}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr:hover{background:var(--hover)}table.data .r{text-align:right}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:24px 0;display:grid}.kpis>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative;box-shadow:0 3px 12px #172b4603}.kpis dd{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin-top:10px;font-size:32px;font-weight:650;line-height:1.2}.kpis dd small{letter-spacing:0;color:var(--ink-3);margin-left:5px;font-size:14px;font-weight:400}.kpis .warn{color:var(--unknown)}.kpis .sub{color:var(--ink-3);margin-top:10px;font-size:11px}.swatch{vertical-align:1px;background:var(--ink-3);border-radius:2px;width:7px;height:7px;margin-right:6px;display:inline-block}.swatch.jawatan{background:var(--c-jawatan)}.swatch.diisi{background:var(--c-diisi)}.swatch.kosong{background:var(--c-kosong)}table.data td.tone-diisi{color:var(--c-diisi)}table.data td.tone-kosong{color:var(--c-kosong)}.badge{border:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap;border-radius:5px;padding:1px 7px;font-size:11px;font-weight:500;line-height:18px;display:inline-block}.badge.solid{background:var(--accent-soft);color:var(--accent);border-color:#0000}.skip-link{z-index:20;color:var(--ink);background:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}@media (width<=720px){.kpis{grid-template-columns:1fr 1fr;gap:12px}.kpis>div{padding:18px}.kpis dd{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.shell.svelte-12qhfyh{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.side.svelte-12qhfyh{color:#b5c1d2;scrollbar-width:thin;scrollbar-color:#3b4a60 transparent;background:#101f35;height:100vh;padding:30px 18px 18px;position:sticky;top:0;overflow-y:auto}.brand.svelte-12qhfyh{color:#fff;align-items:center;gap:12px;padding:0 6px 32px;display:flex}.brand-mark.svelte-12qhfyh{color:#e6c78a;background:#1d2d43;border:1px solid #657589;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:46px;display:grid;overflow:hidden}.brand-mark.svelte-12qhfyh img:where(.svelte-12qhfyh){object-fit:contain;width:100%;height:100%;padding:3px}.brand.svelte-12qhfyh strong:where(.svelte-12qhfyh){letter-spacing:.03em;font-size:22px;font-weight:700}.brand-region.svelte-12qhfyh{letter-spacing:.13em;color:#e6c78a;font-size:10px}.brand.svelte-12qhfyh small:where(.svelte-12qhfyh){color:#a9b8cd;margin-top:2px;font-size:10px;display:block}.nav-label.svelte-12qhfyh,.list-head.svelte-12qhfyh{letter-spacing:.1em;color:#97a8be;font-size:9px;font-weight:650}.nav-label.svelte-12qhfyh{padding:0 12px 12px}.item.svelte-12qhfyh{border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.item.svelte-12qhfyh:hover{color:#fff;background:#1c304b}.item[aria-current=page].svelte-12qhfyh{color:#fff;background:#2a4261;font-weight:600;box-shadow:inset 3px 0 #d8b77b}.overview.svelte-12qhfyh{justify-content:flex-start;min-height:44px}.district-name.svelte-12qhfyh{text-transform:capitalize}.count.svelte-12qhfyh{text-align:center;color:#b8c7d9;background:#ffffff08;border-radius:4px;min-width:27px;font-size:11px}.list-head.svelte-12qhfyh{letter-spacing:.05em;justify-content:space-between;gap:4px;padding:29px 10px 14px;display:flex}.nav-search.svelte-12qhfyh{color:#a2b3c9;position:relative}.nav-search.svelte-12qhfyh svg{position:absolute;top:12px;left:12px}.filter.svelte-12qhfyh{color:#fff;background:#192b43;border-color:#314158;width:100%;height:39px;padding-left:36px;font-size:12px}.filter.svelte-12qhfyh::placeholder{color:#9dacc0}.list-caption.svelte-12qhfyh{color:#97a8be;justify-content:space-between;padding:16px 12px 6px;font-size:10px;display:flex}ul.svelte-12qhfyh{margin:0;padding:0;list-style:none}.empty.svelte-12qhfyh{padding:12px}.side-foot.svelte-12qhfyh{color:#d5dfec;border-top:1px solid #304056;align-items:center;gap:10px;margin:24px 8px 0;padding-top:20px;font-size:12px;display:flex}.side-foot.svelte-12qhfyh small:where(.svelte-12qhfyh){color:#a2b2c6;margin-top:3px;font-size:9px;display:block}.region-dot.svelte-12qhfyh,.period-dot.svelte-12qhfyh{background:#d8b77b;border-radius:50%;flex-shrink:0;width:6px;height:6px}.workspace.svelte-12qhfyh{min-width:0}.topbar.svelte-12qhfyh{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:16px 36px;display:flex}.breadcrumb.svelte-12qhfyh,.breadcrumb.svelte-12qhfyh a:where(.svelte-12qhfyh){align-items:center;gap:12px;display:flex}.breadcrumb.svelte-12qhfyh{color:var(--ink-2);font-size:12px}.current-crumb.svelte-12qhfyh{color:var(--ink);text-transform:capitalize}.period.svelte-12qhfyh{letter-spacing:.07em;color:var(--ink-2);align-items:center;gap:8px;font-size:9px;display:flex}.period.svelte-12qhfyh strong:where(.svelte-12qhfyh){background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:4px 8px;font-size:11px}.mobile-nav.svelte-12qhfyh{display:none}main.svelte-12qhfyh{max-width:1680px;margin:0 auto;padding:34px 36px 48px}@media (width<=1100px){.shell.svelte-12qhfyh{grid-template-columns:220px minmax(0,1fr)}.side.svelte-12qhfyh{padding-inline:12px}main.svelte-12qhfyh{padding:28px 24px 40px}.topbar.svelte-12qhfyh{padding-inline:24px}}@media (width<=860px){.shell.svelte-12qhfyh{grid-template-columns:minmax(0,1fr)}.side.svelte-12qhfyh,.period.svelte-12qhfyh{display:none}.mobile-nav.svelte-12qhfyh{max-width:55%;font-size:12px;display:block}.topbar.svelte-12qhfyh{min-height:66px;padding:12px 20px}.current-crumb.svelte-12qhfyh,.crumb-divider.svelte-12qhfyh{display:none}main.svelte-12qhfyh{padding:26px 20px 40px}}@media (width<=480px){main.svelte-12qhfyh,.topbar.svelte-12qhfyh{padding-inline:16px}}