styles.css

/* Base layout */
html, body, [data-testid="stAppViewContainer"] {
  background: var(--bg) !important;
}

.card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px 16px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  margin-bottom: 16px;
}

.card-title {
  color: var(--text);
  font-weight: 700;
  margin-bottom: 8px;
}

.kpi {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.kpi .card-label {
  color: var(--muted);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.kpi .card-value {
  color: var(--text);
  font-size: 26px;
  font-weight: 800;
}

/* Streamlit tweaks */
button[kind="secondary"] {
  border-color: var(--primary) !important;
}

/* Inputs */
section[data-testid="stSidebar"] .stSelectbox label, 
section[data-testid="stSidebar"] .stMultiSelect label, 
section[data-testid="stSidebar"] .stDateInput label {
  color: var(--muted) !important;
}

/* Tables */
div[data-testid="stTable"] {
  border-radius: 8px;
  overflow: hidden;
}