@import "tailwindcss";

.sidebar-link {

    @apply flex items-center gap-3 rounded-xl px-4 py-3 text-slate-300 transition-all duration-200;
}

    .sidebar-link:hover {

        @apply bg-slate-800 text-white;
    }

    .sidebar-link.active {

        @apply bg-teal-600 text-white shadow-lg;
    }

    .sidebar-link svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

.sidebar-collapsed {
    width: 90px !important;
}

    .sidebar-collapsed .sidebar-text {
        display: none;
    }

    .sidebar-collapsed .sidebar-link {
        justify-content: center;
    }
@keyframes goshen-scroll {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(0, 6px, 0);
        transform: translate3d(0, 6px, 0);
    }
}

.animate-goshen-scroll {
    -webkit-animation: goshen-scroll 1.2s ease-in-out infinite;
    animation: goshen-scroll 1.2s ease-in-out infinite;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    .animate-goshen-scroll {
        -webkit-animation: none;
        animation: none;
    }
}