:root{--skala:1.04;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--fs-micro:calc(13px * var(--skala));--fs-kecil:calc(14px * var(--skala));--fs-sub:calc(15px * var(--skala));--fs-base:calc(16px * var(--skala));--fs-judul:calc(18px * var(--skala));--fs-nilai:calc(21px * var(--skala));--fs-besar:calc(26px * var(--skala));--fs-hero:calc(30px * var(--skala));--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;--card-pad:var(--s5);--bg:#f6f5f1;--surface:#fff;--surface-2:#faf8f4;--press:#f1efe9;--line:#e8e4db;--line-kuat:#d7d1c4;--text:#191c1e;--text-2:#43494c;--muted:#5f6663;--emas:#8c6a22;--emas-tua:#7a5c1c;--emas-terang:#b8862f;--emas-lembut:#f5eddc;--emas-garis:#e3d4b2;--masuk:#2b6e51;--masuk-teks:#22624a;--masuk-lembut:#eaf2ed;--masuk-garis:#c6dcd0;--keluar:#a1453a;--keluar-teks:#93382c;--keluar-lembut:#fbeeeb;--keluar-garis:#eecfc8;--pie-1:#b0802b;--pie-2:#35705a;--pie-3:#7d5490;--pie-4:#b25f3c;--pie-5:#3f6d9e;--pie-6:#6f7c37;--pie-7:#a2455c;--pie-8:#59677a;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:22px;--r-pill:999px;--naik-bayang:0 1px 2px #191c1e0a;--bayang:0 1px 2px #191c1e0a, 0 10px 26px -18px #191c1e38;--bayang-hero:inset 0 1px 0 #fff, 0 1px 2px #191c1e0a, 0 16px 36px -22px #5a421461;--gerak:.18s cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);text-wrap:pretty;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}h1,h2,h3{letter-spacing:-.012em;margin:0;line-height:1.25}h1,h2{font-size:var(--fs-nilai);font-weight:640}h3{font-size:var(--fs-judul);font-weight:640}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a,.tautan{color:var(--emas);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}a:hover,.tautan:hover{color:var(--emas-tua)}:focus-visible{outline:2px solid var(--emas);outline-offset:2px;border-radius:var(--r-sm)}.baris-judul,.baris-sub,.baris-nilai,.posisi-nilai,.lot-baris,.lot-nilai,.netto-banding,.rencana-total,.pie-persen,.ringkasan-isi,.sumber-kurs,.kode,.lencana,.input,.bantuan{font-variant-numeric:tabular-nums}.app{background:var(--bg);max-width:480px;min-height:100dvh;margin:0 auto;position:relative}.topbar{z-index:40;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(12px);backdrop-filter:saturate(1.6)blur(12px);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.topbar h1{min-width:0;font-size:calc(19px * var(--skala));flex:auto}.topbar-aksi{justify-content:flex-end;align-items:center;gap:var(--s2) 6px;flex-wrap:wrap;flex:0 auto;display:flex}.isi-layar{gap:var(--s4);padding:var(--s4) var(--s4) calc(104px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.tabbar{z-index:50;padding:var(--s2) var(--s3) calc(var(--s2) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#ffffffe6;justify-content:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{border-radius:var(--r-md);max-width:200px;min-height:52px;color:var(--muted);font-size:var(--fs-micro);letter-spacing:.01em;transition:background var(--gerak), color var(--gerak);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:6px 10px;font-weight:600;display:flex}.tab.aktif{color:var(--emas-tua);background:var(--emas-lembut)}.tab:active{transform:scale(.97)}.tab-ikon{place-items:center;width:22px;height:22px;display:grid}.tab-ikon svg{width:22px;height:22px;display:block}.tab.aktif .tab-ikon{color:var(--emas)}.tabbar:has(.tab:only-child){background:#ffffffd1}.tabbar:has(.tab:only-child) .tab{gap:var(--s2);max-width:280px;padding:0 var(--s5);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);flex-direction:row;flex:0 280px}.tabbar:has(.tab:only-child) .tab.aktif{background:var(--emas-lembut);box-shadow:inset 0 0 0 1px var(--emas-garis)}.pengalih{align-items:center;gap:6px;display:flex}.pengalih.tengah{margin-top:var(--s5);justify-content:center}.kartu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--card-pad);box-shadow:var(--naik-bayang)}.kartu-judul{align-items:center;gap:var(--s2);margin:0 calc(var(--card-pad) * -1) var(--s1);padding:0 var(--card-pad) var(--s3);border-bottom:1px solid var(--line);font-size:var(--fs-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700;display:flex}.lencana{border-radius:var(--r-pill);background:var(--emas-lembut);min-width:22px;height:22px;color:var(--emas-tua);font-size:var(--fs-micro);letter-spacing:0;justify-content:center;align-items:center;padding:0 7px;font-weight:700;display:inline-flex}.kartu:has(.baris.atur){background:var(--surface-2);box-shadow:none}.kartu:has(.rencana-total) .kartu-judul{color:var(--emas-tua)}.kartu.netto{padding:var(--s6) var(--card-pad);box-shadow:var(--bayang-hero);background:radial-gradient(125% 95% at 100% -10%,#b8862f21,#b8862f00 62%),linear-gradient(#fffdf9,#fffcf6);border-color:#efe7d6}.kartu.netto:after{content:"";clear:both;display:table}.netto-label{margin-bottom:var(--s4);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--emas-tua);font-weight:700;display:block}.pie{float:left;width:124px;height:124px;margin:0 var(--s5) var(--s2) 0}.pie svg{width:100%;height:100%;display:block}.kartu.netto div:has(>.pie):has(>.pie-legenda){align-items:center;gap:var(--s5);display:flex}.pie-legenda{overflow:hidden}.pie-legenda li{gap:0 var(--s3);font-size:var(--fs-sub);grid-template-columns:10px minmax(0,1fr) auto;align-items:start;padding:5px 0;display:grid}.titik{border-radius:3px;width:10px;height:10px;margin-top:6px;box-shadow:inset 0 0 0 1px #00000029}.pie-label{color:var(--text-2);font-weight:500}.pie-persen{color:var(--text);white-space:nowrap;font-weight:650}.netto-banding{clear:both;justify-content:space-between;align-items:flex-end;gap:var(--s3) var(--s4);margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--emas-garis);font-size:var(--fs-kecil);color:var(--muted);flex-wrap:wrap;display:flex}.netto-banding strong,.netto-banding b{font-size:var(--fs-hero);letter-spacing:-.02em;color:var(--text);white-space:nowrap;margin-top:2px;font-weight:700;line-height:1.1;display:block}.netto-banding :is(.naik,.turun){padding:5px var(--s3);border-radius:var(--r-pill);font-size:var(--fs-sub);white-space:nowrap;font-weight:650}.netto-banding .naik{background:var(--masuk-lembut)}.netto-banding .turun{background:var(--keluar-lembut)}.sumber-kurs{clear:both;margin-top:var(--s3);font-size:var(--fs-micro);color:var(--muted);line-height:1.45}.peringatan{clear:both;margin-top:var(--s4);padding:var(--s3) var(--s4);border:1px solid var(--emas-garis);border-radius:var(--r-md);background:color-mix(in srgb, var(--emas-lembut) 70%, #fff);color:var(--emas-tua);font-size:var(--fs-sub);line-height:1.5}.peringatan .tautan{color:var(--emas-tua);font-weight:600}.baris{align-items:center;gap:2px var(--s4);margin:0 calc(var(--card-pad) * -1);padding:var(--s3) var(--card-pad);grid-template-columns:minmax(0,1fr) auto;min-height:56px;display:grid}.baris+.baris,.posisi+.posisi,.baris+.posisi,.posisi+.baris{border-top:1px solid var(--line)}.baris>.baris-judul{grid-area:1/1}.baris>.baris-sub{grid-area:2/1}.baris>:is(.baris-nilai,.posisi-nilai,.rencana-kanan){grid-area:1/2/-1}.baris-judul{font-size:var(--fs-judul);letter-spacing:-.008em;color:var(--text);font-weight:600;line-height:1.3}.kode{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--fs-micro);letter-spacing:.05em;color:var(--muted);vertical-align:2px;border-radius:6px;margin-left:7px;padding:1px 6px;font-weight:600;display:inline-block}.baris-sub{font-size:var(--fs-sub);color:var(--muted);line-height:1.45}.baris-sub :is(.naik,.turun,.dekat){font-weight:650}.baris-nilai{text-align:right;font-size:var(--fs-judul);white-space:nowrap;letter-spacing:-.01em;justify-self:end;font-weight:650}.baris-nilai.samar{color:var(--muted);font-weight:500}.posisi{display:block}.baris.tekan{cursor:pointer;transition:background var(--gerak);-webkit-tap-highlight-color:transparent;border-radius:0;grid-template-columns:minmax(0,1fr) auto 22px}.baris.tekan>.chevron{grid-area:1/3/-1;justify-self:end}.baris.tekan:hover{background:var(--surface-2)}.baris.tekan:active{background:var(--press)}.posisi-nilai{text-align:right;flex-direction:column;justify-self:end;align-items:flex-end;gap:2px;display:flex}.posisi-nilai>:first-child{font-size:var(--fs-judul);letter-spacing:-.01em;white-space:nowrap;font-weight:650}.posisi-nilai>:not(:first-child){font-size:var(--fs-micro);color:var(--muted);white-space:nowrap}.posisi-nilai :is(.naik,.turun){font-weight:650}.chevron{width:22px;height:22px;color:var(--line-kuat);transition:transform var(--gerak), color var(--gerak);place-items:center;display:grid}.chevron svg{width:18px;height:18px;display:block}.baris.tekan:hover .chevron{color:var(--muted)}.posisi:has(.lot) .chevron{color:var(--emas);transform:rotate(180deg)}.baris.atur>:not(.baris-judul):not(.baris-sub){grid-area:1/2/-1;justify-self:end}.baris.atur.tumpuk{align-items:stretch;gap:var(--s3);grid-template-columns:minmax(0,1fr)}.baris.atur.tumpuk>:not(.baris-sub){grid-area:auto/1;justify-self:stretch}.baris.atur.tumpuk>div{gap:var(--s2);flex-wrap:wrap;display:flex}.baris.atur.tumpuk .tombol{flex:150px}.baris.riwayat{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.baris.riwayat>.tanda{grid-area:1/1;align-self:center}.baris.riwayat>.riwayat-teks{grid-area:1/2}.baris.riwayat>.riwayat-aksi{grid-area:1/3}.tanda{border-radius:var(--r-pill);flex:none;grid-area:1/1;place-items:center;width:34px;height:34px;display:grid}.tanda svg{width:17px;height:17px;display:block}.tanda.masuk{background:var(--masuk-lembut);color:var(--masuk-teks);box-shadow:inset 0 0 0 1px var(--masuk-garis)}.tanda.keluar{background:var(--keluar-lembut);color:var(--keluar-teks);box-shadow:inset 0 0 0 1px var(--keluar-garis)}.riwayat-teks{min-width:0;font-size:var(--fs-sub);color:var(--muted);line-height:1.45}.riwayat-teks strong,.riwayat-teks b{font-size:var(--fs-base);color:var(--text);font-weight:600;display:block}.riwayat-aksi{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.riwayat-aksi>*{flex:none}.lot{margin:0 0 var(--s3);padding:var(--s1) var(--s4);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);animation:.2s cubic-bezier(.2,.7,.3,1) lot-buka}.lot-baris{align-items:baseline;gap:2px var(--s3);padding:var(--s3) 0;font-size:var(--fs-sub);color:var(--text-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.lot-baris+.lot-baris{border-top:1px dashed var(--line-kuat)}.lot-baris time,.lot-baris>:first-child{color:var(--muted);font-size:var(--fs-micro)}.lot-baris strong,.lot-baris b{color:var(--text);font-weight:600;font-size:var(--fs-sub)}.lot-nilai{text-align:right;color:var(--text);white-space:nowrap;font-weight:650;font-size:var(--fs-sub);justify-self:end}.lot>li:not(.lot-baris),.lot .bantuan{padding:var(--s3) 0;border-top:1px solid var(--line);font-size:var(--fs-micro);color:var(--muted);margin:0}.rencana-total{justify-content:space-between;align-items:baseline;gap:var(--s1) var(--s4);margin:0 calc(var(--card-pad) * -1);padding:var(--s3) var(--card-pad) var(--s4);border-bottom:1px solid var(--line);font-size:var(--fs-kecil);color:var(--muted);flex-wrap:wrap;display:flex}.rencana-total>:last-child{font-size:var(--fs-besar);letter-spacing:-.02em;color:var(--text);white-space:nowrap;font-weight:700}.baris.rencana-baris{padding-block:var(--s4);align-items:start}.baris.rencana-baris>.baris-judul{align-self:center}.rencana-kanan>.baris-nilai{grid-area:1/2;justify-self:end}.rencana-kanan>.riwayat-aksi{margin-top:var(--s1);grid-area:2/2;justify-self:end}.baris.rencana-baris:has(.turun){box-shadow:inset 3px 0 0 0 var(--keluar);background:linear-gradient(90deg,#a1453a13,#a1453a00 68%)}.baris.rencana-baris:has(.dekat){box-shadow:inset 3px 0 0 0 var(--emas-terang);background:linear-gradient(90deg,#b8862f16,#b8862f00 68%)}.rencana-kanan{display:contents}.rencana-kanan .baris-nilai{font-size:var(--fs-judul)}.tombol{justify-content:center;align-items:center;gap:var(--s2);min-height:52px;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface);font-size:var(--fs-base);text-align:center;transition:transform var(--gerak), background var(--gerak), box-shadow var(--gerak);-webkit-tap-highlight-color:transparent;border:1px solid #0000;font-weight:600;line-height:1.25;display:inline-flex}.tombol svg{flex:none;width:18px;height:18px}.tombol:active{transform:scale(.985)}.aksi{gap:var(--s2);flex-wrap:wrap;display:flex}.aksi>.tombol{letter-spacing:.05em;font-weight:700}.aksi>.tombol.masuk,.aksi>.tombol.keluar{flex:128px}.aksi>.tombol.rencana{flex:104px}.tombol.masuk{background:var(--masuk);color:#fff;box-shadow:0 1px 2px #191c1e1a,inset 0 1px #ffffff24}.tombol.keluar{background:var(--keluar);color:#fff;box-shadow:0 1px 2px #191c1e1a,inset 0 1px #ffffff24}.tombol.masuk:hover{background:#256147}.tombol.keluar:hover{background:#8f3c31}.tombol.rencana{background:var(--emas-lembut);border-color:var(--emas-garis);color:var(--emas-tua);font-weight:600}.tombol.rencana:hover{background:#f0e5cd}.tombol.netral{background:var(--surface);border-color:var(--line-kuat);color:var(--text-2)}.tombol.netral:hover{background:var(--surface-2)}.tombol.bahaya-penuh{color:#fff;background:#94392d;box-shadow:0 1px 2px #191c1e1a}.tombol.bahaya-penuh:hover{background:#7f3126}.masuk-tombol{width:100%;min-height:54px;margin-top:var(--s5);justify-content:center;align-items:center;gap:var(--s2);border-radius:var(--r-md);color:#fff;font-size:var(--fs-base);letter-spacing:.01em;transition:transform var(--gerak), filter var(--gerak);background:linear-gradient(#8f6c23,#7c5c1c);border:0;font-weight:650;display:flex;box-shadow:0 1px 2px #191c1e1f,0 10px 22px -14px #5a421499}.masuk-tombol:hover{filter:brightness(1.06)}.masuk-tombol:active{transform:scale(.99)}.mini{min-height:40px;padding:0 var(--s3);border:1px solid var(--line-kuat);border-radius:var(--r-sm);background:var(--surface);color:var(--text-2);font-size:var(--fs-kecil);white-space:nowrap;transition:background var(--gerak), border-color var(--gerak), color var(--gerak);justify-content:center;align-items:center;gap:5px;font-weight:600;display:inline-flex;position:relative}.mini:after{content:"";position:absolute;inset:-5px -3px}.mini svg{width:17px;height:17px}.mini:hover{background:var(--surface-2)}.mini:has(>svg:only-child){border-radius:var(--r-pill);background:var(--surface-2);width:40px;min-width:40px;color:var(--muted);border-color:#0000;padding:0}.mini:has(>svg:only-child):hover{background:var(--press);color:var(--text)}.mini.bahaya{color:var(--keluar-teks);border-color:var(--keluar-garis)}.mini.bahaya:hover{background:var(--keluar-lembut)}.mini.bahaya:has(>svg:only-child){background:var(--keluar-lembut);color:var(--keluar-teks);border-color:#0000}.mini.bahaya:has(>svg:only-child):hover{background:#f6ded8}.rencana-kanan .riwayat-aksi .mini:nth-last-child(3):has(>svg:only-child){background:var(--masuk-lembut);color:var(--masuk-teks)}.rencana-kanan .riwayat-aksi .mini:nth-last-child(3):has(>svg:only-child):hover{background:#dcebe3}.lagi{width:100%;min-height:48px;margin:var(--s3) 0 0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--emas-tua);font-size:var(--fs-sub);transition:background var(--gerak);justify-content:center;align-items:center;gap:6px;font-weight:650;display:flex}.lagi:hover{background:var(--emas-lembut)}.tautan{min-height:32px;font:inherit;color:var(--emas);background:0 0;border:0;align-items:center;padding:0 2px;font-weight:600;display:inline-flex}.tutup{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2);width:40px;height:40px;color:var(--text-2);transition:background var(--gerak), color var(--gerak);flex:none;place-items:center;display:grid;position:relative}.tutup:after{content:"";position:absolute;inset:-4px}.tutup svg{width:18px;height:18px}.tutup:hover{background:var(--press);color:var(--text)}.pilihan{gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap;display:flex}.pilihan>.pil{flex:1 1 calc(50% - var(--s1))}.pilihan:has(>.pil:nth-child(3):last-child)>.pil{flex:88px}.pil{min-height:46px;padding:0 var(--s3);border:1px solid var(--line-kuat);border-radius:var(--r-pill);background:var(--surface);color:var(--text-2);font-size:var(--fs-sub);text-align:center;transition:background var(--gerak), color var(--gerak), border-color var(--gerak), box-shadow var(--gerak);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:6px;font-weight:550;display:inline-flex}.pil:hover{background:var(--surface-2)}.pil.aktif{background:var(--emas-lembut);border-color:var(--emas-garis);color:var(--emas-tua);box-shadow:inset 0 0 0 1px var(--emas-garis);font-weight:650}.pil.kecil{min-height:34px;padding:0 var(--s3);border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--fs-micro);font-weight:600;position:relative}.pil.kecil:after{content:"";position:absolute;inset:-7px -4px}.pil.kecil.aktif{background:var(--emas-lembut);box-shadow:none}.label{margin:var(--s5) 0 6px;font-size:var(--fs-kecil);letter-spacing:.01em;color:var(--text-2);font-weight:650;display:block}.label:first-child,.lembar-isi>:first-child .label{margin-top:0}.opsional{font-size:var(--fs-micro);color:var(--muted);letter-spacing:0;margin-left:6px;font-weight:500}.input{width:100%;min-height:50px;padding:var(--s3) var(--s3);border:1px solid var(--line-kuat);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:max(16px, var(--fs-base));transition:border-color var(--gerak), box-shadow var(--gerak);appearance:none;line-height:1.4;display:block}.input::placeholder{color:#9aa09c}.input:hover{border-color:#c8c1b1}.input:focus{border-color:var(--emas);outline:0;box-shadow:0 0 0 3px #8c6a2229}select.input{background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px) calc(50% + 1px),calc(100% - 15px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px}textarea.input{resize:vertical;min-height:84px}.input.kecil{max-width:180px;min-height:46px;padding:var(--s2) var(--s3);text-align:right}.input.kecil.kiri{text-align:left;max-width:220px}.input.kecil-tgl{width:100%;min-height:46px;padding:var(--s2) var(--s3);font-size:max(16px, var(--fs-sub))}.rentang{gap:var(--s3);padding-bottom:var(--s1);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;display:grid}.rentang label{flex-direction:column;gap:6px;min-width:0;display:flex}.rentang .baris-sub{font-size:var(--fs-kecil);color:var(--text-2);font-weight:600}.rentang .mini{align-self:end}.ejaan{margin-top:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-sm);background:color-mix(in srgb, var(--emas-lembut) 60%, #fff);color:var(--emas-tua);font-size:var(--fs-sub);font-style:italic;line-height:1.4;animation:.22s ejaan-masuk;display:block}.bantuan{font-size:var(--fs-kecil);color:var(--muted);margin-top:6px;line-height:1.5}.bantuan.hasil{margin-top:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:var(--fs-sub);font-weight:600}.bantuan.tepi{margin-top:var(--s5);text-align:center;font-size:var(--fs-sub)}.galat{gap:var(--s2);margin:0 0 var(--s3);padding:var(--s3) var(--s4);border:1px solid var(--keluar-garis);border-radius:var(--r-md);background:var(--keluar-lembut);box-shadow:inset 3px 0 0 0 var(--keluar);color:var(--keluar-teks);font-size:var(--fs-sub);font-weight:550;line-height:1.45;animation:.22s cubic-bezier(.2,.7,.3,1) galat-masuk;display:flex}.lembar-isi>div+div{margin-top:var(--s4)}.tirai{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#16141070;justify-content:center;align-items:flex-end;padding:0;animation:.2s tirai-masuk;display:flex;position:fixed;inset:0}.lembar{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;flex-direction:column;width:100%;max-width:480px;max-height:92dvh;animation:.3s cubic-bezier(.2,.8,.2,1) lembar-naik;display:flex;overflow:hidden;box-shadow:0 -10px 44px #14120e38}.lembar-kepala{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s5) var(--s5) var(--s3);border-bottom:1px solid var(--line);display:flex;position:relative}.lembar-kepala:before{content:"";border-radius:var(--r-pill);background:var(--line-kuat);width:38px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.lembar-kepala h2,.lembar-kepala h3{font-size:var(--fs-nilai);font-weight:650}.lembar-isi{-webkit-overflow-scrolling:touch;padding:var(--s5) var(--s5) var(--s6);overscroll-behavior:contain;flex:auto;overflow-y:auto}.lembar-kaki{gap:var(--s2);padding:var(--s3) var(--s5) calc(var(--s3) + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;grid-template-columns:1fr 1.5fr;display:grid;position:sticky;bottom:0}.lembar-kaki .tombol{width:100%}.app.masuk{max-width:none;min-height:100dvh;padding:var(--s6) var(--s5) calc(var(--s8) + env(safe-area-inset-bottom));background:radial-gradient(90% 60% at 50% 0%, #b8862f1a, #b8862f00 70%), var(--bg);place-items:center;display:grid}.masuk-kartu{width:100%;max-width:400px;padding:var(--s7) var(--s6) var(--s6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--bayang)}.masuk-kartu h1{font-size:var(--fs-besar);text-align:center}.masuk-kartu>.bantuan{text-align:center;font-size:var(--fs-sub);margin-top:6px}.masuk-kartu .label:first-of-type{margin-top:var(--s6)}.masuk-ikon{width:58px;height:58px;margin:0 auto var(--s5);border-radius:var(--r-pill);background:var(--emas-lembut);color:var(--emas);box-shadow:inset 0 0 0 1px var(--emas-garis), 0 8px 20px -14px #5a4214b3;place-items:center;display:grid}.masuk-ikon svg{width:26px;height:26px;display:block}.naik{color:var(--masuk-teks)}.turun{color:var(--keluar-teks)}.dekat{color:var(--emas-tua)}.ringkasan{margin:var(--s1) 0 var(--s3)}.ringkasan-isi{gap:var(--s2);flex-wrap:wrap;display:flex}.ringkasan-isi span{padding:7px var(--s3);border-radius:var(--r-pill);font-size:var(--fs-sub);white-space:nowrap;align-items:center;font-weight:650;display:inline-flex}.ringkasan-isi span.naik{background:var(--masuk-lembut);box-shadow:inset 0 0 0 1px var(--masuk-garis)}.ringkasan-isi span.turun{background:var(--keluar-lembut);box-shadow:inset 0 0 0 1px var(--keluar-garis)}.kosong{max-width:34ch;padding:var(--s6) var(--s4);color:var(--muted);font-size:var(--fs-sub);text-align:center;text-wrap:balance;margin-inline:auto;line-height:1.55;display:block}.kosong:before{content:"";width:46px;height:46px;margin:0 auto var(--s3);border-radius:var(--r-pill);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line), inset 0 0 0 8px #fff;display:block}.kosong.tengah{min-height:60dvh;font-size:var(--fs-base);padding-top:22dvh}.kosong.tengah:before{background:var(--emas-lembut);box-shadow:inset 0 0 0 1px var(--emas-garis), inset 0 0 0 9px #fff;animation:1.6s ease-in-out infinite denyut}@media (width>=760px){body{background:radial-gradient(70% 50% at 50% 0,#b8862f12,#b8862f00 70%),#efece5}.app{background:var(--bg);border-inline:1px solid var(--line);box-shadow:0 0 0 1px #191c1e03,0 30px 70px -50px #191c1e80}.topbar{background:color-mix(in srgb, var(--bg) 92%, transparent)}.tabbar{border-inline:1px solid var(--line);max-width:480px;margin-inline:auto;left:0;right:0}.tirai{padding:var(--s5);align-items:center}.lembar{border-radius:var(--r-xl);max-height:86dvh;animation-name:lembar-timbul}.isi-layar{gap:var(--s5)}}@keyframes tirai-masuk{0%{opacity:0}to{opacity:1}}@keyframes lembar-naik{0%{transform:translateY(14px)}to{transform:none}}@keyframes lembar-timbul{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes lot-buka{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes galat-masuk{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes ejaan-masuk{0%{opacity:0}to{opacity:1}}@keyframes denyut{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.tombol:active,.tab:active,.masuk-tombol:active{transform:none}}.pie{float:none;align-items:center;gap:var(--s5);width:auto;height:auto;margin:0;display:flex}.pie svg{flex:none;width:124px;height:124px}.pie-legenda{flex:auto;min-width:0;overflow:visible}.baris.tekan{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto}.baris.tekan:disabled{cursor:default}.chevron{width:auto;height:auto;font-size:var(--fs-micro);margin-left:6px;display:inline}.posisi:has(.lot) .chevron{transform:none}.kartu .baris.atur>:first-child{grid-area:1/1/-1;justify-self:start}.kartu .baris.atur.tumpuk>:first-child{grid-column:1;justify-self:stretch}.kartu .baris.atur:has(>.input){gap:var(--s2);grid-template-columns:minmax(0,1fr)}.kartu .baris.atur:has(>.input)>*{grid-area:auto/1;justify-self:start}.kartu .baris.atur:has(>.input)>.input{width:100%;max-width:220px}.baris.rencana-baris>.riwayat-aksi,.rencana-kanan>.riwayat-aksi{margin-top:var(--s2);grid-area:2/1/auto/-1;justify-self:end}.baris.riwayat{grid-template-columns:auto minmax(0,1fr)}.baris.riwayat>.riwayat-aksi{margin-top:var(--s2);grid-area:2/2;justify-self:end}.tab-ikon{font-size:18px;line-height:1}.masuk-ikon{font-size:26px;line-height:1}.tanda{font-size:var(--fs-sub);font-weight:700}.tutup{font-size:var(--fs-sub)}.riwayat-teks .baris-judul{font-size:var(--fs-base)}.baris.tekan{grid-template-columns:minmax(0,1fr) fit-content(140px)}.posisi-nilai{max-width:none}.posisi-nilai>:first-child{font-size:var(--fs-base)}.posisi-nilai>:not(:first-child){white-space:normal}.baris.tekan .baris-judul{font-size:var(--fs-base)}.tombol.investasi{color:#2f5680;background:#eaf1f8;border-color:#cdddee;font-weight:600}.tombol.investasi:hover{background:#ddeaf5}.aksi>.tombol.investasi{flex:104px}.aksi>.tombol.lebar{flex:100%}.kartu-judul.kartu-lipat{width:calc(100% + 2 * var(--card-pad));border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--gerak);background:0 0;border-radius:0;justify-content:space-between}.kartu-judul.kartu-lipat:hover{color:var(--text-2)}.lipat-teks{align-items:center;gap:var(--s2);min-width:0;display:inline-flex}.lipat-chevron{color:var(--line-kuat);font-size:var(--fs-judul);flex:none;line-height:1}.kartu-judul.kartu-lipat:hover .lipat-chevron{color:var(--muted)}.masuk-tautan{margin-top:var(--s4);text-align:center;font-size:var(--fs-sub)}.masuk-kartu .bantuan.hasil{margin-top:var(--s5)}