:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#fcfcfb;--page:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--border:#0b0b0b1a;--series-1:#2a78d6;--series-2:#eb6834;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--good-wash:#e8f6e8;--warning-wash:#fdf3dd;--critical-wash:#fbe9e9;--radius:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--grid:#2c2c2a;--axis:#383835;--border:#ffffff1a;--series-1:#3987e5;--series-2:#d95926;--good-wash:#10240f;--warning-wash:#2b2410;--critical-wash:#2c1414}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.wrap{max-width:1080px;margin:0 auto;padding-block:24px 64px;padding-inline:16px}.masthead{margin-bottom:20px}.masthead h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:650}.masthead .sub{color:var(--text-muted);font-size:13px}.masthead-merek{justify-content:center;margin-bottom:16px;display:flex}.masthead-baris{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.masthead-logo{flex:none;width:auto;height:38px}.logo-teks{background:var(--text-primary);height:30px;color:var(--page);letter-spacing:-.01em;white-space:nowrap;border-radius:6px;align-items:center;padding:0 11px;font-size:13px;font-weight:700;display:inline-flex}.masthead-kanan{flex-direction:column;align-items:flex-end;gap:4px;min-width:0;display:flex}.akun{align-items:center;gap:8px;min-width:0;display:flex}.akun-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:12.5px;overflow:hidden}.akun-keluar{color:var(--text-secondary);border:1px solid var(--border);background:var(--surface-1);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12.5px;font-weight:550;text-decoration:none}.akun-keluar:hover{color:var(--text-primary);border-color:var(--text-primary)}@media (max-width:560px){.masthead-kanan{align-items:flex-start}.akun-email{max-width:62vw}}.masuk-wrap{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.masuk-kartu{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;max-width:380px;padding:32px 28px}.masuk-logo{width:auto;height:32px;margin-bottom:18px}.masuk-kartu h1{letter-spacing:-.01em;margin:0 0 4px;font-size:19px;font-weight:650}.masuk-sub{color:var(--text-muted);margin:0 0 22px;font-size:13px}.masuk-galat{color:var(--critical);background:var(--critical-wash);text-align:left;border-radius:7px;margin:0 0 18px;padding:10px 12px;font-size:13px;line-height:1.45}.masuk-tombol{width:100%;color:var(--page);background:var(--text-primary);border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.masuk-tombol:hover{opacity:.9}.masuk-tombol svg{background:#fff;border-radius:3px;flex:none;width:17px;height:17px;padding:1px}.masuk-catatan{color:var(--text-muted);margin:16px 0 0;font-size:12.5px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px}.card h2{letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 14px;font-size:13px;font-weight:600}.status{border-radius:var(--radius);border:1px solid var(--border);align-items:flex-start;gap:14px;margin-bottom:16px;padding:18px;display:flex}.status-aman{background:var(--good-wash);border-color:color-mix(in srgb, var(--good) 35%, transparent)}.status-perhatian{background:var(--warning-wash);border-color:color-mix(in srgb, var(--warning) 45%, transparent)}.status-kritis{background:var(--critical-wash);border-color:color-mix(in srgb, var(--critical) 40%, transparent)}.status-ikon{flex:none;width:28px;height:28px;margin-top:1px}.status-teks h2{text-transform:none;letter-spacing:-.01em;color:var(--text-primary);margin:0 0 3px;font-size:17px;font-weight:650}.status-teks p{color:var(--text-secondary);margin:0;font-size:13.5px}.temuan-list{flex-direction:column;gap:10px;display:flex}.temuan{border:1px solid var(--border);border-left-width:3px;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.temuan.kritis{border-left-color:var(--critical)}.temuan.perhatian{border-left-color:var(--warning)}.temuan-body{min-width:0}.temuan-judul{margin-bottom:2px;font-weight:600}.temuan-detail{color:var(--text-secondary);font-size:13px}.badge{letter-spacing:.03em;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:650;display:inline-flex}.badge.kritis{background:color-mix(in srgb, var(--critical) 16%, transparent);color:var(--critical)}.badge.perhatian{background:color-mix(in srgb, var(--warning) 22%, transparent);color:color-mix(in srgb, var(--warning) 75%, var(--text-primary))}.kosong{color:var(--text-muted);padding:6px 0;font-size:13.5px}.ringkasan-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.filter-rentang{background:color-mix(in srgb, var(--text-primary) 5%, transparent);border-radius:7px;flex-wrap:wrap;gap:2px;padding:2px;display:flex}.filter-rentang a{font:inherit;color:var(--text-secondary);white-space:nowrap;border-radius:5px;padding:5px 11px;font-size:12.5px;font-weight:550;text-decoration:none}.filter-rentang a[aria-current=page]{background:var(--surface-1);color:var(--text-primary);font-weight:650;box-shadow:0 1px 2px #00000014}.ringkasan-periode{color:var(--text-muted);white-space:nowrap;font-size:12.5px}.ringkasan-kontrol{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-tanggal{border:1px solid var(--border);background:var(--surface-1);border-radius:7px;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 2px 2px 9px;display:flex}.filter-tanggal.aktif{border-color:var(--text-primary)}.filter-tanggal-field{color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:550;display:flex}.filter-tanggal input[type=date]{font:inherit;color:var(--text-primary);border:1px solid var(--border);background:0 0;border-radius:5px;min-height:30px;padding:4px 6px;font-size:12.5px;font-weight:550}.filter-tanggal input[type=date]:focus-visible{outline:2px solid var(--series-1);outline-offset:1px}.filter-tanggal button{font:inherit;color:var(--page);background:var(--text-primary);border:1px solid var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:5px;min-height:30px;padding:5px 12px;font-size:12.5px;font-weight:650}.filter-tanggal button:hover{opacity:.88}.kosong-rentang{margin:0 0 16px}@media (max-width:560px){.filter-tanggal{width:100%}.filter-tanggal-field{flex:130px}.filter-tanggal input[type=date]{width:100%;font-size:16px}.filter-tanggal button{flex:100%;font-size:14px}}.tiles{grid-template-columns:repeat(auto-fit,minmax(158px,1fr));align-items:stretch;gap:10px;margin-bottom:16px;display:grid}.tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:15px 17px;container-type:inline-size}.tile-label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.tile-nilai{letter-spacing:-.02em;font-size:clamp(15px,13cqw,22px);font-weight:650;line-height:1.15}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.rentang{background:color-mix(in srgb, var(--text-primary) 5%, transparent);border-radius:7px;gap:2px;padding:2px;display:flex}.rentang button{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 11px;font-size:12.5px}.rentang button[aria-pressed=true]{background:var(--surface-1);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #00000014}.chart-box{width:100%;position:relative;overflow:visible}.kisi-grafik{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}.grafik-sel{min-width:0}.grafik-sel.penuh{grid-column:1/-1}.grafik-judul{letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:baseline;gap:8px;min-height:17px;margin-bottom:4px;font-size:12px;font-weight:650;display:flex}.grafik-nilai-hover{letter-spacing:normal;text-transform:none;color:var(--text-primary);white-space:nowrap;font-size:12.5px;font-weight:650}.ket-catatan{color:var(--text-muted)}@media (max-width:620px){.kisi-grafik{grid-template-columns:minmax(0,1fr)}}.tile-rincian{border-top:1px solid var(--border);gap:5px;margin:9px 0 0;padding-top:9px;display:grid}.tile-baris{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tile-baris dt{color:var(--text-muted);white-space:nowrap;font-size:11px}.tile-baris dd{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:12.5px;font-weight:650}.tile-baris dd.menonjol{color:var(--critical)}.tile-baris dd.samar{color:var(--text-muted);font-weight:550}@container (max-width:165px){.tile-baris{display:block}.tile-baris dd{margin-top:1px}.tile-rincian{gap:8px}}.chart-svg{touch-action:pan-y;max-width:100%;display:block}.tip{pointer-events:none;background:var(--surface-1);border:1px solid var(--border);white-space:nowrap;z-index:5;border-radius:8px;padding:9px 11px;font-size:12.5px;position:absolute;box-shadow:0 3px 12px #00000024}.tip-tanggal{color:var(--text-muted);margin-bottom:3px;font-size:11.5px}.tip-nilai{font-size:14px;font-weight:650}.tip-baris{color:var(--text-secondary);margin-top:2px}.tip-flag{border-top:1px solid var(--border);color:var(--critical);margin-top:5px;padding-top:5px;font-weight:600}.ket{color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-top:12px;font-size:12.5px;display:flex}.ket span{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:3px;flex:none;width:11px;height:11px}.swatch.bulat{border-radius:999px}.grup-tanggal{margin-bottom:16px}.grup-tanggal:last-child{margin-bottom:0}.grup-tanggal>h3{color:var(--text-secondary);margin:0 0 8px;font-size:12.5px;font-weight:600}.tabel-box{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}th,td{text-align:right;border-bottom:1px solid var(--grid);white-space:nowrap;padding:7px 10px}th:first-child,td:first-child{text-align:left}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:600}tr.ditandai td{background:color-mix(in srgb, var(--critical) 7%, transparent)}.tanda-anomali{color:var(--critical);margin-left:5px;font-weight:700}details.tabel summary{cursor:pointer;color:var(--text-secondary);padding:2px 0;font-size:13px}.catatan{color:var(--text-muted);margin-top:14px;font-size:12.5px;line-height:1.6}.filter-sumber{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-sumber a{color:var(--text-secondary);border:1px solid var(--border);background:var(--surface-1);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:550;text-decoration:none}.filter-sumber a[aria-current=page]{background:var(--text-primary);color:var(--page);border-color:var(--text-primary);font-weight:650}.eng-wrap{max-width:1120px;margin:0 auto;padding:24px 16px 60px}.eng-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.eng-judul{align-items:center;gap:12px;display:flex}.eng-logo{width:auto;height:28px}.eng-judul h1{letter-spacing:-.01em;margin:0;font-size:20px}.eng-judul p{color:var(--text-muted);margin:2px 0 0;font-size:12.5px}.eng-aksi{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.eng-aksi select{font:inherit;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:7px;padding:6px 8px}.eng-keluar{color:var(--text-muted);font-size:12.5px}.eng-tiles{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:16px;display:grid}.eng-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);gap:3px;padding:14px 16px;display:grid}.eng-tile b{font-variant-numeric:tabular-nums;font-size:22px}.eng-tile b.eng-teks{font-size:15px;line-height:1.3}.eng-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px}.eng-redup{color:var(--text-muted);font-size:12.5px}.eng-naik{color:var(--good);font-size:12.5px}.eng-turun{color:var(--critical);font-size:12.5px}.eng-kepala{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.eng-kepala h2{margin:0;font-size:15px}.eng-grafik svg{width:100%;height:auto;display:block}.eng-grid{stroke:var(--grid);stroke-width:1px}.eng-sumbu{fill:var(--text-muted);font-size:10.5px}.eng-garis-oto{fill:none;stroke:var(--text-muted);stroke-width:2px;stroke-dasharray:5 4}.eng-garis-manual{fill:none;stroke:#d7191f;stroke-width:2.2px}.eng-titik-beda{fill:var(--warning);stroke:var(--surface-1);stroke-width:1.5px}.eng-legenda{color:var(--text-secondary);flex-wrap:wrap;gap:14px;margin:6px 0 12px;font-size:12px;display:flex}.eng-legenda i{vertical-align:middle;width:16px;height:3px;margin-right:5px;display:inline-block}.eng-l-oto{border-top:2px dashed var(--text-muted)}.eng-l-manual{background:#d7191f}.eng-l-beda{background:var(--warning);border-radius:50%;width:9px!important;height:9px!important}.eng-scroll{overflow-x:auto}.eng-tabel{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.eng-tabel th,.eng-tabel td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:7px 8px}.eng-tabel th:first-child,.eng-tabel td:first-child,.eng-kiri{text-align:left!important}.eng-tabel th{color:var(--text-muted);font-weight:500}.eng-aktif td{background:var(--warning-wash)}.eng-pill{border-radius:99px;padding:2px 9px;font-size:11.5px;display:inline-block}.eng-cocok{background:var(--good-wash);color:var(--good)}.eng-beda{background:var(--critical-wash);color:var(--critical)}.eng-belum-diisi{background:var(--warning-wash);color:var(--text-secondary)}.eng-catatan{margin:10px 0 0}.eng-pilih{color:var(--text-secondary);align-items:center;gap:8px;margin:0 0 14px;font-size:13px;display:flex}.eng-pilih select{font:inherit;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:7px;padding:6px 8px}.eng-donuts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.eng-donut{gap:8px;display:grid}.eng-donut-judul{font-size:14px;font-weight:650}.eng-donut-gambar{width:180px;max-width:100%;margin:0 auto;position:relative}.eng-donut-gambar svg{width:100%;height:auto;display:block}.eng-donut-tengah{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.eng-donut-tengah b{font-variant-numeric:tabular-nums;font-size:17px}.eng-donut-tengah span{color:var(--text-muted);font-size:11px}.eng-donut-daftar{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.eng-donut-daftar li{align-items:center;gap:6px;display:flex}.eng-donut-daftar i{border-radius:2px;width:10px;height:10px;display:inline-block}.eng-donut-daftar b{font-variant-numeric:tabular-nums;margin-left:auto}.eng-judul{min-width:260px;max-width:420px;white-space:normal!important}.eng-judul a{color:var(--text-primary);text-decoration:none}.eng-judul a:hover{text-decoration:underline}.eng-jenis{background:var(--grid);color:var(--text-secondary);margin-left:4px}.eng-menunggu{background:var(--warning-wash);color:var(--text-secondary)}.eng-terlambat{background:var(--grid);color:var(--text-muted)}.eng-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin:0 0 16px;display:flex}.eng-tabs button{font:inherit;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px;font-size:14px}.eng-tabs button[aria-selected=true]{color:var(--text-primary);border-bottom-color:#d7191f;font-weight:600}.eng-tabs button:disabled{opacity:.45;cursor:default}.eng-tabel-yt{table-layout:fixed}.eng-tabel-yt th{white-space:normal;vertical-align:bottom;font-size:12px;line-height:1.3}.eng-tabel-yt td{white-space:normal;padding:7px 6px;font-size:12.5px}.eng-tabel-yt th{text-align:center}.eng-tabel-yt th:first-child,.eng-tabel-yt td:first-child{width:34%;min-width:0;max-width:none}.eng-judul-yt{text-align:left}.eng-judul-yt a{color:var(--text-primary);text-decoration:none}.eng-judul-yt a:hover{text-decoration:underline}.eng-tabel-yt th:nth-child(2),.eng-tabel-yt td:nth-child(2){width:14%}.eng-tabel-yt th:nth-child(3),.eng-tabel-yt td:nth-child(3){text-align:center;width:9%}.eng-tabel-yt th:nth-child(n+4),.eng-tabel-yt td:nth-child(n+4){width:10.75%}@media (max-width:900px){.eng-tabel-yt{table-layout:auto;min-width:760px}}.eng-api{color:var(--good);background:var(--good-wash);border-radius:4px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:600}.eng-donuts{align-items:start}.eng-donut{align-content:start}.eng-tabel-seo th{text-align:center}.eng-tabs button.eng-tab-rumus{color:#a3151a;background:#fdeceb;border-radius:8px 8px 0 0}.eng-tabs button.eng-tab-rumus[aria-selected=true]{color:#fff;background:#d7191f;border-bottom-color:#d7191f}.eng-tabs-ket{color:var(--text-secondary);align-items:center;gap:6px;margin:-10px 0 14px;font-size:12px;display:flex}.eng-tabs-ket i{background:#fdeceb;border:1px solid #f3b9b6;border-radius:3px;width:12px;height:12px;display:inline-block}.eng-tabel-ch th{text-align:center;white-space:normal;font-size:12px}@media (prefers-color-scheme:dark){.eng-tabs button.eng-tab-rumus{color:#ffb4b0;background:#3a1a1b}.eng-tabs-ket i{background:#3a1a1b;border-color:#6b2b2c}}.filter-mode{background:var(--grid);border-radius:8px;margin-right:6px;padding:2px;display:inline-flex}.filter-mode button{font:inherit;cursor:pointer;color:var(--text-secondary);background:0 0;border:0;border-radius:6px;padding:5px 10px;font-size:12.5px}.filter-mode button[aria-pressed=true]{background:var(--page);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #00000014}.eng-catatan-tgl{margin:-8px 0 12px;font-size:12px}.eng-tabs-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:-10px 0 14px;display:flex}.eng-tabs-bar .eng-tabs-ket{margin:0}.eng-refresh{align-items:center;gap:10px;font-size:12px;display:inline-flex}.eng-refresh button{font:inherit;border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:600}.eng-refresh button:hover{color:#d7191f;border-color:#d7191f}.eng-cari{font:inherit;border:1px solid var(--border);width:100%;max-width:360px;color:var(--text-primary);background:0 0;border-radius:8px;margin:0 0 10px;padding:7px 10px;font-size:13px}.eng-final{color:var(--good);font-weight:600}.eng-berjalan{color:var(--critical);font-weight:600}
