/* Deploy 296 readability (generated) */
@media screen{
body{color:var(--text)}
.brand-icon{font-size:1.1rem;color:white}
.brand-text h2{font-size:1.1rem;color:var(--gold)}
.brand-text p{font-size:14.6px;color:#887f74}
.nav-label{font-size:15.2px;color:#887f74}
.nav-link{font-size:15.6px;color:var(--muted)}
.nav-link i{font-size:14.8px}
.nav-link:hover{color:var(--text)}
.nav-link.active{color:var(--gold)}
.nav-link.back-link{color:#887f74}
.nav-link.back-link:hover{color:var(--text)}
.sidebar-footer{font-size:14.6px;color:#91897e}
.topbar-title h1{font-size:1.4rem;color:var(--gold)}
.topbar-title p{font-size:14.9px;color:#827a6f}
.btn{font-size:15.2px}
.btn-gold{color:var(--ink)}
.btn-ghost{color:#827a6f}
.btn-ghost:hover{color:var(--gold)}
.btn-success-ghost{color:var(--success)}
.btn-sm{font-size:14.9px}
.stat-icon{font-size:1rem;color:var(--gold)}
.stat-value{font-size:2rem;color:var(--gold)}
.stat-label{font-size:14.9px;color:#948c81}
.section-head h2{font-size:1.05rem;color:var(--text)}
.section-head .count-tag{font-size:15.2px;color:#91897e}
.summary-card h3{font-size:15px;color:#948c81}
.summary-card h3 i{color:var(--gold)}
.search-wrap i{font-size:14.8px;color:#91897e}
.filter-input, .filter-select{font-size:15.2px;color:var(--text)}
.data-table{font-size:15.6px}
.data-table th{font-size:14.6px;color:#91897e}
.avatar{font-size:15px;color:white}
.teacher-name{color:var(--text)}
.teacher-sub{font-size:15.2px;color:#91897e}
.badge{font-size:13.8px}
.badge-workload{color:var(--info)}
.badge-active{color:var(--success)}
.badge-leave{color:var(--warning)}
.badge-inactive{color:var(--danger)}
.badge-gold{color:var(--gold)}
.act-btn{font-size:14.9px;color:#91897e}
.act-btn:hover{color:var(--gold)}
.act-btn.view:hover{color:var(--info)}
.act-btn.edit:hover{color:var(--warning)}
.wl-teacher{font-size:15.2px;color:var(--gold)}
.wl-total{font-size:14.9px;color:#91897e}
.wl-row{font-size:14.6px}
.wl-subject{color:var(--text)}
.class-tag{font-size:14.6px;color:var(--gold)}
.perf-left .perf-name{font-size:15px;color:var(--text)}
.perf-left .perf-meta{font-size:15.2px;color:#91897e}
.perf-score{font-size:1.6rem;color:var(--gold)}
.perf-grade{font-size:14.6px;color:var(--gold)}
.pd-title{font-size:15px;color:var(--text)}
.pd-meta{font-size:15.2px;color:#91897e}
.pd-completed{font-size:14.6px;color:var(--success)}
.pd-ongoing{font-size:14.6px;color:var(--warning)}
.pd-planned{font-size:14.6px;color:var(--info)}
.cpd-pts{font-size:14.6px;color:#91897e}
.empty-state{color:#91897e}
.empty-state .empty-icon{font-size:2.5rem}
.empty-state h3{font-size:1.1rem;color:var(--text)}
.empty-state p{font-size:14.8px}
.empty-state.small .empty-icon{font-size:1.5rem}
.modal-head h3{font-size:1.1rem;color:var(--gold)}
.modal-close{font-size:1rem;color:#91897e}
.modal-close:hover{color:var(--gold)}
.form-label{font-size:14.9px;color:#91897e}
.form-control{font-size:15.6px;color:var(--text)}
.form-control::placeholder{color:#91897e}
.profile-avatar{font-size:1.5rem;color:white}
.profile-name{font-size:1.4rem;color:var(--text)}
.profile-role{font-size:14.9px;color:#91897e}
.detail-section-title{font-size:14.6px;color:var(--gold)}
.detail-key{font-size:14.6px;color:#91897e}
.detail-val{font-size:15.6px;color:var(--text)}
.toast{font-size:15.6px}
.toast-success i{color:var(--success)}
.toast-error i{color:var(--danger)}
.toast-info i{color:var(--info)}
.loader-text{font-size:1.3rem;color:var(--gold)}
@media (max-width: 1100px){
.data-table th, .data-table td{font-size:14.6px}
}
@media (max-width: 820px){
.data-table{font-size:14.6px}
.avatar{font-size:14px}
.view-tab{font-size:14.2px}
.filter-bar input, .filter-bar select{font-size:14.8px}
}
@media (max-width: 480px){
.stat-value{font-size:1.5rem !important}
.act-btn{font-size:13.6px}
.page-title{font-size:1.1rem}
}
.mobile-menu-btn{font-size:1rem;color:#91897e}
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}

[style^="color:var(--muted)"],[style*=";color:var(--muted)"],[style*=" color:var(--muted)"],[style^="color: var(--muted)"],[style*=";color: var(--muted)"],[style*=" color: var(--muted)"]{color:#948c81 !important}
}