:root{color:#1f2937;--hijau:#166534;--hijau-tua:#14532d;--hijau-muda:#f0fdf4;--merah:#b91c1c;--garis:#cbd5e1;--lebar-menu:17rem;--tinggi-kepala:4rem;background:#f5f7f6;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.6}*{box-sizing:border-box}body{margin:0}h1{margin:0 0 .75rem;font-size:1.6rem;line-height:1.3}p{margin:0 0 .75rem}.tombol{box-sizing:border-box;font:inherit;border:2px solid var(--hijau);cursor:pointer;border-radius:8px;min-height:48px;padding:.5rem 1.1rem;font-weight:600}.tombol:disabled{opacity:.6;cursor:wait}.tombol-utama{background:var(--hijau);color:#fff}.tombol-utama:hover:not(:disabled){background:var(--hijau-tua)}.tombol-biasa{color:var(--hijau);background:#fff}.tombol-biasa:hover:not(:disabled){background:var(--hijau-muda)}:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}label{margin:1rem 0 .25rem;font-weight:600;display:block}input{font:inherit;border:2px solid var(--garis);background:#fff;border-radius:8px;width:100%;min-height:48px;padding:.5rem .75rem}form .tombol{width:100%;margin-top:1.25rem;display:block}form .tombol+.tombol{margin-top:.75rem}.pesan{border:2px solid var(--garis);background:#fff;border-radius:8px;padding:.8rem 1rem}.pesan-galat{border-color:var(--merah);color:#7f1d1d;background:#fef2f2}.pesan-berhasil{border-color:var(--hijau);background:var(--hijau-muda)}.pesan-info{background:#fff}.petunjuk{color:#475569;font-size:.95rem}.layar-tengah{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.kartu{border:1px solid var(--garis);background:#fff;border-radius:12px;width:100%;max-width:26rem;padding:1.5rem 1.25rem}.isi .kartu{margin:0}.kepala{z-index:50;height:var(--tinggi-kepala);background:var(--hijau);color:#fff;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.kepala .tombol{white-space:nowrap;border-color:#fff;flex:none;min-height:44px}.judul-aplikasi{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.1rem;font-weight:700;overflow:hidden}.judul-singkat{display:none}@media (width<=480px){.kepala{gap:.5rem;padding:.5rem .75rem}.kepala .tombol{padding:.4rem .6rem;font-size:.9rem}.judul-penuh{display:none}.judul-singkat{font-size:1.05rem;display:inline}}.pengguna{display:none}.badan{display:block}.menu{border-right:1px solid var(--garis);background:#fff;padding:.5rem}.menu ul{margin:0;padding:0;list-style:none}.kelompok-menu+.kelompok-menu{margin-top:.75rem}.judul-kelompok-menu{letter-spacing:.03em;text-transform:uppercase;color:#4b5563;margin:0;padding:.25rem 1rem;font-size:.875rem;font-weight:700}.butir-menu{box-sizing:border-box;color:#1f2937;border-radius:8px;min-height:44px;padding:.6rem 1rem;font-weight:500;text-decoration:none;display:block}.butir-menu:hover{background:var(--hijau-muda)}.butir-menu.aktif{background:var(--hijau);color:#fff;font-weight:700}.menu .pemisah-menu{border-top:1px solid var(--garis);margin-top:.75rem;padding-top:.5rem}.isi{max-width:60rem;padding:1.25rem 1rem 2rem}@media (width<=899px){.menu{width:min(var(--lebar-menu), 85vw);z-index:40;padding-top:calc(var(--tinggi-kepala) + .5rem);visibility:hidden;transition:transform .2s,visibility .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.menu.terbuka{visibility:visible;transform:none}.tirai{z-index:35;background:#0006;position:fixed;inset:0}}@media (width>=900px){.tombol-menu{display:none}.pengguna{display:inline}.badan{align-items:flex-start;display:flex}.menu{flex:0 0 var(--lebar-menu);top:var(--tinggi-kepala);height:calc(100vh - var(--tinggi-kepala));position:sticky;overflow-y:auto}.isi{flex:1;min-width:0;padding:1.5rem 2rem 2rem}}h2{margin:0 0 .75rem;font-size:1.3rem}h3{overflow-wrap:anywhere;margin:0;font-size:1.1rem}.tombol-tambah{margin:.5rem 0 1rem}.tombol-bahaya{background:var(--merah);border-color:var(--merah);color:#fff}.tombol-bahaya:hover:not(:disabled){background:#991b1b}.isi .kartu-lebar{max-width:36rem;margin:.5rem 0 1rem}.daftar-kartu{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.kartu-baris{border:1px solid var(--garis);overflow-wrap:anywhere;background:#fff;border-radius:12px;padding:1rem}.kartu-baris.nonaktif{background:#f1f5f9}.kartu-kepala{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.penanda{color:#475569;font-weight:400}.lencana{border:2px solid var(--garis);border-radius:999px;flex:none;padding:.15rem .7rem;font-size:.9rem;font-weight:700}.lencana-aktif{border-color:var(--hijau);background:var(--hijau-muda);color:var(--hijau-tua)}.lencana-nonaktif{color:#334155;background:#e2e8f0;border-color:#64748b}.aksi-baris{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.panel-aksi{border-top:1px solid var(--garis);margin-top:.75rem;padding-top:.75rem}fieldset.pilihan-peran{border:2px solid var(--garis);border-radius:8px;margin:1rem 0 0;padding:.5rem .75rem .75rem}.pilihan-peran legend{padding:0 .25rem;font-weight:600}.butir-peran{align-items:flex-start;gap:.75rem;margin-top:.5rem;display:flex}.butir-peran p,.butir-peran label{margin:0}input[type=checkbox]{width:1.6rem;height:1.6rem;min-height:1.6rem;accent-color:var(--hijau);flex:none;margin:.25rem 0 0;padding:0}@media (width>=900px){.daftar-kartu{grid-template-columns:repeat(auto-fill,minmax(26rem,1fr))}}select{font:inherit;border:2px solid var(--garis);background:#fff;border-radius:8px;width:100%;min-height:48px;padding:.5rem .75rem}.bagian{margin-top:2rem}.kartu-baris.kartu-aktif{border:2px solid var(--hijau);background:var(--hijau-muda)}h4{margin:0;font-size:1.05rem}.judul-kelompok{margin:1.25rem 0 .5rem}.langkah{margin:0;padding-left:1.5rem}textarea{font:inherit;border:2px solid var(--garis);resize:vertical;background:#fff;border-radius:8px;width:100%;min-height:48px;padding:.5rem .75rem}input[type=radio]{width:1.6rem;height:1.6rem;min-height:1.6rem;accent-color:var(--hijau);flex:none;margin:.25rem 0 0;padding:0}.kolom{margin-bottom:.25rem}.kolom .petunjuk{margin:.25rem 0 0}.galat-kolom{color:var(--merah);margin:.25rem 0 0;font-weight:600}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--merah)}a.tombol-tautan{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.tombol-utama{color:#fff}form a.tombol-tautan{width:100%;margin-top:.75rem;display:flex}.saringan{margin:.5rem 0 1rem}.baris-saringan{gap:.25rem;display:grid}@media (width>=900px){.baris-saringan{grid-template-columns:repeat(3,1fr);gap:1rem}}.rincian{gap:.15rem;margin:.5rem 0 0;display:grid}@media (width>=600px){.rincian{grid-template-columns:repeat(2,1fr)}}.daftar-penanda{flex-wrap:wrap;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.lencana-peringatan,.pesan-peringatan{color:#78350f;background:#fffbeb;border-color:#b45309}.halaman-nomor{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.data-diri{gap:.15rem 1rem;margin:0 0 1rem;display:grid}.data-diri dt{color:#475569;margin-top:.5rem;font-weight:600}.data-diri dd{overflow-wrap:anywhere;margin:0}@media (width>=600px){.data-diri{grid-template-columns:12rem 1fr}.data-diri dt{margin-top:0}}.daftar-polos{margin:0 0 .75rem;padding:0;list-style:none}.daftar-polos li{margin-bottom:.5rem}.status-santri{margin-bottom:1rem}input:disabled,select:disabled,textarea:disabled{color:#6b7280;cursor:not-allowed;background:#e5e7eb}