/* ==========================================================================
   🏫 JAI GOVIND PUBLIC SCHOOL — EXECUTIVE GREEN ENTERPRISE SIDEBAR
   - Matching Executive Emerald/Forest Green Palette with Top Header
   - Continuous Docking (0px Gap with Header at Top: 0)
   - High Contrast: Pure White Pill Active Items, Mint Secondary Labels
   - Fully Responsive Across Desktop, Tablet, and Mobile
   ========================================================================== */

/* Main Sidebar Frame */
.main-sidebar,
.left-side {
    background: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.04) !important;
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: -0.01em !important;
    color: #334155 !important;
}

@media (min-width: 992px) {
    body:not(.sidebar-collapse) .main-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 244px !important;
        height: 100vh !important;
        border-radius: 0 !important;
        z-index: 1030 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: #ffffff !important;
    }
    body:not(.sidebar-collapse) .content-wrapper,
    body:not(.sidebar-collapse) .main-footer {
        margin-left: 244px !important;
    }
    .content-wrapper,
    .fixed .content-wrapper,
    body.fixed .content-wrapper {
        padding-top: 0 !important;
    }
    body.sidebar-collapse .main-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 60px !important;
        height: 100vh !important;
        border-radius: 0 !important;
        z-index: 1030 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: #ffffff !important;
    }
    body.sidebar-collapse .content-wrapper,
    body.sidebar-collapse .main-footer {
        margin-left: 60px !important;
    }
}
@media (max-width: 991px) {
    .main-sidebar,
    .left-side {
        background: #ffffff !important;
    }
    body:not(.sidebar-collapse) .content-wrapper,
    body:not(.sidebar-collapse) .main-footer {
        margin-left: 0 !important;
    }
}

/* Slim Custom Scrollbar */
.main-sidebar::-webkit-scrollbar {
    width: 5px;
}
.main-sidebar::-webkit-scrollbar-track {
    background: transparent;
}
.main-sidebar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}
.main-sidebar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* JAI GOVIND Brand Header */
.jg-sidebar-brand {
    padding: 16px 14px 14px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    margin-bottom: 8px !important;
}
.jg-brand-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
}
.jg-brand-logo {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; border: 1px solid #e2e8f0 !important;
}
.jg-brand-text {
    line-height: 1.2 !important;
}
.jg-brand-title {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: 0.3px !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
}
.jg-brand-tagline {
    font-size: 10.5px !important;
    color: #059669 !important;
    margin: 3px 0 0 !important;
    letter-spacing: 0.3px !important;
    font-weight: 600 !important;
}

/* Search Form */
.sidebar .search-form2 {
    padding: 0 10px 10px !important;
    margin: 0 !important;
    width: 100% !important;
}
.sidebar .search-form2 .input-group {
    display: flex !important;
    align-items: center !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 2px 4px 2px 10px !important;
    transition: all 0.2s ease !important;
}
.sidebar .search-form2 .input-group:focus-within {
    background: #ffffff !important;
    border-color: #059669 !important;
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.15) !important;
}
.sidebar .search-form2 input.search-form {
    background: transparent !important;
    border: none !important;
    color: #0f172a !important;
    font-size: 12px !important;
    height: 30px !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.sidebar .search-form2 .input-group:focus-within input.search-form {
    color: #064e3b !important;
}
.sidebar .search-form2 input.search-form::placeholder {
    color: #94a3b8 !important;
}
.sidebar .search-form2 .search-btn-sm {
    background: #f1f5f9 !important;
    color: #64748b !important;
    border: none !important;
    border-radius: 50% !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
}
.sidebar .search-form2 .input-group:focus-within .search-btn-sm {
    background: #065f46 !important;
    color: #334155 !important;
}

/* Session Switcher & Quick Links */
.sidebar .sessionul {
    padding: 6px 10px 10px !important;
    margin: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
.sidebar .sessionul > li.accurrent > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 7px 12px !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.2s ease !important;
}
.sidebar .sessionul > li.accurrent > a:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #334155 !important;
}
.sidebar .sessionul > li.accurrent > a i {
    color: #d97706 !important; /* Gold session icon */
    font-size: 12px !important;
}
.sidebar .sessionul > li.mega-dropdown > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 7px 12px !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.sidebar .sessionul > li.mega-dropdown > a:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

/* Navigation List Items */
.sidebar-menu {
    padding: 8px 8px 30px !important;
    margin: 0 !important;
    list-style: none !important;
}
.sidebar-menu > li {
    margin: 3px 0 !important;
    border-radius: 10px !important;
    transition: all 0.18s ease !important;
}
.sidebar-menu > li > a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    text-decoration: none !important;
    border-left: none !important;
    transition: all 0.18s ease-in-out !important;
}
.sidebar-menu > li > a:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    transform: translateX(2px);
}

