/* Deploy 296 readability (generated) */
@media screen{
body{color:var(--text-primary)}
.sidebar-header h1{font-size:1.3rem}
.sidebar-header p{font-size:14px;color:var(--text-muted)}
.nav-link{color:var(--text-secondary)}
.nav-link i:first-child{font-size:1.2rem;color:var(--gold-primary)}
.nav-link span{font-size:15.6px}
.nav-link:hover{color:var(--text-primary)}
.nav-link.active{color:var(--gold-primary)}
.header-left h1{font-size:2rem}
.header-left p{font-size:15.2px;color:var(--text-muted)}
.btn{font-size:15.2px}
.btn-primary{color:rgb(0, 0, 0)}
.btn-outline{color:var(--text-secondary)}
.btn-outline:hover{color:var(--gold-primary)}
.btn-danger{color:var(--danger)}
.settings-nav-link{color:var(--text-secondary)}
.settings-nav-link i{font-size:1.1rem;color:var(--gold-primary)}
.settings-nav-link:hover{color:var(--text-primary)}
.settings-nav-link.active{color:var(--gold-primary)}
.section-title{font-size:1.5rem;color:var(--gold-primary)}
label{font-size:15.2px;color:var(--text-muted)}
input, select, textarea{font-size:15.6px;color:var(--text-primary)}
.info-card h4{font-size:1.1rem;color:var(--gold-primary)}
.info-card p{font-size:15.2px;color:var(--text-muted)}
.badge{font-size:14.4px}
.badge.success{color:var(--success)}
.badge.warning{color:var(--warning)}
.badge.danger{color:var(--danger)}
.member-avatar{font-size:1.5rem;color:rgb(0, 0, 0)}
.member-info h4{color:var(--text-primary)}
.member-info p{font-size:14.8px;color:var(--text-muted)}
.member-role{font-size:14.8px;color:var(--gold-primary)}
.api-key-container button{color:var(--gold-primary)}
.mobile-menu-btn{font-size:1.5rem;color:rgb(0, 0, 0)}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], select, textarea{font-size:16px}
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}
.vn-logo{font-size:1.1rem;color:rgb(0, 0, 0)}
.vn-title{font-size:1.15rem;color:rgb(212, 175, 55)}
.vn-sub{font-size:13.8px;color:rgba(180,210,255,0.58)}
.vn-school{font-size:13.6px;color:rgb(251, 191, 36)}
.vn-a{font-size:14.6px;color:rgba(180, 210, 255, 0.65)}
.vn-a i{font-size:13.8px}
.vn-a:hover{color:rgb(212, 175, 55)}
.vn-a.on{color:rgb(212, 175, 55)}
.vn-btn{font-size:14.1px;color:rgba(180, 210, 255, 0.7)}
.vn-btn:hover{color:rgb(212, 175, 55)}
.vn-btn.g{color:rgb(0, 0, 0)}
.vn-btn.g:hover{color:rgb(0, 0, 0)}
.vn-btn.r{color:rgb(248, 113, 113)}
.vn-ham{font-size:1.2rem;color:rgb(212, 175, 55)}
.vn-drop .vn-a{font-size:14.8px}


}