:root{color-scheme:light;--page:#f9f9f7;--surface:#fcfcfb;--surface-2:#f2f1ed;--ink:#0b0b0b;--ink-2:#52514e;--muted:#6f6d68;--grid:#e1e0d9;--axis:#c3c2b7;--border:rgba(11,11,11,0.10);--accent:#2a78d6;--accent-ink:#ffffff;--good:#0ca30c;--good-text:#006300;--warning:#fab219;--warning-text:#8a5a00;--critical:#d03b3b;--hover:rgba(11,11,11,0.04);--site-motion:#2a78d6;--site-pintar:#eb6834;--site-balesai:#1baf7a;--site-dapursehat:#eda100;--site-lainnya:#898781;--radius:12px;--font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--surface-2:#232321;--ink:#f0efec;--ink-2:#c3c2b7;--muted:#9c9a93;--grid:#2c2c2a;--axis:#383835;--border:rgba(255,255,255,0.10);--accent:#3987e5;--good-text:#0ca30c;--warning-text:#fab219;--hover:rgba(255,255,255,0.05);--site-motion:#3987e5;--site-pintar:#d95926;--site-balesai:#199e70;--site-dapursehat:#c98500;--site-lainnya:#898781}}:root[data-theme=dark]{color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--surface-2:#232321;--ink:#f0efec;--ink-2:#c3c2b7;--muted:#9c9a93;--grid:#2c2c2a;--axis:#383835;--border:rgba(255,255,255,0.10);--accent:#3987e5;--good-text:#0ca30c;--warning-text:#fab219;--hover:rgba(255,255,255,0.05);--site-motion:#3987e5;--site-pintar:#d95926;--site-balesai:#199e70;--site-dapursehat:#c98500;--site-lainnya:#898781}*{box-sizing:border-box}body,html{margin:0}body{background:var(--page);color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:24px;letter-spacing:-.01em}h1,h2{margin:0}h2{font-size:16px}h3{font-size:14px;margin:18px 0 6px}.muted{color:var(--muted)}.mono,.small{font-size:13px}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.nowrap{white-space:nowrap}.good-text{color:var(--good-text)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack{display:grid;grid-gap:12px;gap:12px}.plain{list-style:none;padding:0;margin:0;display:grid;grid-gap:4px;gap:4px}.shell{min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;gap:20px;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:8px;font-weight:700;color:var(--ink)}.brand:hover{text-decoration:none}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;font-weight:800}.nav{display:flex;gap:4px;flex:1 1;overflow-x:auto}.topbar form{margin-left:auto}.nav a{padding:6px 12px;border-radius:8px;color:var(--ink-2);white-space:nowrap}.nav a:hover{background:var(--hover);text-decoration:none}.nav a.active{background:var(--surface-2);color:var(--ink);font-weight:600}.content{max-width:1240px;margin:0 auto;padding:24px;display:grid;grid-gap:16px;gap:16px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.page-head p{margin:4px 0 0}.banner{padding:10px 24px;font-size:14px;border-bottom:1px solid var(--border)}.banner.warn{background:color-mix(in srgb,var(--warning) 18%,var(--surface))}.banner.crit{background:color-mix(in srgb,var(--critical) 16%,var(--surface))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.btn:hover{background:var(--hover);text-decoration:none}.btn:disabled{opacity:.6;cursor:wait}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,black)}.btn-ghost{background:transparent}.btn-sm{padding:5px 10px;font-size:13px}.link-btn{background:none;border:0;padding:0;color:var(--accent);font:inherit;font-size:13px;cursor:pointer}.link-btn.danger{color:var(--critical)}input,select{font:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;min-height:34px}input[type=search]{min-width:220px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{display:grid;grid-gap:4px;gap:4px;font-weight:600}.error,.field{font-size:14px}.error{color:var(--critical);margin:0}.filters{justify-content:space-between;gap:10px;align-items:center}.chips,.filters{display:flex;flex-wrap:wrap}.chips{gap:4px}.chip{padding:5px 12px;border-radius:999px;border:1px solid var(--border);color:var(--ink-2);font-size:13px;background:var(--surface)}.chip:hover{background:var(--hover);text-decoration:none}.chip.on{background:var(--ink);color:var(--surface);border-color:var(--ink);font-weight:600}.filter-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}.kpis{grid-template-columns:1.4fr repeat(4,1fr);grid-gap:12px;gap:12px}.kpi,.kpis{display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;grid-gap:4px;gap:4px;align-content:start;color:var(--ink)}.kpi-link:hover{background:var(--hover);text-decoration:none}.kpi-label{font-size:13px;color:var(--ink-2);font-weight:600}.kpi-value{font-size:26px;font-weight:700;letter-spacing:-.02em}.kpi.hero .kpi-value{font-size:32px}.kpi-sub{font-size:12.5px}.empty,.kpi-sub{color:var(--muted)}.empty{padding:28px;text-align:center}.table-wrap{overflow-x:auto;margin:0 -4px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:8px;white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--grid)}.table td{padding:9px 8px;vertical-align:top}.table tbody tr:hover{background:var(--hover)}.table tfoot td{font-weight:700;border-bottom:0}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clip,.num{white-space:nowrap}.clip{max-width:260px;overflow:hidden;text-overflow:ellipsis}.dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px;vertical-align:0}.site-cell{color:var(--ink);align-items:baseline}.badge,.site-cell{display:inline-flex}.badge{gap:4px;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge.good{color:var(--good-text);background:color-mix(in srgb,var(--good) 14%,transparent)}.badge.warning{color:var(--warning-text);background:color-mix(in srgb,var(--warning) 20%,transparent)}.badge.critical{color:var(--critical);background:color-mix(in srgb,var(--critical) 14%,transparent)}.badge.muted{color:var(--muted);border-color:var(--border)}.pager{display:flex;justify-content:space-between;align-items:center;padding-top:14px;font-size:14px}.chart{display:grid;grid-gap:10px;gap:10px}.legend{list-style:none;display:flex;gap:16px;flex-wrap:wrap;padding:0;margin:0;font-size:13px;color:var(--ink-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.chart-box{position:relative}.chart-box svg{width:100%;height:auto;display:block;overflow:visible}.chart-box .grid{stroke:var(--grid);stroke-width:1}.chart-box .axis{stroke:var(--axis);stroke-width:1}.chart-box .tick{fill:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-box .hover-band{fill:var(--hover)}.tooltip{position:absolute;top:0;transform:translateX(-50%);min-width:190px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px;box-shadow:0 6px 20px rgba(0,0,0,.12);font-size:13px;pointer-events:none;z-index:2}.tt-title{font-weight:700;margin-bottom:4px}.tt-row{display:grid;grid-template-columns:14px 1fr auto auto;grid-gap:6px;gap:6px;align-items:center}.tt-row i{width:9px;height:9px;border-radius:3px}.tt-row b{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tt-total{grid-template-columns:1fr auto;border-top:1px solid var(--grid);margin-top:4px;padding-top:4px}.fu-list{list-style:none;margin:0;padding:0}.fu-list li{display:grid;grid-template-columns:1fr auto auto;grid-gap:16px;gap:16px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--grid)}.fu-list li:last-child{border-bottom:0}.fu-list li.resolved{opacity:.6}.fu-amount{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fu-actions{display:flex;gap:6px}.add-rule{margin-top:12px}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;display:grid;grid-gap:14px;gap:14px}.login-card p{margin:0}@media (max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}.kpi.hero{grid-column:1/-1}}@media (max-width:640px){.topbar{padding:10px 16px;gap:10px;flex-wrap:wrap}.nav{order:3;flex-basis:100%}.content{padding:16px}.banner{padding:10px 16px}.card{padding:14px}.kpi-value{font-size:22px}.kpi.hero .kpi-value{font-size:28px}input[type=search]{min-width:0;width:100%}.fu-list li{grid-template-columns:1fr auto}.fu-actions{grid-column:1/-1}}