:root{color:#1d2433;background:#f4f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}.login{background:linear-gradient(135deg,#e7f1ed 0%,#f7efe5 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login section{background:#fff;border:1px solid #dde5e0;border-radius:8px;width:min(420px,100%);padding:32px;box-shadow:0 20px 50px #22303e1f}.login h1{margin:14px 0 8px;font-size:28px}.login p{color:#657186;margin:0 0 24px}.login form,.mini{gap:12px;display:grid}input,select{background:#fff;border:1px solid #cbd8d2;border-radius:6px;width:100%;min-height:42px;padding:0 12px}button{color:#fff;background:#176b5b;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex}.error{color:#b42318;font-size:14px}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#17252f;flex-direction:column;gap:24px;padding:24px;display:flex}.brand{align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.person{background:#ffffff14;border-radius:8px;gap:6px;padding:14px;display:grid}.person span,header p,.muted{color:#657186}.person span{color:#b7c4c0}.ghost{background:#ffffff1f;margin-top:auto}.content{align-content:start;gap:24px;padding:28px;display:grid}header{justify-content:space-between;align-items:center;display:flex}header h1{margin:2px 0 0;font-size:30px}header p{margin:0}.metrics{grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px;display:grid}.metrics article,.table,.mini,.upload,.campus{background:#fff;border:1px solid #dde5e0;border-radius:8px}.metrics article{gap:8px;padding:18px;display:grid}.metrics svg{color:#176b5b;width:22px;height:22px}.metrics strong{font-size:28px}.metrics p{color:#657186;margin:0}.forms{grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;display:grid}.mini{padding:16px}.mini h2,.table h2{align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px;display:grid}.campus{padding:18px}.campus h2{align-items:center;gap:8px;margin:0 0 14px;font-size:18px;display:flex}.school-list{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.school-card{color:inherit;background:#fbfcfb;border:1px solid #dde5e0;border-radius:8px;gap:8px;padding:14px;text-decoration:none;display:grid}.school-card:hover{border-color:#176b5b}.school-card span{color:#657186;font-size:14px}.table{padding:16px;overflow:auto}table{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #ecf0ee;padding:10px 8px}th{color:#657186;font-weight:700}.upload{align-items:center;gap:12px;padding:14px;display:flex}.upload input{padding:8px}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{position:static}.metrics,.forms,.grid,.school-list{grid-template-columns:1fr}}