:root{--blue:#177db5;--dark:#153b60;--light:#eef6fb;--border:#d7e4ec}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f6f8fa;color:#263238}header{background:var(--blue);color:white;padding:15px 4%;display:flex;justify-content:space-between}header a{color:white;text-decoration:none;margin-left:18px}main{max-width:1250px;margin:30px auto;padding:0 20px}.hero{background:white;padding:24px;border-radius:12px;border:1px solid var(--border)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:20px}.card{background:white;border:1px solid var(--border);border-radius:12px;padding:20px;text-decoration:none;color:inherit}.card:hover{box-shadow:0 6px 18px #0001}.count{font-size:30px;color:var(--blue);font-weight:bold}.pagehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.button,button{background:var(--blue);color:white;border:0;border-radius:7px;padding:10px 15px;text-decoration:none;cursor:pointer}.tablewrap{overflow:auto;background:white;border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:11px;border-bottom:1px solid #e7edf1;vertical-align:top}th{background:var(--light);color:var(--dark)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:white;padding:22px;border:1px solid var(--border);border-radius:10px}.formgrid label{font-weight:bold}.formgrid input,.formgrid select,.formgrid textarea,.userform input,.userform select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #bccbd5;border-radius:6px}.formgrid textarea{min-height:90px}.wide{grid-column:1/-1}.actions{text-align:right}.login{max-width:430px;margin:10vh auto;background:white;padding:32px;border-radius:12px;border:1px solid var(--border)}.login input{width:100%;padding:11px;margin:7px 0 16px}.error{background:#fee;border:1px solid #e99;padding:10px;border-radius:6px;margin:10px 0}.muted{color:#888;font-size:12px}.inline{display:inline}.linkdanger{background:none;color:#a22;padding:0;margin-left:10px}.userform{display:grid;grid-template-columns:2fr 2fr 2fr 1fr auto;gap:10px;margin-bottom:20px;background:white;padding:15px;border-radius:10px}.userform input,.userform select{margin:0}@media(max-width:760px){.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}.userform{grid-template-columns:1fr}.pagehead{align-items:start;gap:10px;flex-direction:column}}
.schooltitle{display:flex;justify-content:space-between;gap:16px;align-items:center}.kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin:14px 0}.kpi{background:#f5f9fc;border:1px solid #dbe9f2;border-radius:12px;padding:14px}.kpi span{display:block;color:#667;font-size:12px}.kpi b{display:block;font-size:21px;margin-top:4px;color:#17365d}.analyticsgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.analyticsgrid>div{border:1px solid #e1e7eb;border-radius:12px;padding:14px}.metricrow{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:7px 0}.secondary{background:#eef6fb!important;color:#1679b5!important}.notice{padding:12px 14px;background:#fff8dc;border:1px solid #eadca4;border-radius:9px;margin:12px 0}.pill{display:inline-block;padding:3px 8px;border-radius:999px;background:#eee}.pill.ok{background:#e7f6eb;color:#23743b}.pill.bad{background:#fde9e7;color:#a33229}@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}.analyticsgrid{grid-template-columns:1fr}.schooltitle{align-items:flex-start;flex-direction:column}}