/* Admin Dashboard - Custom animations and utilities */

/* animate-in support (tailwindcss-animate equivalent) */
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slide-in-from-bottom-4 {
    from { transform: translateY(1rem); }
    to { transform: translateY(0); }
}

@keyframes slide-in-from-top-4 {
    from { transform: translateY(-1rem); }
    to { transform: translateY(0); }
}

@keyframes slide-in-from-left-4 {
    from { transform: translateX(-1rem); }
    to { transform: translateX(0); }
}

@keyframes slide-in-from-right-4 {
    from { transform: translateX(1rem); }
    to { transform: translateX(0); }
}

.animate-in {
    animation-duration: 500ms;
    animation-fill-mode: both;
}

.fade-in {
    animation-name: fade-in;
}

.slide-in-from-bottom-4 {
    animation-name: slide-in-from-bottom-4, fade-in;
}

.slide-in-from-top-4 {
    animation-name: slide-in-from-top-4, fade-in;
}

.slide-in-from-left-4 {
    animation-name: slide-in-from-left-4, fade-in;
}

.slide-in-from-right-4 {
    animation-name: slide-in-from-right-4, fade-in;
}

.duration-500 {
    animation-duration: 500ms;
}

/* Custom scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.2);
    border-radius: 2px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.4);
}