:root{--bg:#ecebf4;--bg-inset:#f7f6fc;--card:#fff;--ink:#211e33;--muted:#6b6785;--line:#ebe8f3;--line-soft:#f4f2fa;--accent:#7c5cfc;--accent-hover:#6841f0;--accent-active:#5a34dc;--accent-weak:#ede9fe;--accent-text:#6338e0;--btn:#6d4af5;--btn-ink:#fff;--good:#12844a;--good-weak:#dff7ea;--bad:#c3352f;--bad-weak:#fce4e4;--warn:#8a5a00;--warn-weak:#fff1df;--chart:#7c5cfc;--f-cat-1:#ff9f43;--f-cat-2:#28b9a6;--f-cat-3:#7c5cfc;--f-cat-4:#f5688a;--f-cat-5:#4c9aff;--f-cat-6:#b57ee8;--f-in:#28c76f;--f-out:#ea5455;--yolk:#f5a623;--shadow:0 0 2px #211e331a, 0 12px 24px -4px #211e331a;--shadow-sm:0 1px 3px #211e330f;--shadow-pop:0 18px 44px #211e3329;--btn-shadow:#b29cff80 0 1px 0 0 inset, #3a1a9c59 0 -1px 0 1px inset, #090b0b1f 0 2px 4px 0;--ring:#6d4af5;--r-xs:8px;--r-sm:10px;--r-md:12px;--r-lg:16px;--s-1:6px;--s-2:8px;--s-3:10px;--s-4:16px;--s-5:48px;--dur-instant:.12s;--dur-fast:.15s;--ease-out:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root{--bg:#17151f;--bg-inset:#1f1c2b;--card:#221f2e;--ink:#f3f1fa;--muted:#a29dba;--line:#322e42;--line-soft:#2a2637;--accent:#9d84ff;--accent-hover:#b09bff;--accent-active:#c2b2ff;--accent-weak:#9d84ff2e;--accent-text:#b9a6ff;--btn:#7c5cfc;--btn-ink:#fff;--good:#5be584;--good-weak:#28c76f2e;--bad:#ff8f8f;--bad-weak:#ea54552e;--warn:#ffd666;--warn-weak:#ff9f432e;--chart:#9d84ff;--f-cat-1:#ffab5e;--f-cat-2:#3fd0bd;--f-cat-3:#9d84ff;--f-cat-4:#ff85a1;--f-cat-5:#6cb0ff;--f-cat-6:#c79bf5;--f-in:#3ed88a;--f-out:#ff7071;--yolk:#f5a623;--shadow:0 0 2px #0000003d, 0 12px 24px -4px #0000007a;--shadow-sm:0 1px 2px #0006;--shadow-pop:0 18px 44px #0000008c;--btn-shadow:#b29cff59 0 1px 0 0 inset, #1e0c5080 0 -1px 0 1px inset, #0000004d 0 2px 4px 0;--ring:#9d84ff}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:1.5}h1,h2,h3,h4{text-wrap:balance;letter-spacing:-.01em;color:var(--ink);margin:0;font-family:inherit;font-weight:700}button{font:inherit;cursor:pointer}input,select{font:inherit;color:var(--ink)}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}.num{font-variant-numeric:tabular-nums}.mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace}:where(a,button,input,select,[tabindex]):focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-xs)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.auth{grid-template-columns:55fr 45fr;min-height:100vh;display:grid}.auth-visual{isolation:isolate;color:#2a1a6e;background:#2a1a6e;align-items:flex-end;display:flex;position:relative;overflow:hidden}.auth-photo{object-fit:cover;z-index:-2}.auth-veil{z-index:-1;background:linear-gradient(#0c072200 14%,#0c072233 30%,#0c072294 48%,#0c0722e0 66%,#0c0722f2 100%),linear-gradient(125deg,#341f9194 0%,#20135657 58%,#100a2c85 100%);position:absolute;inset:0}.auth-wave{z-index:-1;pointer-events:none;width:100%;height:130px;position:absolute;bottom:0;left:0;right:0}.auth-visual-in{max-width:560px;padding:56px 56px 104px;position:relative}.auth-eyebrow{color:#fff;margin:0 0 14px;font-size:14px;font-weight:600}.auth-title{color:#fff;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:40px;line-height:1.15}.auth-lead{color:#fffffff0;text-wrap:pretty;max-width:46ch;margin:16px 0 0;font-size:15px;line-height:1.65}.auth-panel{background:var(--card);justify-content:center;align-items:center;padding:40px 32px;display:flex}.auth-box{width:min(380px,100%)}.auth-logo{width:auto;height:88px;margin:0 0 22px;display:block}.auth-h1{letter-spacing:-.01em;margin:0;font-size:26px}.auth-sub{color:var(--muted);margin:6px 0 26px;font-size:14px}.login-note{color:var(--muted);margin-top:20px;font-size:12px}@media (max-width:900px){.auth{grid-template-columns:1fr;min-height:100dvh}.auth-visual{align-items:center;min-height:190px}.auth-visual-in{padding:28px 24px 46px}.auth-title{font-size:26px}.auth-lead{display:none}.auth-wave{height:64px}.auth-panel{align-items:flex-start;padding:32px 24px 48px}.auth-logo{height:72px;margin-bottom:18px}}.btn{border-radius:var(--r-sm);background:var(--btn);color:var(--btn-ink);box-shadow:var(--btn-shadow);transition:background var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-instant);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-hover);text-decoration:none}.btn:active{background:var(--accent-active);transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;pointer-events:none}.btn.ghost{color:var(--accent-text);border-color:var(--line);box-shadow:none;background:0 0}.btn.ghost:hover{background:var(--accent-weak);border-color:var(--accent)}.btn.ghost:active{background:var(--accent-weak)}.btn.small{border-radius:var(--r-xs);padding:7px 13px;font-size:13.5px}.btn.danger{background:var(--bad-weak);color:var(--bad);box-shadow:none;border-color:#0000}.btn.danger:hover{background:var(--bad);color:#fff}.shell{min-height:100vh;display:flex}aside.sidebar{background:var(--card);border-right:1px solid var(--line);flex-direction:column;flex:0 0 240px;gap:2px;width:240px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:11px;padding:4px 6px 18px;display:flex}.brand-logo{flex:none;width:auto;height:44px}.brand b{letter-spacing:-.02em;font-size:16px;font-weight:800}.brand span{color:var(--muted);margin-top:-2px;font-size:11px;font-weight:600;display:block}.side-card{border-radius:var(--r-lg);color:#fff;background:linear-gradient(150deg, var(--accent), #9e86ff);margin-top:auto;padding:15px}.side-card-t{font-size:13.5px;font-weight:700}.side-card-b{opacity:.9;margin:4px 0 11px;font-size:11.5px;line-height:1.4}.side-card .btn{width:100%;color:var(--accent-text);box-shadow:none;background:#fffffff2;padding:8px;font-size:12.5px}.side-card .btn:hover{background:#fff}.nav-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:16px 12px 6px;font-size:11px;font-weight:600}.nav-btn{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--muted);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:14.5px;font-weight:500;text-decoration:none;display:flex}.nav-btn svg{color:currentColor;opacity:.9;flex:0 0 20px;width:20px;height:20px}.nav-btn:hover{background:var(--line-soft);color:var(--ink);text-decoration:none}.nav-btn.active{background:var(--accent-weak);color:var(--accent-text);font-weight:600}.nav-btn.active svg{color:var(--accent);opacity:1}.nav-btn:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}main.content{flex:1;min-width:0;padding:24px 28px 64px}.topbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;display:flex}.topbar h2{font-size:22px}.topbar .spacer{flex:1}.chip{background:var(--card);border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow-sm);border-radius:999px;padding:5px 14px;font-size:12.5px}.cards{gap:16px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);min-width:0;padding:20px 22px}.kpi{position:relative;overflow:hidden}.kpi .lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600}.kpi .val{letter-spacing:-.02em;font-size:26px;font-weight:700}.kpi .sub{color:var(--muted);margin-top:4px;font-size:12.5px}.kpi .sub.up{color:var(--good)}.kpi .sub.down{color:var(--bad)}.two-col{grid-template-columns:1.6fr 1fr}@media (max-width:1080px){.two-col{grid-template-columns:1fr}}.card h3{margin-bottom:4px;font-size:16px}.card .card-sub{color:var(--muted);margin:0 0 16px;font-size:13px}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;color:var(--ink);font-size:14px;line-height:1.5}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;background:var(--line-soft);border-bottom:1px solid var(--line);padding:10px 12px;font-size:11px;font-weight:600}th:first-child{border-top-left-radius:var(--r-xs)}th:last-child{border-top-right-radius:var(--r-xs)}td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:11px 12px}tbody tr{transition:background var(--dur-fast)}tbody tr:hover{background:var(--line-soft)}tr:last-child td{border-bottom:none}td.r,th.r{text-align:right}td.r{font-variant-numeric:tabular-nums}.row-total td{border-top:1.5px solid var(--line);background:var(--line-soft);font-weight:700}.indent td:first-child{color:var(--muted);padding-left:28px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.good{background:var(--good-weak);color:var(--good)}.pill.bad{background:var(--bad-weak);color:var(--bad)}.pill.warn{background:var(--warn-weak);color:var(--warn)}.pill.neutral{background:var(--line-soft);color:var(--muted)}.pill.acc{background:var(--accent-weak);color:var(--accent-text)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.field label{color:var(--ink);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field input,.field select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);width:100%;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);padding:10px 12px;font-size:14.5px}.field input:hover,.field select:hover{border-color:var(--muted)}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);outline:none}.field input:disabled,.field select:disabled{background:var(--bg-inset);color:var(--muted);cursor:not-allowed}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--bad)}.inp{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);padding:7px 11px;font-size:13px}.inp:hover{border-color:var(--muted)}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);outline:none}.seg{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);display:flex;overflow:hidden}.seg button,.seg label{color:var(--muted);text-align:center;cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;flex:1;padding:10px 4px;font-size:13px;font-weight:600}.seg button:hover,.seg label:hover{background:var(--line-soft);color:var(--ink)}.seg .on{background:var(--accent);color:var(--btn-ink)}.form-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.total-line{color:var(--muted);margin-left:auto;font-size:15px}.total-line b{color:var(--ink);font-size:20px}.hidden{display:none!important}.termin-rows{gap:8px;margin-top:10px;display:grid}.termin-row{grid-template-columns:64px 1fr 1fr;align-items:center;gap:10px;display:grid}.termin-row .tno{color:var(--accent-text);font-size:12.5px;font-weight:700}.note{color:var(--muted);font-size:12.5px}.alert{border-radius:var(--r-sm);border:1px solid #0000;align-items:center;gap:8px;margin-bottom:16px;padding:11px 15px;font-size:13.5px;font-weight:600;display:flex}.alert.ok{background:var(--good-weak);color:var(--good);border-color:color-mix(in srgb, var(--good) 24%, transparent)}.alert.err{background:var(--bad-weak);color:var(--bad);border-color:color-mix(in srgb, var(--bad) 24%, transparent)}.pinrow{justify-content:center;gap:8px;margin:0 0 18px;display:flex}.pin-input{text-align:center;letter-spacing:.6em;text-indent:.6em;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);width:100%;height:52px;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);font-size:20px;font-weight:600}.pin-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);outline:none}.tabs{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.tab{border:1px solid var(--line);background:var(--card);color:var(--muted);transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none}.tab:hover{color:var(--ink);border-color:var(--muted);text-decoration:none}.tab.on{background:var(--accent);border-color:var(--accent);color:var(--btn-ink)}.bar-col{cursor:default}.bar-hl{opacity:0;pointer-events:none;transition:opacity var(--dur-fast)}.bar-col:hover .bar-hl{opacity:1}.bar-tip{opacity:0;pointer-events:none;transition:opacity var(--dur-fast);filter:drop-shadow(0 6px 14px #172b4d29)}.bar-col:hover .bar-tip{opacity:1}.debt-head{align-items:baseline;gap:10px;display:flex}.dh-left{flex-wrap:wrap;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.debt-head .who{font-size:16px;font-weight:700}.debt-head .amt{white-space:nowrap;flex:none;font-size:18px;font-weight:700}.debt-meta{color:var(--muted);margin:3px 0 14px;font-size:12.5px}.termin-list{gap:6px;margin:0 0 4px;display:grid}.termin-item{border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--bg-inset);align-items:flex-start;gap:10px;padding:9px 11px;display:flex}.termin-item .tk{color:var(--accent-text);background:var(--accent-weak);border-radius:var(--r-xs);flex:none;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.5}.ti-main{flex:1;min-width:0}.ti-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ti-amt{font-size:14px;font-weight:700}.ti-sub{color:var(--muted);margin-top:2px;font-size:12px}.field input[type=date],.filters input[type=date],input.dt{transition:border-radius .28s var(--ease-out), box-shadow .28s var(--ease-out), transform .28s var(--ease-out), border-color var(--dur-fast)}.field input[type=date]:hover,.filters input[type=date]:hover,input.dt:hover{border-radius:13px}.field input[type=date]:focus,.filters input[type=date]:focus,input.dt:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-weak), 0 8px 18px -8px var(--accent);border-radius:17px;outline:none;transform:translateY(-1px)}@keyframes date-pop{0%{border-radius:var(--r-sm);box-shadow:0 0 0 0 var(--accent-weak)}40%{box-shadow:0 0 0 7px var(--accent-weak);border-radius:20px}to{border-radius:var(--r-sm);box-shadow:0 0 #0000}}.date-pop{animation:date-pop .52s var(--ease-out)}.card.kpi.hero{background:linear-gradient(170deg, var(--accent-weak), var(--card) 70%);border-color:color-mix(in srgb, var(--accent) 26%, transparent)}.card.kpi.hero .val{color:var(--accent-text)}.sec-hd{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.sec-hd .sec-t{flex:1;min-width:0}.sec-hd h3{margin-bottom:2px;font-size:16px}.sec-hd .card-sub{margin:0}.calc-total{background:var(--accent-weak);border-radius:var(--r-sm);flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:10px;margin-top:2px;padding:13px 16px;display:flex}.calc-total .lab{color:var(--accent-text);font-size:12.5px;font-weight:600}.calc-total .amt{letter-spacing:-.02em;color:var(--accent-text);font-variant-numeric:tabular-nums;margin-left:auto;font-size:21px;font-weight:800}.picker{position:relative}.picker-trigger{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;min-height:41px;color:var(--ink);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);align-items:center;gap:8px;padding:9px 12px;font-size:14.5px;display:flex}.picker-trigger:hover{border-color:var(--muted)}.picker-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.picker-trigger .ph{color:var(--muted)}.picker-trigger .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.picker-trigger .chev{color:var(--muted);flex:none;margin-left:auto;font-size:10px}.picker-trigger.compact{min-width:158px;min-height:34px;padding:7px 10px;font-size:12.5px}.picker-trigger.compact .chev{font-size:9px}.picker-trigger.mini{gap:6px;width:auto;min-width:0;min-height:30px;padding:5px 9px}.page-size .picker{display:inline-block}.page-size .picker-pop{min-width:96px;left:0;right:auto}.picker-pop{z-index:30;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);min-width:232px;box-shadow:var(--shadow-pop);transform-origin:top;animation:picker-in .19s var(--ease-out);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}@keyframes picker-in{0%{opacity:0;transform:translateY(-7px)scale(.97)}}.picker-search{border-bottom:1px solid var(--line-soft);padding:10px}.picker-search input{border:1px solid var(--line);border-radius:var(--r-xs);background:var(--bg-inset);width:100%;padding:8px 11px;font-size:13.5px}.picker-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);outline:none}.picker-list{max-height:240px;overflow-y:auto}.picker-item{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;align-items:center;gap:9px;padding:9px 13px;font-size:13.5px;display:flex}.picker-item:hover,.picker-item[data-active=true]{background:var(--accent-weak)}.picker-item .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.picker-item .nm.ph{color:var(--muted)}.picker-item .pill{flex:none;margin-left:auto}.picker-item .side{color:var(--muted);flex:none;margin-left:auto;font-size:12px}.picker-item .tick{color:var(--accent-text);flex:none;margin-left:6px;font-weight:800}.picker-item .side+.tick{margin-left:4px}.picker-empty{text-align:center;color:var(--muted);padding:18px 14px;font-size:13px}.picker-foot{border-top:1px solid var(--line-soft);background:var(--bg-inset);align-items:center;gap:10px;padding:10px 12px;display:flex}.picker-foot .pf-lbl{color:var(--muted);flex:none;font-size:12px;font-weight:600}.picker-foot input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);flex:1;min-width:0;padding:7px 10px;font-size:12.5px}.filters{background:var(--bg-inset);border:1px solid var(--line-soft);border-radius:var(--r-md);flex-wrap:wrap;align-items:flex-end;gap:12px 14px;margin-bottom:14px;padding:14px 16px;display:flex}.filters .field{flex:0 auto;gap:5px}.filters .field label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:5px;font-size:10.5px}.filters .reset{color:var(--accent-text);background:0 0;border:0;align-self:center;margin-left:auto;padding:8px 4px;font-size:12.5px;font-weight:600}.filters .reset:hover{text-decoration:underline}.result-count{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;font-size:12.5px;display:flex}.result-count b{color:var(--ink)}.lnk-add{cursor:pointer;font:inherit;color:var(--accent-text);background:0 0;border:none;margin:0 0 10px;padding:0;font-size:12.5px;font-weight:700}.lnk-add:hover{text-decoration:underline}.kat-cepat{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;padding:12px;display:flex}.kat-cepat-aksi{align-items:center;gap:8px;display:flex}.impor-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.field input[type=file]{cursor:pointer;padding:7px 10px;font-size:13px}.field input[type=file]::file-selector-button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--bg);color:var(--ink);transition:border-color var(--dur-fast), color var(--dur-fast);margin-right:10px;padding:5px 11px;font-weight:600}.field input[type=file]::file-selector-button:hover{border-color:var(--accent);color:var(--accent-text)}.opname-head{grid-template-columns:minmax(180px,220px) 1fr;gap:16px;margin-bottom:18px;display:grid}@media (max-width:620px){.opname-head{grid-template-columns:1fr}}.opname-inp{text-align:right;font-variant-numeric:tabular-nums;width:108px}.opname-inp.lebar{width:150px}.opname-inp[readonly],.inp[readonly]{background:var(--bg-inset);color:var(--muted)}.opname-inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);outline:none}.periode-bar{margin-bottom:16px;padding:16px 18px}.periode-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.periode-form .field{min-width:148px}.periode-form .btn{flex:none}.periode-ket{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0;display:flex}@media (max-width:560px){.periode-form .field{flex:100%}.periode-form .btn{width:100%}}.stack{gap:16px;display:grid}.pager{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.pager .info{color:var(--muted);font-size:12.5px}.pager .pages{align-items:center;gap:6px;margin-left:auto;display:flex}.pg{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r-xs);min-width:34px;height:34px;transition:border-color var(--dur-fast), color var(--dur-fast), background var(--dur-fast);padding:0 9px;font-size:13px;font-weight:600}.pg:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text)}.pg.on{background:var(--btn);color:#fff;border-color:var(--btn)}.pg:disabled{opacity:.4;cursor:not-allowed}.pg.dots{cursor:default;min-width:auto;color:var(--muted);background:0 0;border:0}.page-size{color:var(--muted);align-items:center;gap:7px;font-size:12.5px;display:flex}.page-size select{border:1px solid var(--line);border-radius:var(--r-xs);background:var(--card);padding:5px 8px;font-size:12.5px}.overlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overscroll-behavior:contain;animation:fade-in var(--dur-fast) ease;background:#211e3380;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:580px;box-shadow:var(--shadow-pop);animation:.18s modal-pop}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}}.modal-head{border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:12px;padding:18px 22px;display:flex}.modal-head h3{margin:0 0 3px;font-size:18px}.modal-head .sub{color:var(--muted);font-size:12.5px}.modal-close{background:var(--bg-inset);border-radius:var(--r-xs);width:32px;height:32px;color:var(--muted);border:0;flex:none;margin-left:auto;font-size:17px;line-height:1}.modal-close:hover{background:var(--line);color:var(--ink)}.modal-body{padding:20px 22px}.detail-grid{grid-template-columns:1fr 1fr;gap:14px 20px;margin-bottom:18px;display:grid}.detail-grid .dk{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:10.5px;font-weight:600}.detail-grid .dv{margin-top:3px;font-size:14.5px;font-weight:600}.pay-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.pay-summary .ps{background:var(--bg-inset);border:1px solid var(--line-soft);border-radius:var(--r-sm);padding:12px}.pay-summary .pk{color:var(--muted);font-size:10.5px;font-weight:600}.pay-summary .pv{font-variant-numeric:tabular-nums;margin-top:4px;font-size:18px;font-weight:800}.pay-summary .ps.sisa{background:var(--bad-weak);border-color:color-mix(in srgb, var(--bad) 22%, transparent)}.pay-summary .ps.sisa .pv{color:var(--bad)}.pay-summary .ps.sisa.zero{background:var(--good-weak);border-color:color-mix(in srgb, var(--good) 22%, transparent)}.pay-summary .ps.sisa.zero .pv{color:var(--good)}.sec-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:700}.pay-list{border:1px solid var(--line-soft);border-radius:var(--r-sm);margin:0 0 16px;padding:0;list-style:none;overflow:hidden}.pay-list li{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:10px 13px;font-size:13.5px;display:flex}.pay-list li:last-child{border-bottom:0}.pay-list .pi-date{color:var(--muted);font-size:12.5px}.pay-list .pi-amt{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.pay-none{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r-sm);margin-bottom:16px;padding:16px;font-size:13px}.addpay{background:var(--bg-inset);border:1px solid var(--line-soft);border-radius:var(--r-md);flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px;display:flex}.addpay .field{flex:130px;gap:5px;min-width:0}.addpay .field label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:10.5px}@media (max-width:640px){.detail-grid,.pay-summary{grid-template-columns:1fr 1fr}.filters .reset{margin-left:0}.filters .field{flex:140px}.picker-trigger.compact{min-width:0}}.dash-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.hello-t{letter-spacing:-.02em;font-size:20px;font-weight:800}.hello-s{color:var(--muted);margin-top:2px;font-size:12.5px}.dash-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ico-btn{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--ink);transition:border-color var(--dur-fast), background var(--dur-fast);border-radius:11px;place-items:center;display:grid;position:relative}.ico-btn svg{width:19px;height:19px}.ico-btn:hover,.ico-btn[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.dot-red{background:var(--bad);color:#fff;border:1.5px solid var(--card);border-radius:999px;place-items:center;min-width:15px;height:15px;padding:0 4px;font-size:9.5px;font-weight:800;display:grid;position:absolute;top:8px;right:9px}.profile{background:var(--card);border:1px solid var(--line);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);border-radius:11px;align-items:center;gap:9px;padding:5px 11px 5px 6px;display:flex}.profile:hover,.profile[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.avatar{background:var(--yolk);color:#fff;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:grid}.p-tt{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.p-n{font-size:13px;font-weight:700}.p-r{color:var(--muted);font-size:11px}.dd-caret.sm{margin-left:2px}.acct-head{border-bottom:1px solid var(--line);padding:13px 15px}.acct-head .p-n{font-size:14px;display:block}.acct-head .p-r{font-size:12px}.acct-foot{padding:10px 12px}.acct-foot .btn{width:100%}.dd-empty{text-align:center;color:var(--muted);padding:22px 15px;font-size:12.5px}.dd-list a.dd-item{color:var(--ink);text-decoration:none}.dd-list a.dd-item:hover{text-decoration:none}.ov-pill.as-btn{cursor:pointer;font:inherit;color:#fff}.ov-pill.as-btn:hover{background:#ffffff3d}.ov-caret{opacity:.85;margin-left:3px;font-size:9px}.ov-detail{z-index:1;animation:dd-pop var(--dur-fast) ease;background:#ffffff24;border:1px solid #fff3;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px 10px;margin-top:12px;padding:6px 8px;display:grid;position:relative}.ov-detail-row{border-radius:9px;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 8px;display:flex}.ov-detail-row span{opacity:.9;font-size:12px}.ov-detail-row b{font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:800}.ov-detail-row.total{background:#ffffff29}.ov-detail-row.total span{opacity:1;font-weight:700}.segp{background:var(--card);border:1px solid var(--line);border-radius:11px;gap:2px;padding:4px;display:flex}.segp a,.segp button{border-radius:var(--r-xs);color:var(--muted);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;padding:7px 13px;font-size:12.5px;font-weight:600;text-decoration:none}.segp a:hover,.segp button:hover{color:var(--ink);text-decoration:none}.segp a.on,.segp button.on{background:var(--btn);color:#fff}.overview{color:#fff;background:linear-gradient(120deg,#6d5af0 0%,#8b6ff6 45%,#b9a6ff 100%);border-radius:20px;margin-bottom:16px;padding:20px 22px;position:relative;overflow:hidden}.overview:after{content:"";background:#ffffff24;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-60px}.ov-head{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex;position:relative}.ov-t{font-size:17px;font-weight:800}.ov-s{opacity:.85;margin-top:2px;font-size:12.5px}.ov-chip{white-space:nowrap;background:#fff3;border-radius:9px;padding:6px 11px;font-size:12px;font-weight:600}.ov-stats{z-index:1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid;position:relative}.ov-pill{text-align:left;background:#ffffff29;border:1px solid #ffffff2e;border-radius:14px;padding:13px 14px}.ov-pill-v{letter-spacing:-.02em;font-size:17px;font-weight:800}.ov-pill-l{opacity:.85;margin-top:3px;font-size:11.5px}.ov-delta{opacity:1;background:#fff;border-radius:999px;align-items:center;gap:3px;margin-left:2px;padding:1px 7px;font-size:10.5px;font-weight:800;display:inline-flex}.rowA,.rowB,.rowC{gap:16px;margin-bottom:16px;display:grid}.rowA{grid-template-columns:1.35fr 1fr}.rowB,.rowC{grid-template-columns:1.3fr 1fr}.statgrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card-hd{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.card-hd h3{margin:0;font-size:15px;font-weight:800}.card-hd .card-sub{margin:2px 0 0}.mini-legend{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:11.5px;font-weight:600;display:flex}.mini-legend span{align-items:center;gap:5px;display:flex}.mini-legend i{border-radius:3px;width:9px;height:9px}.stat{flex-direction:column;justify-content:space-between;padding:16px 17px;display:flex}.stat-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-v{letter-spacing:-.03em;font-size:20px;font-weight:800}.stat-l{margin-top:6px;font-size:13px;font-weight:600}.stat-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.stat-sub{color:var(--muted);font-size:11px}.delta{white-space:nowrap;font-size:11.5px;font-weight:700}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.arrowbtn{background:var(--good-weak);width:30px;height:30px;color:var(--good);transition:background var(--dur-fast), color var(--dur-fast);border:0;border-radius:50%;flex:0 0 30px;place-items:center;font-size:15px;font-weight:700;text-decoration:none;display:grid}.arrowbtn:hover{background:var(--good);color:#fff;text-decoration:none}.donut-wrap{align-items:center;gap:6px;display:flex}.donut{width:52%;min-width:0;position:relative}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-num{letter-spacing:-.03em;font-size:19px;font-weight:800}.donut-lbl{color:var(--muted);font-size:11px}.legend{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.leg{text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:13px 1fr auto;align-items:center;column-gap:8px;padding:6px 9px;display:grid}.leg-dot{border-radius:3px;grid-row:span 2;width:11px;height:11px}.leg-name{font-size:12.5px;font-weight:600}.leg-val{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:800}.leg-margin{color:var(--muted);grid-column:2/4;font-size:10.5px}.pl{flex-direction:column;gap:8px;margin-top:6px;display:flex}.pl-row{grid-template-columns:minmax(90px,128px) 1fr 74px;align-items:center;gap:10px;display:grid}.pl-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.pl-track{background:var(--bg-inset);border-radius:999px;height:8px;overflow:hidden}.pl-bar{border-radius:999px;height:100%}.pl-val{text-align:right;font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:800}.pl-sum{border-top:1px dashed var(--line);flex-direction:column;gap:6px;margin-top:6px;padding-top:11px;display:flex}.pl-sum>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.pl-sum span{color:var(--muted);font-size:12.5px;font-weight:600}.pl-sum b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.pl-sum em{color:var(--muted);font-size:11px;font-style:normal;font-weight:600}.pl-sum .net b{font-size:17px}.gtbl{flex-direction:column;margin-top:4px;display:flex}.gtr{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(140px,1fr) 88px 52px 84px 64px;align-items:center;gap:6px;padding:9px 4px;font-size:12.5px;display:grid}.gtr:last-child{border-bottom:0}.gth{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1.5px solid var(--line);font-size:10.5px;font-weight:700}.gtbl.ringkas .gtr{grid-template-columns:1fr 88px 56px 68px}.ta-r{text-align:right}.cust{align-items:center;gap:9px;min-width:0;display:flex}.cust-dot{border-radius:3px;flex:none;width:9px;height:9px}.cust-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.cust-cat{color:var(--muted);font-size:10.5px}.tip{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-pop);padding:9px 11px;font-size:12px}.tip-label{margin-bottom:5px;font-weight:700}.tip-row{align-items:center;gap:7px;padding:1px 0;display:flex}.tip-dot{border-radius:3px;flex:none;width:9px;height:9px}.tip-name{color:var(--muted)}.tip-val{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.dd-wrap{position:relative}.dd-trigger{background:var(--card);border:1px solid var(--line);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);border-radius:11px;align-items:center;gap:9px;padding:6px 11px;display:flex}.dd-trigger:hover,.dd-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.dd-tt{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.dd-lbl{color:var(--muted);font-size:10.5px;font-weight:600}.dd-amt{font-size:13.5px;font-weight:800}.dd-badge{background:var(--bad);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:800;display:grid}.dd-caret{color:var(--muted);font-size:9px}.dd-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);width:min(340px,100vw - 40px);box-shadow:var(--shadow-pop);z-index:40;animation:dd-pop var(--dur-fast) ease;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dd-pop{0%{opacity:0;transform:translateY(-6px)}}.dd-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;padding:13px 15px;display:flex}.dd-head>span:first-child{font-size:13.5px;font-weight:800}.dd-head-sub{color:var(--muted);font-size:11px}.dd-list{max-height:296px;overflow-y:auto}.dd-item{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:10px 15px;display:flex}.dd-item:last-child{border-bottom:0}.dd-dot{border-radius:3px;flex:none;width:9px;height:9px}.dd-info{flex:1;min-width:0}.dd-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.dd-cat{color:var(--muted);font-size:11px}.dd-right{text-align:right;flex:none}.dd-money{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800;display:block}.dd-pill{white-space:nowrap;border-radius:999px;margin-top:2px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.dd-foot{background:var(--bg-inset);justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;font-size:13px;display:flex}.dd-foot span{color:var(--muted);font-weight:600}.dd-foot b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}@media (max-width:1080px){.rowA,.rowB,.rowC{grid-template-columns:1fr}.donut-wrap{flex-direction:column}.donut{width:100%}}@media (max-width:560px){.statgrid{grid-template-columns:1fr}.gtr{grid-template-columns:minmax(110px,1fr) 76px 62px}.gtr>:nth-child(4),.gtr>:nth-child(5){display:none}}.doc{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);max-width:640px;box-shadow:var(--shadow);padding:28px 32px}.doc-head{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.doc-head .co{align-items:center;gap:10px;display:flex}.doc-head .co img{width:auto;height:52px}.doc-title{letter-spacing:.02em;color:var(--accent-text);font-size:19px;font-weight:800}.doc-no{color:var(--muted);text-align:right;font-size:12.5px}.doc table{font-size:13px}.doc table th{background:0 0}.doc-foot{color:var(--muted);justify-content:space-between;margin-top:26px;font-size:12.5px;display:flex}.sign{text-align:center;width:130px}.sign .line{border-top:1px solid var(--line);margin-top:44px;padding-top:4px}.alert.warn{background:var(--warn-weak);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 24%, transparent)}.tempel-area{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);width:100%;color:var(--ink);resize:vertical;min-height:132px;transition:border-color var(--dur-fast);padding:11px 12px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:14px;line-height:1.7}.tempel-area:hover{border-color:var(--muted)}.tempel-area:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);outline:none}.tempel-area::placeholder{color:var(--muted);opacity:.75}.tempel-bantu{border-radius:var(--r-sm);background:var(--line-soft);margin-top:10px;padding:11px 13px;font-size:13px}.tempel-bantu code{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12.5px}.tempel-gagal{margin:6px 0 0;padding-left:18px;font-size:13px}.tempel-gagal code{font-family:ui-monospace,Consolas,monospace;font-size:12.5px}.tempel-tbl td{vertical-align:top;padding:12px}.tempel-tbl input[type=number],.tempel-tbl .tempel-nama{border:1px solid var(--line);border-radius:var(--r-xs);background:var(--card);width:100%;color:var(--ink);font-variant-numeric:tabular-nums;padding:7px 9px;font-size:13.5px}.tempel-tbl input[type=number]:focus,.tempel-tbl .tempel-nama:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);outline:none}.tempel-nama{margin-top:6px;font-variant-numeric:normal!important}.tempel-tbl .tno-sel{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:15px}.tempel-tbl .baris-cacat,.tempel-tbl .baris-cacat:hover{background:var(--bad-weak)}.tempel-tanda{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.tempel-catatan{color:var(--warn);margin:7px 0 0;padding-left:16px;font-size:12px;line-height:1.5}.tempel-mentah{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin-top:7px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;overflow:hidden}.btn.mini{padding:5px 9px;font-size:13px;line-height:1}@media (max-width:860px){.tempel-tbl{min-width:720px}}@media print{body{background:#fff}.sidebar,.topbar,.dash-top,.no-print{display:none!important}main.content{padding:0}.doc{box-shadow:none;border:none;max-width:100%}:root{--bg:#fff;--card:#fff;--ink:#101820;--muted:#5b6670;--line:#dde3e8;--line-soft:#eef1f4;--accent:#0073e6;--accent-text:#0060c4}}@media (max-width:860px){body{font-size:15px}.shell{flex-direction:column}aside.sidebar{z-index:20;border-right:none;border-bottom:1px solid var(--line);flex-direction:row;flex:none;align-items:center;gap:4px;width:100%;height:auto;padding:10px 12px;position:sticky;top:0;overflow-x:auto}.brand{padding:0 8px 0 0}.brand span{display:none}.brand-logo{height:34px}.nav-label,.side-card{display:none}.nav-btn{white-space:nowrap;width:auto;padding:8px 11px}main.content{padding:18px 16px 48px}}