:root{--utama:#0f766e;--utama-tua:#115e59;--utama-muda:#ccfbf1;--aksen:#d97706;--merah:#b91c1c;--merah-muda:#fee2e2;--hijau:#15803d;--hijau-muda:#dcfce7;--kuning-muda:#fef3c7;--biru-muda:#dbeafe;--tinta:#1c1917;--tinta-2:#57534e;--tinta-3:#a8a29e;--garis:#e7e5e4;--latar:#f5f7f6;--kartu:#fff;--radius:12px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif}*{box-sizing:border-box}html{font-family:var(--font);color:var(--tinta);background:var(--latar);-webkit-text-size-adjust:100%;font-size:16px}body{min-height:100dvh;margin:0}a{color:var(--utama)}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .75rem}.redup{color:var(--tinta-2)}.kecil{font-size:.875rem}.bilah{background:var(--utama);color:#fff;z-index:10;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.bilah .merek{color:#fff;white-space:nowrap;font-weight:700;text-decoration:none}.bilah .sekolah{opacity:.9;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;overflow:hidden}.bilah .akun{color:#fff;white-space:nowrap;font-size:.8rem}.nav{background:var(--kartu);border-bottom:1px solid var(--garis);scrollbar-width:none;gap:.25rem;padding:0 .5rem;display:flex;overflow-x:auto}.nav a{color:var(--tinta-2);white-space:nowrap;border-bottom:2px solid #0000;padding:.65rem .75rem;font-size:.9rem;text-decoration:none}.nav a[aria-current=page]{color:var(--utama);border-bottom-color:var(--utama);font-weight:600}main.isi{max-width:960px;margin:0 auto;padding:1rem 1rem 4rem}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.kisi{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.tabel-gulir{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--garis);vertical-align:top;padding:.5rem .6rem}th{color:var(--tinta-2);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;font-size:.8rem;font-weight:600}td.angka,th.angka{text-align:right;font-variant-numeric:tabular-nums}label{color:var(--tinta-2);margin-bottom:.25rem;font-size:.85rem;display:block}input,select,textarea{font:inherit;border:1px solid var(--tinta-3);width:100%;color:var(--tinta);background:#fff;border-radius:8px;padding:.6rem .7rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--utama);outline-offset:1px;border-color:var(--utama)}.medan{margin-bottom:.9rem}.baris-medan{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.tombol{font:inherit;border:1px solid var(--utama);background:var(--utama);color:#fff;cursor:pointer;border-radius:8px;padding:.6rem 1rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-block}.tombol:hover{background:var(--utama-tua)}.tombol.garis{color:var(--utama);background:0 0}.tombol.bahaya{color:var(--merah);border-color:var(--merah);background:0 0}.tombol.kecil{padding:.35rem .6rem;font-size:.85rem}.tombol:disabled{opacity:.5;cursor:not-allowed}.aksi-baris{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pesan{border-radius:8px;margin-bottom:1rem;padding:.7rem .9rem;font-size:.95rem}.pesan.galat{background:var(--merah-muda);color:var(--merah)}.pesan.sukses{background:var(--hijau-muda);color:var(--hijau)}.pesan.info{background:var(--biru-muda);color:#1e40af}.pesan.peringatan{background:var(--kuning-muda);color:#92400e}.lencana{background:var(--garis);color:var(--tinta-2);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.lencana.hijau{background:var(--hijau-muda);color:var(--hijau)}.lencana.merah{background:var(--merah-muda);color:var(--merah)}.lencana.kuning{background:var(--kuning-muda);color:#92400e}.lencana.biru{background:var(--biru-muda);color:#1e40af}.angka-besar{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1}.kosong{text-align:center;color:var(--tinta-2);padding:2rem 1rem}code,pre{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85em}pre{background:#f3f4f6;border-radius:8px;padding:.75rem;overflow-x:auto}