:root{--latar:#fff;--kartu:#f6f6f8;--tinta:#111114;--redup:#6e6e78;--garis:#ebebef;--jalur:#e4e4ea;--aksen:#ff5b36;--aksen-isi:#fff;--lewat:#d92d20;--pahlawan:#111114;--pahlawan-tinta:#fff;--pahlawan-redup:#a1a1aa;--pahlawan-jalur:#2e2e35;--pahlawan-lewat:#ff8a7a;--kaca:#ffffffd1;--bayang:0 10px 30px -12px #11111447;--w0:#e6f4ea;--w0-i:#1e7a43;--w1:#fff0e0;--w1-i:#b45a07;--w2:#e5efff;--w2-i:#1d4fb8;--w3:#f1e9ff;--w3-i:#6436b8;--w4:#ffe6ef;--w4-i:#b21e57;--w5:#fff6d6;--w5-i:#8a6a00;--w6:#ffe8e1;--w6-i:#c2361a;--f:"Figtree", system-ui, sans-serif;--r-kartu:26px;--r-baris:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--latar:#0e0e11;--kartu:#19191e;--tinta:#f4f4f6;--redup:#9b9ba5;--garis:#26262c;--jalur:#2a2a31;--aksen:#ff6a47;--aksen-isi:#fff;--lewat:#ff6b5e;--pahlawan:#1f1f25;--pahlawan-tinta:#fff;--pahlawan-redup:#a1a1aa;--pahlawan-jalur:#34343c;--pahlawan-lewat:#ff8a7a;--kaca:#19191ed1;--bayang:0 10px 30px -12px #000000b3;--w0:#16301f;--w0-i:#7ddb9e;--w1:#33240f;--w1-i:#ffb366;--w2:#15233d;--w2-i:#8cb4ff;--w3:#261b3d;--w3-i:#c2a3ff;--w4:#3a1626;--w4-i:#ff8fb8;--w5:#302808;--w5-i:#f2cf4a;--w6:#3a1a12;--w6-i:#ff9b80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--latar);color:var(--tinta);font:400 15px/1.45 var(--f);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3{text-wrap:balance;margin:0}button{font-family:inherit}.uang{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--aksen);outline-offset:2px}.isian{gap:6px;display:grid}.isian label{font-size:13px;font-weight:600}.isian input,.kolom{background:var(--kartu);width:100%;min-width:0;height:52px;color:var(--tinta);font:500 16px var(--f);border:1.5px solid #0000;border-radius:16px;padding:0 16px}.isian input:focus,.kolom:focus{border-color:var(--aksen);outline:none}.tombol{background:var(--aksen);height:52px;color:var(--aksen-isi);font:700 15px var(--f);cursor:pointer;border:0;border-radius:999px;padding:0 22px}.tombol:disabled{opacity:.5;cursor:default}.tombol.kecil{height:36px;padding:0 16px;font-size:13px}.galat{color:var(--lewat);margin:0;font-size:13.5px;font-weight:500}.layar{max-width:1080px;padding:calc(env(safe-area-inset-top) + 20px) 16px calc(env(safe-area-inset-bottom) + 110px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.kepala{justify-content:space-between;align-items:center;gap:12px;display:flex}.kepala small{color:var(--redup);font-size:13px;font-weight:600;display:block}.kepala h1{letter-spacing:-.035em;font-size:32px;font-weight:800;line-height:1.1}.masuk{max-width:420px;padding-top:calc(env(safe-area-inset-top) + 72px);gap:20px}.merek{letter-spacing:-.045em;font-size:40px;font-weight:800;line-height:1}.merek span{color:var(--aksen)}.masuk p.sub{color:var(--redup);margin:8px 0 12px;font-size:15px}.akun{position:relative}.akun summary{background:var(--kartu);cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;list-style:none;display:grid}.akun summary::-webkit-details-marker{display:none}.akun[open] summary{box-shadow:0 0 0 2px var(--aksen)}.akun .menu{z-index:5;background:var(--latar);border:1px solid var(--garis);min-width:180px;box-shadow:var(--bayang);border-radius:18px;padding:6px;display:grid;position:absolute;top:48px;right:0}.akun .menu span{color:var(--redup);padding:8px 12px 6px;font-size:13px}.akun .menu button{text-align:left;color:var(--lewat);font:600 14px var(--f);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 12px}.akun .menu button:hover{background:var(--kartu)}.akun .menu button.biasa{color:var(--tinta)}.tabbar{left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:10;border:1px solid var(--garis);background:var(--kaca);-webkit-backdrop-filter:blur(16px);width:min(320px,100% - 24px);height:64px;box-shadow:var(--bayang);border-radius:24px;justify-content:space-around;align-items:center;padding:0 8px;display:flex;position:fixed;transform:translate(-50%)}.tabbar a{width:80px;color:var(--redup);justify-items:center;gap:2px;font-size:11.5px;font-weight:700;text-decoration:none;display:grid}.tabbar a svg{width:22px;height:22px}.tabbar a[aria-current=page],.tabbar a.active{color:var(--tinta)}.alokasi-kerangka{align-items:start;gap:16px;display:grid}.kolom-daftar,.kolom-rinci,.rinci,.polos{gap:14px;min-width:0;display:grid}.polos{border:0;margin:0;padding:0}@media (width>=900px){.alokasi-kerangka{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.kolom-rinci{position:sticky;top:20px}}@media (width<=899px){.ada-rinci .kolom-daftar{display:none}}.pahlawan{border-radius:var(--r-kartu);background:var(--pahlawan);color:var(--pahlawan-tinta);gap:12px;padding:20px;display:grid}[data-theme=dark] .pahlawan{border:1px solid var(--garis)}.pahlawan .ket{color:var(--pahlawan-redup);font-size:13.5px;font-weight:600}.pahlawan .angka{letter-spacing:-.045em;font-size:42px;font-weight:800;line-height:1}.pahlawan .angka small{letter-spacing:-.01em;color:var(--pahlawan-redup);margin-right:6px;font-size:18px;font-weight:700}.pahlawan.minus .angka,.pahlawan.minus .ket{color:var(--pahlawan-lewat)}.batang{gap:3px;height:8px;display:flex}.batang i{border-radius:4px;min-width:0}.batang .k{background:var(--pahlawan-tinta)}.batang .t{background:var(--aksen)}.batang .r{background:var(--pahlawan-jalur);flex:1}.legenda{color:var(--pahlawan-redup);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.legenda b{color:var(--pahlawan-tinta);font-weight:700}.usulan{border-radius:var(--r-baris);background:var(--kartu);align-items:center;gap:12px;padding:14px 14px 14px 16px;display:flex}.usulan .tengah{flex:1;min-width:0;font-size:14px;display:grid}.usulan b{font-weight:700}.usulan span{color:var(--redup);font-size:12.5px}.seksi{justify-content:space-between;align-items:baseline;padding:4px 4px 0;display:flex}.seksi h2{letter-spacing:-.02em;font-size:18px;font-weight:800}.seksi span{color:var(--redup);font-size:13px;font-weight:500}.daftar{gap:8px;display:grid}.pos{border-radius:var(--r-baris);background:var(--kartu);color:inherit;border:1.5px solid #0000;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.pos:hover{border-color:var(--garis)}.pos[aria-current=page]{border-color:var(--aksen)}.ikon{background:var(--w);width:40px;height:40px;color:var(--w-i);border-radius:50%;flex:none;place-items:center;display:grid}.ikon svg{width:20px;height:20px}.pos .tengah{flex:1;min-width:0;display:grid}.pos .nama{letter-spacing:-.01em;font-size:15.5px;font-weight:700}.pos .sub{color:var(--redup);font-size:12.5px}.pos .kanan{justify-items:end;display:grid}.pos .nominal{letter-spacing:-.01em;font-size:15.5px;font-weight:700}.mini{background:var(--jalur);border-radius:2px;width:64px;height:4px;margin-top:6px;overflow:hidden}.mini i{background:var(--w-i);border-radius:2px;height:100%;display:block}.label-tabung{letter-spacing:.05em;color:var(--aksen);margin-left:6px;font-size:10.5px;font-weight:800}.rinci-kepala{align-items:center;gap:12px;display:flex}.kembali{background:var(--kartu);width:40px;height:40px;color:var(--tinta);border-radius:50%;flex:none;place-items:center;display:grid}.kembali svg{width:20px;height:20px}@media (width>=900px){.kembali:not(.selalu){display:none}}.rinci-kepala .tengah{flex:1;min-width:0;display:grid}.rinci-kepala h2{letter-spacing:-.03em;font-size:24px;font-weight:800;line-height:1.15}.rinci-kepala .total{color:var(--redup);font-size:14px;font-weight:600}.baris-daftar{gap:8px;display:grid}.baris{border-radius:var(--r-baris);background:var(--kartu);width:100%;color:var(--tinta);font:600 15px var(--f);text-align:left;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.baris .nama{align-items:center;gap:8px;min-width:0;display:flex}.baris .nama svg{width:14px;height:14px;color:var(--redup);flex:none}.baris .nominal{font-weight:700}.baris.saran{border:1.5px dashed var(--garis);color:var(--redup);background:0 0}.ubah{border-radius:var(--r-baris);background:var(--kartu);box-shadow:inset 0 0 0 1.5px var(--aksen);gap:12px;padding:14px;display:grid}.ubah .kolom{background:var(--latar)}.ubah .kolom.nominal{letter-spacing:-.03em;text-align:right;height:60px;font-size:26px;font-weight:800}.ubah-aksi{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ubah-aksi .spasi{flex:1}.chip{border:1.5px solid var(--garis);background:var(--latar);height:36px;color:var(--redup);font:700 13px var(--f);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip svg{width:14px;height:14px}.chip[aria-pressed=true]{border-color:var(--aksen);color:var(--aksen)}.teks-tombol{height:36px;color:var(--redup);font:700 13px var(--f);cursor:pointer;background:0 0;border:0;padding:0 10px}.teks-tombol.bahaya{color:var(--lewat)}.tambah-baris{border:1.5px dashed var(--garis);border-radius:var(--r-baris);width:100%;height:52px;color:var(--aksen);font:700 14px var(--f);cursor:pointer;background:0 0}.kosong{color:var(--redup);margin:0;padding:24px 4px;font-size:14px}.rinci-kosong{display:none}@media (width>=900px){.rinci-kosong{border-radius:var(--r-kartu);border:1.5px dashed var(--garis);min-height:240px;color:var(--redup);place-items:center;font-size:14px;display:grid}}.pahlawan .harian{color:var(--pahlawan-redup);font-size:14px}.pahlawan .harian b{color:var(--pahlawan-tinta);font-weight:700}.pos .nominal.lewat{color:var(--lewat)}.mini.lewat i{background:var(--lewat)}.kosong a{color:var(--aksen);font-weight:700}.fab{right:max(16px,50vw - 524px);bottom:calc(env(safe-area-inset-bottom) + 88px);z-index:10;background:var(--aksen);width:60px;height:60px;color:var(--aksen-isi);box-shadow:var(--bayang);border-radius:50%;place-items:center;display:grid;position:fixed}.fab svg{stroke-width:2.4px;width:28px;height:28px}.catat{gap:16px;width:100%;max-width:560px;margin:0 auto;display:grid}.catat-form{gap:12px;display:grid}.catat-form .kolom.nominal{letter-spacing:-.035em;text-align:right;height:72px;font-size:34px;font-weight:800}.catat-form .tombol{width:100%}.pilih-pos{scrollbar-width:none;gap:8px;margin:0 -2px;padding:2px;display:flex;overflow-x:auto}.chip-pos{border:1.5px solid var(--garis);background:var(--latar);height:44px;color:var(--tinta);font:700 14px var(--f);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px 0 4px;display:inline-flex}.chip-pos .ikon{width:34px;height:34px}.chip-pos .ikon svg{width:17px;height:17px}.chip-pos[aria-pressed=true]{border-color:var(--aksen);box-shadow:inset 0 0 0 1px var(--aksen)}.mirip{border-radius:var(--r-baris);background:var(--kartu);box-shadow:inset 0 0 0 1.5px var(--lewat);gap:8px;padding:14px;display:grid}.mirip p{margin:0;font-size:14px}.konteks{gap:8px;display:grid}.konteks p{color:var(--redup);margin:0;padding:0 4px;font-size:13.5px}.konteks p b{color:var(--tinta)}.entri{border-radius:var(--r-baris);background:var(--kartu);align-items:center;gap:12px;padding:10px 8px 10px 16px;display:flex}.entri .tengah{flex:1;min-width:0;display:grid}.entri .tengah span{color:var(--redup);font-size:12.5px}.ringkas-goal{border-radius:var(--r-baris);border:1.5px dashed var(--garis);color:var(--tinta);align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.ringkas-goal svg{width:20px;height:20px;color:var(--aksen);flex:none}a.tambah-baris{place-items:center;text-decoration:none;display:grid}a.baris{text-decoration:none}.baris .sub{color:var(--redup);font-size:12.5px;font-weight:600}.goal{align-items:stretch;gap:6px;display:flex}.goal-isi{border-radius:var(--r-baris);background:var(--kartu);min-width:0;color:inherit;border:1.5px solid #0000;flex:1;gap:12px;padding:14px;text-decoration:none;display:flex}.goal-isi:hover{border-color:var(--garis)}.goal-isi .no{background:var(--tinta);width:28px;height:28px;color:var(--latar);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.goal-isi .tengah{flex:1;gap:3px;min-width:0;display:grid}.goal-isi .nama{letter-spacing:-.01em;font-size:15.5px;font-weight:700}.goal-isi .sub{color:var(--redup);font-size:12.5px}.goal-isi .sub.lewat{color:var(--lewat);font-weight:600}.mini.lebar{width:100%;margin:4px 0 2px}.mini.lebar i{background:var(--aksen)}.urut{gap:6px;display:grid}.urut button{background:var(--kartu);width:40px;color:var(--tinta);cursor:pointer;border:0;border-radius:14px;place-items:center;display:grid}.urut button:disabled{color:var(--jalur);cursor:default}.urut svg{width:18px;height:18px}.asumsi{border-radius:var(--r-baris);background:var(--kartu)}.asumsi summary{color:var(--redup);cursor:pointer;padding:14px 16px;font-size:13.5px;font-weight:600}.asumsi .ubah{box-shadow:none;padding-top:0}.dua{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bantuan{color:var(--redup);padding:0 4px;font-size:12.5px}.teks-tombol.kiri{color:var(--aksen);justify-self:start;padding:0 4px}select.kolom{appearance:none;cursor:pointer}.kunci{color:var(--redup);justify-items:start;gap:4px;padding:8px 4px 0;font-size:12.5px;display:grid}.kunci .teks-tombol{padding:0}.kerangka{opacity:0;animation:0s .3s forwards muncul}.sk{border-radius:var(--r-baris);background:linear-gradient(90deg, var(--kartu) 0%, var(--garis) 50%, var(--kartu) 100%) 0 0 / 200% 100%;animation:1.4s ease-in-out infinite kilau;display:block}.sk-judul{gap:8px;display:grid}.sk-judul .sk:first-child{border-radius:6px;width:96px;height:13px}.sk-judul .sk:last-child{border-radius:10px;width:160px;height:32px}.sk-bulat{border-radius:50%;width:40px;height:40px}.sk-kartu{border-radius:var(--r-kartu);height:152px}.sk-baris{height:64px}@keyframes muncul{to{opacity:1}}@keyframes kilau{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.sk{animation:none}}.seksi a.tautan{color:var(--aksen);font-size:13px;font-weight:700;text-decoration:none}.label-tabung.redup,.baris.redup .nama{color:var(--redup)}.goal>.baris{flex:1;min-width:0}.rinci>.bantuan{margin:0}