@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{color-scheme:light;--font-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--tap-min: 48px;--row-min: 64px;--cell-h: 40px;--surface: #ffffff;--surface-raised: #ffffff;--surface-computed: #f1f4f2;--line: #e2e7e4;--line-input: #737d78;--ink: #16201c;--ink-muted: #56615c;--brand: #15803d;--on-brand: #ffffff;--brand-soft: #e9f7ee;--danger: #c62f27;--danger-soft: #fdeceb;--warning: #935a00;--warning-soft: #fff1c7;--warning-line: #b07400;--success: #137c3d;--success-soft: #e0f8e9;--focus-ring: #15803d;--indeks-negatif: #c62f27;--indeks-positif: #16201c;--kol-lancar: #137c3d;--kol-kurang-lancar: #935a00;--kol-macet: #c62f27;--ulang: #1d4ed8;--ulang-soft: #e8efff;--shadow-bar: 0 -1px 0 #d6e3df, 0 -4px 12px rgba(15,42,36,.08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--surface: #121715;--surface-raised: #1a201d;--surface-computed: #252c29;--line: #323a36;--line-input: #848f8a;--ink: #f1f5f3;--ink-muted: #aab5b0;--brand: #4ade80;--on-brand: #062611;--brand-soft: #123822;--danger: #ff8b7c;--danger-soft: #401713;--warning: #ffc34f;--warning-soft: #3b2b06;--warning-line: #c38e1e;--success: #5edf8c;--success-soft: #0f3620;--focus-ring: #4ade80;--indeks-negatif: #ff8b7c;--indeks-positif: #f1f5f3;--kol-lancar: #5edf8c;--kol-kurang-lancar: #ffc34f;--kol-macet: #ff8b7c;--ulang: #9db9ff;--ulang-soft: #17234a;--shadow-bar: 0 -1px 0 #2d413c, 0 -4px 12px rgba(0,0,0,.4)}}:root[data-theme=dark]{color-scheme:dark;--surface: #121715;--surface-raised: #1a201d;--surface-computed: #252c29;--line: #323a36;--line-input: #848f8a;--ink: #f1f5f3;--ink-muted: #aab5b0;--brand: #4ade80;--on-brand: #062611;--brand-soft: #123822;--danger: #ff8b7c;--danger-soft: #401713;--warning: #ffc34f;--warning-soft: #3b2b06;--warning-line: #c38e1e;--success: #5edf8c;--success-soft: #0f3620;--focus-ring: #4ade80;--indeks-negatif: #ff8b7c;--indeks-positif: #f1f5f3;--kol-lancar: #5edf8c;--kol-kurang-lancar: #ffc34f;--kol-macet: #ff8b7c;--ulang: #9db9ff;--ulang-soft: #17234a;--shadow-bar: 0 -1px 0 #2d413c, 0 -4px 12px rgba(0,0,0,.4)}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:22px;background:var(--surface);color:var(--ink)}.ksp-pad{padding:var(--space-4)}.ksp-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding:var(--space-4)}.ksp-stack{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.ksp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:where(.ksp-btn,.ksp-linkbtn,.ksp-skipbtn,.ksp-money-input,.ksp-cell-input,.ksp-field-control,.ksp-seg-opt,.ksp-chip,.ksp-queue-btn,.ksp-tab,.ksp-bnav-item,.ksp-side-link,.ksp-back,.ksp-item-btn):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ksp-btn{font:inherit;font-weight:600;font-size:15px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;padding:0 var(--space-4)}.ksp-btn-md{height:var(--cell-h)}.ksp-btn-touch{min-height:var(--tap-min);padding:0 var(--space-6);font-size:16px}.ksp-btn-primary{background:var(--brand);color:var(--on-brand)}.ksp-btn-secondary{background:var(--brand-soft);color:var(--brand)}.ksp-btn-danger{background:var(--surface-raised);color:var(--danger);border-color:var(--danger)}.ksp-btn-quiet{background:transparent;color:var(--brand)}.ksp-btn:disabled{background:var(--surface);color:var(--ink-muted);border:1px dashed var(--line-input);cursor:not-allowed}.ksp-amount{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.ksp-amount-lg{font-size:28px;line-height:34px;font-weight:600}.ksp-indeks-neg{color:var(--indeks-negatif)}.ksp-indeks-pos{color:var(--indeks-positif)}.ksp-badge{display:inline-block;font-size:13px;line-height:20px;font-weight:600;padding:0 var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.ksp-badge-lancar{background:var(--success-soft);color:var(--kol-lancar)}.ksp-badge-kurang-lancar{background:var(--warning-soft);color:var(--kol-kurang-lancar)}.ksp-badge-macet{background:var(--danger-soft);color:var(--kol-macet)}.ksp-save{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;line-height:18px;font-weight:500}.ksp-save-saved{color:var(--success)}.ksp-save-saving{color:var(--ink-muted)}.ksp-save-failed{color:var(--danger)}.ksp-save-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-muted);animation:ksp-pulse 1s ease-in-out infinite alternate}@keyframes ksp-pulse{0%{opacity:.3}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ksp-save-dot{animation:none}}.ksp-linkbtn{font:inherit;font-weight:600;background:none;border:0;padding:var(--space-1) var(--space-2);color:var(--brand);text-decoration:underline;cursor:pointer;border-radius:var(--radius-sm)}.ksp-save-failed .ksp-linkbtn{color:var(--danger)}.ksp-banner{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);border:1px solid var(--warning-line);background:var(--warning-soft);color:var(--ink)}.ksp-banner-danger{border-color:var(--danger);background:var(--danger-soft)}.ksp-banner-title{font-weight:600;font-size:15px;line-height:22px;color:var(--warning)}.ksp-banner-danger .ksp-banner-title{color:var(--danger)}.ksp-banner-body{font-size:14px;line-height:20px}.ksp-nik{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ksp-nik-value{font-family:var(--font-mono);font-size:15px;letter-spacing:.02em}.ksp-nik-note{font-size:12px;line-height:16px;color:var(--ink-muted)}.ksp-paylist{list-style:none;margin:0;padding:0;background:var(--surface-raised);border-top:1px solid var(--line)}.ksp-payrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,34%) auto;gap:var(--space-2);align-items:center;min-height:var(--row-min);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}.ksp-payrow.is-filled{background:var(--brand-soft)}.ksp-payrow.is-failed{box-shadow:inset 0 0 0 2px var(--danger)}.ksp-payrow-name{font-weight:600;font-size:15px;line-height:20px;overflow-wrap:anywhere}.ksp-payrow-meta{font-size:12px;line-height:16px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ksp-unsaved{color:var(--danger);font-weight:600}.ksp-money{display:flex;align-items:center;height:var(--tap-min);border:1px solid var(--line-input);border-radius:var(--radius-md);background:var(--surface-raised);padding-left:var(--space-3)}.ksp-money:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.ksp-money-rp{color:var(--ink-muted);font-size:15px;margin-right:var(--space-1)}.ksp-money-input{font:inherit;font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right;border:0;outline:0;background:transparent;color:var(--ink);width:100%;min-width:0;height:100%;padding:0 var(--space-3) 0 0}.ksp-money-input::placeholder{color:var(--ink-muted)}.ksp-payrow-skip{height:var(--tap-min);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-3);color:var(--ink-muted);font-weight:600}.ksp-skipbtn{font:inherit;font-size:13px;font-weight:600;min-height:var(--tap-min);min-width:var(--tap-min);padding:0 10px;border-radius:var(--radius-md);border:1px solid var(--line-input);background:var(--surface-raised);color:var(--ink);cursor:pointer;white-space:nowrap}.ksp-skipbtn.is-on{color:var(--brand);border-color:var(--brand)}.ksp-ledger-wrap{overflow-x:auto;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg)}.ksp-ledger{border-collapse:collapse;width:100%;font-size:15px}.ksp-ledger caption{text-align:left;font-weight:600;font-size:16px;padding:var(--space-3) var(--space-3) var(--space-2)}.ksp-th{font-size:13px;line-height:18px;font-weight:500;color:var(--ink-muted);text-align:right;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);white-space:nowrap}.ksp-th-text{text-align:left}.ksp-th-hitung{background:var(--surface-computed)}.ksp-eq{display:inline-block;font-weight:600;margin-right:var(--space-1);color:var(--ink-muted)}.ksp-td{height:var(--cell-h);padding:0 var(--space-3);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap}.ksp-td-text{text-align:left}.ksp-td-hitung{background:var(--surface-computed);text-align:right;font-weight:500;-webkit-user-select:none;user-select:none}.ksp-td-hitung:last-child{font-weight:600}.ksp-td-input{padding:var(--space-1) var(--space-2)}.ksp-cell-input{font:inherit;font-variant-numeric:tabular-nums;text-align:right;width:100%;min-width:11ch;box-sizing:border-box;height:32px;padding:0 var(--space-2);border:1px solid var(--line-input);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink)}.ksp-ledger tbody tr:last-child .ksp-td{border-bottom:0}.ksp-ledger-dense{font-size:14px}.ksp-ledger-dense .ksp-th,.ksp-ledger-dense .ksp-td{padding-left:var(--space-2);padding-right:var(--space-2)}.ksp-ledger-dense .ksp-td-input{padding:var(--space-1)}.ksp-ledger-dense .ksp-cell-input{min-width:10ch}.ksp-header{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-6);padding:var(--space-4);background:var(--surface)}.ksp-header-text{flex:1 1 200px;min-width:0}.ksp-header-title{margin:0;font-size:20px;line-height:26px;font-weight:600}.ksp-header-dense .ksp-header-title{font-size:24px;line-height:30px}.ksp-header-sub{font-size:13px;line-height:18px;color:var(--ink-muted);margin-top:2px}.ksp-header-actions{display:flex;gap:var(--space-2)}.ksp-progress{flex:1 1 100%}.ksp-progress-label{font-size:13px;line-height:18px;font-weight:500;margin-bottom:var(--space-1);font-variant-numeric:tabular-nums}.ksp-progress-track{height:6px;border-radius:3px;background:var(--surface-computed);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.ksp-progress-fill{height:100%;background:var(--brand)}.ksp-field{display:flex;flex-direction:column;gap:var(--space-1)}.ksp-field-label{font-size:13px;line-height:18px;font-weight:500;color:var(--ink-muted)}.ksp-field-auto{font-weight:400}.ksp-field-control{font:inherit;font-size:17px;line-height:24px;box-sizing:border-box;width:100%;min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--line-input);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink)}.ksp-field-control.is-money{border:0;outline:0;background:transparent;text-align:right;font-weight:500;font-variant-numeric:tabular-nums;padding-left:0}.ksp-field-control.is-nik{font-family:var(--font-mono);letter-spacing:.04em}select.ksp-field-control{appearance:auto}.ksp-field-money{display:flex;align-items:center;min-height:var(--tap-min);border:1px solid var(--line-input);border-radius:var(--radius-md);background:var(--surface-raised);padding-left:var(--space-3)}.ksp-field-money:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.ksp-field-computed{min-height:var(--tap-min);display:flex;align-items:center;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface-computed);font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.ksp-field-computed.is-money{justify-content:flex-end}.ksp-field-hint{font-size:12px;line-height:16px;color:var(--ink-muted)}.ksp-field-error{font-size:12px;line-height:16px;color:var(--danger);font-weight:600}.ksp-field.is-error .ksp-field-control:not(.is-money),.ksp-field-money.is-error{border:2px solid var(--danger)}.ksp-form{display:grid;gap:var(--space-4);padding:var(--space-4)}.ksp-form-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.ksp-section-title{margin:var(--space-2) 0 0;font-size:16px;line-height:22px;font-weight:600}.ksp-seg{display:flex;padding:3px;gap:3px;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--line-input)}.ksp-seg-opt{flex:1;font:inherit;font-size:15px;font-weight:600;min-height:42px;border:0;border-radius:6px;background:transparent;color:var(--ink-muted);cursor:pointer}.ksp-seg-opt.is-on{background:var(--brand);color:var(--on-brand)}.ksp-sticky{position:sticky;bottom:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-raised);box-shadow:var(--shadow-bar)}.ksp-sticky.is-static{position:static}.ksp-sticky-info{flex:1;min-width:0}.ksp-sticky-label{font-size:12px;line-height:16px;color:var(--ink-muted)}.ksp-sticky-amount{font-size:20px;line-height:26px;font-weight:600;font-variant-numeric:tabular-nums}.ksp-sticky-status{margin-top:2px}.ksp-num{text-align:right;font-variant-numeric:tabular-nums}.ksp-rank-no{width:32px;font-weight:600;color:var(--ink-muted)}.ksp-rank-name{font-weight:600}.ksp-rank-sub{font-size:12px;line-height:16px;color:var(--ink-muted)}.ksp-rank .ksp-td{height:52px}.ksp-avg{display:flex;align-items:center;gap:var(--space-3);min-width:240px}.ksp-avg-track{position:relative;flex:1;height:8px;border-radius:4px;background:var(--surface-computed);box-shadow:inset 0 0 0 1px var(--line)}.ksp-avg-fill{height:100%;border-radius:4px;background:var(--brand)}.ksp-avg-fill.is-below{background:var(--warning)}.ksp-avg-target,.ksp-avg-target-key{position:absolute;top:-4px;width:2px;height:16px;background:var(--ink)}.ksp-avg-target-key{position:static;display:inline-block;vertical-align:middle;margin-right:var(--space-2)}.ksp-avg-val{font-variant-numeric:tabular-nums;font-weight:500;min-width:88px;text-align:right}.ksp-avg-val.is-below{color:var(--warning)}.ksp-avg-note{display:block;font-size:12px;line-height:14px;font-weight:600}.ksp-rank-legend{font-size:12px;line-height:16px;color:var(--ink-muted);padding:var(--space-2) var(--space-3);border-top:1px solid var(--line)}.ksp-sched .ksp-th.is-today,.ksp-sched .ksp-sched-cell.is-today{background:var(--brand-soft)}.ksp-today-tag{display:block;font-size:11px;line-height:14px;font-weight:600;color:var(--brand)}.ksp-sched-resort{font-weight:600}.ksp-sched-cell{padding:var(--space-1) var(--space-2)}.ksp-chip{font:inherit;font-size:14px;line-height:20px;padding:var(--space-1) var(--space-2);border:1px solid var(--line-input);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);cursor:pointer;white-space:nowrap}.ksp-libur{font-size:13px;color:var(--ink-muted);font-style:italic}.ksp-queue{list-style:none;margin:0;padding:0;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.ksp-queue-item+.ksp-queue-item{border-top:1px solid var(--line)}.ksp-queue-btn{font:inherit;color:inherit;text-align:left;width:100%;background:transparent;border:0;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-3);padding:var(--space-3) var(--space-4)}.ksp-queue-item.is-selected{background:var(--brand-soft)}.ksp-queue-name{font-weight:600}.ksp-queue-meta{font-size:13px;line-height:18px;color:var(--ink-muted)}.ksp-queue-amount{font-weight:600;font-variant-numeric:tabular-nums;align-self:start}.ksp-queue-flags{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-1)}.ksp-flag{font-size:12px;line-height:18px;font-weight:600;padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--warning-line);background:var(--warning-soft);color:var(--warning)}.ksp-flag-danger{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.ksp-phone{max-width:390px;margin:0 auto;background:var(--surface);min-height:100%;display:flex;flex-direction:column}.ksp-phone>.ksp-grow{flex:1}.ksp-desk{display:grid;grid-template-columns:340px 1fr;gap:var(--space-6);padding:0 var(--space-8) var(--space-8);align-items:start}.ksp-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6)}.ksp-dl{display:grid;grid-template-columns:160px 1fr;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0;font-size:15px}.ksp-dl dt{color:var(--ink-muted);font-size:13px;line-height:22px}.ksp-dl dd{margin:0}.ksp-actions{display:flex;gap:var(--space-2);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--line)}.ksp-strong{font-weight:600}.ksp-muted{color:var(--ink-muted);font-size:13px;line-height:18px}.ksp-wrap{white-space:normal}.ksp-back{font:inherit;font-size:14px;font-weight:600;color:var(--brand);background:none;border:0;padding:var(--space-1) 0;margin-bottom:var(--space-1);cursor:pointer;min-height:32px;border-radius:var(--radius-sm)}.ksp-tag{display:inline-block;font-size:12px;line-height:20px;font-weight:600;padding:0 var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.ksp-tag-brand{background:var(--brand-soft);border-color:transparent;color:var(--brand)}.ksp-tag-muted{background:transparent;border-style:dashed;border-color:var(--line-input);color:var(--ink-muted)}.ksp-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--line);overflow-x:auto}.ksp-tab{font:inherit;font-size:15px;font-weight:500;color:var(--ink-muted);background:none;border:0;border-bottom:3px solid transparent;padding:var(--space-2) var(--space-3);margin-bottom:-1px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-2)}.ksp-tab.is-on{color:var(--ink);font-weight:600;border-bottom-color:var(--brand)}.ksp-tab-count{font-size:12px;line-height:18px;padding:0 6px;border-radius:9px;background:var(--surface-computed);color:var(--ink);font-variant-numeric:tabular-nums}.ksp-data .ksp-td{height:48px}.ksp-data tr.is-muted .ksp-td{color:var(--ink-muted)}.ksp-data tr.is-strong .ksp-td{font-weight:600;background:var(--surface-computed);border-top:1px solid var(--line-input)}.ksp-empty{text-align:center;color:var(--ink-muted);height:96px}.ksp-table-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:13px;color:var(--ink-muted);padding:var(--space-2) var(--space-3);border-top:1px solid var(--line)}.ksp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-3)}.ksp-stat{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3);min-width:0}.ksp-stat-label{font-size:13px;line-height:18px;font-weight:500;color:var(--ink-muted)}.ksp-stat-value{font-size:20px;line-height:28px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:var(--space-1);white-space:nowrap}.ksp-stat-note{font-size:12px;line-height:16px;color:var(--ink-muted);margin-top:var(--space-1)}.ksp-chart{margin:0;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4) var(--space-4)}.ksp-chart-title{font-size:16px;line-height:22px;font-weight:600;margin-bottom:var(--space-3)}.ksp-chart-note{font-size:12px;line-height:16px;color:var(--ink-muted);margin-top:var(--space-2)}.ksp-grid{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.ksp-axis{stroke:var(--line-input);stroke-width:1;vector-effect:non-scaling-stroke}.ksp-tick{font-size:11px;fill:var(--ink-muted);font-variant-numeric:tabular-nums}.ksp-bar{fill:var(--brand)}.ksp-bar.is-muted{fill:var(--surface-computed);stroke:var(--line-input);stroke-dasharray:3 2}.ksp-bar.is-hover{stroke:var(--ink);stroke-width:2}.ksp-tip{position:absolute;transform:translate(-50%,calc(-100% - 8px));pointer-events:none;background:var(--surface-raised);border:1px solid var(--line-input);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);white-space:nowrap}.ksp-tip-label{font-size:12px;line-height:16px;color:var(--ink-muted)}.ksp-tip-value{font-size:14px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums}.ksp-kartu{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3)}.ksp-kartu-sum{font-size:13px;line-height:18px;font-weight:500;margin-bottom:var(--space-2)}.ksp-kartu-grid{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ksp-kartu-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.ksp-kartu-n{font-size:10px;line-height:12px;color:var(--ink-muted)}.ksp-kartu-v{font-size:12px;line-height:16px;font-weight:600}.ksp-kartu-cell.is-bayar{background:var(--brand-soft);color:var(--ink)}.ksp-kartu-cell.is-tidak{background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.ksp-kartu-cell.is-belum{background:transparent;color:var(--ink-muted);box-shadow:inset 0 0 0 1px var(--line)}.ksp-kartu-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2);font-size:12px;line-height:16px;color:var(--ink-muted)}.ksp-kartu-legend span{display:inline-flex;align-items:center;gap:var(--space-1)}.ksp-kartu-key{display:inline-block;width:12px;height:12px;border-radius:2px}.ksp-kartu-key.is-bayar{background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.ksp-kartu-key.is-tidak{background:var(--danger-soft);box-shadow:inset 0 0 0 1px var(--danger)}.ksp-kartu-key.is-belum{box-shadow:inset 0 0 0 1px var(--line-input)}.ksp-bnav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface-raised);border-top:1px solid var(--line)}.ksp-bnav-item{position:relative;font:inherit;font-size:12px;line-height:16px;font-weight:600;color:var(--ink-muted);background:none;border:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.ksp-bnav-mark{width:24px;height:4px;border-radius:2px;background:transparent}.ksp-bnav-item.is-on{color:var(--brand)}.ksp-bnav-item.is-on .ksp-bnav-mark{background:var(--brand)}.ksp-bnav-badge{position:absolute;top:6px;left:calc(50% + 14px);font-size:11px;line-height:16px;min-width:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:var(--surface-raised)}.ksp-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh;background:var(--surface)}.ksp-side{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-3);background:var(--surface-raised);border-right:1px solid var(--line)}.ksp-side-brand{padding:0 var(--space-2)}.ksp-side-name{font-size:18px;line-height:24px;font-weight:600}.ksp-side-office{font-size:13px;line-height:18px;color:var(--ink-muted)}.ksp-side-nav{display:flex;flex-direction:column;gap:2px;flex:1}.ksp-side-group{font-size:12px;line-height:16px;font-weight:600;color:var(--ink-muted);padding:var(--space-3) var(--space-3) var(--space-1)}.ksp-side-group:first-child{padding-top:0}.ksp-side-logout{padding-left:0;margin-top:var(--space-1)}.ksp-side-link{display:flex;justify-content:space-between;align-items:center;min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink);text-decoration:none;font-size:15px;font-weight:500}.ksp-side-link:hover{background:var(--surface)}.ksp-side-link.is-on{background:var(--brand-soft);color:var(--brand);font-weight:600}.ksp-side-count{font-size:12px;line-height:18px;font-weight:600;min-width:20px;text-align:center;padding:0 6px;border-radius:9px;background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning-line)}.ksp-side-user{padding:var(--space-3) var(--space-2) 0;border-top:1px solid var(--line)}.ksp-main{min-width:0;padding:var(--space-2) var(--space-8) var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.ksp-main>.ksp-header{padding-left:0;padding-right:0}.ksp-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-6);align-items:start}.ksp-split-l{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--space-6);align-items:start}.ksp-grid-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-4);align-items:start}.ksp-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.ksp-filters .ksp-field{min-width:180px}.ksp-filters .ksp-field-control{min-height:40px;font-size:15px}.ksp-panel{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-3)}.ksp-panel-title{margin:0;font-size:16px;line-height:22px;font-weight:600}.ksp-note{font-size:13px;line-height:18px;color:var(--ink-muted);margin:0}.ksp-panel-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.ksp-panel-row .ksp-field{min-width:200px}.ksp-panel-row .ksp-field-control{min-height:40px;font-size:15px}.ksp-items{list-style:none;margin:0;padding:0;background:var(--surface-raised);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ksp-item+.ksp-item{border-top:1px solid var(--line)}.ksp-item-btn{font:inherit;color:inherit;text-align:left;width:100%;box-sizing:border-box;background:transparent;border:0;display:flex;align-items:center;gap:var(--space-3);min-height:var(--row-min);padding:var(--space-2) var(--space-4)}button.ksp-item-btn{cursor:pointer}.ksp-item-main{flex:1;min-width:0}.ksp-item-title{font-weight:600;font-size:15px;line-height:20px;overflow-wrap:anywhere}.ksp-item-meta{font-size:13px;line-height:18px;color:var(--ink-muted)}.ksp-item-flags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.ksp-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.ksp-item-right{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.ksp-item-chev{font-size:22px;line-height:1;color:var(--ink-muted)}.ksp-item.is-muted .ksp-item-title,.ksp-item.is-muted .ksp-item-right{color:var(--ink-muted)}.ksp-item.is-selected{background:var(--brand-soft)}.ksp-state{font-size:12px;line-height:18px;font-weight:600;padding:0 var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.ksp-state-success{background:var(--success-soft);color:var(--success)}.ksp-state-warning{background:var(--warning-soft);color:var(--warning)}.ksp-state-danger{background:var(--danger-soft);color:var(--danger)}.ksp-state-brand{background:var(--brand-soft);color:var(--brand)}.ksp-state-muted{background:transparent;color:var(--ink-muted);box-shadow:inset 0 0 0 1px var(--line-input)}.ksp-emptystate{text-align:center;padding:var(--space-8) var(--space-6);display:grid;gap:var(--space-2);justify-items:center}.ksp-emptystate-title{font-size:16px;line-height:22px;font-weight:600}.ksp-emptystate-body{font-size:14px;line-height:20px;color:var(--ink-muted);max-width:300px}.ksp-emptystate-action{margin-top:var(--space-2)}.ksp-conn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:13px;line-height:18px;font-weight:500}.ksp-conn-offline{background:var(--danger-soft);color:var(--ink);border-bottom:1px solid var(--danger)}.ksp-conn-syncing{background:var(--warning-soft);color:var(--ink);border-bottom:1px solid var(--warning-line)}.ksp-conn-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--danger)}.ksp-conn-syncing .ksp-conn-dot{background:var(--warning)}.ksp-conn-text{flex:1}.ksp-login{max-width:390px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-4);box-sizing:border-box;gap:var(--space-6)}.ksp-login-name{margin:0;font-size:28px;line-height:34px;font-weight:600}.ksp-login-sub{margin:var(--space-1) 0 0;font-size:14px;line-height:20px;color:var(--ink-muted)}.ksp-section-bar{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2)}.ksp-section-bar h2{margin:0;font-size:16px;line-height:22px;font-weight:600}.ksp-stats-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:0 var(--space-4)}.ksp-panel>*,.ksp-form-2>*,.ksp-field{min-width:0}[x-cloak]{display:none!important}.ksp-chip.is-libur{color:var(--ink-muted);font-style:italic;border-style:dashed}.ksp-chip[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand);font-style:normal}.ksp-side-link:hover{background:var(--brand-soft)}:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.ksp-tema{display:grid;gap:var(--space-1)}.ksp-tema-label{font-size:12px;line-height:16px;font-weight:600;color:var(--ink-muted)}.ksp-tema-compact .ksp-seg-opt{min-height:30px;font-size:13px}.ksp-ikon{flex:none;display:block}.ksp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.ksp-btn-ikon{padding:0;width:var(--cell-h);flex:none}.ksp-btn-touch.ksp-btn-ikon{width:var(--tap-min);padding:0}.ksp-btn-quiet.ksp-btn-ikon:hover{background:var(--brand-soft)}.ksp-linkbtn:has(.ksp-ikon){display:inline-flex;align-items:center;gap:6px}.ksp-seg-opt{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.ksp-tema-compact .ksp-seg-opt{min-height:34px}.ksp-skipbtn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;line-height:14px;padding:4px 8px;min-width:64px}.ksp-item-btn,.ksp-bnav-item,.ksp-back{text-decoration:none}.ksp-back{display:inline-flex;align-items:center;gap:2px;margin-left:-4px}.ksp-item-chev{color:var(--ink-muted)}.ksp-bnav-item{gap:2px;min-height:60px;padding-top:6px}.ksp-bnav-mark{position:absolute;top:0;left:50%;translate:-50% 0}.ksp-phone{min-height:100vh;min-height:100dvh}.ksp-phone>form{display:flex;flex-direction:column;flex:1 0 auto}.ksp-phone-nav{position:sticky;bottom:0;margin-top:auto;z-index:5}.ksp-phone .ksp-sticky{margin-top:auto;z-index:5}.ksp-setelan{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4)}.ksp-side-setelan{display:grid;gap:var(--space-3);padding:0 var(--space-2)}.ksp-side-logout{display:inline-flex;align-items:center;gap:6px}.ksp-item-lead{flex:none;width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.ksp-item-lead.is-teks{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.ksp-banner{display:flex;align-items:flex-start;gap:var(--space-3)}.ksp-banner-ikon{color:var(--warning);margin-top:1px}.ksp-banner-danger .ksp-banner-ikon{color:var(--danger)}.ksp-banner-teks{flex:1;min-width:0}.ksp-field-berikon{position:relative}.ksp-field-berikon .ksp-field-control{padding-left:42px}.ksp-field-ikon{position:absolute;left:12px;top:50%;translate:0 -50%;color:var(--ink-muted);pointer-events:none}.ksp-phone .ksp-header{column-gap:var(--space-3)}.ksp-phone .ksp-header-text{flex-basis:150px}.ksp-phone .ksp-form>.ksp-sticky{margin-inline:calc(-1 * var(--space-4));margin-bottom:calc(-1 * var(--space-4))}.ksp-note a{color:var(--brand);font-weight:600}.ksp-split-kiri{grid-template-columns:360px minmax(0,1fr)}.ksp-side-brand{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.ksp-topbar,.ksp-side-tutup{display:none}@media(min-width:901px){.ksp-side-tirai{display:none!important}}@media(max-width:900px){.ksp-shell{grid-template-columns:minmax(0,1fr);align-content:start}.ksp-topbar{display:flex;align-items:center;gap:var(--space-2);position:sticky;top:env(safe-area-inset-top,0px);z-index:20;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-bottom:1px solid var(--line)}.ksp-topbar-nama{flex:1;min-width:0;font-size:14px;line-height:18px}.ksp-topbar-nama .ksp-muted{font-size:12px;line-height:16px}.ksp-side{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);z-index:40;overflow-y:auto;padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));transform:translate(-100%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}.ksp-side.is-open{transform:none;visibility:visible;transition:transform .2s ease;box-shadow:0 0 24px #00000040}.ksp-side-tirai{position:fixed;inset:0;z-index:30;background:#00000073}.ksp-side-tutup{display:inline-flex;margin:-6px -6px 0 0}.ksp-main{padding:0 var(--space-4) var(--space-6);gap:var(--space-3)}.ksp-split,.ksp-split-l,.ksp-split-kiri,.ksp-grid-2,.ksp-desk{grid-template-columns:minmax(0,1fr)}.ksp-desk{padding:0 var(--space-4) var(--space-6)}.ksp-header-dense .ksp-header-title{font-size:20px;line-height:26px}.ksp-header-actions{flex-wrap:wrap}.ksp-filters>*,.ksp-filters .ksp-field,.ksp-panel-row .ksp-field{flex:1 1 150px;min-width:0}.ksp-dl{grid-template-columns:minmax(96px,36%) minmax(0,1fr)}.ksp-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(prefers-reduced-motion:reduce){.ksp-side{transition:none!important}}.ksp-ledger-wrap{position:relative}.ksp-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--ink);box-shadow:0 16px 48px #00000047}.ksp-dialog::backdrop{background:#00000080}.ksp-dialog-kepala{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-3) 0 var(--space-6)}.ksp-dialog-judul{margin:0;font-size:18px;line-height:24px;font-weight:600}.ksp-dialog-isi{display:grid;gap:var(--space-3);padding:var(--space-4) var(--space-6)}.ksp-dialog-kaki{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-6) var(--space-6);border-top:1px solid var(--line)}.ksp-dialog-kiri{margin-right:auto;padding-left:0}html:has(.ksp-dialog[open]){overflow:hidden}@media(max-width:600px){.ksp-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;display:none}.ksp-dialog[open]{display:flex;flex-direction:column}.ksp-dialog-isi{flex:1;align-content:start;overflow-y:auto;padding-inline:var(--space-4)}.ksp-dialog-kepala{padding-left:var(--space-4)}.ksp-dialog-kaki{padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px))}}.ksp-tabs[aria-busy=true]~*{opacity:.55;transition:opacity .15s}@media(prefers-reduced-motion:reduce){.ksp-tabs[aria-busy=true]~*{transition:none}}.ksp-rekap-kolom,.ksp-rekap-sisi,.ksp-detail-kolom,.ksp-detail-identitas,.ksp-detail-pinjaman,.ksp-aksi-bawah{display:contents}.ksp-ponsel-blok{display:grid;gap:var(--space-3);padding:0 var(--space-4) var(--space-3)}.ksp-petugas-desk{display:flex;flex-direction:column;gap:var(--space-4);max-width:1080px}.ksp-petugas-desk .ksp-hanya-ponsel{display:none!important}.ksp-petugas-desk .ksp-header{padding-inline:0}.ksp-petugas-desk .ksp-header-title{font-size:24px;line-height:30px}.ksp-petugas-desk .ksp-ponsel-blok,.ksp-petugas-desk .ksp-form,.ksp-petugas-desk .ksp-pad{padding-inline:0}.ksp-petugas-desk .ksp-form{max-width:640px;padding-bottom:0}.ksp-petugas-desk .ksp-form-lebar{max-width:none}.ksp-petugas-desk .ksp-btn-touch{min-height:44px;font-size:15px;padding-inline:var(--space-4)}.ksp-petugas-desk .ksp-aksi-atas{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.ksp-petugas-desk .ksp-aksi-atas>.ksp-btn{flex:none;min-width:220px}.ksp-petugas-desk .ksp-aksi-atas>.ksp-seg,.ksp-petugas-desk .ksp-aksi-atas>.ksp-field{flex:0 1 420px}.ksp-petugas-desk .ksp-items,.ksp-petugas-desk .ksp-paylist{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.ksp-petugas-desk .ksp-payrow{grid-template-columns:minmax(0,1fr) 260px auto;padding-inline:var(--space-4)}.ksp-petugas-desk .ksp-payrow:last-child{border-bottom:0}.ksp-petugas-desk .ksp-sticky{bottom:var(--space-4);margin-top:auto;border:1px solid var(--line);border-radius:var(--radius-lg)}.ksp-petugas-desk .ksp-rekap-kolom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);align-items:start}.ksp-petugas-desk .ksp-rekap-sisi{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg)}.ksp-petugas-desk .ksp-rekap-sisi>.ksp-section-title{margin:0}.ksp-petugas-desk .ksp-detail-kolom{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:var(--space-3) var(--space-8);align-items:start}.ksp-petugas-desk .ksp-detail-identitas,.ksp-petugas-desk .ksp-detail-pinjaman{display:grid;gap:var(--space-3);align-content:start}.ksp-petugas-desk .ksp-detail-pinjaman{grid-row:span 2}.ksp-petugas-desk .ksp-aksi-bawah{display:flex;flex-wrap:wrap;gap:var(--space-2);align-content:start}@media(max-width:900px){.ksp-petugas-desk .ksp-rekap-kolom,.ksp-petugas-desk .ksp-detail-kolom{grid-template-columns:minmax(0,1fr)}.ksp-petugas-desk .ksp-detail-pinjaman{grid-row:auto}}.ksp-petugas-desk .ksp-ponsel-blok:not(.ksp-aksi-atas)>.ksp-field,.ksp-petugas-desk .ksp-form-lebar>.ksp-field{max-width:320px}.ksp-filters .ksp-seg{align-self:end}.ksp-peringkat-geser{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.ksp-peringkat-geser>.ksp-strong{min-width:12ch;text-align:center}.ksp-angsuran-tb{color:var(--warning);font-weight:600;letter-spacing:.02em}.ksp-dialog.ksp-dialog-lebar{width:min(760px,calc(100vw - 32px))}.ksp-dialog-kepala .ksp-muted{font-size:.875rem}.ksp-saring{margin-bottom:var(--space-4);align-items:end}.ksp-peringkat-geser .ksp-field{flex:0 1 180px;margin-left:auto}.ksp-grafik{display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}.ksp-grafik-kepala{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.ksp-grafik-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));transition:opacity .15s}.ksp-grafik-grid.is-ringkas{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-3)}.ksp-grafik-grid.is-ringkas .ksp-chart-title{font-size:14px;line-height:20px}.ksp-grafik-grid.is-memuat{opacity:.55}.ksp-tag-ulang{background:var(--ulang-soft);border-color:transparent;color:var(--ulang)}.ksp-ledger tr.is-ulang>td,.ksp-ledger tr.is-ulang>td.ksp-td-hitung{background:var(--ulang-soft)}.ksp-ledger tr.is-ulang>td:first-child{box-shadow:inset 4px 0 0 var(--ulang)}.ksp-item.is-ulang,.ksp-queue-item.is-ulang{background:var(--ulang-soft);box-shadow:inset 4px 0 0 var(--ulang)}.ksp-flag-ulang{border-color:var(--ulang);background:var(--ulang-soft);color:var(--ulang)}.ksp-kategori-daftar{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.ksp-kategori-baris{display:grid;grid-template-columns:minmax(84px,max-content) 1fr auto;gap:var(--space-3);align-items:center;min-height:28px}.ksp-kategori-label{font-size:14px}.ksp-kategori-track{height:12px;border-radius:4px;background:var(--surface-computed);overflow:hidden}.ksp-kategori-isi{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--brand)}.ksp-kategori-isi.is-lancar{background:var(--kol-lancar)}.ksp-kategori-isi.is-kurang-lancar{background:var(--kol-kurang-lancar)}.ksp-kategori-isi.is-macet{background:var(--kol-macet)}.ksp-kategori-isi.is-muted{background:var(--line-input)}.ksp-kategori-nilai{font-variant-numeric:tabular-nums;font-weight:600;font-size:14px;text-align:right;white-space:nowrap}.ksp-grafik-kategori{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-4);margin-top:var(--space-4)}.ksp-hit{fill:transparent}.ksp-hit:hover{fill:color-mix(in srgb,var(--ink) 6%,transparent)}.ksp-g-garis,.ksp-area,.ksp-tangkai,.ksp-garis,.ksp-titik{display:none}.ksp-area{fill:var(--brand);opacity:.18}.ksp-garis{fill:none;stroke:var(--brand);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.ksp-tangkai{stroke:var(--brand);stroke-width:2;opacity:.55}.ksp-titik{fill:var(--brand);stroke:var(--surface-raised);stroke-width:2}.ksp-titik.is-muted{fill:var(--surface-computed);stroke:var(--line-input)}:root[data-gaya-grafik] .ksp-g-batang{display:none}:root[data-gaya-grafik] .ksp-g-garis{display:inline}:root[data-gaya-grafik=garis] :is(.ksp-garis,.ksp-titik),:root[data-gaya-grafik=area] :is(.ksp-garis,.ksp-area),:root[data-gaya-grafik=titik] :is(.ksp-tangkai,.ksp-titik){display:inline}.ksp-grafik-kontrol{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.ksp-gaya-grafik .ksp-seg-opt{gap:6px}.ksp-gaya-ikon{flex:none}