body {
  background-color: #f4f6f9;
}

.navbar-custom {
  background: linear-gradient(90deg, #1e3a5f, #2c5f8a);
}

.nav-pills .nav-link {
  color: #2c5f8a;
  font-weight: 500;
  border-radius: 8px;
  margin-right: 6px;
}

.nav-pills .nav-link.active {
  background-color: #2c5f8a;
}

.kpi-card {
  border-radius: 14px;
}

.kpi-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 18px;
}

.kpi-label {
  font-size: 0.8rem;
  color: #6c757d;
  margin-bottom: 2px;
}

.kpi-value {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1e3a5f;
}

.card {
  border-radius: 14px;
}

.table thead th {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #6c757d;
  border-bottom-width: 1px;
}

.benefice-positif {
  color: #198754;
  font-weight: 600;
}

.benefice-negatif {
  color: #dc3545;
  font-weight: 600;
}

.tab-pane {
  animation: fadeIn 0.25s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}