:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--latar:#f6f6f4;--permukaan:#fff;--permukaan-2:#f3f3f0;--permukaan-3:#ebebe7;--garis:#e7e7e3;--garis-kuat:#d9d9d4;--teks:#121212;--teks-2:#5d5d58;--teks-3:#8a8a84;--merek:#2f8a35;--merek-kuat:#24702a;--merek-teks:#fff;--merek-lembut:#eaf6e7;--merek-garis:#bfe3b8;--masuk:#23802b;--keluar:#c0392b;--bahaya:#b42318;--baik-latar:#e7f6e3;--baik-teks:#22742a;--buruk-latar:#fdeceb;--buruk-teks:#b3261e;--info-latar:#eef3fb;--info-teks:#2a5ea8;--awas-latar:#fff6df;--awas-teks:#8a5a00;--seri-masuk:#3a9d3f;--seri-keluar:#eda100;--ramp-1:#6b4500;--ramp-2:#8f5d00;--ramp-3:#b37400;--ramp-4:#d48c00;--ramp-5:#eda100;--bar:#3a9d3f;--bar-jalur:#eeeeea;--bayang:0 1px 2px #1010100a;--bayang-angkat:0 8px 24px #1010101a;--radius:16px;--radius-kecil:10px;--nav-tinggi:64px;--sidebar:252px;color:var(--teks);background:var(--latar);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--latar:#121311;--permukaan:#1b1c1a;--permukaan-2:#232522;--permukaan-3:#2c2e2a;--garis:#2c2e2a;--garis-kuat:#3a3d37;--teks:#f0f0ec;--teks-2:#b5b6ae;--teks-3:#878880;--merek:#4cb052;--merek-kuat:#5cc262;--merek-teks:#0b1a0c;--merek-lembut:#1d2e1d;--merek-garis:#2f5530;--masuk:#6bcf70;--keluar:#f08a80;--bahaya:#f08a80;--baik-latar:#1d2e1d;--baik-teks:#7fd884;--buruk-latar:#3a1f1c;--buruk-teks:#f5a39b;--info-latar:#1c2533;--info-teks:#93b8ef;--awas-latar:#2f2712;--awas-teks:#f3cf74;--seri-masuk:#1d7a36;--seri-keluar:#c98500;--ramp-1:#f6c75a;--ramp-2:#e8a91c;--ramp-3:#c98500;--ramp-4:#a36a00;--ramp-5:#7d5000;--bar:#4cb052;--bar-jalur:#2a2c28;--bayang:none;--bayang-angkat:0 8px 24px #00000080}}*{box-sizing:border-box}body{background:var(--latar);min-height:100dvh;margin:0}h1,h2,h3,p,dl,dd{margin:0}h1{letter-spacing:-.02em;font-size:1.6rem;font-weight:700}h2{font-size:1rem;font-weight:650}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--merek);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{min-height:100dvh}.konten{min-width:0}.sidebar{display:none}@media (width>=1024px){.app{grid-template-columns:var(--sidebar) minmax(0, 1fr);display:grid}.sidebar{background:var(--permukaan);border-right:1px solid var(--garis);flex-direction:column;gap:18px;height:100dvh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.nav-bawah,.topbar-logo,.hanya-hp{display:none!important}}.logo{align-items:center;gap:10px;padding:4px 6px;display:flex}.logo-tanda{color:#fff;background:linear-gradient(145deg,#63c454,#2f8a35);border-radius:10px;place-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:grid}.logo-nama{letter-spacing:-.01em;font-size:1.2rem;font-weight:750}.sidebar nav{flex-direction:column;gap:2px;display:flex}.menu-judul{color:var(--teks-3);margin:14px 8px 6px;font-size:.8rem}.menu-item{color:var(--teks-2);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:9px 10px;font-weight:550;display:flex}.menu-item:hover{background:var(--permukaan-2);color:var(--teks)}.menu-item.aktif{color:var(--merek);background:var(--permukaan);border-color:var(--garis);box-shadow:var(--bayang)}.sidebar-bawah{flex-direction:column;gap:12px;margin-top:auto;display:flex}.kartu-demo{background:var(--awas-latar);color:var(--awas-teks);border-radius:12px;flex-direction:column;gap:4px;padding:12px;font-size:.8rem;display:flex}.profil{border:1px solid var(--garis);border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.avatar{background:var(--merek-lembut);width:34px;height:34px;color:var(--merek);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.profil-teks{flex-direction:column;flex:1;min-width:0;display:flex}.profil-nama{font-size:.9rem;font-weight:600}.profil-email{color:var(--teks-3);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.topbar{background:var(--permukaan);border-bottom:1px solid var(--garis);z-index:8;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.topbar-logo .logo-nama{display:none}.kolom-cari{border:1px solid var(--garis);background:var(--permukaan);max-width:380px;color:var(--teks-3);border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.kolom-cari:focus-within{border-color:var(--merek);box-shadow:0 0 0 3px var(--merek-lembut)}.kolom-cari input{min-height:40px;color:var(--teks);background:0 0;border:0;padding:0;box-shadow:none!important}@media (width>=1024px){.topbar{padding:14px 28px}}.pita-demo{background:var(--awas-latar);color:var(--awas-teks);text-align:center;padding:4px 8px;font-size:.75rem}@media (width>=1024px){.pita-demo{display:none}}.halaman{flex-direction:column;gap:16px;width:100%;margin:0 auto;padding:16px 16px 28px;display:flex}.halaman.lebar{max-width:1280px}.halaman.sedang{max-width:880px}.halaman.sempit{max-width:640px}.app.dengan-nav .halaman{padding-bottom:calc(var(--nav-tinggi) + 32px + env(safe-area-inset-bottom))}@media (width>=1024px){.halaman{gap:20px;padding:24px 28px 40px}.app.dengan-nav .halaman{padding-bottom:40px}}.layar-tengah{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100dvh;padding:16px;display:grid}.pemuat{border:3px solid var(--garis);border-top-color:var(--merek);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite putar}@keyframes putar{to{transform:rotate(360deg)}}.header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.header-judul{flex-direction:column;flex:1;gap:2px;min-width:180px;display:flex}.header-aksi{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=640px){h1{font-size:1.3rem}.header-aksi{width:100%}.header-aksi .pemilih-bulan{flex:1}.sembunyi-hp{display:none!important}}.kartu{background:var(--permukaan);border-radius:var(--radius);border:1px solid var(--garis);box-shadow:var(--bayang);min-width:0;padding:18px}.kartu-kepala{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.kartu-kepala>div:first-child{flex-direction:column;gap:2px;display:flex}.label{color:var(--teks-2);font-size:.82rem;display:block}.teks-redup{color:var(--teks-2)}.teks-kecil{font-size:.82rem}.teks-error{color:var(--bahaya);font-size:.875rem}.teks-info{color:var(--teks-2);background:var(--permukaan-2);border-radius:10px;padding:10px 12px;font-size:.875rem}.nominal{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.warna-masuk{color:var(--masuk)}.warna-keluar{color:var(--keluar)}.catatan-kaki{text-align:center}.judul-kecil{color:var(--teks-2);text-transform:uppercase;letter-spacing:.04em;margin:4px 4px -6px;font-size:.8rem}.daftar.kartu,.kartu.daftar{padding:4px 0}.kartu.redup{opacity:.7}.grid-stat{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=900px){.grid-stat{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.kartu-stat{align-items:center;gap:14px;padding:16px;display:flex}.kotak-ikon{border:1px solid var(--garis);width:44px;height:44px;color:var(--teks);background:var(--permukaan);border-radius:12px;flex:none;place-items:center;display:grid}.kartu-stat-isi{flex-direction:column;gap:2px;min-width:0;display:flex}.kartu-stat-angka{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.angka-stat{letter-spacing:-.02em;color:var(--teks);font-size:1.45rem;font-weight:700}@media (width<=640px){.kartu-stat{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.kotak-ikon{border-radius:10px;width:36px;height:36px}.angka-stat{font-size:1.1rem}}.chip-ubah{white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:.75rem;font-weight:650}.chip-ubah.baik{background:var(--baik-latar);color:var(--baik-teks)}.chip-ubah.buruk{background:var(--buruk-latar);color:var(--buruk-teks)}.chip-ubah.netral{background:var(--permukaan-2);color:var(--teks-2)}.grid-laporan,.grid-dua{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=1100px){.grid-laporan{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.grid-dua{grid-template-columns:repeat(2,minmax(0,1fr))}}.tombol{border:1px solid var(--garis-kuat);background:var(--permukaan);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:600;display:inline-flex}.tombol:hover{background:var(--permukaan-2)}.tombol:disabled{opacity:.5;cursor:not-allowed}.tombol.utama{background:var(--merek);color:var(--merek-teks);border-color:#0000}.tombol.utama:hover{background:var(--merek-kuat)}.tombol.bahaya{color:var(--bahaya)}.tombol.penuh{width:100%}.tombol.kecil{min-height:34px;padding:0 14px;font-size:.85rem}.tombol-ikon{width:38px;height:38px;color:var(--teks-2);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:inline-grid}.tombol-ikon:hover{background:var(--permukaan-2);color:var(--teks)}.tombol-ikon.bergaris{border:1px solid var(--garis);background:var(--permukaan);border-radius:12px}.tautan{color:var(--merek);background:0 0;border:0;align-self:flex-start;padding:0;font-size:.875rem;font-weight:600}.form{flex-direction:column;gap:16px;display:flex}.kartu.form{padding:20px}.field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.field>span,.field>label,.field>legend{color:var(--teks-2);padding:0;font-size:.85rem;font-weight:600}.field>legend{margin-bottom:6px}input,select{border:1px solid var(--garis-kuat);background:var(--permukaan);border-radius:12px;width:100%;min-height:44px;padding:0 12px}input:focus,select:focus{border-color:var(--merek);box-shadow:0 0 0 3px var(--merek-lembut);outline:none}.baris-dua{grid-template-columns:1fr 1fr;gap:12px;display:grid}.aksi-form{flex-direction:column;gap:10px;margin-top:4px;display:flex}.input-nominal{border:1px solid var(--garis-kuat);background:var(--permukaan);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.input-nominal:focus-within{border-color:var(--merek);box-shadow:0 0 0 3px var(--merek-lembut)}.input-nominal input{font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-weight:650;box-shadow:none!important}.input-nominal .awalan{color:var(--teks-3);font-weight:600}.input-nominal.besar input{letter-spacing:-.02em;min-height:68px;font-size:1.9rem}.input-nominal.besar .awalan{font-size:1.25rem}.input-nominal .chip{min-height:30px;padding:0 10px}.segmen{background:var(--permukaan-2);border:1px solid var(--garis);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:inline-grid}.form .segmen,.halaman>.segmen{display:grid}.segmen.kecil{grid-auto-columns:auto}.segmen.kecil .segmen-item{min-height:30px;padding:0 12px;font-size:.82rem}.segmen-item{min-height:38px;color:var(--teks-2);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.segmen-item.aktif{background:var(--permukaan);color:var(--teks);box-shadow:0 1px 3px #0000001f}.segmen-keluar.aktif{color:var(--keluar)}.segmen-masuk.aktif{color:var(--masuk)}.grid-kategori{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.chip-kategori{border:1px solid var(--garis);background:var(--permukaan);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-height:72px;padding:10px 6px;font-size:.8rem;line-height:1.2;display:flex}.chip-kategori:hover{background:var(--permukaan-2)}.chip-kategori>span:first-child{font-size:1.35rem}.chip-kategori.aktif,.chip-ikon.aktif,.chip.aktif{border-color:var(--merek);background:var(--merek-lembut);font-weight:650}.chip{border:1px solid var(--garis);background:var(--permukaan);border-radius:999px;font-weight:700}.grid-ikon{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;display:grid}.chip-ikon{border:1px solid var(--garis);background:var(--permukaan);border-radius:10px;height:44px;font-size:1.25rem}.item-transaksi{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 18px;display:flex}.item-transaksi+.item-transaksi{border-top:1px solid var(--garis)}.item-transaksi:hover{background:var(--permukaan-2)}.daftar.rapat{margin:0 -18px -18px}.daftar.rapat .item-transaksi:first-child{border-top:1px solid var(--garis)}.item-ikon{background:var(--permukaan-2);border:1px solid var(--garis);width:40px;height:40px;color:var(--teks);border-radius:12px;flex:none;place-items:center;font-size:1.15rem;display:grid}.item-teks{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.item-judul{text-overflow:ellipsis;white-space:nowrap;font-size:.93rem;font-weight:600;overflow:hidden}.item-sub{color:var(--teks-2);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.item-nominal{font-size:.93rem}.panah{color:var(--teks-3)}.grup-tanggal{flex-direction:column;gap:6px;display:flex}.grup-kepala{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.grup-kepala h2{color:var(--teks-2);font-size:.85rem}.grup-kepala .nominal{font-size:.8rem;font-weight:500}.pemilih-bulan{background:var(--permukaan);border:1px solid var(--garis-kuat);border-radius:999px;justify-content:space-between;align-items:center;gap:4px;padding:2px;font-weight:600;display:inline-flex}.pemilih-bulan-label{justify-content:center;align-items:center;gap:8px;min-width:150px;padding:0 6px;display:inline-flex}.pemilih-bulan .tombol-ikon{border-radius:999px;width:36px;height:36px}.filter{flex-direction:column;align-items:flex-start;gap:10px;padding:14px;display:flex}.filter-baris{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.filter-baris select{min-height:40px;padding:0 8px;font-size:.85rem}.ringkasan-strip{color:var(--teks-2);justify-content:space-between;gap:12px;padding:0 4px;font-size:.82rem;display:flex}.ringkasan-strip .nominal{margin-left:4px}.kosong{text-align:center;color:var(--teks-2);flex-direction:column;align-items:center;gap:10px;padding:28px 16px;display:flex}.kosong-ikon{font-size:2rem}.kosong-judul{font-weight:600}.daftar-dompet{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.daftar-dompet a{border-radius:12px;align-items:center;gap:12px;margin:0 -8px;padding:8px;display:flex}.daftar-dompet a:hover{background:var(--permukaan-2)}.baris-total{flex-direction:column;gap:2px;display:flex}.angka-besar{font-size:1.4rem;font-weight:700;display:block}.titik{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.titik-masuk{background:var(--seri-masuk)}.titik-keluar{background:var(--seri-keluar)}.legenda-angka{color:var(--teks-2);flex-wrap:wrap;gap:18px;margin-bottom:8px;font-size:.82rem;display:flex}.legenda-angka span{align-items:center;gap:6px;display:inline-flex}.legenda-angka b{color:var(--teks);font-variant-numeric:tabular-nums;font-size:1.05rem}.kartu-grafik{flex-direction:column;display:flex}.grafik{width:100%;position:relative;overflow:hidden}.grafik svg{display:block}.garis-bantu{stroke:var(--garis);stroke-dasharray:4 4}.garis-dasar{stroke:var(--garis-kuat)}.label-sumbu{fill:var(--teks-3);font-variant-numeric:tabular-nums;font-size:11px}.label-sumbu.tebal{fill:var(--teks);font-weight:700}.batang-masuk{fill:var(--seri-masuk)}.batang-keluar{fill:var(--seri-keluar)}.pita-aktif{fill:var(--merek-lembut)}.pita-sorot{fill:var(--permukaan-2)}.tooltip{pointer-events:none;z-index:2;background:var(--permukaan);border:1px solid var(--garis);min-width:190px;box-shadow:var(--bayang-angkat);color:var(--teks-2);border-radius:12px;flex-direction:column;gap:3px;padding:10px 12px;font-size:.8rem;display:flex;position:absolute;transform:translate(-50%)}.tooltip strong{color:var(--teks);font-size:.85rem}.tooltip span{align-items:center;gap:6px;display:flex}.tooltip b{color:var(--teks);font-variant-numeric:tabular-nums;margin-left:auto}.tooltip-selisih{border-top:1px solid var(--garis);margin-top:2px;padding-top:4px}.strip-stat{border-top:1px solid var(--garis);background:var(--permukaan-2);border-radius:0 0 var(--radius) var(--radius);grid-template-columns:repeat(2,minmax(0,1fr));margin:14px -18px -18px;display:grid}.strip-stat>div{flex-direction:column;gap:4px;padding:12px 18px;display:flex}.strip-stat>div+div{border-left:1px solid var(--garis)}.strip-stat>div:nth-child(3){border-left:0}.strip-stat>div:nth-child(n+3){border-top:1px solid var(--garis)}.strip-stat dt{color:var(--teks-2);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:.72rem;display:flex}.strip-stat dd{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.strip-stat dd small{color:var(--teks-2);font-size:.78rem;font-weight:500;display:block}.kartu-grafik{container-type:inline-size}@container (width>=620px){.strip-stat{grid-template-columns:repeat(4,minmax(0,1fr))}.strip-stat>div:nth-child(3){border-left:1px solid var(--garis)}.strip-stat>div:nth-child(n+3){border-top:0}}.donat{flex-direction:column;align-items:center;gap:16px;display:flex}.donat svg{max-width:100%;height:auto;overflow:visible}.donat-jalur{stroke:var(--permukaan-2)}.donat-seg{cursor:pointer;transition:stroke-width .15s}.donat-seg.ramp-1{stroke:var(--ramp-1)}.donat-seg.ramp-2{stroke:var(--ramp-2)}.donat-seg.ramp-3{stroke:var(--ramp-3)}.donat-seg.ramp-4{stroke:var(--ramp-4)}.donat-seg.ramp-5{stroke:var(--ramp-5)}.donat-label{fill:var(--teks-2);font-size:12px}.donat-angka{fill:var(--teks);font-size:20px;font-weight:700}.legenda{flex-direction:column;gap:2px;width:100%;margin:0;padding:0;list-style:none;display:flex}.legenda a{border-radius:10px;grid-template-columns:auto 1fr auto 40px;align-items:center;gap:10px;padding:7px 8px;font-size:.88rem;display:grid}.legenda li.sorot a,.legenda a:hover{background:var(--permukaan-2)}.legenda-titik{border-radius:50%;width:10px;height:10px}.legenda-titik.ramp-1{background:var(--ramp-1)}.legenda-titik.ramp-2{background:var(--ramp-2)}.legenda-titik.ramp-3{background:var(--ramp-3)}.legenda-titik.ramp-4{background:var(--ramp-4)}.legenda-titik.ramp-5{background:var(--ramp-5)}.legenda-nama{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legenda-nilai{font-variant-numeric:tabular-nums;font-weight:600}.legenda-persen{color:var(--teks-2);text-align:right;font-variant-numeric:tabular-nums}.bar-kategori{flex-direction:column;gap:2px;margin:12px 0 0;padding:0;list-style:none;display:flex}.bar-kategori a{border-radius:10px;grid-template-columns:1fr auto;gap:4px 12px;margin:0 -8px;padding:8px;display:grid}.bar-kategori a:hover{background:var(--permukaan-2)}.bar-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:550;overflow:hidden}.bar-nilai{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:.85rem;font-weight:600}.bar-jalur{background:var(--bar-jalur);border-radius:4px;grid-column:1/-1;height:8px;display:block;overflow:hidden}.bar-jalur.kecil{width:100%;height:5px}.bar-isi{background:var(--bar);border-radius:0 4px 4px 0;height:100%;display:block}.bar-isi.keluar{background:var(--seri-keluar)}.daftar-peringkat{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.daftar-peringkat li+li{border-top:1px solid var(--garis)}.daftar-peringkat a{align-items:center;gap:12px;padding:10px 0;display:flex}.daftar-peringkat a:hover .item-judul{color:var(--merek)}.peringkat{background:var(--permukaan-2);width:24px;height:24px;color:var(--teks-2);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.peringkat-nilai{flex-direction:column;flex:none;align-items:flex-end;gap:6px;width:120px;display:flex}@media (width<=480px){.peringkat{display:none}.peringkat-nilai{width:96px}}.daftar-insight{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.insight{border:1px solid var(--garis);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.insight p{color:var(--teks-2);font-size:.85rem}.insight-label{text-transform:uppercase;letter-spacing:.04em;color:var(--teks-2);align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:flex}.insight-ikon{border-radius:50%;place-items:center;width:20px;height:20px;font-size:.75rem;display:grid}.insight-jenis{text-transform:none;letter-spacing:0;border-radius:999px;margin-left:auto;padding:2px 8px;font-weight:650}.insight-positif{background:var(--baik-latar);border-color:#0000}.insight-positif .insight-ikon,.insight-positif .insight-jenis{background:var(--permukaan);color:var(--baik-teks)}.insight-perhatian{background:var(--awas-latar);border-color:#0000}.insight-perhatian .insight-ikon,.insight-perhatian .insight-jenis{background:var(--permukaan);color:var(--awas-teks)}.insight-info{background:var(--info-latar);border-color:#0000}.insight-info .insight-ikon,.insight-info .insight-jenis{background:var(--permukaan);color:var(--info-teks)}.halaman-auth{flex-direction:column;justify-content:center;gap:20px;max-width:420px;min-height:100dvh;margin:0 auto;padding:32px 16px;display:flex}.merek{align-items:center;gap:12px;display:flex}.merek-logo{color:#fff;background:linear-gradient(145deg,#63c454,#2f8a35);border-radius:14px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.merek-nama{font-size:1.4rem;font-weight:800}.merek-slogan{color:var(--teks-2);font-size:.875rem}.auth-tautan{color:var(--teks-2);flex-direction:column;align-items:center;gap:10px;font-size:.875rem;display:flex}.auth-tautan .tautan{align-self:center}.banner-demo{background:var(--awas-latar);color:var(--awas-teks);border-radius:12px;padding:12px 14px;font-size:.875rem}.nav-bawah{z-index:10;height:calc(var(--nav-tinggi) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--permukaan);border-top:1px solid var(--garis);grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--teks-3);flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:.68rem;font-weight:600;display:flex}.nav-item.aktif{color:var(--merek)}.nav-catat{background:var(--merek);width:54px;height:54px;color:var(--merek-teks);border-radius:50%;justify-self:center;place-items:center;margin-top:-22px;display:grid;box-shadow:0 6px 16px #2f8a3559}.sheet-latar{z-index:20;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--permukaan);width:100%;max-width:560px;max-height:90dvh;padding:8px 18px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.18s ease-out naik;overflow-y:auto}.sheet-kepala{justify-content:space-between;align-items:center;padding:8px 0 12px;display:flex}@keyframes naik{0%{opacity:0;transform:translateY(24px)}}@media (width>=640px){.sheet-latar{align-items:center}.sheet{border-radius:20px}}.toast-wadah{left:0;right:0;bottom:calc(var(--nav-tinggi) + 20px + env(safe-area-inset-bottom));pointer-events:none;z-index:30;justify-content:center;padding:0 16px;display:flex;position:fixed}@media (width>=1024px){.toast-wadah{bottom:28px}}.toast{background:var(--teks);color:var(--latar);border-radius:12px;padding:10px 16px;font-size:.875rem;font-weight:600;animation:.18s ease-out naik}.toast-error{background:var(--bahaya);color:#fff}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}