/* Efeito para menu item ativo */
.menu-item.active {
    position: relative;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.1) 0%, rgba(13, 110, 253, 0.05) 100%);
    border-left: 3px solid #0d6efd;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.1);
    transition: all 0.3s ease;
}

.menu-item.active .menu-link {
    color: #0d6efd !important;
    font-weight: 600;
}

.menu-item.active .menu-icon {
    color: #0d6efd !important;
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

/* Efeito hover para todos os itens */
.menu-item:not(.active):hover {
    background: rgba(248, 249, 250, 0.8);
    border-radius: 8px;
    transition: all 0.2s ease;
}

.menu-item:not(.active):hover .menu-link {
    color: #495057;
    transform: translateX(3px);
    transition: all 0.2s ease;
}

.menu-item:not(.active):hover .menu-icon {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}