body {
  background: #f6f7f9;
  color: #172033;
}

.upload-panel {
  background: #fff;
  border: 1px solid #dde3ea;
  border-radius: 8px;
  padding: 20px;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.metric-card {
  background: #fff;
  border: 1px solid #dde3ea;
  border-radius: 8px;
  padding: 18px 20px;
  min-height: 108px;
}

.metric-label {
  color: #6b7280;
  font-size: 0.95rem;
  margin-bottom: 8px;
}

.metric-value {
  font-size: 1.85rem;
  font-weight: 700;
  line-height: 1.2;
}

.row-grey td { background: #e5e7eb !important; }
.row-yellow td { background: #fff3cd !important; }
.row-green td { background: #d1e7dd !important; }
.row-red td { background: #f8d7da !important; }
.row-orange td { background: #ffe5d0 !important; }

th {
  white-space: nowrap;
}

td {
  vertical-align: middle;
}