:root{--latar:#f3f6fb;--kertas:#fff;--tinta:#0f1f3d;--tinta-lembut:#3b4a6b;--abu:#66718a;--garis:#d5dcea;--biru:#1250b8;--biru-pekat:#0b2a6f;--biru-tipis:#e4ebf9;--emas:#c9a227;--emas-tipis:#f6ecc9;--merah:#b3261e;--lebar:44rem;--radius:14px;--sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:"Fraunces", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--latar);color:var(--tinta);font-family:var(--sans);margin:0;font-size:1.0625rem;line-height:1.6}a{color:var(--biru-pekat)}a:focus-visible,button:focus-visible{outline:3px solid var(--emas);outline-offset:3px}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}.wadah{width:min(100% - 2.5rem, var(--lebar));margin-inline:auto}.kepala{z-index:10;background:color-mix(in srgb, var(--latar) 88%, white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--garis);position:sticky;top:0}.kepala .wadah{justify-content:space-between;align-items:center;height:3.5rem;display:flex}.merek{letter-spacing:-.01em;color:var(--tinta);align-items:center;gap:.6rem;font-weight:800;text-decoration:none;display:flex}.merek-lambang{border-radius:50%;width:2.25rem;height:2.25rem}.tombol{white-space:nowrap;min-height:2.75rem;font:inherit;cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.tombol-utama{background:var(--biru);color:#fff}.tombol-utama:hover{background:var(--biru-pekat)}.tombol-garis{border-color:var(--biru);color:var(--biru-pekat);background:0 0}.hero{padding:2.5rem 0;position:relative;overflow:hidden}.hero-logo{filter:drop-shadow(0 6px 18px #0b2a6f40);width:clamp(9rem,38vw,13rem);height:auto;margin-bottom:1.25rem;display:block}.hero-moto{font-family:var(--serif);color:var(--biru-pekat);margin-top:1rem;font-size:1.125rem;font-style:italic}@media (width>=40rem){.hero-isi{grid-template-columns:auto 1fr;align-items:center;gap:2rem;display:grid}.hero-logo{margin-bottom:0}}.hero-langit{z-index:-1;background:radial-gradient(60rem 22rem at 50% -8rem, var(--biru-tipis), transparent 70%);position:absolute;inset:0}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--biru-pekat);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--emas);width:1.5rem;height:2px}.hero h1{font-family:var(--serif);letter-spacing:-.02em;margin-top:.75rem;font-size:clamp(2.5rem,9vw,4.25rem);font-weight:600;line-height:1.02}.hero h1 em{color:var(--biru);font-style:italic}.hero-tempat{color:var(--tinta-lembut);margin-top:.75rem;font-weight:600}.hero-lede{max-width:34rem;color:var(--tinta-lembut);margin-top:1.25rem;font-size:1.125rem}.hero-lede strong{color:var(--tinta)}.pintu{gap:.75rem;margin-top:1.75rem;display:grid}@media (width>=40rem){.pintu{grid-template-columns:repeat(3,1fr)}}.pintu-kartu{background:var(--kertas);border:1px solid var(--garis);border-radius:var(--radius);color:inherit;padding:1rem 1.1rem;text-decoration:none;display:block;position:relative}.pintu-kartu[aria-disabled=true]{cursor:default}.pintu-kartu h3{font-size:1.0625rem;font-weight:800}.pintu-kartu p{color:var(--abu);margin-top:.2rem;font-size:.9375rem}.lencana{letter-spacing:.04em;background:var(--emas-tipis);color:#6d5405;border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:700;position:absolute;top:.85rem;right:.9rem}.bagian{padding:2.5rem 0}.bagian+.bagian{border-top:1px solid var(--garis)}.bagian h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:800}.bagian .keterangan{color:var(--abu);max-width:34rem;margin-top:.35rem}.jalur{margin-top:1.75rem;padding-left:2.25rem;position:relative}.jalur:before{content:"";background:linear-gradient(var(--biru), var(--emas));border-radius:3px;width:6px;position:absolute;top:.5rem;bottom:.5rem;left:.8rem}.stasiun{padding:.25rem 0 1.6rem;position:relative}.stasiun:last-child{padding-bottom:0}.stasiun:before{content:"";background:var(--kertas);border:5px solid var(--biru);width:1.6rem;height:1.6rem;box-shadow:0 0 0 3px var(--latar);border-radius:50%;position:absolute;top:.55rem;left:-2.25rem}.stasiun-p0:before{border-color:var(--emas)}.stasiun-kode{letter-spacing:.1em;color:var(--biru-pekat);font-size:.75rem;font-weight:800}.stasiun-nama{font-size:1.25rem;font-weight:800;line-height:1.25}.stasiun-bidang{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.stasiun-bidang li{background:var(--biru-tipis);color:var(--biru-pekat);border-radius:999px;padding:.15rem .65rem;font-size:.875rem}.stasiun-bidang li b{margin-right:.3rem;font-weight:800}@media (prefers-reduced-motion:no-preference){.stasiun{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(10px)}.stasiun.tampak{opacity:1;transform:none}}.jalur-kosong{color:var(--abu);font-style:italic}.prinsip{gap:1rem;margin-top:1.5rem;display:grid}@media (width>=40rem){.prinsip{grid-template-columns:repeat(3,1fr)}}.prinsip li{background:var(--kertas);border-left:4px solid var(--emas);border-radius:0 var(--radius) var(--radius) 0;padding:1rem 1.1rem}.prinsip h3{font-size:1.0625rem;font-weight:800}.prinsip p{color:var(--tinta-lembut);margin-top:.3rem;font-size:.9375rem}.status{color:var(--abu);align-items:center;gap:.6rem;font-size:.9375rem;display:flex}.status-titik{background:var(--abu);border-radius:50%;width:.7rem;height:.7rem}.status-titik.ok{background:var(--biru)}.status-titik.gagal{background:var(--merah)}.kaki{border-top:1px solid var(--garis);color:var(--abu);padding:2rem 0 3rem;font-size:.9375rem}.kaki p+p{margin-top:.4rem}.pintu>li,.prinsip>li,.stasiun{min-width:0}.stasiun-nama,.pintu-kartu h3,.hero h1{overflow-wrap:anywhere}.wadah-sempit{max-width:28rem}.tautan-kembali{margin-bottom:1.25rem;font-weight:600;text-decoration:none;display:inline-block}.formulir{background:var(--kertas);border:1px solid var(--garis);border-radius:var(--radius);gap:1rem;padding:1.5rem 1.25rem;display:grid}.formulir+.formulir{margin-top:1.25rem}.formulir h1{letter-spacing:-.01em;font-size:1.75rem;font-weight:800}.formulir h2{font-size:1.25rem;font-weight:800}.formulir label{gap:.35rem;font-weight:600;display:grid}.formulir input{font:inherit;border:2px solid var(--garis);min-height:3rem;color:var(--tinta);background:#fff;border-radius:10px;padding:.5rem .85rem}.formulir input:focus{border-color:var(--biru);box-shadow:0 0 0 3px var(--biru-tipis);outline:none}.formulir .tombol{width:100%}.formulir .tombol[disabled]{opacity:.6;cursor:wait}.pesan{border-radius:10px;padding:.6rem .85rem;font-weight:600}.pesan-gagal{color:var(--merah);background:#fbe9e7}.pesan-ok{background:var(--biru-tipis);color:var(--biru-pekat)}.pj-kepala{padding:2.5rem 0 1.5rem}.pj-kepala h1{font-family:var(--serif);letter-spacing:-.02em;margin-top:.5rem;font-size:clamp(2rem,7vw,3.25rem);font-weight:600;line-height:1.05}.pj-kepala h1 em{color:var(--biru);font-style:italic}.pj-tagline{font-family:var(--serif);color:var(--biru-pekat);margin-top:.75rem;font-size:1.125rem;font-style:italic}.linimasa{background:var(--kertas);border:1px solid var(--garis);border-radius:var(--radius);margin-top:1.5rem;padding:1rem 1.1rem 1.25rem}.linimasa-tahun{color:var(--tinta-lembut);letter-spacing:.04em;grid-template-columns:repeat(5,1fr);font-size:.8125rem;font-weight:800;display:grid}.linimasa-tahun span{border-left:2px solid var(--garis);padding-left:.35rem}.linimasa-tahun span:last-child{position:relative}.linimasa-tahun span:last-child:after{content:attr(data-akhir);color:var(--biru-pekat);position:absolute;top:0;right:0}.linimasa-tahap{grid-template-columns:1fr 2fr 2fr;gap:4px;margin-top:.5rem;display:grid}.tahap{color:#fff;border-radius:8px;min-height:3.6rem;padding:.55rem .6rem}.tahap b{letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;display:block}.tahap span{opacity:.92;font-size:.8125rem}.tahap-pendek{background:var(--biru-pekat)}.tahap-menengah{background:var(--biru)}.tahap-panjang{background:linear-gradient(90deg, var(--biru), #b8901d)}.linimasa-kini{height:1.4rem;margin-top:.35rem;position:relative}.linimasa-kini span{color:#6d5405;background:var(--emas-tipis);white-space:nowrap;border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:800;position:absolute;transform:translate(-50%)}.linimasa-kini span:before{content:"";background:var(--emas);width:2px;height:1rem;position:absolute;top:-1.05rem;left:50%}.pj-ringkas{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem;display:grid}@media (width>=40rem){.pj-ringkas{grid-template-columns:repeat(4,1fr)}}.angka{background:var(--kertas);border:1px solid var(--garis);border-radius:var(--radius);padding:.85rem 1rem}.angka b{letter-spacing:-.02em;color:var(--biru-pekat);font-size:1.75rem;font-weight:800;line-height:1.1;display:block}.angka span{color:var(--abu);font-size:.875rem}.angka-tw{align-items:flex-end;gap:.35rem;height:2.25rem;margin-top:.35rem;display:flex}.angka-tw i{background:var(--biru);border-radius:3px 3px 0 0;flex:1;min-height:4px;position:relative}.angka-tw i:after{content:attr(data-n);text-align:center;color:var(--tinta-lembut);font-size:.7rem;font-style:normal;font-weight:800;position:absolute;top:-1.1rem;left:0;right:0}.pj-program{gap:1rem;margin-top:2rem;display:grid}.prog{background:var(--kertas);border:1px solid var(--garis);border-radius:var(--radius);overflow:hidden}.prog summary{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:1rem 1.1rem;list-style:none;display:grid}.prog summary::-webkit-details-marker{display:none}.prog-kode{color:#fff;background:var(--biru);border-radius:12px;place-items:center;width:2.75rem;height:2.75rem;font-size:.9rem;font-weight:800;display:grid}.prog-p0 .prog-kode{background:var(--emas);color:#3d2f00}.prog-judul{font-size:1.125rem;font-weight:800;line-height:1.25}.prog-bidang{color:var(--abu);margin-top:.15rem;font-size:.875rem}.prog-panah{width:1.5rem;height:1.5rem;color:var(--abu);transition:transform .2s}.prog[open] .prog-panah{transform:rotate(180deg)}.prog-isi{border-top:1px solid var(--garis);padding:1rem 1.1rem 1.25rem}.prog-lingkup{color:var(--tinta-lembut);font-size:.9375rem}.tangga{gap:.5rem;margin-top:1rem;display:grid}@media (width>=40rem){.tangga{grid-template-columns:repeat(3,1fr);align-items:end}}.anak{border:1px solid var(--garis);background:var(--latar);border-radius:10px;padding:.75rem .85rem}.anak b{letter-spacing:.06em;text-transform:uppercase;color:var(--biru-pekat);font-size:.75rem;display:block}.anak small{color:var(--abu);margin-bottom:.25rem;font-size:.75rem;display:block}.anak p{font-size:.9375rem}@media (width>=40rem){.anak-1{min-height:8rem}.anak-2{min-height:9.5rem}.anak-3{border-color:var(--emas);background:var(--emas-tipis);min-height:11rem}}.prog-indikator{border-left:4px solid var(--emas);background:var(--emas-tipis);border-radius:0 10px 10px 0;margin-top:.85rem;padding:.6rem .85rem;font-size:.9375rem}.prog-indikator b{color:#6d5405}.kegiatan{margin-top:1rem}.kegiatan h4{margin:0 0 .5rem;font-size:.9375rem;font-weight:800}.kegiatan-baris{border-top:1px dashed var(--garis);grid-template-columns:1fr 5.5rem;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.9375rem;display:grid}.kegiatan-baris small{color:var(--abu);font-size:.8125rem;display:block}.tw{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.tw i{background:var(--garis);border-radius:3px;height:.9rem}.tw i.on{background:var(--biru)}.tw-judul{color:var(--abu);letter-spacing:.04em;grid-template-columns:1fr 5.5rem;gap:.5rem;font-size:.7rem;font-weight:800;display:grid}.tw-judul .tw span{text-align:center}.prinsip-dana{border-radius:var(--radius);background:var(--biru-pekat);color:#fff;margin-top:2rem;padding:1rem 1.1rem}.prinsip-dana p{opacity:.95;font-size:.9375rem}.prinsip-dana b{color:var(--emas)}.prog-judul,.prog-bidang{display:block}.angka-tw{margin-top:1.4rem}.tw-judul .tw span{letter-spacing:0;font-size:.65rem}@media (width<=40rem){.tahap span{display:none}.tahap{min-height:auto}}.kerangka{flex-direction:column;min-height:100vh;display:flex}.kepala-isi{gap:.75rem}.merek>span{line-height:1.15;display:grid}.merek-sub{color:var(--abu);font-size:.75rem;font-weight:600}.kepala-pengguna{align-items:center;gap:.75rem;display:flex}.kepala-nama{text-align:right;font-weight:700;line-height:1.15;display:none}.kepala-nama small{color:var(--abu);font-size:.75rem;font-weight:500;display:block}@media (width>=40rem){.kepala-nama{display:block}}.tombol-kecil{min-height:2.25rem;padding:.25rem .85rem;font-size:.9375rem}.kerangka-badan{flex:1;gap:1.25rem;padding:1.25rem 0 5.5rem;display:grid}@media (width>=52rem){.kerangka-badan{grid-template-columns:13rem 1fr;padding-bottom:2rem}}.navigasi{z-index:20;background:var(--kertas);border-top:1px solid var(--garis);padding:.25rem .25rem calc(.25rem + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{font:inherit;color:var(--abu);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-items:center;gap:.1rem;padding:.4rem .25rem;font-size:.75rem;font-weight:600;display:grid}.nav-ikon{font-size:1.25rem;line-height:1}.nav-item.aktif{color:var(--biru-pekat);background:var(--biru-tipis)}@media (width>=52rem){.navigasi{border:1px solid var(--garis);border-radius:var(--radius);flex-direction:column;align-self:start;gap:.25rem;padding:.5rem;position:sticky;top:4.5rem}.nav-item{text-align:left;grid-template-columns:1.5rem 1fr;place-items:center start;gap:.6rem;padding:.6rem .75rem;font-size:.9375rem}}.isi{min-width:0}.judul-halaman{letter-spacing:-.01em;margin-bottom:1rem;font-size:1.5rem;font-weight:800}.kartu{background:var(--kertas);border:1px solid var(--garis);border-radius:var(--radius);margin-top:1rem;padding:1rem 1.1rem}.kartu-kepala{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.kartu-kepala h2{font-size:1.0625rem;font-weight:800}.grid-statistik{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=40rem){.grid-statistik{grid-template-columns:repeat(4,1fr)}}.angka small{color:var(--abu);font-size:.75rem;display:block}.grid-kartu{gap:.25rem;display:grid}@media (width>=40rem){.grid-kartu{grid-template-columns:repeat(2,1fr);gap:1rem}.grid-kartu .kartu{margin-top:0}}.kosong{color:var(--abu)}.sub{color:var(--abu);font-size:.8125rem;font-weight:500;display:block}.tabel-gulir{overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:.9375rem}.tabel th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--abu);border-bottom:1px solid var(--garis);padding:.5rem;font-size:.75rem}.tabel td{border-bottom:1px solid var(--garis);vertical-align:top;padding:.6rem .5rem}.angka-kanan{text-align:right;font-variant-numeric:tabular-nums}@media (width<=40rem){.tabel thead{display:none}.tabel tr{border-bottom:1px solid var(--garis);padding:.5rem 0;display:block}.tabel td{border:0;grid-template-columns:6.5rem 1fr;gap:.5rem;padding:.2rem 0;display:grid}.tabel td:before{content:attr(data-judul);color:var(--abu);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.tabel td.angka-kanan{text-align:left}}.bidang{gap:.35rem;font-weight:600;display:grid}.bidang-bantuan,.bidang-galat-teks{color:var(--abu);font-size:.8125rem;font-weight:500}.bidang-galat-teks{color:var(--merah)}.bidang-galat .masukan{border-color:var(--merah)}.masukan{font:inherit;border:2px solid var(--garis);min-height:3rem;color:var(--tinta);background:#fff;border-radius:10px;width:100%;padding:.5rem .85rem}.masukan:focus{border-color:var(--biru);box-shadow:0 0 0 3px var(--biru-tipis);outline:none}.dialog{border-radius:var(--radius);border:0;width:min(100% - 2rem,30rem);padding:0;box-shadow:0 20px 60px #0b2a6f40}.dialog::backdrop{background:#0f1f3d73}.dialog-isi{gap:1rem;padding:1.25rem;display:grid}.dialog-isi h2{font-size:1.25rem;font-weight:800}.dialog-kaki{justify-content:flex-end;gap:.5rem;display:flex}.notif-wadah{z-index:30;pointer-events:none;gap:.5rem;width:min(100% - 2rem,26rem);display:grid;position:fixed;top:4.25rem;left:50%;transform:translate(-50%)}.notif{background:var(--tinta);color:#fff;border-radius:10px;padding:.7rem 1rem;font-weight:600;box-shadow:0 8px 24px #0000002e}.notif-ok{background:var(--biru-pekat)}.notif-gagal{background:var(--merah)}.lencana-status{background:var(--biru-tipis);color:var(--biru-pekat);border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.lencana-ok{color:#135c2e;background:#e3f3e8}.lencana-gagal{color:var(--merah);background:#fbe9e7}.lencana-tunggu{background:var(--emas-tipis);color:#6d5405}.judul-baris{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.judul-baris .judul-halaman{margin-bottom:0}.aksi-baris{flex-wrap:wrap;gap:.4rem;display:inline-flex}.alat{gap:.75rem;margin-bottom:.75rem;display:grid}@media (width>=40rem){.alat{grid-template-columns:auto 1fr;align-items:center}}.segmen{background:var(--latar);border:1px solid var(--garis);border-radius:999px;padding:.2rem;display:inline-flex}.segmen button{font:inherit;color:var(--abu);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem .9rem;font-size:.9375rem;font-weight:700}.segmen button.aktif{background:var(--kertas);color:var(--biru-pekat);box-shadow:0 1px 3px #0000001a}.pil-baris{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.pil{border:1px solid var(--garis);background:var(--kertas);font:inherit;color:var(--tinta-lembut);cursor:pointer;border-radius:999px;padding:.3rem .8rem;font-size:.875rem;font-weight:600}.pil.aktif{background:var(--biru-pekat);border-color:var(--biru-pekat);color:#fff}.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}.kartu-redup{opacity:.7}.form-dialog,.dua-kolom{gap:.85rem;display:grid}@media (width>=30rem){.dua-kolom{grid-template-columns:1fr 1fr}}.centang{align-items:center;gap:.5rem;font-weight:600;display:flex}.centang input{width:1.25rem;height:1.25rem}.rincian{gap:.5rem;margin:0;display:grid}@media (width>=40rem){.rincian{grid-template-columns:1fr 1fr}}.rincian div{border-bottom:1px dashed var(--garis);grid-template-columns:9rem 1fr;gap:.5rem;padding:.35rem 0;display:grid}.rincian dt{color:var(--abu);font-size:.875rem;font-weight:600}.rincian dd{margin:0}.tabel a{text-decoration:none}.kelompok{border:1px solid var(--garis);border-radius:10px;gap:.75rem;margin:0;padding:.75rem .85rem .9rem;display:grid}.kelompok legend{letter-spacing:.06em;text-transform:uppercase;color:var(--biru-pekat);padding:0 .35rem;font-size:.75rem;font-weight:800}.saldo-besar{letter-spacing:-.02em;color:var(--biru-pekat);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800}.uang-masuk{color:#135c2e;font-variant-numeric:tabular-nums}.uang-keluar{color:var(--merah);font-variant-numeric:tabular-nums}.masukan-periode{width:auto;min-width:11rem}.rincian-satu{grid-template-columns:1fr}.rincian-satu div{grid-template-columns:1fr auto}.rincian-satu dd{font-variant-numeric:tabular-nums;font-weight:600}.rincian-total dt,.rincian-total dd{color:var(--biru-pekat);border-top:2px solid var(--garis);padding-top:.5rem;font-weight:800}.daftar-ringkas{gap:.35rem;font-size:.9375rem;display:grid}.pintu-aktif{border-color:var(--biru);box-shadow:0 0 0 3px var(--biru-tipis)}.lencana-hijau{color:#135c2e;background:#e3f3e8}.pil-baris a.pil{text-decoration:none}.nowrap{white-space:nowrap}.tabel .aksi-baris{flex-direction:column;align-items:stretch}.tabel .tombol-kecil{white-space:normal;text-align:center}.tabel td:last-child{min-width:7.5rem}.status-mini{letter-spacing:.04em;text-transform:uppercase;background:var(--biru-tipis);color:var(--biru-pekat);vertical-align:middle;border-radius:999px;margin-left:.4rem;padding:.05rem .45rem;font-size:.7rem;font-weight:800;display:inline-block}.status-selesai{color:#135c2e;background:#e3f3e8}.status-berjalan{background:var(--emas-tipis);color:#6d5405}.status-ditunda,.status-dibatalkan{color:var(--merah);background:#fbe9e7}textarea.masukan{resize:vertical;min-height:auto;line-height:1.5}.tombol-bahaya{background:var(--merah);color:#fff}.tautan-tombol{font:inherit;text-align:left;color:var(--biru-pekat);cursor:pointer;background:0 0;border:0;padding:0}.pengumuman-item+.pengumuman-item{border-top:1px dashed var(--garis);margin-top:.75rem;padding-top:.75rem}.batang-daftar{gap:.5rem;display:grid}.batang-daftar li{grid-template-columns:11rem 1fr 2.5rem;align-items:center;gap:.6rem;font-size:.9375rem;display:grid}.batang-daftar i{background:var(--biru);border-radius:4px;min-width:4px;height:.9rem;display:block}.batang-daftar b{text-align:right;font-variant-numeric:tabular-nums}@media (width<=40rem){.batang-daftar li{grid-template-columns:1fr 2.5rem}.batang-daftar i{grid-column:1/2}}@media (width>=40rem){.alat{grid-template-columns:auto 1fr auto}}@media (width>=52rem){:root{--lebar:60rem}.kerangka .wadah{width:min(100% - 3rem,84rem)}.kerangka-badan{grid-template-columns:15rem 1fr;gap:2rem}.grid-statistik{grid-template-columns:repeat(4,1fr)}.grid-kartu{grid-template-columns:repeat(2,1fr)}.judul-halaman{font-size:1.75rem}.angka b{font-size:2rem}.tabel{font-size:1rem}.tabel th,.tabel td{padding:.7rem .75rem}.dialog{width:min(100% - 2rem,40rem)}.rincian{grid-template-columns:1fr 1fr}}@media (width>=80rem){.kerangka .wadah{width:min(100% - 4rem,96rem)}.grid-kartu{grid-template-columns:repeat(3,1fr)}.grid-kartu .kartu:only-child,.grid-kartu .kartu:nth-child(4):last-child{grid-column:auto}}.judul-bagian{letter-spacing:-.01em;align-items:center;gap:.5rem;margin:1.25rem 0 .75rem;font-size:1.125rem;font-weight:800;display:flex}.judul-bagian small{color:var(--abu);font-size:.9375rem;font-weight:500}.judul-ikon{color:var(--biru-pekat);font-size:1.1rem}.judul-baris .judul-bagian{margin-bottom:0}.grid-kpi{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=40rem){.grid-kpi{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.grid-kpi{grid-template-columns:repeat(4,1fr)}.grid-kpi-3{grid-template-columns:repeat(3,1fr)}}.kpi{--k:var(--biru);--k-lembut:var(--biru-tipis);border:1px solid color-mix(in srgb, var(--k) 25%, var(--garis));background:linear-gradient(135deg, color-mix(in srgb, var(--k-lembut) 55%, white), var(--kertas) 60%);border-radius:14px;padding:1.1rem 1.2rem 1.2rem;position:relative;overflow:hidden}.kpi:after{content:"";background:repeating-linear-gradient(135deg, transparent 0 14px, color-mix(in srgb, var(--k) 4%, transparent) 14px 15px);pointer-events:none;position:absolute;inset:0}.kpi>*{position:relative}.kpi-atas{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.kpi-label{letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-lembut);padding-top:.35rem;font-size:.75rem;font-weight:800}.kpi-ikon{background:var(--k);color:#fff;width:3rem;height:3rem;box-shadow:0 8px 18px color-mix(in srgb, var(--k) 35%, transparent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.kpi-nilai{letter-spacing:-.03em;color:var(--k);font-variant-numeric:tabular-nums;margin-top:1.1rem;font-size:2.25rem;font-weight:800;line-height:1.1}.kpi-keterangan{color:var(--tinta-lembut);margin-top:.6rem;font-size:.9375rem}.kpi-hijau{--k:#1a8a4a;--k-lembut:#e3f3e8}.kpi-biru{--k:#1250b8;--k-lembut:#e4ebf9}.kpi-jingga{--k:#d97706;--k-lembut:#fdf0dc}.kpi-merah{--k:#d92d20;--k-lembut:#fde8e6}.kpi-ungu{--k:#5b4bd6;--k-lembut:#ebe8fb}.tabel-laporan td,.tabel-laporan th{font-size:.9375rem}.tabel-laporan .baris-saldo td{background:var(--biru-tipis)}.tabel-laporan .baris-batal td{opacity:.55;text-decoration:line-through}.tabel-laporan .baris-batal td:last-child{text-decoration:none}