:root{--biru:#12388f;--biru-tua:#0d2a6e;--biru-aksi:#1d4ed8;--kuning:#f6c800;--teks:#1f2937;--redup:#6b7280;--garis:#e5e7eb;--latar:#f4f6fa;--merah:#b91c1c;--hijau:#047857;color:var(--teks);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--latar);margin:0}h1{margin:0 0 .25rem;font-size:1.35rem}h2{margin:0 0 .75rem;font-size:1.05rem}a{color:var(--biru-aksi);text-decoration:none}.redup{color:var(--redup)}.kecil{font-size:.8rem}.kanan{text-align:right}.tengah-teks{text-align:center}.tata-letak{min-height:100vh;display:flex}.samping{background:var(--biru);color:#fff;flex-direction:column;flex-shrink:0;width:16rem;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.merek{border-bottom:1px solid #ffffff1f;align-items:center;gap:.6rem;padding:1rem;font-size:1.05rem;font-weight:700;display:flex}.merek .logo{background:var(--kuning);width:2rem;height:2rem;color:var(--biru-tua);border-radius:.5rem;place-items:center;font-weight:800;display:grid}.navigasi{padding:.75rem .6rem 2rem}.nav-atas{color:#fff;border-radius:.4rem;padding:.55rem .7rem;font-size:.85rem;font-weight:600;display:block}.nav-atas.aktif{background:var(--kuning);color:var(--biru-tua)}.grup{margin-top:.15rem}.grup-judul,.sub-judul{color:#fff;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.grup-judul{letter-spacing:.02em;text-transform:uppercase;border-radius:.4rem;padding:.65rem .7rem;font-size:.82rem;font-weight:700}.grup-judul:hover{background:#ffffff14}.sub-judul{color:#aebde6;padding:.45rem .7rem .45rem 1rem;font-size:.78rem}.panah{opacity:.8;font-size:.7rem;transition:transform .15s}.panah.buka{transform:rotate(180deg)}.daftar-item{border-left:1px solid #fff3;margin:0 0 .3rem 1.3rem}.item{color:#dbe4ff;padding:.42rem .8rem;font-size:.82rem;display:block}.item:hover{color:#fff;background:#ffffff14}.item.aktif{color:var(--kuning);font-weight:600}.isi{flex-direction:column;flex:1;min-width:0;display:flex}.atas{border-bottom:1px solid var(--garis);z-index:5;background:#fff;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.atas .judul{flex:1;font-weight:600}.hamburger{cursor:pointer;background:0 0;border:0;font-size:1.3rem;display:none}.avatar{background:#e5e7eb;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.8rem;font-weight:600;display:grid}.konten{padding:1.5rem}.kepala{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.kepala p{margin:0}.kartu{border:1px solid var(--garis);background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 2px #00000008}.kartu+.kartu{margin-top:1rem}.tabel-bungkus{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--redup);border-bottom:1px solid var(--garis);white-space:nowrap;padding:.6rem .75rem;font-size:.72rem}td{vertical-align:top;border-bottom:1px solid #f1f3f7;padding:.6rem .75rem}tr:hover td{background:#fafbfd}label{margin-bottom:.85rem;font-size:.85rem;display:block}label>span{color:#374151;margin-bottom:.25rem;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],select,textarea{width:100%;font:inherit;background:#fff;border:1px solid #9ca3af;border-radius:.5rem;padding:.5rem .65rem;display:block}input:focus,select:focus,textarea:focus{border-color:var(--biru-aksi);outline:2px solid #93b4ff}input:disabled,select:disabled{color:#6b7280;background:#f3f4f6}.cek{align-items:center;gap:.5rem;display:flex}.cek input{width:auto}.baris-form{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:0 1rem;display:grid}.tombol{background:var(--biru-aksi);color:#fff;border:1px solid var(--biru-aksi);font:inherit;cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.tombol:hover:not(:disabled){background:#1e40af}.tombol:disabled{opacity:.55;cursor:not-allowed}.tombol.sekunder{color:var(--teks);background:#fff;border-color:#9ca3af}.tombol.sekunder:hover:not(:disabled){background:#f3f4f6}.tombol.bahaya{background:var(--merah);border-color:var(--merah)}.tombol.kecil{padding:.25rem .6rem;font-size:.78rem}.aksi{justify-content:flex-end;gap:.4rem;display:flex}.lencana{color:#374151;background:#e5e7eb;border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.lencana.hijau{color:#065f46;background:#d1fae5}.lencana.merah{color:#991b1b;background:#fee2e2}.lencana.biru{color:#1e40af;background:#dbeafe}.pesan{border:1px solid;border-radius:.5rem;margin-bottom:.9rem;padding:.6rem .85rem;font-size:.85rem}.pesan.galat{color:#991b1b;background:#fef2f2;border-color:#fecaca}.pesan.sukses{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.pesan.info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.saringan{flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-bottom:1rem;display:flex}.saringan label{margin:0}.paginasi{color:var(--redup);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;font-size:.85rem;display:flex}.kosong{text-align:center;color:var(--redup);padding:2rem}.tab{border-bottom:1px solid var(--garis);gap:.25rem;margin-bottom:1rem;display:flex}.tab button{font:inherit;cursor:pointer;color:var(--redup);background:0 0;border:0;border-bottom:2px solid #0000;padding:.6rem 1rem}.tab button.aktif{color:var(--biru-aksi);border-color:var(--biru-aksi);font-weight:600}.tirai{z-index:50;background:#0f172a80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:.9rem;width:100%;max-width:34rem;max-height:90vh;padding:1.25rem 1.4rem;overflow-y:auto}.modal.lebar{max-width:50rem}.modal h2{margin-bottom:1rem}.modal .aksi{margin-top:1rem}.tengah{place-items:center;min-height:100vh;padding:1rem;display:grid}.masuk{width:100%;max-width:22rem}.ringkas{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;margin-top:1rem;display:grid}.ringkas .kartu{margin-top:0}.ringkas .kartu strong{color:var(--biru);margin-top:.3rem;font-size:1.4rem;display:block}@media (width<=860px){.samping{z-index:40;transition:transform .2s;position:fixed;left:0;transform:translate(-100%)}.samping.terbuka{transform:none}.hamburger{display:block}.konten{padding:1rem}.atas{gap:.5rem;padding:.6rem .8rem}.atas .judul{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.atas .nama-pengguna{display:none}}.tab-dasbor{border-bottom:1px solid var(--garis);flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.tab-dasbor button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.55rem 1rem;font-weight:600}.tab-dasbor button.aktif{color:var(--biru);border-bottom-color:var(--biru)}.bar{background:#e5e7eb;border-radius:999px;min-width:6rem;height:.55rem;overflow:hidden}.bar>span{background:var(--biru);height:100%;display:block}.bar.merah>span{background:#dc2626}.merahteks{color:#dc2626}.hijauteks{color:#047857}.dasbor-grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem;display:grid}.dasbor-grid .kartu{margin-top:0}.toggle{border:1px solid var(--garis);border-radius:.4rem;display:inline-flex;overflow:hidden}.toggle button{cursor:pointer;background:#fff;border:0;padding:.2rem .7rem;font-size:.8rem}.toggle button.aktif{background:var(--biru);color:#fff}