/* Animations pour le changement de page façon SPA */
.view-section { 
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

.view-section.active { 
    opacity: 1; 
    transform: translateY(0);
}

/* Scrollbar personnalisée (Optionnel mais stylé) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #10b981; 
}