:root{--bg:#f6f7f9;--surface:#fff;--text:#1a1d21;--muted:#5f6b7a;--border:#dde1e6;--accent:#1f5fbf;--in:#1e8e3e;--out:#d93025;--warn-bg:#fff4d6;--warn-text:#8a5a00;--radius:12px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input,button,select,textarea{font:inherit;min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;box-sizing:border-box;font-size:16px}label{gap:var(--s1);flex-direction:column;display:flex}table{border-collapse:collapse;width:100%}td,th{padding:var(--s2);border-bottom:1px solid var(--border)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.row-judul td{font-weight:700}.row-jumlah td{border-top:1px solid;font-weight:600}.page{box-sizing:border-box;width:100%;min-width:0;padding:var(--s4) var(--s4) 9rem;gap:var(--s3);flex-direction:column;max-width:40rem;margin:0 auto;display:flex}.page .page{max-width:none;margin:0;padding:0}@media (width>=64rem){.page.page-wide{max-width:64rem}}.btn{justify-content:center;align-items:center;gap:var(--s2);cursor:pointer;display:inline-flex}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-danger{background:var(--out);border-color:var(--out);color:#fff}.btn-block{width:100%}button:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4)}.chip{align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s3);border:1px solid var(--border);background:var(--surface);border-radius:999px;display:inline-flex}.chip button{background:0 0;border:0;min-height:32px}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.badge{align-items:center;gap:var(--s1);padding:0 var(--s2);border-radius:999px;font-size:.8rem;display:inline-flex}.badge-wait{background:var(--border);color:var(--text)}.badge-bad{color:#a1241a;background:#fde7e5}.badge-warn{background:var(--warn-bg);color:var(--warn-text)}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.money-in{color:var(--in)}.money-out{color:var(--out)}.muted{color:var(--muted)}.warn-box{background:var(--warn-bg);color:var(--warn-text);border-radius:var(--radius);padding:var(--s3)}.field{gap:var(--s1);flex-direction:column;display:flex}.field-error{color:var(--out);margin:0;font-size:.9rem}.sticky-actions{inset:auto 0 calc(3.5rem + env(safe-area-inset-bottom)) 0;padding:var(--s3) var(--s4);background:var(--surface);border-top:1px solid var(--border);gap:var(--s2);flex-wrap:wrap;display:flex;position:fixed}.sticky-actions>.warn-box{gap:var(--s2);flex-wrap:wrap;flex:100%;display:flex}.sticky-actions>.warn-box p{flex:100%;margin:0}.sticky-actions>.btn-block{flex:100%}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-row{align-items:center;gap:var(--s3);min-width:0;min-height:44px;padding:var(--s3) 0;border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;border-radius:0;list-style:none;display:flex}.list-row>a{align-items:center;gap:var(--s1) var(--s3);min-width:0;color:inherit;flex-wrap:wrap;flex:1;text-decoration:none;display:flex}.list-row .row-title{text-overflow:ellipsis;white-space:nowrap;flex:100%;overflow:hidden}.list-row .row-title.clamp-2{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.parts>span{white-space:nowrap}button.list-row[aria-pressed=true]{color:var(--accent);font-weight:600}.date-heading{margin:var(--s4) 0 var(--s1);color:var(--muted);font-size:.9rem;font-weight:600}.segmented{gap:var(--s1);padding:var(--s1);background:var(--border);border-radius:var(--radius);display:flex}.segmented button{background:0 0;border:0;flex:1}.segmented button[aria-pressed=true]{background:var(--accent);color:#fff;font-weight:600}.segmented button[aria-pressed=true][data-tone=in]{background:var(--in)}.segmented button[aria-pressed=true][data-tone=out]{background:var(--out)}.sheet{border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);width:100%;max-width:40rem;max-height:85vh;color:var(--text);border:0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0}.sheet::backdrop{background:#0006}.sheet-body{flex-direction:column;max-height:85vh;display:flex}.sheet-head{padding:var(--s3) var(--s4);justify-content:space-between;align-items:center;display:flex}.sheet-head h2{margin:0;font-size:1.1rem}.sheet-content{padding:0 var(--s4) var(--s4);gap:var(--s3);flex-direction:column;display:flex;overflow-y:auto}.sheet-foot{padding:var(--s3) var(--s4);border-top:1px solid var(--border)}.toast{inset:auto var(--s4) calc(8rem + env(safe-area-inset-bottom)) var(--s4);pointer-events:none;position:fixed}.toast:not(:empty){pointer-events:auto;justify-content:space-between;align-items:center;gap:var(--s3);background:var(--text);color:#fff;padding:var(--s3) var(--s4);border-radius:var(--radius);display:flex}.toast button{color:#fff;background:0 0;border-color:#fff6}.top{padding:var(--s2) var(--s4);justify-content:space-between;display:flex}.bottom{padding:var(--s1) 0 env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.bottom a{min-height:44px;padding:var(--s1);color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:.8rem;text-decoration:none;display:flex}.bottom a.active{color:var(--accent);font-weight:700}.top{align-items:center;gap:var(--s2)}.top h1{flex:1;margin:0;font-size:1.1rem}.bottom a{position:relative}.bottom a .badge{justify-content:center;min-width:1.2rem;position:absolute;top:0;left:calc(50% + 6px)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chips{gap:var(--s2);flex-wrap:wrap;display:flex}.amount{align-items:center;gap:var(--s2);display:flex}.amount input{flex:1;width:100%;min-width:0;font-size:2rem}.thumb{border-radius:var(--radius);max-width:8rem}details>summary{cursor:pointer;align-items:center;min-height:44px;display:flex}fieldset.plain{gap:var(--s3);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.filter-bar{align-items:flex-end;gap:var(--s3);margin:var(--s3) 0;display:flex}.filter-bar .field{flex:1}.row{justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.page>.card{margin-bottom:var(--s3);gap:var(--s2);grid-template-columns:minmax(0,1fr);display:grid}.card-title{margin:0;font-size:1.1rem}.page>.card>p{margin:0}.card-head{align-items:center;gap:var(--s3);display:flex}.card-head input[type=checkbox]{width:1.5rem;height:1.5rem;min-height:0;padding:0}.sheet-sub{color:var(--muted);margin:0;font-size:.9rem}input[type=search]{width:100%}.table-scroll{max-width:100%;overflow-x:auto}.choice{align-items:center;gap:var(--s2);flex-direction:row}.choice input{flex:none;width:1.25rem;height:1.25rem;min-height:0;padding:0}.kpi-grid{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.kpi-grid .card p{margin:var(--s1) 0 0}.kpi-value{font-size:1.25rem}.list-row>a.saldo{justify-content:space-between}.bulan{padding:var(--s3) 0;border-bottom:1px solid var(--border);list-style:none}.bulan p{margin:var(--s1) 0 0}.bars{gap:var(--s1);margin-top:var(--s2);flex-direction:column;display:flex}.bar-row{align-items:center;gap:var(--s2);display:flex}.bar-row>span{white-space:nowrap;font-size:.9rem}.bar-row>.bar-label{flex:none;width:4.5rem}.bar-row>.money{margin-left:auto}.bar-track{flex:1;min-width:0}.bar{border-radius:4px;height:8px}