/* Ce style est conservé uniquement pour garantir que Chart.js ait une hauteur définie, car 
   les classes Bootstrap n'incluent pas d'utilitaire de hauteur absolue standard. */
.chart-container {
    position: relative;
    height: 400px;
    margin-top: 10px; /* Ajout d'une petite marge pour l'espacement si besoin */
}

/* Vous pouvez effacer tout le reste du style.css précédent. */

/* Style complémentaire pour les cartes */
.hover-shadow {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-shadow:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Amélioration de l'apparence générale */
body {
  background-color: #f8f9fa;
}

.card {
  border: none;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

.card:hover {
  text-decoration: none;
}