/* Custom CSS voor FinFlow - Aanvullend op Tailwind CSS */

/* Toast animatie in */
.toast-enter { 
    transform: translateY(100%); 
    opacity: 0; 
}
.toast-enter-active { 
    transform: translateY(0); 
    opacity: 1; 
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
}

/* Toast animatie uit */
.toast-leave { 
    transform: translateY(0); 
    opacity: 1; 
}
.toast-leave-active { 
    transform: translateY(100%); 
    opacity: 0; 
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
}

/* Subtiel blur effect voor de achtergrond van Modals */
.modal-backdrop { 
    backdrop-filter: blur(4px); 
    -webkit-backdrop-filter: blur(4px);
}