:root{--biru:#3b5bdb;--ungu:#8d4dc1;--pink:#db2777;--merek:linear-gradient(90deg, #3b5bdb, #8d4dc1 50%, #db2777);--merek-miring:linear-gradient(135deg, #3b5bdb, #8d4dc1 55%, #db2777);--latar:#f6f5fc;--kartu:#fff;--kartu-2:#f1effa;--teks:#1b1a2e;--teks-redup:#625f7e;--garis:#e6e3f2;--utama:#3b5bdb;--utama-teks:#fff;--utama-muda:#e8ecfd;--sorot:#c2185b;--sorot-muda:#fde7f1;--hijau:#15803d;--hijau-muda:#dcfce7;--merah:#dc2626;--merah-muda:#fee2e2;--kuning:#b45309;--kuning-muda:#fef3c7;--bayang:0 1px 2px #1b1a2e0a, 0 4px 16px #3b5bdb0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--latar:#0c0c14;--kartu:#15151f;--kartu-2:#1c1c29;--teks:#ecebf6;--teks-redup:#9a98b3;--garis:#282839;--utama:#7c93ff;--utama-teks:#0b1030;--utama-muda:#1b2142;--sorot:#ff6eaa;--sorot-muda:#3a1529;--hijau:#4ade80;--hijau-muda:#10301d;--merah:#f87171;--merah-muda:#3a1717;--kuning:#fbbf24;--kuning-muda:#3a2a0a;--bayang:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--latar);color:var(--teks);min-height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;line-height:1.5}a{color:var(--utama)}h1,h2,h3{line-height:1.25}.kartu{background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang);border-radius:16px;min-width:0;padding:16px}.judul-bagian{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.judul-bagian h2{margin:0;font-size:1.02rem}.judul-bagian a,.tautan{color:var(--utama);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:.85rem;font-weight:600;text-decoration:none}.kepala-halaman{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.kepala-halaman h1{margin:0;font-size:1.45rem}.kepala-halaman p{color:var(--teks-redup);margin:2px 0 0;font-size:.92rem}label{color:var(--teks-redup);flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}label.centang{color:var(--teks);flex-direction:row;align-items:center;gap:8px;font-weight:500}label.centang input{width:18px;height:18px;accent-color:var(--utama)}input,select,textarea{font:inherit;border:1px solid var(--garis);background:var(--kartu);color:var(--teks);border-radius:10px;width:100%;min-width:0;padding:10px 12px;font-weight:400}textarea{resize:vertical;min-height:90px}input:focus,select:focus,textarea:focus{outline:2px solid var(--utama);border-color:#0000}.tombol{font:inherit;border:1px solid var(--garis);background:var(--kartu);color:var(--teks);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.tombol:hover{filter:brightness(.97)}.tombol:disabled{opacity:.6;cursor:default}.tombol.utama{background:var(--utama);border-color:var(--utama);color:var(--utama-teks)}.tombol.merek{background:var(--merek);color:#fff;border:0}.tombol.bahaya{color:var(--merah)}.tombol.kecil{border-radius:10px;padding:6px 12px;font-size:.84rem}.tombol.penuh{width:100%}.kosong{color:var(--teks-redup);text-align:center;margin:0;padding:24px 8px;font-size:.92rem}ul.daftar{margin:0;padding:0;list-style:none}.grid-kartu{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}.form{flex-direction:column;gap:12px;display:flex}.baris-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.aksi-form{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.aksi-form .kiri{margin-right:auto}.pil{background:var(--kartu-2);color:var(--teks-redup);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.pil.biru{background:var(--utama-muda);color:var(--utama)}.pil.pink{background:var(--sorot-muda);color:var(--sorot)}.pil.hijau{background:var(--hijau-muda);color:var(--hijau)}.pil.merah{background:var(--merah-muda);color:var(--merah)}.pil.kuning{background:var(--kuning-muda);color:var(--kuning)}.masuk-uang{color:var(--hijau)}.keluar-uang{color:var(--merah)}.redup,.tab button{color:var(--teks-redup)}.kecil{font-size:.85rem}.tebal{font-weight:700}.angka{font-variant-numeric:tabular-nums}.tab{background:var(--kartu-2);scrollbar-width:none;border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.tab button{font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:7px 12px;font-size:.86rem;font-weight:600}.tab button.aktif{background:var(--kartu);color:var(--teks);box-shadow:var(--bayang)}.progres{background:var(--kartu-2);border-radius:99px;height:8px;overflow:hidden}.progres>span{background:var(--merek);border-radius:99px;height:100%;display:block}.progres.lewat>span{background:var(--merah)}.item{border-bottom:1px solid var(--garis);align-items:center;gap:12px;padding:10px 0;display:flex}.item:last-child{border-bottom:0}.item .isi{flex:1;min-width:0}.item .isi .judul{font-weight:600}.item .isi .judul,.item .isi .sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item .isi .sub{color:var(--teks-redup);font-size:.8rem}.item .kanan{text-align:right;flex-shrink:0}.item.klik{cursor:pointer}.item.klik:hover .judul{color:var(--utama)}.ikon-bulat{background:var(--kartu-2);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:1.1rem;display:grid}.teks-merek{background:var(--merek);color:#0000;-webkit-background-clip:text;background-clip:text}