@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* Design personnalisé de la scrollbar */
.custom-scroll::-webkit-scrollbar { width: 6px; }
.custom-scroll::-webkit-scrollbar-track { background: #f1f1f1; }
.custom-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.custom-scroll::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Animation des messages */
.message-enter { animation: slideUp 0.3s ease-out forwards; }
@keyframes slideUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

body { font-family: 'Inter', sans-serif; }

/* Styles avancés pour les cartes KPI */
.kpi-card {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s;
    transform: translateY(0);
    border: 1px solid rgba(229, 231, 235, 0.5);
}
.kpi-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.1), 0 5px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Animation d'entrée des cartes (Staggered fade-in) */
@keyframes fadeInSlide {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.kpi-card { animation: fadeInSlide 0.6s ease-out backwards; }
.kpi-card:nth-child(1) { animation-delay: 0.1s; }
.kpi-card:nth-child(2) { animation-delay: 0.2s; }
.kpi-card:nth-child(3) { animation-delay: 0.3s; }
.kpi-card:nth-child(4) { animation-delay: 0.4s; }


/* Style pour les boutons de filtre actifs */
.filter-btn {
    transition: all 0.2s;
}

/* Scrollbar moderne pour la table */
.table-scroll-container::-webkit-scrollbar { width: 6px; height: 6px; }
.table-scroll-container::-webkit-scrollbar-track { background: transparent; }
.table-scroll-container::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.table-scroll-container::-webkit-scrollbar-thumb:hover { background: #94a3b8; }