/* ACTIVE Navigation Item — Crisp White Pill with Emerald Text */
.sidebar-menu > li.active > a,
.sidebar-menu > li.menu-open > a {
    background: #ecfdf5 !important;
    color: #065f46 !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    border-left: 3px solid #059669 !important;
}
.sidebar-menu > li.active > a i,
.sidebar-menu > li.menu-open > a i {
    color: #065f46 !important;
}
.sidebar-menu > li.active > a span,
.sidebar-menu > li.menu-open > a span {
    color: #064e3b !important;
    font-weight: 700 !important;
}

/* Module Icons */
.sidebar-menu > li > a > i:first-child,
.sidebar-menu > li > a > i.ftlayer {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    margin-right: 10px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.2s ease !important;
}
.sidebar-menu > li:hover > a > i:first-child {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
    transform: scale(1.05);
}
.sidebar-menu > li.active > a > i:first-child,
.sidebar-menu > li.menu-open > a > i:first-child {
    background: #065f46 !important;
    color: #ffffff !important;
    border-color: #065f46 !important;
}

/* Chevron arrow on right */
.sidebar-menu > li > a > .pull-right,
.sidebar-menu > li > a > i.icon-chevron-left {
    margin-left: auto !important;
    font-size: 11px !important;
    color: #94a3b8 !important;
    transition: transform 0.2s ease !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
}
.sidebar-menu > li.active > a > .pull-right,
.sidebar-menu > li.menu-open > a > .pull-right,
.sidebar-menu > li.active > a > i.icon-chevron-left,
.sidebar-menu > li.menu-open > a > i.icon-chevron-left {
    transform: rotate(-90deg) !important;
    color: #064e3b !important;
}

/* Submenus */
.sidebar-menu .treeview-menu {
    background: #f8fafc !important;
    border-radius: 9px !important;
    margin: 4px 4px 6px 14px !important;
    padding: 5px 4px !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 2px solid #cbd5e1 !important;
    list-style: none !important;
}
.sidebar-menu .treeview-menu > li > a {
    padding: 7px 10px 7px 14px !important;
    font-size: 12.5px !important;
    color: #475569 !important;
    border-radius: 7px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
}
.sidebar-menu .treeview-menu > li > a:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}
.sidebar-menu .treeview-menu > li.active > a {
    background: #ecfdf5 !important;
    color: #065f46 !important;
    font-weight: 700 !important;
}
.sidebar-menu .treeview-menu > li.active > a i {
    color: #059669 !important; /* Emerald active dot */
}

/* Sidebar Bottom Promo Card */
.jg-sidebar-promo {
    margin: 16px 8px 20px !important;
    padding: 14px 12px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    text-align: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #e2e8f0 !important;
}
.jg-promo-icon {
    font-size: 26px !important;
    line-height: 1 !important;
    margin-bottom: 6px !important;
}
.jg-promo-title {
    display: block !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
}
.jg-promo-desc {
    font-size: 10.5px !important;
    line-height: 1.4 !important;
    color: #475569 !important;
    margin: 4px 0 0 !important;
}


/* 1. 💰 Fees Collection - Amber Gold */
.sidebar-menu > li.sb-mod-fees-collection > a > i:first-child {
    background: rgba(245, 158, 11, 0.16) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
    color: #d97706 !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.18);
}
.sidebar-menu > li.sb-mod-fees-collection:hover > a,
.sidebar-menu > li.sb-mod-fees-collection.menu-open > a {
    background: rgba(245, 158, 11, 0.10) !important;
}
.sidebar-menu > li.sb-mod-fees-collection:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-fees-collection.active > a > i:first-child {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.5) !important;
}
.sidebar-menu > li.sb-mod-fees-collection.active > a {
    background: linear-gradient(90deg, rgba(245, 158, 11, 0.22) 0%, rgba(245, 158, 11, 0.05) 100%) !important;
    border-left-color: #f59e0b !important;
}
.sidebar-menu > li.sb-mod-fees-collection > .treeview-menu {
    border-left-color: rgba(245, 158, 11, 0.4) !important;
}

/* 2. 🎓 Student Information - Emerald Neon Mint */
.sidebar-menu > li.sb-mod-student-information > a > i:first-child {
    background: rgba(16, 185, 129, 0.16) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
    color: #059669 !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.18);
}
.sidebar-menu > li.sb-mod-student-information:hover > a,
.sidebar-menu > li.sb-mod-student-information.menu-open > a {
    background: rgba(16, 185, 129, 0.10) !important;
}
.sidebar-menu > li.sb-mod-student-information:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-student-information.active > a > i:first-child {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #ffffff !important;
    border-color: #10b981 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.5) !important;
}
.sidebar-menu > li.sb-mod-student-information.active > a {
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.22) 0%, rgba(16, 185, 129, 0.05) 100%) !important;
    border-left-color: #10b981 !important;
}
.sidebar-menu > li.sb-mod-student-information > .treeview-menu {
    border-left-color: rgba(16, 185, 129, 0.4) !important;
}

