:root {
    --wash-primary: #009ed3;
    --wash-primary-dark: #00628f;
    --wash-primary-deep: #004d73;
    --wash-secondary: #f8d86f;
    --wash-secondary-dark: #e9bd36;
    --wash-surface: #f4fbfe;
    --wash-text: #16384a;
}
body { background: #f4f8fb; color: var(--wash-text); }
.nav-header {
    background: linear-gradient(135deg,var(--wash-primary-dark),var(--wash-primary)) !important;
    box-shadow: 0 6px 20px rgba(0,98,143,.22);
}
.brand-logo { padding: .65rem 1rem !important; }
.brand-logo .wash-brand-image { max-width: 185px; max-height: 58px; object-fit: contain; filter: drop-shadow(0 2px 2px rgba(0,0,0,.1)); }
.brand-logo .wash-brand-text { color:#fff; line-height:1.15; margin-left:.55rem; }
.brand-logo .wash-brand-text strong { display:block; font-size:15px; }
.brand-logo .wash-brand-text small { opacity:.9; font-size:9px; }
.dlabnav { background: linear-gradient(180deg,var(--wash-primary-dark),var(--wash-primary-deep)) !important; }
.dlabnav .metismenu > li > a, .dlabnav .metismenu a { color:rgba(255,255,255,.88) !important; }
.dlabnav .metismenu > li:hover > a,
.dlabnav .metismenu > li.mm-active > a,
.dlabnav .metismenu ul a:hover,
.dlabnav .metismenu ul a.mm-active {
    background: rgba(248,216,111,.18) !important;
    color:#fff !important;
    border-left-color:var(--wash-secondary) !important;
}
.dlabnav .metismenu > li.mm-active > a i,
.dlabnav .metismenu > li:hover > a i { color:var(--wash-secondary) !important; }
.header { background:#fff; border-bottom:1px solid #dcebf2; }
.dashboard_bar { color:var(--wash-primary-dark) !important; }
.btn-primary, .badge-primary, .bg-primary {
    background:var(--wash-primary) !important;
    border-color:var(--wash-primary) !important;
}
.btn-primary:hover,.btn-primary:focus { background:var(--wash-primary-dark)!important; border-color:var(--wash-primary-dark)!important; }
.btn-outline-primary { color:var(--wash-primary); border-color:var(--wash-primary); }
.btn-outline-primary:hover { background:var(--wash-primary); border-color:var(--wash-primary); }
a { color:var(--wash-primary-dark); }
a:hover { color:var(--wash-primary); }
.form-control:focus,.form-select:focus,.nice-select:focus { border-color:var(--wash-primary); box-shadow:0 0 0 .2rem rgba(0,158,211,.12); }
.card { border:0; box-shadow:0 5px 22px rgba(0,77,115,.07); }
.card-header { border-color:#e4f0f5; }
.page-titles { background:linear-gradient(90deg,#fff,var(--wash-surface)); }
.table thead th { color:var(--wash-primary-dark); }
.footer { border-top:1px solid #dcebf2; }
.authincation.wash-auth { background:linear-gradient(135deg,var(--wash-primary-deep),var(--wash-primary) 65%,#5bc9e8); }
.wash-login-panel { border-radius:20px; overflow:hidden; box-shadow:0 24px 60px rgba(0,57,85,.28); }
.wash-login-logo { max-width:270px; width:90%; height:auto; }
.wash-login-accent { width:64px; height:5px; margin:.75rem auto 1.2rem; border-radius:5px; background:var(--wash-secondary); }
@media (max-width: 767px) { .brand-logo .wash-brand-image{max-width:150px}.brand-logo .wash-brand-text{display:none} }