.sidebar-transition {
    transition: all 0.3s ease;
}

.dropdown-transition {
    transition: all 0.2s ease;
}

.active-link {
    background-color: rgba(79, 70, 229, 0.1);
    color: #4f46e5;
    border-left: 4px solid #4f46e5;
}

@media (max-width: 1023px) {
    #sidebar {
        transform: translateX(-100%);
    }

    #sidebar.mobile-open {
        transform: translateX(0);
    }
}

.rotate-180 {
    transform: rotate(180deg);
}