/* Deploy 296 readability (generated) */
@media screen{
body{color:var(--text)}
.nav-back{font-size:15.4px;color:var(--gold)}
.nav-title{font-size:1.1rem;color:var(--gold)}
.nav-sub{font-size:15.4px;color:var(--muted)}
.role-badge{font-size:15.4px;color:var(--gold)}
.snav{font-size:15.4px;color:var(--muted)}
.snav:hover{color:var(--text)}
.snav.active{color:var(--gold)}
.snav i{font-size:1rem}
.sh h2{font-size:1.2rem;color:var(--gold)}
.stat-ico{font-size:1rem}
.stat-v{font-size:1.5rem;color:var(--gold)}
.stat-l{font-size:13.4px;color:var(--muted)}
.dt th{font-size:15.8px;color:var(--gold)}
.dt td{font-size:1rem}
.btn{font-size:1rem}
.b-gold{color:rgb(0, 0, 0)}
.b-out{color:var(--muted)}
.b-out:hover{color:var(--gold)}
.b-ok{color:rgb(52, 211, 153)}
.b-err{color:rgb(248, 113, 113)}
.b-warn{color:rgb(251, 191, 36)}
.b-info{color:rgb(96, 165, 250)}
.b-sm{font-size:1rem}
.badge{font-size:15.4px}
.b-headteacher{color:var(--gold)}
.b-bursar{color:rgb(96, 165, 250)}
.b-class_teacher{color:rgb(52, 211, 153)}
.b-teacher{color:rgb(251, 191, 36)}
.b-hr{color:rgb(167, 139, 250)}
.b-pending{color:rgb(251, 191, 36)}
.b-suspended{color:rgb(248, 113, 113)}
.b-active{color:rgb(52, 211, 153)}
.fl{font-size:1rem;color:var(--gold)}
.fc{font-size:1rem;color:var(--text)}
.fc::placeholder{color:var(--muted)}
.mhdr h3{font-size:15.6px;color:var(--gold)}
.mx{font-size:1.3rem;color:var(--muted)}
.mx:hover{color:var(--gold)}
.nf{font-size:1rem}
.upload-zone i{font-size:2.5rem;color:rgba(255, 215, 0, 0.3)}
html{font-size:16px}
body{font-size:1rem}
input, select, textarea, button{font-size:1rem !important}
.dt td{font-size:15px !important}
.dt th{font-size:14.2px !important}
@media (min-width: 1400px){
.stat-value, .sv{font-size:clamp(1.2rem, 2vw, 1.8rem) !important}
h1{font-size:clamp(1.2rem, 2.2vw, 1.9rem) !important}
h2{font-size:clamp(1rem, 1.8vw, 1.4rem) !important}
}
@media (max-width: 1024px){
.brand-name{font-size:1.3rem !important}
.brand-sub{font-size:14.6px !important}
}
@media (max-width: 768px){
.brand-icon{font-size:1.2rem !important}
.brand-name{font-size:1.1rem !important}
.topbar-actions .btn{font-size:14.2px !important}
.fin-card-val{font-size:1.1rem !important}
.nav-back{font-size:14.6px !important}
.tab, .tab-btn{font-size:14.4px !important}
table{font-size:14.1px !important}
}
@media (max-width: 480px){
.btn{font-size:14.2px !important}
}
.stat-value, .sv{font-size:clamp(1.1rem, 2.5vw, 1.8rem)}
.topbar-stat-val{font-size:clamp(1.1rem, 3vw, 1.85rem) !important}


}