/* 3. 💵 Income - Cyan Turquoise */
.sidebar-menu > li.sb-mod-income > a > i:first-child {
    background: rgba(6, 182, 212, 0.16) !important;
    border-color: rgba(6, 182, 212, 0.35) !important;
    color: #0891b2 !important;
    box-shadow: 0 2px 8px rgba(6, 182, 212, 0.18);
}
.sidebar-menu > li.sb-mod-income:hover > a,
.sidebar-menu > li.sb-mod-income.menu-open > a {
    background: rgba(6, 182, 212, 0.10) !important;
}
.sidebar-menu > li.sb-mod-income:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-income.active > a > i:first-child {
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important;
    color: #ffffff !important;
    border-color: #06b6d4 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(6, 182, 212, 0.5) !important;
}
.sidebar-menu > li.sb-mod-income.active > a {
    background: linear-gradient(90deg, rgba(6, 182, 212, 0.22) 0%, rgba(6, 182, 212, 0.05) 100%) !important;
    border-left-color: #06b6d4 !important;
}
.sidebar-menu > li.sb-mod-income > .treeview-menu {
    border-left-color: rgba(6, 182, 212, 0.4) !important;
}

/* 4. 💳 Expense - Rose Coral */
.sidebar-menu > li.sb-mod-expense > a > i:first-child {
    background: rgba(244, 63, 94, 0.16) !important;
    border-color: rgba(244, 63, 94, 0.35) !important;
    color: #e11d48 !important;
    box-shadow: 0 2px 8px rgba(244, 63, 94, 0.18);
}
.sidebar-menu > li.sb-mod-expense:hover > a,
.sidebar-menu > li.sb-mod-expense.menu-open > a {
    background: rgba(244, 63, 94, 0.10) !important;
}
.sidebar-menu > li.sb-mod-expense:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-expense.active > a > i:first-child {
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important;
    color: #ffffff !important;
    border-color: #f43f5e !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(244, 63, 94, 0.5) !important;
}
.sidebar-menu > li.sb-mod-expense.active > a {
    background: linear-gradient(90deg, rgba(244, 63, 94, 0.22) 0%, rgba(244, 63, 94, 0.05) 100%) !important;
    border-left-color: #f43f5e !important;
}
.sidebar-menu > li.sb-mod-expense > .treeview-menu {
    border-left-color: rgba(244, 63, 94, 0.4) !important;
}

/* 5. 📅 Attendance - Violet Purple */
.sidebar-menu > li.sb-mod-attendance > a > i:first-child {
    background: rgba(139, 92, 246, 0.16) !important;
    border-color: rgba(139, 92, 246, 0.35) !important;
    color: #7c3aed !important;
    box-shadow: 0 2px 8px rgba(139, 92, 246, 0.18);
}
.sidebar-menu > li.sb-mod-attendance:hover > a,
.sidebar-menu > li.sb-mod-attendance.menu-open > a {
    background: rgba(139, 92, 246, 0.10) !important;
}
.sidebar-menu > li.sb-mod-attendance:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-attendance.active > a > i:first-child {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important;
    color: #ffffff !important;
    border-color: #8b5cf6 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(139, 92, 246, 0.5) !important;
}
.sidebar-menu > li.sb-mod-attendance.active > a {
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.22) 0%, rgba(139, 92, 246, 0.05) 100%) !important;
    border-left-color: #8b5cf6 !important;
}
.sidebar-menu > li.sb-mod-attendance > .treeview-menu {
    border-left-color: rgba(139, 92, 246, 0.4) !important;
}

/* 6. 📝 Examinations - Magenta Fuchsia */
.sidebar-menu > li.sb-mod-examinations > a > i:first-child {
    background: rgba(217, 70, 239, 0.16) !important;
    border-color: rgba(217, 70, 239, 0.35) !important;
    color: #c026d3 !important;
    box-shadow: 0 2px 8px rgba(217, 70, 239, 0.18);
}
.sidebar-menu > li.sb-mod-examinations:hover > a,
.sidebar-menu > li.sb-mod-examinations.menu-open > a {
    background: rgba(217, 70, 239, 0.10) !important;
}
.sidebar-menu > li.sb-mod-examinations:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-examinations.active > a > i:first-child {
    background: linear-gradient(135deg, #d946ef, #c026d3) !important;
    color: #ffffff !important;
    border-color: #d946ef !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(217, 70, 239, 0.5) !important;
}
.sidebar-menu > li.sb-mod-examinations.active > a {
    background: linear-gradient(90deg, rgba(217, 70, 239, 0.22) 0%, rgba(217, 70, 239, 0.05) 100%) !important;
    border-left-color: #d946ef !important;
}
.sidebar-menu > li.sb-mod-examinations > .treeview-menu {
    border-left-color: rgba(217, 70, 239, 0.4) !important;
}

/* 7. 📡 Online Examinations - Royal Indigo */
.sidebar-menu > li.sb-mod-online-examinations > a > i:first-child {
    background: rgba(99, 102, 241, 0.16) !important;
    border-color: rgba(99, 102, 241, 0.35) !important;
    color: #4f46e5 !important;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.18);
}
.sidebar-menu > li.sb-mod-online-examinations:hover > a,
.sidebar-menu > li.sb-mod-online-examinations.menu-open > a {
    background: rgba(99, 102, 241, 0.10) !important;
}
.sidebar-menu > li.sb-mod-online-examinations:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-online-examinations.active > a > i:first-child {
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
    color: #ffffff !important;
    border-color: #6366f1 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.5) !important;
}
.sidebar-menu > li.sb-mod-online-examinations.active > a {
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.22) 0%, rgba(99, 102, 241, 0.05) 100%) !important;
    border-left-color: #6366f1 !important;
}
.sidebar-menu > li.sb-mod-online-examinations > .treeview-menu {
    border-left-color: rgba(99, 102, 241, 0.4) !important;
}

