.main-sidebar {
     background: linear-gradient(180deg, #0b3a6a 0%, #072a4d 100%) !important;
 }
 
 .main-sidebar .brand-link {
     background-color: transparent !important;
     border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
 }
 
 .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link,
 .sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link {
     border-radius: 10px !important;
     margin: 6px 10px !important;
     padding: 10px 12px !important;
     color: rgba(255, 255, 255, 0.92) !important;
     display: flex !important;
     align-items: center !important;
     gap: 10px !important;
 }
 
 .sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link {
     margin: 4px 10px !important;
     padding-left: 18px !important;
 }
 
 .sidebar-dark-primary .nav-sidebar .nav-link > .nav-icon {
     width: 22px !important;
     margin-right: 0 !important;
     font-size: 1.05rem !important;
     text-align: center !important;
     color: rgba(255, 255, 255, 0.9) !important;
 }
 
 .sidebar-dark-primary .nav-sidebar .nav-link p {
     margin: 0 !important;
 }
 
 .sidebar-dark-primary .nav-sidebar .nav-link:hover {
     background-color: rgba(255, 255, 255, 0.12) !important;
     color: #ffffff !important;
 }
 
 .sidebar-dark-primary .nav-sidebar .nav-link.active {
     background-color: rgba(255, 255, 255, 0.18) !important;
     color: #ffffff !important;
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
 }