.papan-ringkas{display:grid;gap:1.1rem;grid-template-columns:1fr;margin-top:1.6rem}@media(min-width:940px){.papan-ringkas{grid-template-columns:repeat(3,1fr)}}.kartu-ringkas{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--radius-besar);padding:1.25rem 1.35rem}.kartu-ringkas h3{font-size:.78rem;font-family:var(--font-teks);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teks-lunak);margin:0 0 .4rem}.kartu-ringkas .angka{font:700 clamp(1.6rem,3vw,1.95rem)/1.15 var(--font-judul);font-variant-numeric:tabular-nums;margin:0}.kartu-ringkas .ket{font-size:.88rem;color:var(--teks-lunak);margin:.35rem 0 0}.peringatan-demo{background:var(--aksen-lunak);border:1px solid var(--aksen);border-radius:var(--radius);padding:.95rem 1.15rem;font-size:.95rem;margin-top:1.4rem}.peringatan-demo strong{color:var(--aksen)}.blok-grafik{margin-top:1.4rem}.grafik-atas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;margin-bottom:.8rem}.grafik-atas h3{font-size:1.05rem;margin:0}.legenda{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-size:.9rem;color:var(--teks-lunak);margin:0;padding:0;list-style:none}.legenda .swatch{display:inline-block;width:.85rem;height:.85rem;border-radius:3px;margin-right:.35rem;transform:translateY(1px)}.swatch-masuk{background:var(--utama)}.swatch-keluar{background:var(--aksen-cerah)}.grafik-bungkus{position:relative;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--radius-besar);padding:1.1rem .9rem .45rem}.grafik-plot{position:relative;margin-left:64px;margin-bottom:30px}.grafik-bungkus svg{width:100%;height:auto;display:block}.grafik-sumbu-y{position:absolute;left:-64px;width:56px;text-align:right;color:var(--teks-lunak);font:400 12.5px/1 var(--font-teks);font-variant-numeric:tabular-nums;white-space:nowrap}.grafik-sumbu-y span{position:absolute;left:0;right:0;transform:translateY(-50%)}.grafik-sumbu-y span:nth-child(1){top:0}.grafik-sumbu-y span:nth-child(2){top:25%}.grafik-sumbu-y span:nth-child(3){top:50%}.grafik-sumbu-y span:nth-child(4){top:75%}.grafik-sumbu-y span:nth-child(5){top:100%}.grafik-sumbu-x{position:absolute;top:calc(100% + 7px);left:0;right:0;height:1.05rem;color:var(--teks-lunak);font:400 12.5px/1.05rem var(--font-teks)}.grafik-sumbu-x .sx{position:absolute;transform:translate(-50%);white-space:nowrap}.grafik-sumbu-x .sx-akhir{transform:none}@media(max-width:480px){.grafik-plot{margin-left:58px;margin-bottom:28px}.grafik-sumbu-y{left:-58px;width:52px;font-size:12px}}@media(max-width:419px){.grafik-sumbu-x .sx:nth-child(2),.grafik-sumbu-x .sx:nth-child(4){display:none}}.g-grid line{stroke:var(--garis);stroke-width:1}.g-garis-masuk{fill:none;stroke:var(--utama);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.g-garis-keluar{fill:none;stroke:var(--aksen-cerah);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.g-panduan{stroke:var(--teks-lunak);stroke-width:1.2;stroke-dasharray:4 4;opacity:0}.g-titik{opacity:0}.g-titik.masuk{fill:var(--utama)}.g-titik.keluar{fill:var(--aksen-cerah)}.g-hari{outline:none;cursor:crosshair}.g-hari:focus-visible .g-panduan{opacity:1;stroke:var(--fokus);stroke-dasharray:none}.g-hari.aktif .g-panduan,.g-hari.aktif .g-titik{opacity:1}.g-hari-hit{fill:transparent}@media(max-width:620px){.g-garis-masuk,.g-garis-keluar{stroke-width:3}}.grafik-tip{position:absolute;z-index:5;pointer-events:none;background:var(--teks);color:var(--bg);border-radius:10px;padding:.55rem .75rem;font-size:.84rem;line-height:1.5;box-shadow:var(--bayangan);opacity:0;transform:translate(-50%);transition:opacity .12s ease;white-space:nowrap}.grafik-tip.tampak{opacity:1}.grafik-tip strong{display:block;font-size:.86rem}.grafik-tip .swatch{display:inline-block;width:.6rem;height:.6rem;border-radius:2px;margin-right:.3rem}.demo-aksi{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.3rem}.demo-aksi .catatan-kecil{margin:0}.blok-tabel{margin-top:1.4rem}.tabel-atas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1rem;margin-bottom:.9rem}.tabel-atas h3{font-size:1.05rem;margin:0}.filter-jenis{display:inline-flex;gap:.25rem;padding:.25rem;background:var(--permukaan-2);border:1px solid var(--garis);border-radius:999px;position:relative}.filter-jenis input{position:absolute;opacity:0;width:1px;height:1px}.filter-jenis label{padding:.35rem .9rem;border-radius:999px;font-weight:650;font-size:.88rem;color:var(--teks-lunak);cursor:pointer}.filter-jenis input:checked+label{background:var(--utama);color:var(--tombol-teks)}.filter-jenis input:focus-visible+label{outline:3px solid var(--fokus);outline-offset:2px}.kolom-cari{display:flex;flex-direction:column;gap:.25rem}.kolom-cari label{font-size:.82rem;font-weight:650;color:var(--teks-lunak)}.kolom-cari input{padding:.5rem .85rem;border:1.5px solid var(--garis);border-radius:10px;background:var(--permukaan);color:var(--teks);font:inherit;font-size:.92rem;min-width:min(16rem,100%)}.kolom-cari input:focus-visible{outline:3px solid var(--fokus);outline-offset:1px;border-color:var(--utama)}.tabel-transaksi-bungkus{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--radius-besar);overflow:hidden}.tabel-transaksi{width:100%;border-collapse:collapse;font-size:.95rem}.tabel-transaksi th,.tabel-transaksi td{text-align:left;padding:.62rem .75rem;border-bottom:1px solid var(--garis);vertical-align:top}.tabel-transaksi thead th{background:var(--permukaan-2);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--teks-lunak);border-bottom:1px solid var(--garis-kuat);white-space:nowrap}.tombol-urut{display:inline-flex;align-items:center;gap:.3rem;background:none;border:0;padding:0;font:inherit;font-weight:700;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}.tombol-urut:hover{color:var(--utama)}.tombol-urut .panah{font-size:.85em;opacity:.4}.tombol-urut .panah.aktif{opacity:1;color:var(--utama)}.tabel-transaksi tbody tr:nth-child(2n){background:var(--bg)}.tabel-transaksi tbody tr:last-child td{border-bottom:0}.kol-tanggal{white-space:nowrap}.tabel-transaksi th.kol-jumlah,.tabel-transaksi td.kol-jumlah{text-align:right}.kol-jumlah{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.keterangan-utama{display:block}.keterangan-kategori{display:block;font-size:.78rem;color:var(--teks-lunak)}.jenis-pill{display:inline-block;font-size:.74rem;font-weight:700;padding:.14rem .55rem;border-radius:999px}.jenis-masuk{background:var(--utama-lunak);color:var(--utama)}.jenis-keluar{background:var(--aksen-lunak);color:var(--aksen)}@media(max-width:620px){.tabel-transaksi th,.tabel-transaksi td{padding:.55rem .45rem;font-size:.88rem}.tabel-transaksi thead th{font-size:.72rem}}@media(max-width:599px){.tabel-transaksi{display:block}.tabel-transaksi thead{display:block;border-bottom:1px solid var(--garis);background:var(--permukaan-2)}.tabel-transaksi thead tr{display:flex;align-items:center;gap:.45rem 1rem;padding:.55rem .85rem}.tabel-transaksi thead tr:before{content:"Urutkan:";font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teks-lunak)}.tabel-transaksi thead th{display:inline-flex;background:none;border:0;padding:0}.tabel-transaksi thead th.th-polos{display:none}.tabel-transaksi tbody{display:block;padding:.65rem .6rem .7rem}.tabel-transaksi tbody tr:nth-child(n){display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:.55rem;row-gap:.25rem;background:var(--bg);border:1px solid var(--garis);border-radius:12px;padding:.6rem .7rem;margin:0 0 .55rem}.tabel-transaksi tbody tr:last-child{margin-bottom:0}.tabel-transaksi tbody td{display:block;border:0;padding:0;background:none}.tabel-transaksi tbody td:nth-child(1){grid-column:1;grid-row:1}.tabel-transaksi tbody td:nth-child(2){grid-column:2;grid-row:1}.tabel-transaksi tbody td.kol-jumlah{grid-column:3;grid-row:1;justify-self:end}.tabel-transaksi tbody td:nth-child(3){grid-column:1 / -1;grid-row:2}.tabel-transaksi tbody td .keterangan-utama{overflow-wrap:anywhere}}.tabel-kaki{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;padding:.8rem 1rem;border-top:1px solid var(--garis);background:var(--permukaan-2);font-size:.9rem;color:var(--teks-lunak)}