*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f3f5f7;margin:0;color:#222}.top{background:#174a7c;color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center}.top small{display:block;opacity:.8;margin-top:4px}.top a{color:#fff}.top+nav{background:#fff;border-bottom:1px solid #ddd;padding:0 18px;display:flex;gap:4px;flex-wrap:wrap}.top+nav a{padding:12px 10px;text-decoration:none;color:#174a7c}.top+nav a:hover{background:#eef5fb}main{max-width:1200px;margin:20px auto;padding:0 15px}.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:18px;margin-bottom:18px;box-shadow:0 2px 7px #0000000b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.stat{font-size:30px;font-weight:bold;color:#174a7c}.btn{display:inline-block;background:#174a7c;color:#fff;padding:8px 12px;border:0;border-radius:5px;text-decoration:none;cursor:pointer}.btn.secondary{background:#6c757d}.btn.green{background:#198754}.btn.red{background:#b42318}.btn.sm{padding:5px 8px;font-size:12px}input,select,textarea{width:100%;padding:9px;border:1px solid #bbb;border-radius:4px}label{font-size:13px;font-weight:bold;display:block;margin-bottom:5px}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid #ccc;padding:8px;font-size:13px}th{background:#eef2f5}.table-wrap{overflow:auto}.login{max-width:420px;margin:80px auto}.alert{padding:10px;background:#fff3cd;border:1px solid #ffecb5;border-radius:5px;margin-bottom:12px}.actions{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}footer{text-align:center;color:#777;padding:25px}
@media print{.top,nav,footer,.no-print{display:none!important}body{background:#fff}main{max-width:none;margin:0;padding:0}.card{box-shadow:none;border:0;padding:0}.print-page{page-break-after:always}}
.success{padding:10px;background:#d1e7dd;border:1px solid #badbcc;border-radius:5px;margin-bottom:12px}.muted{color:#6c757d}.full{grid-column:1/-1}.check{display:flex;align-items:end}.check label{font-weight:normal}.check input{width:auto;margin-right:7px}.badge{display:inline-block;padding:4px 8px;border-radius:12px;background:#e9ecef;font-size:12px}.badge.green{background:#d1e7dd;color:#0f5132}.logo-preview{margin:12px 0}.logo-preview img{max-width:120px;max-height:120px;border:1px solid #ddd;padding:5px;border-radius:6px}.brand{display:flex;gap:10px;align-items:center}.header-logo{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:4px;padding:2px}.school-summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.logo-small{max-width:80px;max-height:80px;object-fit:contain}