/* Example CSS for Filament Sidebar on Mobile */
@media (max-width: 640px) {
    .filament-sidebar {
        width: 100% !important;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 50; /* Ensure it overlays other elements */
    }
}

@keyframes fade-in {
    0% { opacity: 0; transform: scale(0.95); }
    100% { opacity: 1; transform: scale(1); }
}
.animate-fade-in {
    animation: fade-in 0.3s ease-out;
}