@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/bricolage-grotesque-DlfK5gnM.woff2)format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/figtree-Ck-eTQRa.woff2)format("woff2")}:root{--paper:#f6f4ec;--card:#fff;--ink:#1d2a25;--muted:#5b6761;--line:#e2dfd2;--tepi-isian:#85887e;--brand:#0f6b57;--brand-ink:#fff;--hero:#0c3f34;--hero-ink:#fff;--hero-muted:#bfddd3;--aksen:#9a5900;--aksen-ink:#fff;--cabai:#b3261e;--cabai-ink:#fff;--cabai-bg:#fbe5e2;--kunyit:#7a5000;--kunyit-bg:#ffefc7;--mint:#0f6b57;--mint-bg:#dcf1e8;--track:#ece9dc;--serif:"Bricolage Grotesque","Figtree",system-ui,sans-serif;--angka:"Figtree",system-ui,"Segoe UI",Roboto,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-tema=terang]){--paper:#111a17;--card:#1a2622;--ink:#eaf1ed;--muted:#a3b5ac;--line:#2c3c36;--tepi-isian:#6f8279;--brand:#5fd3ab;--brand-ink:#05261c;--hero:#16372e;--hero-ink:#f1faf6;--hero-muted:#b5d3c8;--aksen:#f2b23b;--aksen-ink:#2a1b00;--cabai:#ff9c8f;--cabai-ink:#3a0a06;--cabai-bg:#46242a;--kunyit:#f2c15f;--kunyit-bg:#3a2f15;--mint:#5fd3ab;--mint-bg:#123a33;--track:#24332d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-tema=gelap]{--paper:#111a17;--card:#1a2622;--ink:#eaf1ed;--muted:#a3b5ac;--line:#2c3c36;--tepi-isian:#6f8279;--brand:#5fd3ab;--brand-ink:#05261c;--hero:#16372e;--hero-ink:#f1faf6;--hero-muted:#b5d3c8;--aksen:#f2b23b;--aksen-ink:#2a1b00;--cabai:#ff9c8f;--cabai-ink:#3a0a06;--cabai-bg:#46242a;--kunyit:#f2c15f;--kunyit-bg:#3a2f15;--mint:#5fd3ab;--mint-bg:#123a33;--track:#24332d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;font-family:Figtree,system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--aksen);outline-offset:2px}a{color:var(--brand)}.tabular,.besar{font-family:var(--angka);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:13px}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.ikon{flex:none}.app{max-width:560px;min-height:100vh;padding-bottom:calc(120px + env(safe-area-inset-bottom));margin:0 auto}.kepala{padding:calc(env(safe-area-inset-top) + 18px) 20px 6px}.kepala .atas{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.merek{font-family:var(--serif);letter-spacing:-.02em;color:var(--brand);align-items:baseline;font-size:18px;font-weight:700;display:inline-flex}.merek mark{color:inherit;background:0 0}.merek i{background:var(--aksen);border-radius:50%;width:7px;height:7px;margin-left:2px;display:inline-block}.kepala h1{font-family:var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:30px;font-weight:600;line-height:1.12}.kepala p{color:var(--muted);margin-top:4px;font-size:14px}.kepala select{color:var(--brand);text-underline-offset:3px;background:0 0;border:0;max-width:60%;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.isi{flex-direction:column;gap:8px;padding:10px 20px;display:flex}.kartu{border-top:1px solid var(--line);padding:16px 0 8px}.isi>.kartu:first-child{border-top:0}.kartu.kotak{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:6px 0;padding:16px}.kartu h2{font-family:var(--serif);letter-spacing:-.01em;font-size:19px;font-weight:600}.kartu .judul{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}button.tautan,a.tautan{color:var(--brand);background:0 0;border:0;align-items:center;min-height:44px;padding:0 2px;font-weight:600;text-decoration:none;display:inline-flex}button.tautan[disabled]{opacity:.5}.tab{z-index:30;background:var(--paper);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.tab>div{align-items:stretch;max-width:560px;margin:0 auto;display:flex}.tab button{min-height:62px;color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:13px;font-weight:600;display:flex;position:relative}.tab button.on{color:var(--brand)}.tab button.on:before{content:"";background:var(--aksen);border-radius:0 0 3px 3px;height:3px;position:absolute;top:-1px;left:28%;right:28%}.tab .plus{background:var(--brand);width:54px;height:54px;min-height:0;color:var(--brand-ink);border-radius:18px;flex:0 0 64px;align-self:center;margin:-18px 4px 0;box-shadow:0 6px 16px #0003}.tab .plus:before{display:none}.btn{border:1px solid var(--brand);background:var(--brand);min-height:48px;color:var(--brand-ink);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.btn.sec{color:var(--brand);background:0 0}.btn.kecil{border-radius:10px;min-height:44px;padding:0 14px;font-size:14px}.btn.bahaya{border-color:var(--cabai);color:var(--cabai);background:0 0}.btn.bahaya-isi{background:var(--cabai);border-color:var(--cabai);color:var(--cabai-ink)}.btn.blok{width:100%}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.x{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{font-size:14px;font-weight:600}.field small{font-size:13.5px}.input{border:1px solid var(--tepi-isian);background:var(--card);width:100%;min-height:48px;color:var(--ink);border-radius:12px;padding:0 12px}textarea.input{resize:vertical;min-height:90px;padding:10px 12px;line-height:1.45}select.input{appearance:auto}.uang-input{border:1px solid var(--tepi-isian);background:var(--card);border-radius:12px;align-items:center;padding-left:12px;display:flex}.uang-input span{color:var(--muted);font-weight:700}.uang-input .input{font-family:var(--angka);font-variant-numeric:tabular-nums;background:0 0;border:0;font-size:20px;font-weight:700}.seg{background:var(--track);border-radius:12px;gap:3px;padding:3px;display:flex}.seg button{min-height:46px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;font-weight:600}.seg button.on{background:var(--card);color:var(--brand);box-shadow:0 1px 3px #0000001f}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--card);border-radius:20px;min-height:44px;padding:0 14px;font-size:14px;font-weight:600}.chip.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.cari{position:relative}.cari .ikon{color:var(--muted);position:absolute;top:13px;left:12px}.cari .input{padding-left:40px}.note{background:var(--track);border-radius:12px;padding:10px 12px;font-size:14.5px}.note.info{background:var(--mint-bg);color:var(--ink)}.note.warn{background:var(--kunyit-bg);color:var(--ink)}.note.ok{background:var(--mint-bg)}.note.bad{background:var(--cabai-bg);color:var(--ink)}.pill{background:var(--track);min-height:22px;color:var(--muted);white-space:nowrap;border-radius:11px;align-items:center;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.pill.ok{background:var(--mint-bg);color:var(--mint)}.pill.bad{background:var(--cabai-bg);color:var(--cabai)}.pill.warn{background:var(--kunyit-bg);color:var(--kunyit)}.pill.abu{background:var(--track);color:var(--muted)}.baris{text-align:left;border:0;border-top:1px solid var(--line);width:100%;min-height:64px;color:inherit;background:0 0;align-items:center;gap:12px;padding:12px 0;display:flex}.baris:first-child,.judul+.baris{border-top:0}.baris .grow>b{overflow-wrap:anywhere;font-weight:700;display:block}.baris .grow>span{display:block}.baris .kanan{text-align:right;flex:none;max-width:44%}.baris .kanan b{font-family:var(--angka);font-variant-numeric:tabular-nums;font-size:16px;display:block}.baris .etiket{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.av{background:var(--mint-bg);color:var(--mint);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.av-1{background:var(--kunyit-bg);color:var(--kunyit)}.av-2{background:var(--cabai-bg);color:var(--cabai)}.av-3{background:var(--track);color:var(--ink)}.av-4{background:var(--brand);color:var(--brand-ink)}.avatar,.avatar-kecil{background:var(--brand);width:40px;height:40px;color:var(--brand-ink);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar-kecil{width:44px;height:44px}.total{background:var(--hero);color:var(--hero-ink);border-radius:20px;margin:8px 0 6px;padding:18px 18px 16px}.total small{color:var(--hero-muted);font-weight:600}.total .besar{font-family:var(--angka);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:2px 0;font-size:38px;font-weight:700;line-height:1.1;display:block}.total .lewat{border-top:1px solid #fff3;margin-top:10px;padding-top:10px;font-size:14px}.total .lewat b{font-family:var(--angka);font-variant-numeric:tabular-nums}.saldo{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:8px 0;padding:16px}.saldo small{color:var(--muted);font-weight:600}.saldo .besar{font-family:var(--angka);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1.15;display:block}.saldo.lunas .besar{color:var(--mint)}.aksi{flex-wrap:wrap;gap:8px;margin:6px 0 4px;display:flex}.aksi .btn{flex:calc(50% - 8px);min-width:130px}.entri{text-align:left;border:0;border-top:1px solid var(--line);width:100%;color:inherit;background:0 0;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.entri:first-of-type{border-top:0}.entri .jenis{text-align:center;background:var(--cabai-bg);width:52px;color:var(--cabai);border-radius:8px;flex:none;padding:4px 0;font-size:13px;font-weight:700}.entri .jenis.bayar{background:var(--mint-bg);color:var(--mint)}.entri .kanan{text-align:right;flex:none;margin-left:auto}.entri .kanan b{font-family:var(--angka);font-variant-numeric:tabular-nums;display:block}.entri.lunas-ent .kanan span{color:var(--mint)}.jejak{border-top:1px solid var(--line);padding:10px 0;font-size:14.5px}.jejak:first-of-type{border-top:0}.jejak .meta{color:var(--muted);font-size:13px;display:block}.kosong{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;display:flex}.kosong b{font-family:var(--serif);font-size:19px;font-weight:600}.skel{flex-direction:column;gap:10px;padding:10px 0;display:flex}.skel i{background:var(--track);border-radius:14px;height:54px;animation:1.2s ease-in-out infinite kedip;display:block}@keyframes kedip{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skel i{animation:none}}.lembar{z-index:50;background:#0a14108c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.lembar>div{background:var(--paper);border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-width:560px;min-height:0;max-height:92dvh;display:flex}.lembar-kepala{flex:none;justify-content:space-between;align-items:center;padding:10px 20px 6px;display:flex}.lembar-kepala h2{font-family:var(--serif);overflow-wrap:anywhere;font-size:21px;font-weight:600}.lembar-isi{overscroll-behavior:contain;min-height:0;padding:4px 20px calc(24px + env(safe-area-inset-bottom));flex:auto;overflow-y:auto}.lembar>div.ada-aksi .lembar-isi{padding-bottom:12px}.lembar-aksi{padding:10px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);flex-direction:column;flex:none;gap:8px;display:flex}.lembar-aksi .note{margin:0}@media (width>=600px){.lembar{align-items:center}.lembar>div{border-radius:22px}}.uang-input .nol{border:1px solid var(--line);background:var(--track);font-variant-numeric:tabular-nums;min-width:56px;min-height:44px;color:var(--brand);border-radius:10px;flex:none;margin:2px;font-weight:700}.uang-input .nol[disabled]{opacity:.45}.menu-baris{border:0;border-top:1px solid var(--line);text-align:left;width:100%;min-height:56px;color:var(--ink);background:0 0;align-items:center;gap:10px;padding:8px 0;text-decoration:none;display:flex}.menu-baris:first-of-type{border-top:0}.menu-baris b{font-weight:600}.menu-baris .ikon{color:var(--muted)}.menu-baris.bahaya b{color:var(--cabai)}.kode{word-break:break-all;background:var(--track);border-radius:12px;padding:12px;font-family:ui-monospace,Menlo,monospace}.kabar{left:50%;top:calc(12px + env(safe-area-inset-top));z-index:60;background:var(--hero);color:var(--hero-ink);text-align:center;border-radius:14px;max-width:90vw;padding:10px 16px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 8px 20px #00000040}.masuk-hero{padding:calc(env(safe-area-inset-top) + 28px) 20px 20px;background:var(--hero);color:var(--hero-ink);border-radius:0 0 26px 26px}.masuk-hero .merek,.masuk-hero .merek mark{color:var(--hero-ink)}.masuk-hero h1{font-family:var(--serif);letter-spacing:-.02em;margin:18px 0 6px;font-size:29px;font-weight:600;line-height:1.15}.masuk-hero p{color:var(--hero-muted)}.masuk-hero ul{flex-direction:column;gap:6px;margin:14px 0 6px;list-style:none;display:flex}.masuk-hero li{padding-left:22px;font-size:14.5px;position:relative}.masuk-hero li:before{content:"";background:var(--aksen);border-radius:50%;width:8px;height:8px;position:absolute;top:.55em;left:3px}.masuk-hero .percaya{color:var(--hero-muted);align-items:flex-start;gap:6px;margin-top:14px;font-size:12.5px;display:flex}.bicara{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.bicara .mic{border:1px solid var(--brand);min-height:52px;color:var(--brand);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.bicara .mic.on{background:var(--cabai);border-color:var(--cabai);color:var(--cabai-ink);animation:1.1s ease-in-out infinite denyut}@keyframes denyut{50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.bicara .mic.on{animation:none}}.draf{background:var(--card);border:1px solid var(--line);border-radius:16px;margin:8px 0;padding:12px}.draf .atas{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.draf .field{margin-bottom:8px}.tambah-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tambah-grid button{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;min-height:112px;padding:14px;display:flex}.tambah-grid button .ikon{color:var(--brand)}.tambah-grid b{font-weight:700}.tambah-grid span:last-child{color:var(--muted);font-size:12.5px}.pilih-daftar{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pilih-daftar button{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;min-height:46px;padding:0 12px}.pilih-daftar button:first-child{border-top:0}.pilih-daftar button.on{background:var(--mint-bg);font-weight:700}.dua{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hukum{color:var(--muted);border-left:3px solid var(--aksen);padding:2px 0 2px 10px;font-size:13.5px}.banner-lihat{background:var(--kunyit-bg);color:var(--kunyit);padding:8px 20px;font-size:13px;font-weight:600}.baris .grow{min-width:0}.baris .etiket .pill{white-space:normal}.uang-input:focus-within{outline:3px solid var(--aksen);outline-offset:2px}.uang-input .input:focus-visible{outline:none}.kartu.cadangan-perlu{border-color:var(--aksen)}.opsi{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:48px;margin-bottom:4px;display:flex}.opsi:first-of-type{border-top:0}.opsi button.tautan{justify-content:flex-end;min-width:64px}.pil-ganti{justify-content:flex-end;min-width:56px}.total small,.saldo small{font-size:14px}.masuk-hero .percaya{font-size:13.5px}.sesi-habis{z-index:70;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--bad,#9b2c1f);color:#fff;justify-content:space-between;align-items:center;gap:12px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 6px 16px #00000040}.sesi-habis .btn{color:#7a1f14;background:#fff;min-height:44px}.app,.lembar{overflow-wrap:anywhere}.entri .grow{display:block}[role=dialog]:focus{outline:none}@media (width<=380px){.dua{grid-template-columns:1fr}}.uang-input span{flex:none}.uang-input .input{min-width:0}.kabar{align-items:center;gap:12px;display:flex}.kabar .urungkan{min-height:44px;color:inherit;background:#ffffff2e;border:0;border-radius:10px;padding:0 12px;font-weight:700}.bar-coba{left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom));z-index:29;pointer-events:none;padding:0 12px;position:fixed}.bar-coba .dalam{pointer-events:auto;background:var(--kunyit-bg);max-width:536px;color:var(--ink);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 auto;padding:8px 12px;font-size:14px;display:flex;box-shadow:0 6px 18px #0000001f}.bar-coba.habis .dalam{background:var(--cabai-bg)}.bar-coba .grow{flex:200px}.bar-coba .tautan{min-height:44px}body:has(.bar-coba) .app{padding-bottom:calc(230px + env(safe-area-inset-bottom))}.panduan{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:6px;margin:6px 0 10px;padding:14px 16px;display:flex}.panduan h2{font-family:var(--serif);letter-spacing:-.01em;margin-top:2px;font-size:20px;font-weight:600}.panduan p{margin:0}.panduan-label{color:var(--muted);font-size:13px;font-weight:700}.panduan-titik{gap:6px;display:inline-flex}.panduan-titik i{background:var(--track);border-radius:99px;width:18px;height:6px}.panduan-titik i.sudah{background:var(--mint)}.panduan-titik i.kini{background:var(--brand)}.panduan .tautan{align-self:flex-start;min-height:44px}.panduan-lewat{color:var(--muted);font-size:13px}.label-coba{font:700 13px/1 var(--angka);color:var(--brand);background:var(--mint-bg);vertical-align:middle;white-space:nowrap;border-radius:999px;margin-left:10px;padding:5px 10px}.sandi-baris{position:relative}.sandi-baris .input{padding-right:104px}.lihat-sandi{min-height:40px;color:var(--brand);background:0 0;border:0;border-radius:10px;padding:0 12px;font-size:14px;font-weight:700;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.masuk-hero.ringkas{padding-top:calc(env(safe-area-inset-top) + 18px);padding-bottom:16px}.masuk-hero.ringkas h1{margin:12px 0 0;font-size:26px}.masuk-hero.ringkas p,.masuk-hero.ringkas ul{display:none}.masuk-hero.ringkas .percaya{margin-top:10px}@media (height<=600px){.masuk-hero.ringkas .percaya{display:none}.masuk-hero.ringkas{padding-bottom:12px}.masuk-hero.ringkas h1{font-size:22px}.masuk-hero.ringkas+form{padding-top:12px!important}}