:root{--primary:#0b3d82;--primary-dark:#072a5c;--accent:#12afbf;--accent-soft:#ddf4f6;--bg:#f3f6fa;--surface:#fff;--border:#e1e7ef;--text:#0b2a55;--muted:#5f6f86;--success:#1f9d55;--success-soft:#e3f5ea;--warning:#9a6400;--warning-soft:#fdf2dc;--danger:#d64545;--danger-soft:#fdecec;--radius:16px;--radius-sm:10px;--shadow:0 4px 16px #0b3d820f;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:inherit}h1,h2,h3{color:var(--text);margin:0}h1{font-size:26px;font-weight:800}h2{font-size:19px;font-weight:700}h3{font-size:16px;font-weight:600}p{margin:0}.muted{color:var(--muted);font-size:14px}.small{font-size:13px}.layout{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--primary-dark);color:#fff;flex-direction:column;gap:24px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar .logo{background:#fff;border-radius:12px;padding:10px 14px}.sidebar .logo img{width:120px;display:block}.school-name{opacity:.8;padding:0 8px;font-size:13px}.nav{flex-direction:column;gap:4px;display:flex}.nav a{opacity:.85;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{opacity:1;background:#ffffff14}.nav a.active{background:var(--accent);opacity:1}.sidebar .user{flex-direction:column;gap:8px;margin-top:auto;padding:0 8px;font-size:13px;display:flex}.sidebar .user button{align-self:flex-start}.main{flex-direction:column;gap:24px;width:100%;max-width:1180px;padding:32px 40px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header .subtitle{margin-top:4px}.breadcrumb{color:var(--muted);margin-bottom:6px;font-size:13px}.breadcrumb a{color:var(--accent);font-weight:600;text-decoration:none}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:20px;display:flex}.card.link{cursor:pointer;text-decoration:none;transition:transform .1s,box-shadow .1s}.card.link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b3d821a}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;display:grid}.stat{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.stat .value{color:var(--primary);font-size:30px;font-weight:800}.stat.highlight{background:var(--primary)}.stat.highlight .value,.stat.highlight .muted{color:#fff}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.btn{font:inherit;cursor:pointer;background:var(--primary);color:#fff;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--primary-dark)}.btn:disabled{color:#9aa5b5;cursor:not-allowed;background:#e4e8ee}.btn.outline{background:var(--surface);color:var(--primary);border-color:var(--primary)}.btn.outline:hover{background:var(--accent-soft)}.btn.ghost{color:var(--primary);background:0 0;padding:6px 10px}.btn.ghost:hover{background:var(--accent-soft)}.btn.danger{color:var(--danger);background:0 0;padding:6px 10px}.btn.danger:hover{background:var(--danger-soft)}.btn.light{color:#fff;background:#ffffff1f;padding:6px 12px;font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:13px;font-weight:600}.field input,.field select,.field textarea{font:inherit;color:var(--text);border:1.5px solid var(--border);background:var(--surface);border-radius:12px;padding:11px 14px;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field .error{color:var(--danger);font-size:13px}.message{border-radius:12px;padding:12px 14px;font-size:14px}.message.error{background:var(--danger-soft);color:var(--danger)}.message.info{background:var(--accent-soft);color:var(--primary)}.badge{background:var(--accent-soft);color:var(--primary);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.muted{color:var(--muted);background:#e4e8ee}.code{letter-spacing:2px;color:var(--primary);background:var(--accent-soft);border-radius:12px;padding:8px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:700}.code.inactive{color:var(--muted);background:#e4e8ee;text-decoration:line-through}.tabs{border-bottom:1.5px solid var(--border);gap:4px;display:flex}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1.5px;padding:10px 16px;font-weight:600}.tabs button.active{color:var(--primary);border-bottom-color:var(--accent)}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);border-bottom:1.5px solid var(--border);padding:10px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);padding:12px}tr:last-child td{border-bottom:none}.bar{background:var(--accent-soft);border-radius:999px;min-width:80px;height:8px;overflow:hidden}.bar>div{background:var(--accent);border-radius:999px;height:100%}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty .icon{background:var(--accent-soft);border-radius:50%;place-items:center;width:64px;height:64px;font-size:28px;display:grid}.modal-backdrop{z-index:10;background:#072a5c66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:24px;flex-direction:column;gap:16px;width:min(560px,100%);max-height:90vh;padding:28px;display:flex;overflow:auto}.checklist{flex-direction:column;gap:8px;display:flex}.checklist label{border:1.5px solid var(--border);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:14px;display:flex}.checklist label.checked{border-color:var(--accent);background:var(--accent-soft)}.checklist input{accent-color:var(--accent);margin-top:3px}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-hero{background:var(--primary-dark);color:#fff;flex-direction:column;justify-content:center;gap:20px;padding:56px;display:flex;position:relative;overflow:hidden}.auth-hero h1{color:#fff;font-size:34px;line-height:1.2}.auth-hero p{opacity:.85;max-width:440px;font-size:17px;line-height:1.6}.auth-hero .arc{border:48px solid var(--accent);border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-120px}.auth-form{place-items:center;padding:40px;display:grid}.auth-form .card{gap:16px;width:min(420px,100%);padding:32px}.auth-form .card img{width:140px}@media (width<=900px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:static}.main{padding:24px 16px}.auth-page{grid-template-columns:1fr}.auth-hero{display:none}}