/* 8. 🎓 Academics - Sky Blue */
.sidebar-menu > li.sb-mod-academics > a > i:first-child {
    background: rgba(14, 165, 233, 0.16) !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
    color: #0284c7 !important;
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.18);
}
.sidebar-menu > li.sb-mod-academics:hover > a,
.sidebar-menu > li.sb-mod-academics.menu-open > a {
    background: rgba(14, 165, 233, 0.10) !important;
}
.sidebar-menu > li.sb-mod-academics:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-academics.active > a > i:first-child {
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important;
    color: #ffffff !important;
    border-color: #0ea5e9 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(14, 165, 233, 0.5) !important;
}
.sidebar-menu > li.sb-mod-academics.active > a {
    background: linear-gradient(90deg, rgba(14, 165, 233, 0.22) 0%, rgba(14, 165, 233, 0.05) 100%) !important;
    border-left-color: #0ea5e9 !important;
}
.sidebar-menu > li.sb-mod-academics > .treeview-menu {
    border-left-color: rgba(14, 165, 233, 0.4) !important;
}

/* 9. 📋 Lesson Plan - Lime Green */
.sidebar-menu > li.sb-mod-lesson-plan > a > i:first-child {
    background: rgba(132, 204, 22, 0.16) !important;
    border-color: rgba(132, 204, 22, 0.35) !important;
    color: #65a30d !important;
    box-shadow: 0 2px 8px rgba(132, 204, 22, 0.18);
}
.sidebar-menu > li.sb-mod-lesson-plan:hover > a,
.sidebar-menu > li.sb-mod-lesson-plan.menu-open > a {
    background: rgba(132, 204, 22, 0.10) !important;
}
.sidebar-menu > li.sb-mod-lesson-plan:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-lesson-plan.active > a > i:first-child {
    background: linear-gradient(135deg, #84cc16, #65a30d) !important;
    color: #ffffff !important;
    border-color: #84cc16 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(132, 204, 22, 0.5) !important;
}
.sidebar-menu > li.sb-mod-lesson-plan.active > a {
    background: linear-gradient(90deg, rgba(132, 204, 22, 0.22) 0%, rgba(132, 204, 22, 0.05) 100%) !important;
    border-left-color: #84cc16 !important;
}
.sidebar-menu > li.sb-mod-lesson-plan > .treeview-menu {
    border-left-color: rgba(132, 204, 22, 0.4) !important;
}

/* 10. 👥 Human Resource - Pink Ruby */
.sidebar-menu > li.sb-mod-human-resource > a > i:first-child {
    background: rgba(236, 72, 153, 0.16) !important;
    border-color: rgba(236, 72, 153, 0.35) !important;
    color: #db2777 !important;
    box-shadow: 0 2px 8px rgba(236, 72, 153, 0.18);
}
.sidebar-menu > li.sb-mod-human-resource:hover > a,
.sidebar-menu > li.sb-mod-human-resource.menu-open > a {
    background: rgba(236, 72, 153, 0.10) !important;
}
.sidebar-menu > li.sb-mod-human-resource:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-human-resource.active > a > i:first-child {
    background: linear-gradient(135deg, #ec4899, #db2777) !important;
    color: #ffffff !important;
    border-color: #ec4899 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(236, 72, 153, 0.5) !important;
}
.sidebar-menu > li.sb-mod-human-resource.active > a {
    background: linear-gradient(90deg, rgba(236, 72, 153, 0.22) 0%, rgba(236, 72, 153, 0.05) 100%) !important;
    border-left-color: #ec4899 !important;
}
.sidebar-menu > li.sb-mod-human-resource > .treeview-menu {
    border-left-color: rgba(236, 72, 153, 0.4) !important;
}

/* 11. 📢 Communicate - WhatsApp Green */
.sidebar-menu > li.sb-mod-communicate > a > i:first-child {
    background: rgba(34, 197, 94, 0.16) !important;
    border-color: rgba(34, 197, 94, 0.35) !important;
    color: #16a34a !important;
    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.18);
}
.sidebar-menu > li.sb-mod-communicate:hover > a,
.sidebar-menu > li.sb-mod-communicate.menu-open > a {
    background: rgba(34, 197, 94, 0.10) !important;
}
.sidebar-menu > li.sb-mod-communicate:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-communicate.active > a > i:first-child {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border-color: #22c55e !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(34, 197, 94, 0.5) !important;
}
.sidebar-menu > li.sb-mod-communicate.active > a {
    background: linear-gradient(90deg, rgba(34, 197, 94, 0.22) 0%, rgba(34, 197, 94, 0.05) 100%) !important;
    border-left-color: #22c55e !important;
}
.sidebar-menu > li.sb-mod-communicate > .treeview-menu {
    border-left-color: rgba(34, 197, 94, 0.4) !important;
}

/* 12. 📥 Download Center - Orange Sunset */
.sidebar-menu > li.sb-mod-download-center > a > i:first-child {
    background: rgba(249, 115, 22, 0.16) !important;
    border-color: rgba(249, 115, 22, 0.35) !important;
    color: #ea580c !important;
    box-shadow: 0 2px 8px rgba(249, 115, 22, 0.18);
}
.sidebar-menu > li.sb-mod-download-center:hover > a,
.sidebar-menu > li.sb-mod-download-center.menu-open > a {
    background: rgba(249, 115, 22, 0.10) !important;
}
.sidebar-menu > li.sb-mod-download-center:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-download-center.active > a > i:first-child {
    background: linear-gradient(135deg, #f97316, #ea580c) !important;
    color: #ffffff !important;
    border-color: #f97316 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(249, 115, 22, 0.5) !important;
}
.sidebar-menu > li.sb-mod-download-center.active > a {
    background: linear-gradient(90deg, rgba(249, 115, 22, 0.22) 0%, rgba(249, 115, 22, 0.05) 100%) !important;
    border-left-color: #f97316 !important;
}
.sidebar-menu > li.sb-mod-download-center > .treeview-menu {
    border-left-color: rgba(249, 115, 22, 0.4) !important;
}

/* 13. 🧪 Homework - Purple Lavender */
.sidebar-menu > li.sb-mod-homework > a > i:first-child {
    background: rgba(168, 85, 247, 0.16) !important;
    border-color: rgba(168, 85, 247, 0.35) !important;
    color: #9333ea !important;
    box-shadow: 0 2px 8px rgba(168, 85, 247, 0.18);
}
.sidebar-menu > li.sb-mod-homework:hover > a,
.sidebar-menu > li.sb-mod-homework.menu-open > a {
    background: rgba(168, 85, 247, 0.10) !important;
}
.sidebar-menu > li.sb-mod-homework:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-homework.active > a > i:first-child {
    background: linear-gradient(135deg, #a855f7, #9333ea) !important;
    color: #ffffff !important;
    border-color: #a855f7 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(168, 85, 247, 0.5) !important;
}
.sidebar-menu > li.sb-mod-homework.active > a {
    background: linear-gradient(90deg, rgba(168, 85, 247, 0.22) 0%, rgba(168, 85, 247, 0.05) 100%) !important;
    border-left-color: #a855f7 !important;
}
.sidebar-menu > li.sb-mod-homework > .treeview-menu {
    border-left-color: rgba(168, 85, 247, 0.4) !important;
}

/* 14. 📚 Library - Classic Sapphire Blue */
.sidebar-menu > li.sb-mod-library > a > i:first-child {
    background: rgba(59, 130, 246, 0.16) !important;
    border-color: rgba(59, 130, 246, 0.35) !important;
    color: #60a5fa !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.18);
}
.sidebar-menu > li.sb-mod-library:hover > a,
.sidebar-menu > li.sb-mod-library.menu-open > a {
    background: rgba(59, 130, 246, 0.10) !important;
}
.sidebar-menu > li.sb-mod-library:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-library.active > a > i:first-child {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.5) !important;
}
.sidebar-menu > li.sb-mod-library.active > a {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.22) 0%, rgba(59, 130, 246, 0.05) 100%) !important;
    border-left-color: #3b82f6 !important;
}
.sidebar-menu > li.sb-mod-library > .treeview-menu {
    border-left-color: rgba(59, 130, 246, 0.4) !important;
}

