:root{--b:#075985;--c:#0284c7;--d:#06b6d4;--dark:#0f172a}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#eef9ff,#f8fafc);color:#0f172a}.topbar{display:flex;align-items:center;gap:18px;justify-content:space-between;background:linear-gradient(90deg,var(--b),var(--c),var(--d));color:white;padding:15px 25px;box-shadow:0 8px 22px #0002}.topbar img{width:75px;height:75px;object-fit:contain;background:white;border-radius:50%;padding:5px}.topbar div{text-align:center;flex:1}.topbar h1{margin:0;font-size:29px;letter-spacing:.5px}.topbar p{margin:5px 0 0}.layout{display:flex;min-height:calc(100vh - 115px)}.sidebar{width:260px;background:var(--dark);color:white;padding:18px 13px}.profile{background:#ffffff14;text-align:center;border-radius:16px;padding:16px;margin-bottom:18px}.profile b{display:block;font-size:18px}.profile span{color:#bae6fd;font-size:12px}nav a{display:block;color:#e2e8f0;text-decoration:none;padding:12px 13px;border-radius:11px;margin-bottom:7px;font-weight:700}nav a:hover,nav a.active{background:linear-gradient(90deg,var(--c),var(--d));color:white}.logout{background:#dc2626!important;color:white!important;margin-top:18px}.main{flex:1;padding:24px}.card{background:white;border-radius:20px;padding:24px;box-shadow:0 12px 32px #0f172a14;border:1px solid #dbeafe}.page-title{margin-top:0;color:var(--b);border-bottom:3px solid #bae6fd;padding-bottom:10px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1px solid #bae6fd;border-radius:18px;padding:20px}.stat b{display:block;font-size:30px;color:#075985}table{width:100%;border-collapse:collapse;margin-top:15px;background:white}th,td{padding:11px;border-bottom:1px solid #e2e8f0;text-align:left}th{background:#e0f2fe;color:#075985}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:10px;margin:5px 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}.btn,button{display:inline-block;background:linear-gradient(90deg,#0369a1,#0284c7);color:white;border:0;border-radius:10px;padding:11px 16px;text-decoration:none;font-weight:700;cursor:pointer}.btn.red{background:#dc2626}.btn.green{background:#16a34a}.notice{padding:12px;border-radius:10px;background:#dcfce7;color:#166534;margin-bottom:14px}.err{padding:12px;border-radius:10px;background:#fee2e2;color:#991b1b;margin-bottom:14px}.school-hero{display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,#ecfeff,#f0fdf4);border:1px solid #99f6e4;border-radius:20px;padding:16px;margin-bottom:18px}.school-hero img{width:82px;height:82px;object-fit:contain;border-radius:16px;background:white;border:1px solid #cbd5e1;padding:5px}.report-head{display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid #075985;padding-bottom:10px;margin-bottom:14px}.report-head img{height:78px;max-width:100px;object-fit:contain}.report-head h1{margin:0;color:#075985;font-size:28px;white-space:nowrap}.report-head p{margin:4px 0;color:#334155;font-weight:700;text-align:center}footer{text-align:center;background:#e2e8f0;padding:13px}@media(max-width:800px){.layout{flex-direction:column}.sidebar{width:100%}.topbar{flex-direction:column}.topbar h1{font-size:22px}.report-head h1{font-size:20px;white-space:normal}}@media print{.topbar,.sidebar,footer,.no-print{display:none}.layout{display:block}.main{padding:0}.card{box-shadow:none;border:0}.report-head h1{font-size:24px}}
/* V17 old/clean dashboard style */
.notice-line{background:#f8fafc;border:1px solid #cbd5e1;border-left:5px solid #0ea5e9;padding:14px;border-radius:8px;margin-bottom:14px;color:#0f172a}.old-stats .stat{background:#fff;border:1px solid #cbd5e1;color:#0f172a;box-shadow:none}.old-stats .stat b{color:#075985}.quick-table th{background:#075985!important}.school-head-mini{display:flex;gap:14px;align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:12px;margin-bottom:14px}.school-head-mini img{width:70px;height:70px;object-fit:contain;border:1px solid #e2e8f0;background:#fff;border-radius:8px}.school-head-mini h3{margin:0;color:#075985}.school-head-mini p{margin:4px 0 0;color:#334155}