:root{--navy:#003b78;--navy2:#002b59;--gold:#c89b32;--light:#f5f8fc;--red:#d93025;--gray:#667085}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef3f8;color:#14213d}.topbar{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 24px;box-shadow:0 2px 12px rgba(0,0,0,.15)}.brand{display:flex;align-items:center;font-weight:700;font-size:20px;gap:10px}.brand img{width:46px;height:46px;border-radius:50%;object-fit:cover}.topbar nav a{color:#fff;text-decoration:none;margin-left:18px;font-weight:600}.topbar nav a:hover{text-decoration:underline}.container{max-width:1180px;margin:24px auto;padding:0 16px}.footer{text-align:center;color:#667085;padding:24px}.card-panel{background:#fff;border-radius:14px;padding:22px;box-shadow:0 8px 24px rgba(16,24,40,.08);margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat{background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dbe7f3;border-radius:14px;padding:20px}.stat strong{display:block;font-size:30px;color:var(--navy)}h1,h2,h3{color:var(--navy2)}.btn{display:inline-block;background:var(--navy);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;font-weight:700}.btn:hover{background:#002b59}.btn.secondary{background:#667085}.btn.gold{background:var(--gold);color:#101828}.btn.danger{background:#b42318}.actions{display:flex;gap:8px;flex-wrap:wrap}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:14px}label{display:block;font-weight:700;margin-bottom:6px;color:#344054}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px}textarea{min-height:100px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border-bottom:1px solid #e5e7eb;padding:11px;text-align:left;vertical-align:middle}.table th{background:#f8fafc;color:#344054}.flash{background:#ecfdf3;color:#05603a;border:1px solid #abefc6;padding:12px;border-radius:10px;margin-bottom:16px}.error-box{background:#fef3f2;color:#912018;border:1px solid #fecdca;padding:12px 14px;border-radius:10px;margin-bottom:16px}.error-box ul{margin:8px 0 0 20px;padding:0}.login-wrap{max-width:430px;margin:70px auto}.login-logo{text-align:center}.login-logo img{width:100px;border-radius:50%}.photo-thumb{width:58px;height:70px;object-fit:cover;border-radius:6px;border:1px solid #ddd}.muted{color:#667085}.searchbar{display:flex;gap:10px;margin-bottom:14px}.searchbar input{max-width:360px}
/* ID card print styles */
.print-layout{display:flex;gap:30px;flex-wrap:wrap;align-items:flex-start}.print-page{width:54mm;min-height:85.6mm;display:flex;align-items:flex-start;justify-content:center}.id-card{width:54mm!important;height:85.6mm!important;aspect-ratio:54/85.6;border-radius:3mm;overflow:hidden;position:relative;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.22);font-family:Arial,Helvetica,sans-serif;color:#0b2545;print-color-adjust:exact;-webkit-print-color-adjust:exact}.id-card.portrait{width:54mm!important;height:85.6mm!important}.front-card{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.front-card:before{content:"";position:absolute;left:-12mm;top:-12mm;width:78mm;height:32mm;background:linear-gradient(135deg,#002b59,#004b93);border-radius:0 0 45% 0;z-index:0}.front-card:after{content:"";position:absolute;right:-10mm;bottom:-10mm;width:80mm;height:30mm;background:linear-gradient(135deg,#004b93,#002b59);border-radius:55% 0 0 0;z-index:0}.gold-wave{position:absolute;left:0;top:28mm;width:100%;height:3mm;background:var(--gold);transform:skewY(-7deg);z-index:1}.id-logo{position:absolute;left:4mm;top:4mm;width:17mm;height:17mm;border-radius:50%;z-index:2}.school-title{position:absolute;right:4mm;top:6mm;text-align:right;color:#fff;z-index:2;font-family:Georgia,serif;font-weight:700;font-size:6mm;line-height:1.02}.school-title small{display:block;color:#f3c96a;font-family:Arial,sans-serif;font-size:2.5mm;letter-spacing:.6mm;margin-top:1mm}.photo-box{position:absolute;left:5mm;top:29mm;width:27mm;height:32mm;border:0.7mm solid var(--gold);border-radius:2mm;background:linear-gradient(180deg,#f8fafc,#e2e8f0);z-index:2;overflow:hidden;display:flex;align-items:center;justify-content:center}.photo-box img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:18mm;background:linear-gradient(180deg,#f8fafc,#e2e8f0)}.role-strip{position:absolute;left:0;top:63mm;width:37mm;height:8mm;background:linear-gradient(90deg,#003b78,#005fb8);color:#fff;font-weight:900;font-size:6mm;letter-spacing:.4mm;padding-left:5mm;line-height:8mm;z-index:2}.details{position:absolute;left:7mm;right:5mm;top:73mm;z-index:2;font-size:4.0mm}.details .line{display:flex;align-items:center;border-bottom:.25mm solid var(--gold);padding:1.05mm 0;min-height:5.4mm}.details b{color:#003b78;width:16mm;flex:0 0 16mm}.details span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watermark{position:absolute;right:-4mm;top:31mm;opacity:.07;font-size:46mm;font-weight:900;color:#003b78;z-index:1}.back-card{background:#f9fbff}.back-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:18mm;background:linear-gradient(135deg,#002b59,#004b93);z-index:0}.back-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:11mm;background:linear-gradient(135deg,#004b93,#002b59);z-index:0}.back-head-logo{position:absolute;left:4mm;top:2.5mm;width:13mm;height:13mm;border-radius:50%;z-index:1}.back-school{position:absolute;left:19mm;right:3mm;top:4mm;color:#fff;font-size:4mm;font-family:Georgia,serif;font-weight:700;line-height:1}.back-school small{display:block;color:#f3c96a;font-family:Arial,sans-serif;font-size:2mm;letter-spacing:.25mm;margin-top:1mm}.codes-title{position:absolute;top:20mm;left:0;right:0;text-align:center;color:#002b59;font-weight:900;font-size:5.7mm;z-index:1}.codes-grid{position:absolute;top:29mm;left:4mm;right:4mm;display:grid;grid-template-columns:1fr 1fr;gap:1.6mm;z-index:1}.code{border:.35mm solid #d0d5dd;border-radius:1.4mm;background:#fff;min-height:7.8mm;display:flex;overflow:hidden}.code .swatch{width:9mm;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:4mm}.code .txt{padding:.8mm 1.2mm;line-height:1}.code b{display:block;font-size:2.8mm}.code span{display:block;font-size:1.8mm;color:#101828;margin-top:.6mm}.signature{position:absolute;left:5mm;bottom:14mm;width:32mm;height:7mm;border:.35mm solid var(--gold);border-radius:1mm;background:#fff;z-index:1}.sig-label{position:absolute;left:5mm;bottom:22mm;font-size:1.9mm;font-weight:700;color:#002b59;z-index:1}.qr{position:absolute;right:5mm;bottom:14mm;width:10mm;height:10mm;border:.4mm solid #002b59;background:repeating-linear-gradient(45deg,#111 0 1mm,#fff 1mm 2mm);z-index:1}.footer-note{position:absolute;bottom:3mm;left:0;right:0;text-align:center;color:#f3c96a;font-weight:700;font-size:2.4mm;z-index:1}@media print{html,body{width:54mm;margin:0!important;padding:0!important;background:#fff}.topbar,.footer,.no-print,.container>h1,.card-panel.print-controls{display:none!important}.container{max-width:none;margin:0!important;padding:0!important}.print-layout{display:block!important;margin:0!important;padding:0!important;gap:0!important}.print-page{width:54mm!important;height:85.6mm!important;min-height:85.6mm!important;margin:0!important;padding:0!important;page-break-after:always;break-after:page;display:block!important}.id-card{box-shadow:none!important;margin:0!important;border-radius:0!important;width:54mm!important;height:85.6mm!important}.print-front #back-page{display:none!important}.print-back #front-page{display:none!important}.print-both #front-page,.print-both #back-page{display:block!important}@page{size:54mm 85.6mm;margin:0}}