:root{--paper:#f5f7fa;--surface:#ffffff;--surface-2:#eef2f7;--surface-3:#e4eaf2;--ink:#0f172a;--ink-2:#475569;--ink-3:#5f6e83;--rule:#e3e8ef;--rule-strong:#cbd5e1;--accent:#1857c4;--accent-ink:#ffffff;--accent-soft:#e8effc;--accent-line:#b8ccf3;--brand:oklch(72% 0.132 62);--brand-terang:oklch(84.6% 0.102 79);--brand-deep:oklch(52% 0.106 55);--brand-soft:oklch(96% 0.024 78);--brand-line:oklch(86% 0.062 70);--ok:#0f7a4a;--ok-soft:#e2f4ec;--ok-line:#a8ddc4;--warn:#9a5b00;--warn-soft:#fdf1dd;--warn-line:#eccb92;--crit:#c0322b;--crit-soft:#fceceb;--crit-line:#f0b5b1;--idle:#64748b;--idle-soft:#eef2f7;--idle-line:#cbd5e1;--focus:#1857c4;--shadow-sm:0 1px 2px rgb(15 23 42/.05);--shadow:0 1px 3px rgb(15 23 42/.07),0 1px 2px rgb(15 23 42/.04);--shadow-lg:0 8px 24px rgb(15 23 42/.10),0 2px 6px rgb(15 23 42/.05);--font-ui:"Fira Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Fira Code",ui-monospace,"SF Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-md:0.9375rem;--text-lg:1.0625rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.375rem;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:36px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--dur-fast:130ms;--dur-mid:200ms;--ease:cubic-bezier(.2,.7,.3,1);--rail:232px;--unit:#1857c4;--unit-soft:#e8effc;--unit-band:#dfe9fb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0b1120;--surface:#131b2c;--surface-2:#1b2537;--surface-3:#243044;--ink:#e8edf5;--ink-2:#a9b6c9;--ink-3:#8494ab;--rule:#253046;--rule-strong:#35435d;--accent:#7ba7f5;--accent-ink:#0a1120;--accent-soft:#1b2947;--accent-line:#2f4573;--brand:oklch(78% 0.118 66);--brand-deep:oklch(88% 0.086 72);--brand-soft:oklch(26% 0.038 62);--brand-line:oklch(38% 0.058 64);--ok:#63c69a;--ok-soft:#12281f;--ok-line:#23503c;--warn:#e0b169;--warn-soft:#2a2114;--warn-line:#53411f;--crit:#ef938c;--crit-soft:#2e1a19;--crit-line:#5a2f2c;--idle:#8494ab;--idle-soft:#1b2537;--idle-line:#35435d;--focus:#7ba7f5;--shadow-sm:0 1px 2px rgb(0 0 0/.35);--shadow:0 1px 3px rgb(0 0 0/.45),0 1px 2px rgb(0 0 0/.3);--shadow-lg:0 10px 28px rgb(0 0 0/.55),0 2px 8px rgb(0 0 0/.35);--unit:#7ba7f5;--unit-soft:#1b2947;--unit-band:#16223a}}*{box-sizing:border-box}body,html{overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.011em;text-wrap:balance;overflow-wrap:anywhere}p{margin:0}a{text-decoration:none}a,button{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum";letter-spacing:-.01em}.right{text-align:right}.nowrap{white-space:nowrap}.redup{color:var(--ink-3)}.kecil{font-size:var(--text-xs)}.tautan{color:var(--accent);text-decoration:none}.tautan:hover{text-decoration:underline;text-underline-offset:2px}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent);color:var(--accent-ink);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.skip:focus{left:var(--space-sm);top:var(--space-sm)}.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:100dvh}.rail{background:var(--surface);border-right:1px solid var(--rule);display:flex;flex-direction:column;min-width:0;position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow-y:auto}.rail__brand{display:flex;gap:var(--space-sm);align-items:center;padding:var(--space-lg) var(--space-lg) var(--space-md)}.rail__logo{flex:none;object-fit:contain}.rail__mark{display:block;font-size:var(--text-md);font-weight:700;letter-spacing:.01em;line-height:1.1}.rail__sub{display:block;font-size:var(--text-xs);color:var(--ink-3);letter-spacing:.07em;text-transform:uppercase}.rail__nav{padding:var(--space-sm) var(--space-sm) var(--space-lg);gap:var(--space-md)}.navgrup,.rail__nav{display:flex;flex-direction:column}.navgrup{gap:2px}.navgrup__k{font-size:10.5px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-md) var(--space-xs)}.navitem__t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navitem{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--ink-2);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.navitem svg{flex:none;opacity:.78}.navitem:hover{background:var(--surface-2);color:var(--ink)}.navitem:hover svg{opacity:1}.navitem[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.navitem[aria-current=page] svg{opacity:1}.navitem__count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:var(--crit-soft);color:var(--crit);padding:1px var(--space-sm);border-radius:999px;line-height:1.5}.rail__foot{margin-top:auto;display:flex;gap:var(--space-sm);align-items:center;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--rule);color:var(--ink-2)}.avatar,.rail__foot{font-size:var(--text-xs)}.avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-lg) var(--space-xl);background:var(--surface);border-bottom:1px solid var(--rule);position:-webkit-sticky;position:sticky;top:0;z-index:9}.topbar h1{font-size:var(--text-xl);line-height:1.2;letter-spacing:-.02em}.topbar__meta{font-size:var(--text-sm);color:var(--ink-3)}.topbar__spacer{flex:1 1 auto}.isi{padding:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);color:var(--ink);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;min-height:38px;box-shadow:var(--shadow-sm);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:hover{background:var(--surface-2);border-color:var(--ink-3)}.btn:active{transform:translateY(1px);box-shadow:none}.btn[aria-disabled=true],.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}.btn[aria-disabled=true]:hover,.btn[disabled]:hover{background:var(--surface);border-color:var(--rule-strong)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:var(--shadow)}.btn--primary:hover{background:color-mix(in oklab,var(--accent) 88%,black);border-color:color-mix(in oklab,var(--accent) 88%,black)}.btn--bahaya{color:var(--crit);border-color:var(--crit-line)}.btn--bahaya:hover{background:var(--crit-soft);border-color:var(--crit)}.btn--sm{padding:var(--space-xs) var(--space-sm);min-height:32px}.btn--sm,.status{font-size:var(--text-xs)}.status{display:inline-flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap;padding:2px var(--space-sm);border-radius:999px;border:1px solid transparent}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.status--ok{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-line)}.status--warn{color:var(--warn);background:var(--warn-soft);border-color:var(--warn-line)}.status--crit{color:var(--crit);background:var(--crit-soft);border-color:var(--crit-line);font-weight:600}.status--idle{color:var(--ink-3);background:var(--idle-soft);border-color:var(--idle-line)}.unittag{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);border:1px solid var(--rule-strong);border-radius:999px;padding:1px var(--space-sm);color:var(--ink-2);white-space:nowrap}.unittag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--unit)}.kartu{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.kartu+.kartu{margin-top:var(--space-lg)}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-gap:var(--space-xl);gap:var(--space-xl)}.panel{min-width:0}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--rule-strong)}.panel__title{font-size:var(--text-sm);font-weight:600;letter-spacing:.01em}.panel__note{font-size:var(--text-xs);color:var(--ink-3)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}.tile{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--space-lg);min-width:0;box-shadow:var(--shadow-sm)}.tile__k{font-size:var(--text-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.tile__v{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:600;line-height:1.05;margin-top:var(--space-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.03em}.tile__v--crit{color:var(--crit)}.tile__v--sm{font-size:var(--text-xl)}.tile__foot{font-size:var(--text-xs);color:var(--ink-3);margin-top:var(--space-xs)}.factgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.fact{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);min-width:0}.fact__k{font-size:var(--text-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.fact__v{font-size:var(--text-md);font-weight:600;margin-top:2px;overflow-wrap:anywhere}.berhasil,.galat,.peringatan{font-size:var(--text-sm);line-height:1.6;border-radius:var(--radius);padding:var(--space-md);margin-bottom:var(--space-lg);border:1px solid}.galat{color:var(--crit);background:var(--crit-soft);border-color:var(--crit-line)}.berhasil{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-line)}.peringatan{color:var(--ink-2);background:var(--warn-soft);border-color:var(--warn-line)}.peringatan strong{color:var(--warn)}.galat-teks{color:var(--crit);font-weight:500}.kosong{padding:var(--space-2xl) var(--space-lg);text-align:center;border:1px dashed var(--rule-strong);border-radius:var(--radius);color:var(--ink-3);font-size:var(--text-sm);background:var(--surface)}.zonabahaya{border:1px solid var(--crit-line);border-radius:var(--radius);background:var(--crit-soft);padding:var(--space-lg)}.zonabahaya .panel__title{color:var(--crit)}.tablewrap{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th{text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);border-bottom:1px solid var(--rule-strong);white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:1}td,th{padding:var(--space-md) var(--space-lg)}td{border-bottom:1px solid var(--rule);vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background var(--dur-fast) var(--ease)}tbody tr:hover td{background:var(--surface-2)}td.right,th.right{text-align:right}.field{display:grid;grid-gap:5px;gap:5px;margin-bottom:var(--space-lg);min-width:0;align-content:start}.field label{font-size:var(--text-sm);color:var(--ink);font-weight:600;letter-spacing:0;line-height:1.35}.field__legend{font-size:var(--text-xs);color:var(--ink-2);font-weight:600;padding:0;margin-bottom:var(--space-xs)}.field input,.field select,.field textarea{font:inherit;font-size:var(--text-sm);color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);min-height:40px;width:100%;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink-3)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field select{cursor:pointer}.field__bantuan{font-size:var(--text-xs);color:var(--ink-3);line-height:1.5}.form2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));grid-gap:0 var(--space-xl);gap:0 var(--space-xl)}.form2>.field{margin-bottom:var(--space-lg)}.kartu--form{max-width:58rem}.grup{border:0;margin:0 0 var(--space-lg);padding:0}.grup+.grup{border-top:1px solid var(--rule);padding-top:var(--space-lg)}.grup__k{font-size:var(--text-xs);font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;padding:0;margin-bottom:var(--space-md);display:block}.form__lebar{grid-column:1/-1}.form__aksi{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap;margin-top:var(--space-sm)}.turunan{grid-column:1/-1;border:1px solid var(--accent-line);border-left-width:3px;background:var(--accent-soft);padding:var(--space-md) var(--space-lg) 2px;border-radius:var(--radius-sm);margin-bottom:var(--space-lg)}.turunan__k{font-size:var(--text-xs);color:var(--accent);font-weight:600;margin-bottom:var(--space-sm)}.turunan .field{margin-bottom:var(--space-md)}@media (prefers-reduced-motion:no-preference){.turunan{animation:turun var(--dur-mid) var(--ease)}@keyframes turun{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}}.sandi{position:relative;display:flex}.sandi input{padding-right:44px}.sandi__lihat{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;color:var(--ink-3);padding:var(--space-sm);display:grid;place-items:center;border-radius:var(--radius-sm)}.sandi__lihat:hover{color:var(--ink);background:var(--surface-2)}.filterbar{display:flex;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.filterbar__f{margin-bottom:0}.filterbar__f input,.filterbar__f select{min-width:160px}.fclear{font-size:var(--text-xs);color:var(--ink-3);text-decoration:underline}.fclear:hover{color:var(--crit)}.fchips{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-lg)}.fchip,.fchips{align-items:center}.fchip{font-size:var(--text-xs);font-weight:500;border:1px solid var(--rule-strong);border-radius:999px;padding:var(--space-xs) var(--space-md);color:var(--ink-2);background:var(--surface);cursor:pointer;min-height:30px;display:inline-flex;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.fchip:hover{background:var(--surface-2);color:var(--ink);border-color:var(--ink-3)}.fchip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.tabs{display:flex;gap:var(--space-xs);overflow-x:auto;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--space-xs);margin-bottom:var(--space-xl);scrollbar-width:none;box-shadow:var(--shadow-sm)}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--ink-2);white-space:nowrap;border:0;background:none;cursor:pointer;border-radius:var(--radius-sm);min-height:36px;display:inline-flex;align-items:center;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.tab:hover{background:var(--surface-2);color:var(--ink)}.tab[aria-current=page]{background:var(--accent);color:var(--accent-ink);font-weight:600}.tab__n{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.7;margin-left:6px}.baris{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-sm) var(--space-lg);gap:var(--space-sm) var(--space-lg);align-items:baseline;padding:var(--space-md) 0;border-bottom:1px solid var(--rule)}.baris:last-child{border-bottom:0}.baris__utama{min-width:0}.baris__judul{font-size:var(--text-sm);font-weight:600;line-height:1.35;overflow-wrap:anywhere}.baris__meta{font-size:var(--text-xs);color:var(--ink-3);margin-top:2px;overflow-wrap:anywhere}.baris__angka{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--text-sm);text-align:right;white-space:nowrap}.baris__satuan{color:var(--ink-3);font-size:var(--text-xs)}.saldo--kritis{color:var(--crit);font-weight:600}.saldo--aman{color:var(--ink)}.bars{display:flex;flex-direction:column;gap:var(--space-sm)}.bar{display:grid;grid-template-columns:minmax(92px,140px) minmax(0,1fr) 44px;grid-gap:var(--space-md);gap:var(--space-md);align-items:center;font-size:var(--text-xs)}.bar__k{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar__track{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.bar__fill{background:var(--accent);height:100%;border-radius:999px;min-width:3px;display:block}.bar__fill--crit{background:var(--crit)}.bar__v{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.bar__v,.ringkas{color:var(--ink-2)}.ringkas{font-size:var(--text-md);margin-bottom:var(--space-lg);line-height:1.75}.ringkas strong{color:var(--ink);font-weight:600}.ringkas__p{color:var(--ink-3);margin:0 var(--space-sm)}.sisa{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:var(--space-md);color:var(--ink-2)}.sisa b{color:var(--ink);font-weight:600}.crumb{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer;color:var(--ink-3);font-size:var(--text-sm)}.crumb:hover{color:var(--accent)}.mrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:var(--space-md) var(--space-lg);gap:var(--space-md) var(--space-lg);align-items:center;padding:var(--space-md) var(--space-lg);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm)}.mrow--mati{background:var(--surface-2)}.mrow--mati .mrow__angka,.mrow--mati .mrow__judul{color:var(--ink-3)}.mrow__utama{min-width:0}.mrow__judul{font-size:var(--text-sm);font-weight:600;line-height:1.35;overflow-wrap:anywhere}.mrow__meta{font-size:var(--text-xs);color:var(--ink-3);margin-top:2px;overflow-wrap:anywhere}.mrow__angka{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--text-sm);white-space:nowrap}.mrow__aksi{display:flex;gap:var(--space-xs);align-items:center;flex-wrap:wrap}.mrow__aksi form{display:contents}.mrow__isi,.mrow__pesan{grid-column:1/-1;margin-top:var(--space-md)}.mrow__isi{border-top:1px solid var(--rule);padding-top:var(--space-md)}.mrow__pesan{margin-bottom:0}.isi-daftar{display:grid;grid-gap:2px;gap:2px}.isi-baris{display:grid;grid-template-columns:110px minmax(0,1fr) auto;grid-gap:var(--space-md);gap:var(--space-md);align-items:baseline;font-size:var(--text-sm);padding:var(--space-xs) 0}.isi-baris__kode{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}.isi-baris__saldo{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--text-xs);white-space:nowrap;color:var(--ink-2)}.baris-item{display:grid;grid-template-columns:minmax(0,2.4fr) 92px 88px minmax(0,1.2fr) minmax(0,1fr) auto;grid-gap:var(--space-lg);gap:var(--space-lg);align-items:end;padding:var(--space-md) 0;border-bottom:1px solid var(--rule)}@media (max-width:900px){.baris-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-md)}.baris-item>.field:first-child{grid-column:1/-1}.baris-item>.btn{grid-column:1/-1;justify-self:start}}.baris-item .field{margin-bottom:0}.baris-item>.btn{margin-bottom:1px}.terima{display:grid;grid-template-columns:minmax(0,1.6fr) 130px minmax(0,1fr) minmax(0,1fr);grid-gap:var(--space-lg);gap:var(--space-lg);align-items:end;padding:var(--space-md) 0;border-bottom:1px solid var(--rule)}.terima .field{margin-bottom:0}.terima__nama{min-width:0}.terima__kosong{grid-column:3/-1;padding-bottom:var(--space-sm)}.terima__galat{grid-column:1/-1;margin-top:var(--space-xs)}.baris-akun{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.masuk{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);background:var(--paper)}.masuk__sisi{display:none}.masuk__form{display:flex;justify-content:center;padding:var(--space-2xl) var(--space-lg)}.masuk__isi{width:100%;max-width:400px}.masuk__logo-hp{display:block;margin-bottom:var(--space-lg);object-fit:contain}.masuk__judul{font-size:var(--text-2xl);letter-spacing:-.025em}.masuk__ket{color:var(--ink-2);font-size:var(--text-sm);margin:var(--space-sm) 0 var(--space-xl);line-height:1.6}.masuk__form-el{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg)}.masuk__form-el .field input{font-size:16px;min-height:44px}.masuk__tombol{width:100%;min-height:44px;margin-top:var(--space-sm)}.masuk__bantu{font-size:var(--text-xs);color:var(--ink-3);margin-top:var(--space-lg);line-height:1.6}@media (min-width:900px){.masuk{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.masuk__logo-hp{display:none}.masuk__sisi{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-2xl);background:#0b1120;isolation:isolate}.masuk__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;z-index:-2}.masuk__tirai{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgb(6 10 20/.9) 0,rgb(6 10 20/.76) 18%,rgb(6 10 20/.48) 36%,rgb(6 10 20/.76) 52%,rgb(6 10 20/.96))}.masuk__merek{display:flex;gap:var(--space-md);align-items:center}.masuk__logo{flex:none;object-fit:contain}.masuk__mark{display:block;font-size:var(--text-lg);font-weight:700;letter-spacing:.02em;color:#fff;line-height:1.1}.masuk__sub{display:block;font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--brand-terang)}.masuk__isi-sisi{display:flex;flex-direction:column;gap:var(--space-xl)}.masuk__moto{font-size:var(--text-2xl);font-weight:600;line-height:1.25;letter-spacing:-.02em;color:#fff;max-width:20ch;overflow-wrap:anywhere;min-width:0}.masuk__tahap{list-style:none;display:flex;flex-direction:column;margin:0;padding:0}.masuk__tahap li{display:grid;grid-template-columns:96px minmax(0,1fr);grid-gap:var(--space-lg);gap:var(--space-lg);align-items:baseline;padding:var(--space-md) 0;border-bottom:1px solid rgb(255 255 255/.14)}.masuk__tahap li:last-child{border-bottom:0}.masuk__n{font-size:var(--text-xs);color:var(--brand-terang);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.masuk__nama{font-size:var(--text-sm);color:rgb(255 255 255/.82)}.masuk__kaki{font-size:var(--text-xs);color:rgb(255 255 255/.72)}.masuk__ket-hp{display:none}}.akunbar,.tabbar{display:none}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.rail{display:none}.akunbar{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--rule);background:var(--surface);font-size:var(--text-xs);position:-webkit-sticky;position:sticky;top:0;z-index:10}.akunbar__logo{flex:none;object-fit:contain}.akunbar__nama{display:flex;flex-direction:column;min-width:0;line-height:1.3;margin-right:auto;font-weight:600}.akunbar__peran{color:var(--ink-3);font-weight:400}.akunbar .unitpick{display:contents}.akunbar .unitpick__k,.akunbar .unitpick__ket{display:none}.akunbar .unitpick__pilih{width:auto;margin-top:0;flex:none}.topbar{padding:var(--space-md);position:static}.topbar h1{font-size:var(--text-lg)}.isi{padding:var(--space-lg) var(--space-md) 88px}.field input,.field select,.field textarea,.kemas__in,.unitpick__pilih{font-size:16px;min-height:44px}.btn{min-height:42px}.btn--sm,.fchip,.tab{position:relative}.btn--sm:after,.fchip:after,.tab:after{content:"";position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);min-height:44px}th{position:static}.tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0 0;z-index:10;background:var(--surface);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -1px 3px rgb(15 23 42/.06)}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-sm) var(--space-xs);background:none;border:0;cursor:pointer;color:var(--ink-3);font-size:10px;min-height:54px;justify-content:center;font-weight:500}.tabbar__item[aria-current=page]{color:var(--accent);font-weight:700}.tile__v{font-size:var(--text-2xl)}.terima{grid-template-columns:minmax(0,1fr) 120px}.terima__kosong,.terima__nama{grid-column:1/-1}}@media (max-width:720px){.mrow{grid-template-columns:minmax(0,1fr) auto}.mrow__aksi{grid-column:1/-1}.baris-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.baris-item .field:first-child{grid-column:1/-1}.baris-item>.btn{grid-column:1/-1;justify-self:start;margin-bottom:0}}@media (max-width:640px){.kemas__baris{grid-template-columns:78px 92px minmax(0,1fr);gap:var(--space-md)}.kemas__pouch{grid-column:1/-1;justify-self:start}.isi-baris{grid-template-columns:minmax(0,1fr) auto}.isi-baris__kode{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:1ms!important;animation-duration:1ms!important}}.tindakan{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);margin-bottom:var(--space-xl)}.tindak{display:grid;grid-template-columns:4px minmax(0,1fr) auto;grid-gap:var(--space-lg);gap:var(--space-lg);align-items:center;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.tindak:hover{border-color:var(--ink-3);box-shadow:var(--shadow)}.tindak__pita{width:4px;height:100%;min-height:34px;border-radius:999px}.tindak--crit .tindak__pita{background:var(--crit)}.tindak--warn .tindak__pita{background:var(--warn)}.tindak__judul{font-size:var(--text-sm);font-weight:600}.tindak__ket{font-size:var(--text-xs);color:var(--ink-2);margin-top:2px}.aman{display:flex;align-items:center;gap:var(--space-sm);background:var(--ok-soft);border:1px solid var(--ok-line);color:var(--ok);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-xl)}.seksi{margin-top:var(--space-2xl)}.seksi__kepala{margin-bottom:var(--space-lg)}.seksi__t{font-size:var(--text-lg);letter-spacing:-.015em}.seksi__p{font-size:var(--text-sm);color:var(--ink-2);margin-top:var(--space-xs);max-width:68ch;line-height:1.6}@media (max-width:640px){.tindak{grid-template-columns:4px minmax(0,1fr)}.tindak>.btn{grid-column:2;justify-self:start}}@media (max-width:900px){.crumb,.fclear,.grafik__tabel summary{position:relative;display:inline-flex;align-items:center}.crumb:after,.fclear:after,.grafik__tabel summary:after{content:"";position:absolute;top:50%;left:-8px;right:-8px;transform:translateY(-50%);min-height:44px}.sandi__lihat{min-width:44px;min-height:44px}}.langkah{list-style:none;display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);margin:0 0 var(--space-xl);padding:0}.langkah__i{display:grid;grid-template-columns:26px minmax(0,1fr);grid-gap:var(--space-lg);gap:var(--space-lg);align-items:start;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm)}.langkah__n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.langkah__t{font-size:var(--text-sm);font-weight:600}.langkah__k{font-size:var(--text-xs);color:var(--ink-2);margin-top:3px;line-height:1.6;max-width:76ch}.majubar{position:-webkit-sticky;position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:var(--space-lg);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow)}.majubar__isi{flex:1 1 auto;min-width:0}.majubar__t{font-size:var(--text-sm)}.majubar__p{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--ink-2)}.maju{height:6px;background:var(--surface-3);overflow:hidden;margin-top:var(--space-sm)}.maju,.maju__isi{border-radius:999px}.maju__isi{display:block;height:100%;background:var(--accent);transition:width var(--dur-mid) var(--ease)}@media (max-width:900px){.majubar{top:52px}}.hampa{border:1px dashed var(--rule-strong);border-radius:var(--radius);background:var(--surface);padding:var(--space-2xl) var(--space-xl);max-width:62ch}.hampa__t{font-size:var(--text-lg);letter-spacing:-.015em}.hampa__p,.hampa__t{margin-bottom:var(--space-md)}.hampa__p{font-size:var(--text-sm);color:var(--ink-2);line-height:1.7}.hampa .btn{margin-top:var(--space-xs)}.tabbar__n{position:absolute;top:6px;left:50%;margin-left:6px;font-family:var(--font-mono);font-size:9px;font-weight:700;line-height:1;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:2px 5px}.tabbar__item{position:relative}.lembar{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end}.lembar__latar{position:absolute;inset:0;background:rgb(15 23 42/.5);border:0;padding:0}.lembar__isi{position:relative;width:100%;max-height:82dvh;overflow-y:auto;background:var(--surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);padding:var(--space-md) var(--space-sm) calc(var(--space-xl) + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg)}.lembar__kepala{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md) var(--space-md);border-bottom:1px solid var(--rule);margin-bottom:var(--space-md)}.lembar__t{font-size:var(--text-sm);font-weight:700}.lembar .navgrup{margin-bottom:var(--space-lg)}.lembar .navitem{min-height:46px}@media (prefers-reduced-motion:no-preference){.lembar__isi{animation:naik var(--dur-mid) var(--ease)}@keyframes naik{0%{transform:translateY(16px);opacity:.6}to{transform:none;opacity:1}}}.panel__head--merek{display:flex;align-items:center;gap:var(--space-md)}.panel__logo{flex:none;object-fit:contain}.panel__head--merek .panel__note{margin-left:auto}.pil{display:inline-block;padding:2px var(--space-sm);border-radius:999px;font-size:var(--text-xs);font-weight:600;white-space:nowrap;border:1px solid transparent}.pil--draf{background:var(--idle-soft);color:var(--idle);border-color:var(--idle-line)}.pil--jalan{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.pil--tunggu{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-line)}.pil--lunas{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line)}.pil--telat{background:var(--crit-soft);color:var(--crit);border-color:var(--crit-line)}.pil--batal{background:var(--surface-2);color:var(--ink-3);border-color:var(--rule);text-decoration:line-through}.umur{font-size:var(--text-xs);font-weight:600}.umur--aman{color:var(--ink-3)}.umur--dekat{color:var(--warn)}.umur--telat{color:var(--crit)}.aging{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.aging__b{display:grid;grid-template-columns:13ch minmax(0,1fr) auto;grid-gap:var(--space-md);gap:var(--space-md);align-items:center}.aging__k{font-size:var(--text-xs);color:var(--ink-2)}.aging__t{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.aging__f{height:100%;background:var(--accent);border-radius:999px}.aging__f--warn{background:var(--warn)}.aging__f--crit{background:var(--crit)}.aging__v{font-family:var(--font-mono);font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rekap{margin-left:auto;width:min(100%,42ch);display:grid;grid-gap:var(--space-xs);gap:var(--space-xs)}.rekap__b{display:flex;justify-content:space-between;gap:var(--space-lg)}.rekap__b,.rekap__b .num{font-size:var(--text-sm)}.rekap__k{color:var(--ink-2)}.rekap__b--total{border-top:1px solid var(--rule-strong);margin-top:var(--space-xs);padding-top:var(--space-sm);font-weight:700;font-size:var(--text-md)}.rekap__b--total .num{font-size:var(--text-lg)}.rekap__b--tagih{color:var(--ok);font-weight:600}.rekap__ket{font-size:var(--text-xs);color:var(--ink-3);line-height:1.45}.dok{background:var(--surface);color:var(--ink);width:min(100%,210mm);margin:0 auto;padding:18mm 16mm;border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow)}.dok__kop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--space-lg);gap:var(--space-lg);align-items:center;padding-bottom:var(--space-md);border-bottom:3px solid var(--brand);box-shadow:0 1px 0 0 var(--ink)}.dok__logo{flex:none;object-fit:contain;align-self:center}@media (max-width:620px){.dok__kop{grid-template-columns:auto minmax(0,1fr)}.dok__jenis{grid-column:1/-1;text-align:left;margin-left:0}}.dok__pt{font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em}.dok__alamat{font-size:var(--text-xs);color:var(--ink-2);line-height:1.5;margin-top:2px}.dok__jenis{margin-left:auto;text-align:right}.dok__jenis-t{font-size:var(--text-xl);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dok__nomor{font-family:var(--font-mono);font-size:var(--text-sm)}.dok__pihak{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--space-xl);gap:var(--space-xl);margin:var(--space-lg) 0}.dok__pihak>div{min-width:0;overflow-wrap:anywhere}@media (max-width:620px){.dok__pihak{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}}.dok__label{font-size:var(--text-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.dok__nama{font-weight:600}.dok__meta{display:flex;justify-content:space-between;font-size:var(--text-sm)}.dok__tabel{width:100%;border-collapse:collapse;margin-top:var(--space-md)}.dok__tabel th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);border-bottom:1px solid var(--ink)}.dok__tabel td,.dok__tabel th{padding:var(--space-sm) var(--space-xs)}.dok__tabel td{border-bottom:1px solid var(--rule);vertical-align:top;font-size:var(--text-sm)}.dok__tabel .right{text-align:right}.dok__terbilang{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--surface-2);border-left:3px solid var(--ink);font-size:var(--text-sm);font-style:italic}.dok__kaki{display:grid;grid-template-columns:1fr auto;grid-gap:var(--space-xl);gap:var(--space-xl);margin-top:var(--space-xl)}.dok__syarat{font-size:var(--text-xs);color:var(--ink-2);line-height:1.6;white-space:pre-line}.dok__ttd{text-align:center;min-width:48mm;font-size:var(--text-sm)}.dok__ttd-ruang{height:22mm}.dok__ttd-nama{font-weight:600;border-top:1px solid var(--ink);padding-top:var(--space-xs)}.cetakbar{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-lg)}@media print{@page{size:A4;margin:12mm}body,html{background:#fff;color:#000}.akunbar,.cetakbar,.filterbar,.rail,.skip,.tabbar,.topbar{display:none!important}.shell{display:block}.main,main{padding:0!important}.dok{width:auto;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff;color:#000}.dok__tabel{page-break-inside:auto}.dok__kaki,.dok__tabel tr{page-break-inside:avoid}.dok__terbilang{background:#fff;border-left:3px solid #000}.dok__kop{-webkit-print-color-adjust:exact;print-color-adjust:exact}.dok__logo{display:block!important}a{text-decoration:none;color:#000}}