*{box-sizing:border-box} :root{--nav:#17324d;--blue:#2764d8;--bg:#f4f6f8;--line:#d9e0e7;--muted:#687584} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:#13202c;padding-bottom:env(safe-area-inset-bottom)} header{position:sticky;top:0;z-index:10;background:var(--nav);color:white;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;display:flex;align-items:center;justify-content:space-between}header strong{font-size:24px}header span{display:block;font-size:12px;opacity:.8}button{min-height:44px;border:1px solid var(--line);border-radius:12px;background:white;padding:8px 14px;font-size:16px}header button,.primary{background:var(--blue);border-color:var(--blue);color:#fff}nav{position:sticky;top:74px;z-index:9;display:flex;gap:8px;overflow:auto;padding:10px 14px;background:#fff;border-bottom:1px solid var(--line)}nav button{white-space:nowrap}nav button.active{background:#e8efff;border-color:#9ab5ef;color:#163e91;font-weight:700}main{padding:14px;max-width:1200px;margin:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px}.metric b{font-size:30px;display:block}.muted,.hint{color:var(--muted);font-size:13px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.toolbar select,.toolbar input{max-width:320px}.scroll{overflow:auto;max-height:65vh;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{position:sticky;top:0;background:#fff;z-index:2}.level{width:44px;height:44px;padding:0;font-weight:800}.l0{background:#eef1f4}.l1{background:#fde8e5}.l2{background:#fff2c9}.l3{background:#e2efff}.l4{background:#dcf3e2}.pill{padding:4px 8px;border-radius:999px;background:#edf1f5;font-size:12px;display:inline-block}select,input,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:8px;font-size:16px;background:#fff}textarea{min-height:80px}dialog{width:min(760px,96vw);border:0;border-radius:18px;padding:0}dialog::backdrop{background:#0008}dialog form{padding:18px}dialog h2{margin-top:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.actions{display:flex;justify-content:flex-end;gap:8px}.studentGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.studentBtn{font-weight:700}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.studentGrid{grid-template-columns:repeat(3,1fr)}nav{top:76px}main{padding:10px}}@media(orientation:landscape) and (min-width:900px){.studentGrid{grid-template-columns:repeat(8,1fr)}}
.warn{padding:12px;border-radius:12px;background:#fff0ee;margin:10px 0}.note{padding:12px;border-radius:12px;background:#eef5ff;margin:10px 0}button:disabled{opacity:.45}.card h3{margin-top:4px}