body {
  background-color: #f4f6f9;
}

.metric-card {
  transition: transform 0.1s ease-in-out;
}

.metric-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.trend-up { color: #dc3545; }
.trend-down { color: #198754; }
.trend-stable { color: #6c757d; }

.value-out-of-range {
  color: #dc3545 !important;
  font-weight: 600;
}

code.patient-code {
  font-size: 1.1rem;
}