/* 15. 📦 Inventory - Warm Bronze Ochre */
.sidebar-menu > li.sb-mod-inventory > a > i:first-child {
    background: rgba(234, 179, 8, 0.16) !important;
    border-color: rgba(234, 179, 8, 0.35) !important;
    color: #ca8a04 !important;
    box-shadow: 0 2px 8px rgba(234, 179, 8, 0.18);
}
.sidebar-menu > li.sb-mod-inventory:hover > a,
.sidebar-menu > li.sb-mod-inventory.menu-open > a {
    background: rgba(234, 179, 8, 0.10) !important;
}
.sidebar-menu > li.sb-mod-inventory:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-inventory.active > a > i:first-child {
    background: linear-gradient(135deg, #eab308, #ca8a04) !important;
    color: #ffffff !important;
    border-color: #eab308 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(234, 179, 8, 0.5) !important;
}
.sidebar-menu > li.sb-mod-inventory.active > a {
    background: linear-gradient(90deg, rgba(234, 179, 8, 0.22) 0%, rgba(234, 179, 8, 0.05) 100%) !important;
    border-left-color: #eab308 !important;
}
.sidebar-menu > li.sb-mod-inventory > .treeview-menu {
    border-left-color: rgba(234, 179, 8, 0.4) !important;
}

/* 16. 🚌 Transport - Bus Golden Amber */
.sidebar-menu > li.sb-mod-transport > a > i:first-child {
    background: rgba(245, 158, 11, 0.18) !important;
    border-color: rgba(245, 158, 11, 0.38) !important;
    color: #d97706 !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.2);
}
.sidebar-menu > li.sb-mod-transport:hover > a,
.sidebar-menu > li.sb-mod-transport.menu-open > a {
    background: rgba(245, 158, 11, 0.10) !important;
}
.sidebar-menu > li.sb-mod-transport:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-transport.active > a > i:first-child {
    background: linear-gradient(135deg, #fbbf24, #d97706) !important;
    color: #ffffff !important;
    border-color: #d97706 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(251, 191, 36, 0.55) !important;
}
.sidebar-menu > li.sb-mod-transport.active > a {
    background: linear-gradient(90deg, rgba(245, 158, 11, 0.22) 0%, rgba(245, 158, 11, 0.05) 100%) !important;
    border-left-color: #d97706 !important;
}
.sidebar-menu > li.sb-mod-transport > .treeview-menu {
    border-left-color: rgba(251, 191, 36, 0.4) !important;
}

/* 17. 🛏️ Hostel - Mint Teal */
.sidebar-menu > li.sb-mod-hostel > a > i:first-child {
    background: rgba(20, 184, 166, 0.16) !important;
    border-color: rgba(20, 184, 166, 0.35) !important;
    color: #0d9488 !important;
    box-shadow: 0 2px 8px rgba(20, 184, 166, 0.18);
}
.sidebar-menu > li.sb-mod-hostel:hover > a,
.sidebar-menu > li.sb-mod-hostel.menu-open > a {
    background: rgba(20, 184, 166, 0.10) !important;
}
.sidebar-menu > li.sb-mod-hostel:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-hostel.active > a > i:first-child {
    background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
    color: #ffffff !important;
    border-color: #14b8a6 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(20, 184, 166, 0.5) !important;
}
.sidebar-menu > li.sb-mod-hostel.active > a {
    background: linear-gradient(90deg, rgba(20, 184, 166, 0.22) 0%, rgba(20, 184, 166, 0.05) 100%) !important;
    border-left-color: #14b8a6 !important;
}
.sidebar-menu > li.sb-mod-hostel > .treeview-menu {
    border-left-color: rgba(20, 184, 166, 0.4) !important;
}

/* 18. 📜 Certificate - Royal Gold */
.sidebar-menu > li.sb-mod-certificate > a > i:first-child {
    background: rgba(250, 204, 21, 0.16) !important;
    border-color: rgba(250, 204, 21, 0.35) !important;
    color: #fde047 !important;
    box-shadow: 0 2px 8px rgba(250, 204, 21, 0.18);
}
.sidebar-menu > li.sb-mod-certificate:hover > a,
.sidebar-menu > li.sb-mod-certificate.menu-open > a {
    background: rgba(250, 204, 21, 0.10) !important;
}
.sidebar-menu > li.sb-mod-certificate:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-certificate.active > a > i:first-child {
    background: linear-gradient(135deg, #facc15, #ca8a04) !important;
    color: #ffffff !important;
    border-color: #ca8a04 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(250, 204, 21, 0.5) !important;
}
.sidebar-menu > li.sb-mod-certificate.active > a {
    background: linear-gradient(90deg, rgba(250, 204, 21, 0.22) 0%, rgba(250, 204, 21, 0.05) 100%) !important;
    border-left-color: #ca8a04 !important;
}
.sidebar-menu > li.sb-mod-certificate > .treeview-menu {
    border-left-color: rgba(250, 204, 21, 0.4) !important;
}

/* 19. 🌐 Front CMS - Aqua Neon */
.sidebar-menu > li.sb-mod-front-cms > a > i:first-child {
    background: rgba(6, 182, 212, 0.16) !important;
    border-color: rgba(6, 182, 212, 0.35) !important;
    color: #0891b2 !important;
    box-shadow: 0 2px 8px rgba(6, 182, 212, 0.18);
}
.sidebar-menu > li.sb-mod-front-cms:hover > a,
.sidebar-menu > li.sb-mod-front-cms.menu-open > a {
    background: rgba(6, 182, 212, 0.10) !important;
}
.sidebar-menu > li.sb-mod-front-cms:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-front-cms.active > a > i:first-child {
    background: linear-gradient(135deg, #06b6d4, #0e7490) !important;
    color: #ffffff !important;
    border-color: #06b6d4 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(6, 182, 212, 0.5) !important;
}
.sidebar-menu > li.sb-mod-front-cms.active > a {
    background: linear-gradient(90deg, rgba(6, 182, 212, 0.22) 0%, rgba(6, 182, 212, 0.05) 100%) !important;
    border-left-color: #06b6d4 !important;
}
.sidebar-menu > li.sb-mod-front-cms > .treeview-menu {
    border-left-color: rgba(6, 182, 212, 0.4) !important;
}

/* 20. 🎓 Alumni - Orchid Violet */
.sidebar-menu > li.sb-mod-alumni > a > i:first-child {
    background: rgba(192, 38, 211, 0.16) !important;
    border-color: rgba(192, 38, 211, 0.35) !important;
    color: #c026d3 !important;
    box-shadow: 0 2px 8px rgba(192, 38, 211, 0.18);
}
.sidebar-menu > li.sb-mod-alumni:hover > a,
.sidebar-menu > li.sb-mod-alumni.menu-open > a {
    background: rgba(192, 38, 211, 0.10) !important;
}
.sidebar-menu > li.sb-mod-alumni:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-alumni.active > a > i:first-child {
    background: linear-gradient(135deg, #c026d3, #701a75) !important;
    color: #ffffff !important;
    border-color: #c026d3 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(192, 38, 211, 0.5) !important;
}
.sidebar-menu > li.sb-mod-alumni.active > a {
    background: linear-gradient(90deg, rgba(192, 38, 211, 0.22) 0%, rgba(192, 38, 211, 0.05) 100%) !important;
    border-left-color: #c026d3 !important;
}
.sidebar-menu > li.sb-mod-alumni > .treeview-menu {
    border-left-color: rgba(192, 38, 211, 0.4) !important;
}

/* 21. 📊 Reports - Crimson Coral */
.sidebar-menu > li.sb-mod-reports > a > i:first-child {
    background: rgba(239, 68, 68, 0.16) !important;
    border-color: rgba(239, 68, 68, 0.35) !important;
    color: #dc2626 !important;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.18);
}
.sidebar-menu > li.sb-mod-reports:hover > a,
.sidebar-menu > li.sb-mod-reports.menu-open > a {
    background: rgba(239, 68, 68, 0.10) !important;
}
.sidebar-menu > li.sb-mod-reports:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-reports.active > a > i:first-child {
    background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
    color: #ffffff !important;
    border-color: #ef4444 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(239, 68, 68, 0.5) !important;
}
.sidebar-menu > li.sb-mod-reports.active > a {
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.22) 0%, rgba(239, 68, 68, 0.05) 100%) !important;
    border-left-color: #ef4444 !important;
}
.sidebar-menu > li.sb-mod-reports > .treeview-menu {
    border-left-color: rgba(239, 68, 68, 0.4) !important;
}

/* 22. ⚙️ System Settings - Slate Titanium */
.sidebar-menu > li.sb-mod-system-settings > a > i:first-child {
    background: rgba(148, 163, 184, 0.16) !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
    color: #cbd5e1 !important;
    box-shadow: 0 2px 8px rgba(148, 163, 184, 0.18);
}
.sidebar-menu > li.sb-mod-system-settings:hover > a,
.sidebar-menu > li.sb-mod-system-settings.menu-open > a {
    background: rgba(148, 163, 184, 0.10) !important;
}
.sidebar-menu > li.sb-mod-system-settings:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-system-settings.active > a > i:first-child {
    background: linear-gradient(135deg, #64748b, #334155) !important;
    color: #ffffff !important;
    border-color: #64748b !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(100, 116, 139, 0.5) !important;
}
.sidebar-menu > li.sb-mod-system-settings.active > a {
    background: linear-gradient(90deg, rgba(148, 163, 184, 0.22) 0%, rgba(148, 163, 184, 0.05) 100%) !important;
    border-left-color: #94a3b8 !important;
}
.sidebar-menu > li.sb-mod-system-settings > .treeview-menu {
    border-left-color: rgba(148, 163, 184, 0.4) !important;
}

/* 23. 🏢 Front Office - Tangerine Coral */
.sidebar-menu > li.sb-mod-front-office > a > i:first-child {
    background: rgba(251, 146, 60, 0.16) !important;
    border-color: rgba(251, 146, 60, 0.35) !important;
    color: #fdba74 !important;
    box-shadow: 0 2px 8px rgba(251, 146, 60, 0.18);
}
.sidebar-menu > li.sb-mod-front-office:hover > a,
.sidebar-menu > li.sb-mod-front-office.menu-open > a {
    background: rgba(251, 146, 60, 0.10) !important;
}
.sidebar-menu > li.sb-mod-front-office:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-front-office.active > a > i:first-child {
    background: linear-gradient(135deg, #fb923c, #c2410c) !important;
    color: #ffffff !important;
    border-color: #ea580c !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(251, 146, 60, 0.5) !important;
}
.sidebar-menu > li.sb-mod-front-office.active > a {
    background: linear-gradient(90deg, rgba(251, 146, 60, 0.22) 0%, rgba(251, 146, 60, 0.05) 100%) !important;
    border-left-color: #ea580c !important;
}
.sidebar-menu > li.sb-mod-front-office > .treeview-menu {
    border-left-color: rgba(251, 146, 60, 0.4) !important;
}

/* 24. 🗓️ Annual Calendar / Holiday - Mint Emerald */
.sidebar-menu > li.sb-mod-holiday > a > i:first-child {
    background: rgba(52, 211, 153, 0.16) !important;
    border-color: rgba(52, 211, 153, 0.35) !important;
    color: #6ee7b7 !important;
    box-shadow: 0 2px 8px rgba(52, 211, 153, 0.18);
}
.sidebar-menu > li.sb-mod-holiday:hover > a,
.sidebar-menu > li.sb-mod-holiday.menu-open > a {
    background: rgba(52, 211, 153, 0.10) !important;
}
.sidebar-menu > li.sb-mod-holiday:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-holiday.active > a > i:first-child {
    background: linear-gradient(135deg, #34d399, #059669) !important;
    color: #ffffff !important;
    border-color: #059669 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(52, 211, 153, 0.5) !important;
}
.sidebar-menu > li.sb-mod-holiday.active > a {
    background: linear-gradient(90deg, rgba(52, 211, 153, 0.22) 0%, rgba(52, 211, 153, 0.05) 100%) !important;
    border-left-color: #059669 !important;
}
.sidebar-menu > li.sb-mod-holiday > .treeview-menu {
    border-left-color: rgba(52, 211, 153, 0.4) !important;
}

/* 25. 📄 Student CV - Indigo Lavender */
.sidebar-menu > li.sb-mod-student-cv > a > i:first-child {
    background: rgba(129, 140, 248, 0.16) !important;
    border-color: rgba(129, 140, 248, 0.35) !important;
    color: #4f46e5 !important;
    box-shadow: 0 2px 8px rgba(129, 140, 248, 0.18);
}
.sidebar-menu > li.sb-mod-student-cv:hover > a,
.sidebar-menu > li.sb-mod-student-cv.menu-open > a {
    background: rgba(129, 140, 248, 0.10) !important;
}
.sidebar-menu > li.sb-mod-student-cv:hover > a > i:first-child,
.sidebar-menu > li.sb-mod-student-cv.active > a > i:first-child {
    background: linear-gradient(135deg, #818cf8, #4f46e5) !important;
    color: #ffffff !important;
    border-color: #4f46e5 !important;
    transform: scale(1.08) rotate(3deg);
    box-shadow: 0 4px 16px rgba(129, 140, 248, 0.5) !important;
}
.sidebar-menu > li.sb-mod-student-cv.active > a {
    background: linear-gradient(90deg, rgba(129, 140, 248, 0.22) 0%, rgba(129, 140, 248, 0.05) 100%) !important;
    border-left-color: #4f46e5 !important;
}
.sidebar-menu > li.sb-mod-student-cv > .treeview-menu {
    border-left-color: rgba(129, 140, 248, 0.4) !important;
}

/* ============================================================
   🌳 TREEVIEW SUBMENUS (CONNECTED TREE TRACK)
   ============================================================ */

.sidebar-menu .treeview-menu {
    background: #f8fafc !important;
    border-left: 2px solid #cbd5e1 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 8px 8px 0 !important;
    margin: 4px 6px 6px 31px !important;
    padding: 6px 0 6px 4px !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

.sidebar-menu .treeview-menu > li {
    margin: 2px 4px !important;
}

.sidebar-menu .treeview-menu > li > a {
    padding: 7px 12px 7px 10px !important;
    border-radius: 7px !important;
    color: #475569 !important;
    font-size: 12.5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* Dot indicator */
.sidebar-menu .treeview-menu > li > a > i.icon-circle-small,
.sidebar-menu .treeview-menu > li > a > i.fa-circle,
.sidebar-menu .treeview-menu > li > a > i.fa-angle-double-right {
    font-size: 6px !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    opacity: 0.55 !important;
    display: inline-block !important;
    margin-right: 6px !important;
    transition: all 0.2s ease !important;
}

/* Submenu Hover */
.sidebar-menu .treeview-menu > li > a:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    padding-left: 15px !important;
}

.sidebar-menu .treeview-menu > li > a:hover > i {
    opacity: 1 !important;
    transform: scale(1.4);
}

/* Submenu Active */
.sidebar-menu .treeview-menu > li.active > a {
    background: #ecfdf5 !important;
    color: #065f46 !important;
    font-weight: 600 !important;
    box-shadow: inset 2px 0 0 #059669 !important;
}

.sidebar-menu .treeview-menu > li.active > a > i {
    opacity: 1 !important;
    color: #4f46e5 !important;
    transform: scale(1.4);
}

/* ============================================================
   📱 COLLAPSED MINI-SIDEBAR REFINEMENTS
   ============================================================ */

.sidebar-mini.sidebar-collapse .sidebar-menu > li {
    margin: 6px 6px !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    padding: 8px !important;
    justify-content: center !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > i:first-child {
    margin-right: 0 !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 10px 10px 10px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;
    border-radius: 0 10px 0 0 !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}