@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--bg:#f3f4f0;--surface:#fff;--press:#f2f3ef;--press-2:#f8f9f6;--chip:#eef0ec;--segmen:#eceee9;--line:#ecedea;--line-kuat:#e2e3df;--line-baris:#f1f2ee;--text:#2b302a;--text-2:#5c615a;--muted:#6b706a;--muted-2:#7c817a;--samar:#a1a59d;--sage:#6f7e62;--sage-tua:#61705a;--sage-teks:#566a49;--sage-lembut:#e7ece2;--terra:#a8543a;--terra-lembut:#f7ece8;--terra-garis:#d8b3a6;--emas:#b0954c;--emas-lembut:#efe7d6;--biru:#7f8b9b;--biru-lembut:#e6e9ee;--abu-bar:#8f9aa6;--naik:#566a49;--turun:#a8543a;--pie-1:#6f7e62;--pie-2:#8f9aa6;--pie-3:#b0954c;--pie-4:#a8543a;--pie-5:#7f8b9b;--pie-6:#9a8f6a;--pie-7:#5f7a7a;--pie-8:#b5a17b;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-pill:999px;--bayang:0 1px 2px #2b302a0a, 0 5px 14px #2b302a0d;--bayang-kecil:0 1px 2px #2b302a0a, 0 4px 10px #2b302a0b;--bayang-lembar:0 20px 60px #2b302a47;--nav-w:240px;--topbar-h:62px;--isi-maks:1200px;--gerak:.18s cubic-bezier(.2, .7, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{margin:0;line-height:1.2}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select,textarea{font:inherit;color:inherit}svg{display:block}a,.tautan{color:var(--sage);text-underline-offset:2px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}a:hover,.tautan:hover{color:var(--sage-tua)}:focus{outline:none}:focus-visible{outline:2px solid var(--sage);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:#6f7e6238}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#d8dcd3;border-radius:99px}::-webkit-scrollbar-track{background:0 0}.angka,.kpi-nilai,.tabel td,.baris-nilai,.lot-baris,.input,.chip,.ejaan,.komposisi-legenda,.total-baris{font-variant-numeric:tabular-nums}.naik{color:var(--naik)}.turun{color:var(--turun)}.samar-teks{color:var(--samar)}.app{background:var(--bg);min-height:100dvh;display:flex}.tabbar{width:var(--nav-w);background:var(--surface);border-right:1px solid var(--line);z-index:20;flex-direction:column;padding:18px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.merek{align-items:center;gap:11px;padding:6px 8px 20px;display:flex}.merek-ikon{background:var(--sage);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.merek-teks{flex-direction:column;min-width:0;line-height:1.15;display:flex}.merek-teks b{letter-spacing:.01em;font-size:17px;font-weight:800}.merek-teks small{color:var(--muted-2);letter-spacing:.02em;white-space:nowrap;font-size:10px;font-weight:500}.menu-label{letter-spacing:.1em;text-transform:uppercase;color:var(--samar);padding:6px 8px 9px;font-size:11px;font-weight:600}.tab-daftar{flex-direction:column;gap:3px;display:flex}.tab{width:100%;color:var(--text-2);text-align:left;transition:background var(--gerak), color var(--gerak);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14.5px;font-weight:500;display:flex}.tab:hover{background:var(--press)}.tab.aktif{background:var(--segmen);color:var(--text);font-weight:600}.tab-ikon{color:inherit;flex:none;display:flex}.tab-kaki{color:var(--samar);margin-top:auto;padding:14px 8px 4px;font-size:11px;line-height:1.4}.kanan{min-width:0;padding-left:var(--nav-w);flex-direction:column;flex:1;display:flex}.topbar{z-index:10;min-height:var(--topbar-h);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f3f4f0db;border-bottom:1px solid #e7e8e3;justify-content:space-between;align-items:center;gap:16px;padding:12px 30px;display:flex;position:sticky;top:0}.topbar-judul{color:var(--text);font-size:15px;font-weight:700}.topbar-kiri{align-items:center;gap:10px;min-width:0;display:flex}.topbar-aksi{align-items:center;gap:10px;display:flex}.tombol-laci{display:none}.akun-wadah{position:relative}.pil-akun{border:1px solid var(--line-kuat);background:var(--surface);border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:5px 10px 5px 6px;display:inline-flex}.pil-akun:hover{background:var(--press)}.pil-akun .pil-nama{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.pil-akun .chevron{color:var(--muted-2)}.avatar{background:var(--sage);color:#fff;letter-spacing:.02em;border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.avatar.bulat{background:var(--segmen);width:26px;height:26px;color:var(--muted);border-radius:50%;font-size:10px}.avatar.besar{border-radius:50%;width:30px;height:30px}.menu-akun{background:var(--surface);border:1px solid var(--line);width:260px;box-shadow:var(--bayang-lembar);z-index:30;animation:timbul var(--gerak);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu-akun-kepala{border-bottom:1px solid var(--line-baris);margin-bottom:4px;padding:10px 12px 8px}.menu-akun-kepala b{font-size:14px;display:block}.menu-akun-kepala span{color:var(--muted);overflow-wrap:anywhere;font-size:12px;display:block}.menu-akun-item{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex}.menu-akun-item:hover{background:var(--press)}.menu-akun-item.bahaya{color:var(--terra)}.bahasa-segmen{background:var(--segmen);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.bahasa-segmen button{color:var(--muted);border-radius:7px;min-height:32px;padding:6px 10px;font-size:12px;font-weight:700}.bahasa-segmen button.aktif{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #2b302a1f}.isi-layar{width:100%;max-width:var(--isi-maks);flex-direction:column;gap:16px;margin:0 auto;padding:28px 30px 56px;display:flex}.kepala-layar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:6px;display:flex}.kepala-layar h1{letter-spacing:-.025em;margin-bottom:6px;font-size:34px;font-weight:700}.kepala-sub{color:var(--muted);font-size:15px}.kepala-aksi{flex-wrap:wrap;gap:8px;display:flex}.bagian-label{letter-spacing:.1em;text-transform:uppercase;color:var(--samar);justify-content:space-between;align-items:center;gap:10px;margin-bottom:-4px;font-size:11px;font-weight:600;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}@media (width>=1024px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.kpi-grid.kecil{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--bayang);min-width:0;padding:20px 22px;container-type:inline-size}.kpi-kepala{align-items:center;gap:12px;margin-bottom:16px;display:flex}.kpi-ikon{background:var(--sage-lembut);width:44px;height:44px;color:var(--sage);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.kpi-ikon.emas{background:var(--emas-lembut);color:var(--emas)}.kpi-ikon.biru{background:var(--biru-lembut);color:var(--biru)}.kpi-ikon.terra{background:var(--terra-lembut);color:var(--terra)}.kpi-label{font-size:14.5px;font-weight:600}.kpi-nilai{letter-spacing:-.02em;white-space:nowrap;font-size:clamp(17px,10.5cqw,29px);font-weight:700;line-height:1.1}.kpi-sub{color:var(--muted);margin-top:9px;font-size:13px}.kpi.kecil{border-radius:var(--r-lg);box-shadow:var(--bayang-kecil);padding:14px 16px}.kpi.kecil .kpi-label{color:var(--muted);margin-bottom:8px;font-size:12.5px;display:block}.kpi.kecil .kpi-nilai{font-size:clamp(15px,11cqw,21px)}.kpi.kecil .kpi-sub{margin-top:6px;font-size:11.5px}.kartu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--bayang);min-width:0;padding:18px 24px 20px}.kartu-kepala{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.kartu-kepala.tertutup{margin-bottom:0}.kartu-judul-grup{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.kartu-judul{font-size:18px;font-weight:700}.kartu-petunjuk{color:var(--muted-2);font-size:12px}.kartu-kaki{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 2px 2px;display:flex}.kartu-kaki span{color:var(--text-2);font-size:13px;font-weight:600}.kartu-kaki b{font-size:16px;font-weight:800}.sub-label{letter-spacing:.1em;text-transform:uppercase;color:var(--samar);padding:2px 2px 6px;font-size:11px;font-weight:600;display:block}.daftar-baris+.sub-label{margin-top:16px}.lencana{border-radius:var(--r-pill);background:var(--chip);color:var(--muted);vertical-align:middle;align-items:center;margin-left:8px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.spanduk{border-radius:var(--r-lg);box-shadow:var(--bayang-kecil);background:#fbf2ee;border:1px solid #ecd6cc;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.spanduk .kpi-ikon{width:40px;height:40px}.spanduk-teks{flex-direction:column;flex:1;gap:2px;min-width:200px;display:flex}.spanduk-teks .label{color:var(--terra);margin:0}.spanduk-teks b{letter-spacing:-.01em;font-size:20px;font-weight:700}.spanduk-teks small{color:var(--muted);font-size:12.5px}.kartu.pemberitahuan{background:#fbf7ec;border-color:#e6d9b8}.kartu.pemberitahuan .kartu-judul{font-size:15px}.tabel-gulir{margin:0 -8px;padding:0 8px;overflow-x:auto}.tabel{border-collapse:collapse;width:100%}.tabel th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap;border-bottom:1px solid #eef0ec;padding:11px 8px;font-size:11px;font-weight:600}.tabel td{border-bottom:1px solid var(--line-baris);vertical-align:middle;padding:12px 8px;font-size:13.5px}.tabel tbody tr:last-child td{border-bottom:0}.tabel tbody tr.tekan{cursor:pointer}.tabel tbody tr.tekan:hover td{background:var(--press-2)}.tabel tbody tr.tekan:focus-visible{outline:2px solid var(--sage);outline-offset:-2px}.tabel th.angka,.tabel td.angka{text-align:right;white-space:nowrap}.tabel td.tgl{color:var(--muted-2);white-space:nowrap}.tabel td.nama{min-width:120px;font-weight:600}.tabel td.redup{color:var(--text-2)}.tabel td.samar{color:var(--muted);overflow-wrap:anywhere;max-width:170px;font-size:12.5px}.tabel td.tebal{font-weight:700}.tabel td.kosong-tanda{color:#c8ccc4}.tabel .tabel-sub{color:var(--muted);margin-top:2px;font-size:11.5px;font-weight:500;display:block}.tabel tfoot td{border-bottom:0;border-top:1px solid var(--line-baris);padding-top:14px;font-weight:800}.tabel tfoot td.total-label{text-align:right;color:var(--text-2);font-weight:600}.tabel tfoot td.total-idr{color:var(--muted);white-space:nowrap;font-size:12.5px;font-weight:500}.tabel td.oleh{white-space:nowrap}.tabel td.oleh span{align-items:center;gap:8px;font-size:13px;display:inline-flex}.sel-isi{background:0 0;border:0;border-radius:6px;width:100%;min-width:96px;padding:6px;font-size:13.5px;font-weight:700}.sel-isi.tgl-isi{color:var(--muted);min-width:124px;font-size:13px;font-weight:500}.sel-isi:hover{background:#f0f2ed}.sel-isi:focus-visible{box-shadow:inset 0 -2px 0 var(--sage);background:#eef2ea;outline:none}.lagi{width:100%;color:var(--sage);border-radius:10px;margin-top:8px;padding:10px;font-size:13px;font-weight:600;display:block}.lagi:hover{background:var(--press)}.daftar-baris{border-top:1px solid var(--line-baris)}.baris{border-bottom:1px solid var(--line-baris);justify-content:space-between;align-items:center;gap:16px;padding:14px 2px;display:flex}.baris-kiri{flex-direction:column;gap:4px;min-width:0;display:flex}.baris-judul{flex-wrap:wrap;align-items:center;gap:9px;font-size:19px;font-weight:700;display:flex}.baris-judul.kecil{font-size:15px}.baris-sub{color:var(--muted);font-size:12.5px}.baris-kanan{text-align:right;flex:none}.baris-nilai{font-size:16px;font-weight:800}.baris-banding{color:var(--muted);margin-top:2px;font-size:12px}.baris-banding b{font-weight:700}.posisi{border-bottom:1px solid var(--line-baris)}.posisi>.baris{border-bottom:0}.posisi .tekan{text-align:left;cursor:pointer;width:100%}.posisi .tekan:disabled{cursor:default}.posisi .chevron{color:var(--samar);transition:transform var(--gerak)}.posisi .chevron.terbuka{transform:rotate(180deg)}.lot{background:var(--press-2);animation:timbul var(--gerak);border-radius:12px;margin:0 0 14px;padding:4px 16px}.lot-baris{color:var(--text-2);border-bottom:1px solid #edefe9;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.lot-baris>span:last-child{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.lot-baris .lot-jumlah{color:var(--muted);font-size:12.5px}.lot-baris .lot-nilai{color:var(--text);font-size:14px;font-weight:700}.lot .bantuan{padding:10px 2px}.baris.atur{align-items:center}.baris.atur .baris-judul{font-size:15px}.baris.atur .kendali{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.baris.atur .kendali .input{width:200px}.tombol{white-space:nowrap;min-height:40px;transition:background var(--gerak), border-color var(--gerak);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.tombol:disabled{opacity:.5;cursor:not-allowed}.tombol.masuk,.tombol.utama{background:var(--sage);color:#fff}.tombol.masuk:hover,.tombol.utama:hover{background:var(--sage-tua)}.tombol.keluar{background:var(--surface);color:var(--terra);border-color:var(--terra-garis)}.tombol.keluar:hover{background:var(--terra-lembut)}.tombol.netral{background:var(--surface);color:var(--text);border-color:var(--line-kuat);font-weight:600}.tombol.netral:hover{background:var(--press)}.tombol.bahaya-penuh{background:var(--terra);color:#fff}.tombol.bahaya-penuh:hover{background:#944a33}.tombol.ikon{border-color:var(--line-kuat);background:var(--surface);width:36px;min-height:36px;color:var(--text-2);padding:0}.tombol.ikon:hover{background:var(--press)}.tombol.ikon .chevron{transition:transform var(--gerak)}.tombol.ikon[aria-expanded=true] .chevron{transform:rotate(180deg)}.tombol.lebar{width:100%}.tombol-lipat{border:1px solid var(--line-kuat);background:var(--surface);color:var(--text-2);letter-spacing:0;text-transform:none;border-radius:9px;align-items:center;gap:7px;min-height:34px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.tombol-lipat:hover{background:var(--press)}.tombol-lipat .chevron{transition:transform var(--gerak)}.tombol-lipat[aria-expanded=true] .chevron{transform:rotate(180deg)}.mini{border:1px solid var(--line-kuat);background:var(--surface);color:var(--text-2);border-radius:8px;align-items:center;gap:4px;min-height:32px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.mini:hover{background:var(--press)}.mini.bahaya{color:var(--terra);border-color:#eceae7}.mini.bahaya:hover{background:var(--terra-lembut);border-color:#e6ccc3}.mini.hijau{color:var(--sage-teks)}.riwayat-aksi{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.aksi{flex-wrap:wrap;gap:8px;display:flex}.aksi.kanan{justify-content:flex-end}.chip{border-radius:var(--r-pill);background:var(--chip);color:var(--muted);white-space:nowrap;vertical-align:middle;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.chip.hijau{background:var(--sage-lembut);color:var(--sage-teks)}.chip.merah{color:var(--terra);background:#f2e7e1}.chip.emas{background:var(--emas-lembut);color:#7d6a2d}.chip.titik:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.segmen{background:var(--segmen);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmen.lebar{width:100%}.segmen button{color:var(--muted);white-space:nowrap;border-radius:7px;flex:1;min-height:38px;padding:9px 14px;font-size:13px;font-weight:600}.segmen button.aktif{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #2b302a1f}.segmen button.aktif.masuk{color:var(--sage-teks)}.segmen button.aktif.keluar{color:var(--terra)}.segmen-baris{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.segmen-baris>.label{margin:0}.pilihan{flex-wrap:wrap;gap:6px;display:flex}.pil{border-radius:var(--r-pill);border:1px solid var(--line-kuat);background:var(--surface);color:var(--text-2);align-items:center;min-height:36px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.pil:hover{background:var(--press)}.pil.aktif{background:var(--sage-lembut);border-color:var(--sage-lembut);color:var(--sage-teks)}.label{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.label .opsional{color:var(--samar);font-weight:500}.bidang{flex-direction:column;display:flex}.bidang+.bidang,.bidang+.bidang-baris,.bidang-baris+.bidang{margin-top:14px}.bidang-baris{gap:12px;display:flex}.bidang-baris>*{flex:1;min-width:0;margin-top:0!important}.input{border:1px solid var(--line-kuat);background:var(--surface);width:100%;color:var(--text);min-height:42px;caret-color:var(--sage);border-radius:9px;padding:9px 11px;font-size:14px;font-weight:500}.input:hover{border-color:#c3c8bd}.input:focus-visible{border-color:var(--sage);outline:none}.input.kanan{text-align:right}.input.kecil{min-height:38px;padding:7px 10px}select.input{cursor:pointer}input[type=date].input{min-width:0}input[type=file]{display:none}.ejaan{color:var(--muted);text-align:right;margin-top:4px;font-size:11.5px;font-style:italic}.bantuan{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.45}.bantuan.hasil{color:var(--sage-teks);font-weight:600}.bantuan.tepi{margin-top:0}.galat{background:var(--terra-lembut);color:var(--terra);animation:timbul var(--gerak);border-radius:10px;margin-top:10px;padding:10px 12px;font-size:13px;font-weight:600}.jarak-atas{margin-top:12px}.rentang{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.rentang label{flex-direction:column;gap:4px;display:flex}.rentang .input{width:170px}.rentang .mini{align-self:center;margin-bottom:3px}.form-sisip{background:var(--press-2);border-radius:12px;margin:8px 0 14px;padding:16px}.tirai{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b302a6b;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out tirai-masuk;display:flex;position:fixed;inset:0}.lembar{background:var(--surface);width:min(480px,100%);max-height:90dvh;box-shadow:var(--bayang-lembar);animation:timbul var(--gerak);border-radius:18px;flex-direction:column;display:flex}.lembar.lebar{width:min(720px,100%)}.lembar-kepala{justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 0;display:flex}.lembar-kepala h2{font-size:19px;font-weight:700}.tutup{background:var(--press);width:32px;height:32px;color:var(--text-2);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.tutup:hover{background:var(--segmen)}.lembar-isi{flex-direction:column;gap:14px;padding:14px 24px 4px;display:flex;overflow-y:auto}.lembar-isi>.label{margin-bottom:-9px}.lembar-kaki{align-items:center;gap:10px;padding:14px 24px 22px;display:flex}.lembar-kaki .isi-ruang{flex:1}.lembar-kaki .hapus{color:var(--terra);padding:9px 4px;font-size:13px;font-weight:600}.lembar-kaki .hapus:hover{text-decoration:underline}.masuk-layar{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.masuk-kartu{background:var(--surface);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--bayang);border-radius:20px;flex-direction:column;gap:14px;padding:32px 32px 26px;display:flex}.masuk-kartu .merek{padding:0 0 8px}.masuk-kartu h1{letter-spacing:-.02em;font-size:26px;font-weight:700}.masuk-kartu .bantuan.tepi{margin-top:-8px}.masuk-tombol{width:100%;margin-top:6px}.masuk-tautan{text-align:center;font-size:13px}.masuk-kartu .bahasa-segmen{align-self:center;margin-top:4px}.kosong{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line-kuat);border-radius:var(--r-xl);padding:28px 20px;font-size:14px}.kosong.tengah{background:0 0;border:0;max-width:360px;margin:40vh auto 0}.kosong.dalam{background:var(--press-2);border:0;border-radius:12px;padding:22px}.peringatan{color:#7d6a2d;background:#fbf7ec;border:1px solid #e6d9b8;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.sumber-kurs{color:var(--muted-2);font-size:12px}.komposisi-bar{gap:4px;height:14px;margin-bottom:16px;display:flex}.komposisi-bar span{border-radius:var(--r-pill);min-width:4px;height:100%}.komposisi-legenda{flex-wrap:wrap;gap:10px 24px;display:flex}.komposisi-legenda li{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.komposisi-legenda .titik{border-radius:50%;flex:none;width:9px;height:9px}.komposisi-legenda b{color:var(--text);font-weight:600}.komposisi-legenda .persen{color:var(--muted-2)}.grafik-legenda{color:var(--text-2);gap:16px;font-size:12.5px;display:flex}.grafik-legenda span{align-items:center;gap:7px;display:inline-flex}.grafik-legenda i{border-radius:3px;width:10px;height:10px}.grafik-batang{align-items:flex-end;gap:12px;height:150px;display:flex}.grafik-bulan{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:10px;min-width:0;height:100%;display:flex}.grafik-bulan .batang-grup{justify-content:center;align-items:flex-end;gap:6px;width:100%;height:112px;display:flex}.grafik-bulan .batang{border-radius:5px 5px 0 0;width:15px;min-height:2px}.grafik-bulan .batang.masuk{background:var(--sage)}.grafik-bulan .batang.keluar{background:#cdd3c6}.grafik-bulan .bulan{color:var(--muted-2);white-space:nowrap;font-size:12px}.lokasi-daftar{flex-direction:column;display:flex}.lokasi-baris{border-bottom:1px solid var(--line-baris);align-items:center;gap:12px;padding:10px 2px;display:flex}.lokasi-baris:last-child{border-bottom:0}.lokasi-baris .nama{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px;font-weight:600}.lokasi-baris .persen{color:var(--muted-2);text-align:right;width:52px;font-size:12.5px}.lokasi-baris .nilai{text-align:right;font-size:14px;font-weight:700}.lokasi-baris .rel{background:var(--chip);border-radius:99px;flex:none;width:90px;height:6px;overflow:hidden}.lokasi-baris .rel i{background:var(--sage);border-radius:99px;height:100%;display:block}@keyframes tirai-masuk{0%{opacity:0}to{opacity:1}}@keyframes timbul{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes laci-masuk{0%{transform:translate(-100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1023px){.kanan{padding-left:0}.tabbar{width:min(300px,84vw);box-shadow:none;padding-bottom:calc(18px + env(safe-area-inset-bottom));transition:transform .22s cubic-bezier(.2,.7,.3,1);transform:translate(-100%)}.tabbar.terbuka{transform:none;box-shadow:0 20px 60px #2b302a4d}.tirai-nav{z-index:19;background:#2b302a59;animation:.16s ease-out tirai-masuk;position:fixed;inset:0}.tombol-laci{border:1px solid var(--line-kuat);background:var(--surface);width:40px;height:40px;color:var(--text-2);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.topbar{padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top))}.pil-akun .pil-nama{display:none}.pil-akun{padding:5px}.pil-akun .chevron{display:none}.menu-akun{width:min(280px,100vw - 32px)}.isi-layar{padding:20px 16px calc(40px + env(safe-area-inset-bottom));gap:14px}.kartu-petunjuk{display:none}.kepala-layar h1{font-size:26px}.kepala-sub{font-size:14px}.kartu{border-radius:16px;padding:16px}.kpi{padding:16px 18px}.kpi-nilai{font-size:24px}.kpi-grid{gap:12px}}@media (width<=759px){.kpi-grid,.kpi-grid.kecil{grid-template-columns:minmax(0,1fr);gap:10px}.kpi .kpi-nilai{font-size:clamp(19px,8cqw,26px)}.kpi-kepala{gap:10px;margin-bottom:10px}.kpi-ikon{border-radius:10px;width:38px;height:38px}.kpi-label{font-size:13.5px}.kpi-sub{margin-top:6px}.kpi.kecil{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label nilai""sub nilai";align-items:center;column-gap:12px;padding:12px 14px;display:grid}.kpi.kecil .kpi-label{grid-area:label;margin-bottom:0}.kpi.kecil .kpi-nilai{text-align:right;grid-area:nilai;font-size:clamp(14px,5.5cqw,18px)}.kpi.kecil .kpi-sub{grid-area:sub;margin-top:2px}.kepala-aksi{width:100%}.kepala-aksi .tombol{flex:1}.baris-judul{font-size:16px}.baris-nilai{font-size:15px}.baris.atur{flex-direction:column;align-items:stretch;gap:8px}.baris.atur .kendali{justify-content:flex-start}.baris.atur .kendali .input,.rentang .input{width:100%}.rentang label{flex:140px}.bidang-baris{flex-direction:column;gap:14px}.tirai{align-items:flex-end;padding:0}.lembar,.lembar.lebar{width:100%;max-height:92dvh;animation:lembar-naik var(--gerak);border-radius:18px 18px 0 0}.lembar-kepala{padding:18px 18px 0}.lembar-isi{padding:12px 18px 4px}.lembar-kaki{padding:12px 18px calc(18px + env(safe-area-inset-bottom));flex-wrap:wrap}.lembar-kaki .tombol{flex:1}.lembar-kaki .hapus{text-align:left;flex-basis:100%;order:9}.lembar-kaki .isi-ruang{display:none}.tabel-gulir{margin:0;padding:0;overflow:visible}.tabel,.tabel tbody,.tabel tr,.tabel td,.tabel tfoot{display:block}.tabel thead{display:none}.tabel tbody tr{border-bottom:1px solid var(--line-baris);padding:12px 0}.tabel tbody tr:last-child{border-bottom:0}.tabel tbody tr td{text-align:left;border:0;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:13.5px;display:flex}.tabel tbody tr.tekan:hover td{background:0 0}.tabel tbody tr.tekan:active{background:var(--press-2)}.tabel tbody td:before{content:attr(data-label);color:var(--muted);flex:0 0 38%;font-size:11.5px;font-weight:600}.tabel tbody td.nama{padding-bottom:6px;font-size:15px;display:block}.tabel tbody td.nama:before{display:none}.tabel tbody td.angka,.tabel tbody td.samar{text-align:right;max-width:none}.tabel tbody td.tgl,.tabel tbody td.oleh{white-space:normal}.tabel tbody td.tanpa-label:before{display:none}.tabel tbody td.tanpa-label{justify-content:flex-end}.tabel tbody td:empty{display:none}.tabel tfoot tr{border-top:1px solid var(--line-kuat);flex-wrap:wrap;gap:6px 12px;margin-top:4px;padding:12px 0 0;display:flex}.tabel tfoot td{border:0;padding:0;font-size:13.5px}.tabel tfoot td:empty{display:none}.tabel tfoot td.total-label{text-align:left}.tabel tfoot td.angka{margin-left:auto}.sel-isi{text-align:right;min-width:0}.grafik-batang{gap:6px}.grafik-bulan .batang{width:11px}.komposisi-legenda{gap:8px 16px}.lokasi-baris .rel{display:none}}@keyframes lembar-naik{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (width>=760px) and (width<=1023px){.isi-layar{padding:24px 24px 48px}}