/* Deploy 296 readability (generated) */
@media screen{
body{color:rgb(255, 255, 255)}
.login-header i{font-size:60px;color:var(--gold)}
.login-header h1{font-size:28px}
.login-header p{font-size:15px;color:var(--text-dim)}
.login-error{color:var(--danger)}
.form-group label{font-size:15px;color:var(--gold)}
.form-group input{font-size:16px;color:white}
.login-btn{font-size:16px;color:rgb(26, 26, 26)}
.nav-logo i{font-size:24px;color:rgb(26, 26, 26)}
.nav-brand-text h2{font-size:20px;color:var(--gold)}
.nav-brand-text p{font-size:14px;color:var(--text-dim)}
.user-email{color:var(--gold)}
.user-role{font-size:14px;color:var(--text-dim)}
.logout-btn{color:var(--text-dim)}
.logout-btn:hover{color:var(--gold)}
.tab-btn{font-size:15.5px;color:var(--text-dim)}
.tab-btn i{color:var(--gold)}
.tab-btn:hover{color:white}
.tab-btn.active{color:rgb(26, 26, 26)}
.tab-btn.active i{color:rgb(26, 26, 26)}
.stat-icon{font-size:35px;color:var(--gold)}
.stat-number{font-size:42px}
.stat-label{font-size:15px;color:var(--text-dim)}
.section-header h3{font-size:20px;color:var(--gold)}
th{font-size:13.5px;color:var(--gold)}
td{font-size:14.5px;color:rgb(229, 231, 235)}
.status-badge{font-size:14px}
.status-active{color:rgb(46, 204, 113)}
.status-pending{color:rgb(243, 156, 18)}
.status-suspended{color:rgb(231, 76, 60)}
.action-btn{font-size:14px;color:rgb(156, 163, 175)}
.btn-activate{color:rgb(46, 204, 113)}
.btn-suspend{color:rgb(231, 76, 60)}
.btn-delete{color:rgb(231, 76, 60)}
.btn-edit{color:var(--gold)}
.filter-item input, .filter-item select{font-size:15px;color:white}
.filter-item label{font-size:14.5px;color:var(--gold)}
.form-title{font-size:24px;color:var(--gold)}
.form-field label{font-size:14.5px;color:var(--gold)}
.form-field input, .form-field select, .form-field textarea{font-size:15px;color:white}
.password-field button{color:rgb(26, 26, 26)}
.submit-btn{font-size:16px;color:rgb(26, 26, 26)}
.credential-label{color:var(--text-dim)}
.credential-value{font-size:16px;color:white}
.copy-btn{color:white}
.alert-success{color:rgb(46, 204, 113)}
.alert-error{color:rgb(231, 76, 60)}
.alert-info{color:rgb(52, 152, 219)}
.loading{color:var(--gold)}
.loading i{font-size:40px}
.copy-notification{color:white}


}