/* Sidebar Custom Syles */
.sidebar-gradient {
    background: linear-gradient(180deg, var(--primary-dark) 0%, #0f172a 100%);
    box-shadow: 4px 0 10px rgba(0, 0, 0, 0.1);
}

#sidebar .nav-link {
    color: rgba(255, 255, 255, 0.75) !important;
    border-radius: 0.5rem;
    margin-bottom: 0.25rem;
    transition: all 0.2s;
}

#sidebar .nav-link:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.1);
    transform: translateX(5px);
}

#sidebar .nav-link.active {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-weight: 600;
}