/* Styles généraux */
body {
  background-color: #f8f9fa;
}

/* Styles de la navbar */
.navbar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Styles des cartes */
.card {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}

.card-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* Styles des tableaux */
.table {
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.table thead th {
  background-color: #f8f9fa;
  border-bottom: 2px solid #dee2e6;
}

/* Styles des formulaires */
.form-control:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Styles des boutons */
.btn {
  border-radius: 4px;
}

.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  background-color: #0069d9;
  border-color: #0062cc;
}

/* Styles des alertes */
.alert {
  border-radius: 4px;
  margin-bottom: 20px;
}

/* Styles des badges */
.badge {
  padding: 5px 10px;
  border-radius: 4px;
}

/* Styles des icônes */
.fa {
  margin-right: 5px;
}

/* Styles responsifs */
@media (max-width: 768px) {
  .container {
    padding: 10px;
  }

  .card {
    margin-bottom: 15px;
  }
}