.animate-fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

.animate-fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.animate-fade-in:nth-child(1) {
    transition-delay: 0.1s;
}
.animate-fade-in:nth-child(2) {
    transition-delay: 0.2s;
}
.animate-fade-in:nth-child(3) {
    transition-delay: 0.3s;
}
.animate-fade-in:nth-child(4) {
    transition-delay: 0.4s;
}
.animate-fade-in:nth-child(5) {
    transition-delay: 0.5s;
}
.animate-fade-in:nth-child(n + 6) {
    transition-delay: 0.6s;
}

.card.animate-fade-in {
    transform: translateY(30px) scale(0.95);
}

.card.animate-fade-in.visible {
    transform: translateY(0) scale(1);
}

.table tbody tr {
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.4s ease-out;
}

.table tbody tr.animate-in {
    opacity: 1;
    transform: translateX(0);
}

.breadcrumb-item {
    opacity: 0;
    transform: translateX(-10px);
    animation: slideInLeft 0.5s ease forwards;
}

.breadcrumb-item:nth-child(1) {
    animation-delay: 0.1s;
}
.breadcrumb-item:nth-child(2) {
    animation-delay: 0.2s;
}
.breadcrumb-item:nth-child(3) {
    animation-delay: 0.3s;
}

@keyframes slideInLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}