/* ════════════════════════════════════════════════════
   SIDEBAR CUSTOM — Global
════════════════════════════════════════════════════ */
.main-sidebar {
    background: linear-gradient(180deg, #1E293B 0%, #0F172A 100%) !important;
    box-shadow: 4px 0 20px rgba(0,0,0,.25) !important;
}
.brand-link {
    background: rgba(255,255,255,.06) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    padding: 14px 16px !important;
}
.brand-link:hover { background: rgba(255,255,255,.1) !important; }
.brand-text {
    font-weight: 800 !important;
    font-size: 16px !important;
    color: #fff !important;
    letter-spacing: .5px;
}
.nav-sidebar .nav-item > .nav-link {
    border-radius: 10px !important;
    margin: 2px 10px !important;
    padding: 9px 12px !important;
    color: rgba(255,255,255,.65) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all .18s !important;
}
.nav-sidebar .nav-item > .nav-link:hover {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
}
.nav-sidebar .nav-item > .nav-link.active {
    background: linear-gradient(90deg, #3B82F6, #6366F1) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(59,130,246,.35) !important;
}
.nav-sidebar .nav-link .nav-icon {
    color: rgba(255,255,255,.5) !important;
    font-size: 14px !important;
    margin-right: 8px !important;
    width: 18px !important;
}
.nav-sidebar .nav-link.active .nav-icon,
.nav-sidebar .nav-link:hover .nav-icon {
    color: #fff !important;
}
.nav-sidebar .nav-header {
    color: rgba(255,255,255,.3) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    padding: 12px 22px 4px !important;
}
.nav-treeview > .nav-item > .nav-link {
    padding-left: 36px !important;
    font-size: 12px !important;
    color: rgba(255,255,255,.5) !important;
}
.nav-treeview > .nav-item > .nav-link:hover,
.nav-treeview > .nav-item > .nav-link.active {
    color: #fff !important;
    background: rgba(255,255,255,.06) !important;
}
.sidebar {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.1) transparent;
}
.sidebar::-webkit-scrollbar { width: 4px; }
.sidebar::-webkit-scrollbar-track { background: transparent; }
.sidebar::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.15);
    border-radius: 4px;
}
.user-panel {
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    padding: 12px 16px !important;
}
.user-panel .info a {
    color: rgba(255,255,255,.8) !important;
    font-size: 13px !important;
}

/* ════════════════════════════════════════════════════
   TOPNAV — Global
════════════════════════════════════════════════════ */
.main-header.navbar {
    background: #fff !important;
    border-bottom: 1px solid #E2E8F0 !important;
    box-shadow: 0 1px 8px rgba(0,0,0,.06) !important;
}
.main-header .nav-link { color: #64748B !important; }
.main-header .nav-link:hover { color: #1E293B !important; }

/* ════════════════════════════════════════════════════
   CONTENT BACKGROUND — Global
════════════════════════════════════════════════════ */
.content-wrapper { background: #F1F5F9 !important; }