/* Deploy 296 readability (generated) */
@media screen{
body{color:var(--text)}
.nav-back{font-size:15px;color:var(--gold)}
.nav-title{font-size:1.15rem;color:var(--gold)}
.snav{font-size:15px;color:var(--muted)}
.snav:hover{color:var(--text)}
.snav.active{color:var(--gold)}
.snav i{font-size:15px}
.sh h2{font-size:1.25rem;color:var(--gold)}
.stat-ico{font-size:1.1rem}
.stat-v{font-size:1.6rem;color:var(--gold)}
.stat-l{font-size:13.8px;color:var(--muted)}
.dt th{font-size:14.1px;color:var(--gold)}
.dt td{font-size:15px}
.btn{font-size:15px}
.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:14.2px}
.b-lg{font-size:15.6px}
.badge{font-size:14.1px}
.b-present{color:rgb(52, 211, 153)}
.b-absent{color:rgb(248, 113, 113)}
.b-late{color:rgb(251, 191, 36)}
.b-excused{color:rgb(96, 165, 250)}
.fl{font-size:14.2px;color:var(--gold)}
.fc{font-size:1rem;color:var(--text)}
.fc::placeholder{color:var(--muted)}
.reg-table th{font-size:14.2px;color:var(--gold)}
.reg-table td{font-size:15px}
.att-btn{font-size:14.4px}
.att-btn.present{color:rgb(52, 211, 153)}
.att-btn.absent{color:rgb(248, 113, 113)}
.att-btn.late{color:rgb(251, 191, 36)}
.att-btn.excused{color:rgb(96, 165, 250)}
.biometric-ico{font-size:3rem;color:rgba(139, 92, 246, 0.5)}
.nf{font-size:14.7px}
.mhdr h3{font-size:1rem;color:var(--gold)}
.mx{font-size:1.3rem;color:var(--muted)}
.mx:hover{color:var(--gold)}
.mob-tab{font-size:14.2px;color:var(--muted)}
.mob-tab.active{color:var(--gold)}
.mob-tab i{font-size:14px}
@media (max-width: 800px){
.bio-tab{font-size:13.6px !important}
}
.reg-sum-item{font-size:14.8px}
.reg-num{font-size:14.2px;color:var(--muted)}
.reg-avatar{font-size:14.6px;color:var(--gold)}
.reg-name{font-size:15.4px}
.reg-adm{font-size:14px;color:var(--muted)}
.reg-status-btn{font-size:14.6px;color:var(--muted)}
.reg-status-btn:hover{color:var(--text)}
.reg-present:hover, .reg-present.active{color:rgb(52, 211, 153)}
.reg-late:hover, .reg-late.active{color:rgb(251, 191, 36)}
.reg-absent:hover, .reg-absent.active{color:rgb(248, 113, 113)}
@media (max-width: 640px){
.reg-status-btn span, .reg-status-btn{font-size:14px}
}
@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}
.bio-stat-val{font-size:1.6rem}
.bio-stat-lbl{font-size:12.9px}
.bio-tab{font-size:14.2px;color:var(--muted)}
.bio-tab:hover{color:var(--text)}
.bio-tab.on{color:rgb(167, 139, 250)}
.bio-search{font-size:14.6px;color:var(--text)}
.bio-select{font-size:14.6px;color:var(--text)}
.bio-view-btn{font-size:15px;color:var(--muted)}
.bio-view-btn.on{color:rgb(167, 139, 250)}
.bsh-avatar{font-size:14.6px}
.bsh-pill{font-size:13.4px}
.bsh-btn{font-size:14px;color:var(--muted)}
.bsh-btn:hover{color:var(--text)}
.bsh-btn-enroll{color:rgb(167, 139, 250)}
.bsh-btn-del{color:rgb(248, 113, 113)}
.bio-table{font-size:14.6px}
.bio-table th{font-size:13.8px;color:var(--muted)}

[style^="color:#666"],[style*=";color:#666"],[style*=" color:#666"],[style^="color: #666"],[style*=";color: #666"],[style*=" color: #666"],[style^="color:rgb(102, 102, 102)"],[style*=";color:rgb(102, 102, 102)"],[style*=" color:rgb(102, 102, 102)"],[style^="color: rgb(102, 102, 102)"],[style*=";color: rgb(102, 102, 102)"],[style*=" color: rgb(102, 102, 102)"]{color:#8c8c8c !important}
}