: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{overflow-wrap:anywhere;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}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.daftar-menu,.anak-menu{margin:0;padding:0;list-style:none}.kelompok-menu+.kelompok-menu,.daftar-menu+.kelompok-menu{margin-top:.15rem}.ikon-menu{flex:none;width:22px;height:22px}.butir-menu{color:#1f2937;border-radius:8px;align-items:center;gap:.6rem;min-height:48px;padding:.55rem .75rem .55rem calc(.75rem + 4px);font-weight:500;line-height:1.3;text-decoration:none;display:flex}.butir-menu:hover{background:var(--hijau-muda)}.butir-menu.aktif{background:var(--hijau);color:#fff;font-weight:700}.tombol-kelompok{width:100%;min-height:48px;font:inherit;color:#1f2937;text-align:left;cursor:pointer;background:0 0;border:0;border-left:4px solid #0000;border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:1rem;font-weight:600;line-height:1.3;display:flex}.tombol-kelompok:hover{background:var(--hijau-muda)}.tombol-kelompok .teks-kelompok{flex:1;min-width:0}.tombol-kelompok .panah{width:20px;height:20px;transition:transform .15s}.tombol-kelompok[aria-expanded=true] .panah{transform:rotate(90deg)}.tombol-kelompok.berisi-aktif{color:var(--hijau);border-left-color:var(--hijau);border-radius:0 8px 8px 0;font-weight:700}.anak-menu{border-left:2px solid var(--garis);margin:.1rem 0 .35rem calc(14px + .75rem);padding-left:.5rem}.anak-menu .butir-menu{padding-left:.75rem}.menu .pemisah-menu{border-top:1px solid var(--garis);margin-top:.5rem;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}.panel-aksi .kembar-wali+.tombol{margin-top:.75rem}.panel-aksi-banyak .kembar-wali+.kembar-wali{border-top:1px solid var(--garis);margin-top:1rem;padding-top:1rem}.panel-aksi-banyak a.tombol-tautan{text-align:center}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}}.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}.ringkasan-kelengkapan{border:1px solid var(--garis);background:#fff;border-radius:12px;margin:.5rem 0 1rem;padding:.75rem 1rem}.ringkasan-kelengkapan p{margin:0 0 .5rem;font-weight:600}.daftar-ringkasan{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tombol-ringkasan{font:inherit;color:#78350f;cursor:pointer;background:#fffbeb;border:2px solid #b45309;border-radius:999px;min-height:48px;padding:.4rem .95rem;line-height:1.3}.tombol-ringkasan:hover{background:#fef3c7}.tombol-ringkasan[aria-pressed=true]{color:#fff;background:#78350f;border-color:#78350f;font-weight:700}.ringkasan-kelengkapan p.ringkasan-lengkap{color:var(--hijau-tua);margin:0}@media (width>=900px){.baris-saringan-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.baris-saringan-4{grid-template-columns:1fr 1fr 1fr 1.45fr}}.kotak-tabel{border:1px solid var(--garis);background:#fff;border-radius:12px}@media (width>=900px) and (width<=1365px){.kotak-tabel{overflow-x:auto}}.tabel{border-collapse:separate;border-spacing:0;width:100%}.tabel-santri{table-layout:fixed;min-width:54.8rem}.tabel th{top:var(--tinggi-kepala);z-index:3;color:#1f2937;text-align:left;vertical-align:bottom;background:#e8f0eb;border-bottom:2px solid #94a3b8;padding:.4rem .25rem;font-weight:700;line-height:1.25;position:sticky}@media (width>=900px) and (width<=1365px){.tabel-santri th{position:static}}.tabel th:first-child{border-top-left-radius:11px}.tabel th:last-child{border-top-right-radius:11px}.tabel td{vertical-align:middle;overflow-wrap:break-word;border-bottom:1px solid #e2e8f0;padding:.15rem .25rem;line-height:1.25}.tabel tr.belang>td{background:#f4f7f5}.tabel tbody tr:last-child>td{border-bottom:0}.tabel .kol-no{text-align:right;color:#475569;width:1.9rem;font-size:.9rem}.tabel .kol-aksi{width:6.9rem}.tabel .aksi-sel{flex-direction:row;gap:.3rem}.tabel .aksi-sel .tombol-sel{padding-left:.3rem;padding-right:.3rem}.tabel .kol-kelas{width:4.7rem}.tabel td.kol-kelas .belum-ada{font-size:.9rem}.tabel .kol-kategori{width:5rem}.tabel .kol-wali{width:7.35rem}.tabel .kol-va{width:10.5rem}.aksi-sel{flex-direction:column;gap:.4rem;display:flex}.tabel a.nama-santri{font-weight:700}.teks-kecil{color:#475569;font-size:.9rem;display:block}.belum-ada,.teks-kecil.belum-ada{color:#92400e;font-weight:700}.tidak-ditagih{color:#475569}.nomor{font-variant-numeric:tabular-nums;white-space:nowrap}.tersimpan{color:var(--hijau);font-size:.9rem;font-weight:700;display:block}.lencana.lencana-sel{margin-top:.25rem;display:inline-block}.tombol-sel{min-height:48px;padding:.35rem .8rem;line-height:1.2}.tabel .tombol-sel{min-height:44px;padding:.25rem .35rem;font-size:.9rem}a.tombol-sel{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.isian-va{gap:.3rem;display:grid}.isian-kotak{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem;display:grid}.isian-kotak input{font-variant-numeric:tabular-nums;min-height:48px;padding:.4rem .5rem}.tabel .isian-kotak{gap:.2rem}.tabel .isian-kotak input{min-height:44px;padding:.25rem .2rem;font-size:.9rem}.tabel .isian-kotak input::placeholder{color:#92400e;opacity:1;font-size:.8rem;font-weight:600}.tabel .simpan-va{padding-left:.3rem;padding-right:.3rem}.isi-wali{margin-top:.3rem}.tabel .wali-kosong{flex-wrap:wrap;align-items:center;gap:.2rem .4rem;display:flex}.tabel .wali-kosong .isi-wali{margin-top:0}.baris-galat td,.baris-panel td{padding-top:0}.baris-galat .pesan{margin:0}.panel-wali{border:2px solid var(--hijau);background:#fff;border-radius:12px;max-width:36rem;margin:.25rem 0 .5rem;padding:1rem}.panel-wali h3{margin:0 0 .25rem}.panel-wali .panel-aksi{margin-top:1rem}.rincian-kartu{grid-template-columns:8.5rem minmax(0,1fr);gap:.3rem .75rem;margin:.5rem 0 0;display:grid}.rincian-kartu dt{color:#475569;font-weight:600}.rincian-kartu dd{min-width:0;margin:0}.rincian-kartu .penuh{grid-column:1/-1}.rincian-kartu dd.penuh{margin-bottom:.25rem}.kartu-santri .isian-kotak{grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.kartu-santri .pesan-galat{margin:.4rem 0 0}@media (width<=420px){.rincian-kartu{grid-template-columns:7.6rem minmax(0,1fr)}}.lencana-galat{border-color:var(--merah);color:#7f1d1d;background:#fef2f2}.lencana-info{color:#334155;background:#fff;border-color:#64748b}.lencana.lencana-sebaris{margin-top:.2rem;display:inline-block}.lencana.lencana-keterangan{white-space:normal;overflow-wrap:anywhere;border-radius:1rem;max-width:100%;display:inline-block}@media (width>=900px){.lencana.lencana-keterangan{min-width:10rem}}.tabel td.sel-alasan{overflow-wrap:anywhere;min-width:14rem}.tabel-kerja td{padding:.3rem .4rem}.tabel-kerja th{padding:.4rem}.tabel-kerja .angka{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tabel-kerja .sempit{white-space:nowrap;width:1%}.tabel-kerja td .tombol{white-space:nowrap;min-height:44px;padding:.25rem .6rem;font-size:.9rem}.tabel-kerja td select,.tabel-kerja td input:not([type=checkbox]):not([type=radio]){min-height:44px;padding:.25rem .4rem;font-size:.9rem}.tabel-kerja td .aksi-baris{gap:.3rem;margin:0}.tabel-kerja tr.baris-bermasalah>td,.tabel-kerja tr.baris-bermasalah.belang>td{background:#fef2f2}.tabel-kerja tr.baris-peringatan>td,.tabel-kerja tr.baris-peringatan.belang>td{background:#fffbeb}.tabel-kerja tr.baris-berhasil>td,.tabel-kerja tr.baris-berhasil.belang>td{background:var(--hijau-muda)}.tabel-kerja tr.punya-alasan>td{border-bottom:0}.tabel-kerja tr.baris-alasan>td{padding-top:0;padding-bottom:.6rem}@media (width>=900px){.tabel-kerja td .aksi-baris{flex-wrap:nowrap}.kotak-tabel.boleh-geser{overflow-x:auto}}.boleh-geser .tabel-kerja th{position:static}@media (width>=900px) and (width<=1365px){.tabel-kerja th{position:static}}.tabel-kecil th{position:static}.tabel caption{text-align:left;padding:0 0 .4rem;font-weight:700}.tabel-rincian{max-width:48rem}.beda-lama{color:#7f1d1d;text-decoration:line-through}.beda-baru{color:var(--hijau-tua);font-weight:700}@media (width<=899px){.tabel-kerja,.tabel-kerja tbody,.tabel-kerja tr,.tabel-kerja td{width:100%;display:block}.kotak-tabel.kotak-kartu{background:0 0;border:0}.tabel-kerja thead{display:none}.tabel-kerja tr{border:1px solid var(--garis);overflow-wrap:anywhere;background:#fff;border-radius:12px;margin-bottom:.75rem;padding:.75rem 1rem}.tabel-kerja td{padding-left:0}.tabel-kerja tr>td,.tabel-kerja tr.belang>td{background:0 0;border:0;padding-top:.2rem;padding-bottom:.2rem;padding-right:0}.tabel-kerja tr.baris-bermasalah{border:2px solid var(--merah);background:#fef2f2}.tabel-kerja tr.baris-peringatan{background:#fffbeb;border:2px solid #b45309}.tabel-kerja tr.baris-berhasil{border:2px solid var(--hijau);background:var(--hijau-muda)}.tabel-kerja tr.baris-bermasalah>td,.tabel-kerja tr.baris-peringatan>td,.tabel-kerja tr.baris-berhasil>td{background:0 0}.tabel-kerja tr>td[data-label]{padding-left:9.25rem;display:flow-root}.tabel-kerja td[data-label]:before{content:attr(data-label);float:left;color:#475569;width:8.5rem;margin-left:-9.25rem;font-weight:600}.tabel-kerja tr>td.tanpa-label{padding-left:0;display:block}.tabel-kerja td.tanpa-label:before{display:none}.tabel-kerja td.judul-kartu{font-size:1.1rem;font-weight:700}.tabel-kerja td.judul-kartu .teks-kecil{font-weight:400}.tabel-kerja td.sembunyi-hp{display:none}.tabel-kerja .angka{text-align:left}.tabel-kerja .nowrap{white-space:normal}.tabel-kerja td .tombol{white-space:normal;width:100%;min-height:48px;font-size:1rem}.tabel-kerja td select,.tabel-kerja td input:not([type=checkbox]):not([type=radio]){min-height:48px;font-size:1rem}.tabel-kerja tr.punya-alasan{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.tabel-kerja tr.baris-alasan{border-top:0;border-top-left-radius:0;border-top-right-radius:0;padding-top:0}}@media (width<=420px){.tabel-kerja tr>td[data-label]{padding-left:8.35rem}.tabel-kerja td[data-label]:before{width:7.6rem;margin-left:-8.35rem}}.tab-baris{border-bottom:2px solid var(--garis);flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;padding-bottom:.75rem;display:flex}.tab-baris .tombol[aria-selected=true]{background:var(--hijau);color:#fff}.panel-konfirmasi{color:#1f2937;background:#fffbeb;border:2px solid #b45309;border-radius:12px;margin:1rem 0;padding:1rem}.panel-konfirmasi.bahaya{border-color:var(--merah);background:#fef2f2}.panel-konfirmasi h2,.panel-konfirmasi h3{margin-bottom:.5rem}.panel-konfirmasi ul{margin:0 0 .75rem;padding-left:1.25rem}.nowrap{white-space:nowrap}.tabel-kerja .lencana{display:inline-block}.langkah-alur{counter-reset:langkah;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.langkah-alur li{counter-increment:langkah;border:2px solid var(--garis);color:#475569;background:#fff;border-radius:999px;padding:.3rem .8rem;font-weight:600}.langkah-alur li:before{content:counter(langkah) ". "}.langkah-alur li.sekarang{border-color:var(--hijau);background:var(--hijau);color:#fff}.langkah-alur li.selesai{border-color:var(--hijau);color:var(--hijau-tua)}.langkah-alur li.selesai:after{content:" (selesai)";font-weight:400}details.buka-tutup{border:1px solid var(--garis);background:#fff;border-radius:12px;margin-bottom:.75rem}details.buka-tutup>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;min-height:48px;padding:.6rem 1rem;font-weight:700;list-style:none;display:flex}details.buka-tutup>summary::-webkit-details-marker{display:none}details.buka-tutup>summary:after{content:"Buka";border:2px solid var(--hijau);color:var(--hijau);border-radius:8px;flex:none;padding:.1rem .6rem;font-weight:600}details.buka-tutup[open]>summary:after{content:"Tutup"}details.buka-tutup>.isi-buka{padding:0 1rem 1rem}.unggah-file{border:2px dashed var(--hijau);background:#fff;border-radius:12px;padding:1rem}.unggah-file input[type=file]{border:0;min-height:48px;padding:.5rem 0}.tombol-lebar{justify-content:center;align-items:center;width:100%;margin-top:.75rem;display:flex}@media (width>=900px){.tabel-cocokkan td .lencana{white-space:nowrap}}.label-kecil{color:#475569;font-size:.9rem;font-weight:600}.hasil-baris{margin:.25rem 0 0;font-weight:600}.hasil-baris.ok{color:var(--hijau-tua)}.hasil-baris.galat{color:var(--merah)}.hasil-baris.tertunda{color:#78350f}.pesan-galat-fokus{scroll-margin-top:calc(var(--tinggi-kepala) + .75rem)}.label-hp{display:none}@media (width<=899px){.label-hp{font-weight:600;display:inline}label.pilih-baris{align-items:center;gap:.5rem;min-height:48px;display:flex}}label.pilih-baris{margin:0}.tombol.pudar:disabled{cursor:not-allowed}.kisi-angka{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.kotak-angka{border:1px solid var(--garis);background:#fff;border-radius:12px;padding:.6rem 1rem}.kotak-angka .nilai{color:var(--hijau-tua);font-size:1.8rem;font-weight:700;line-height:1.2;display:block}.kotak-angka .nama{color:#334155;display:block}.kotak-angka a{min-height:48px;color:inherit;text-decoration:none;display:block}.kotak-angka a .nama{text-decoration:underline}a.tombol-ringkasan{align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.judul-sub{margin:.5rem 0}.judul-sub.jarak-atas{margin-top:1rem}p.jarak-atas{margin-top:.75rem}.kotak-sebaris{display:inline-block}.kotak-sebaris+.bagian{margin-top:1rem}