/* ============================================================
   Component: cards (genel kart + istatistik kartı)
   ============================================================ */
.card {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius); box-shadow: var(--shadow-sm);
  padding: var(--space-5);
}

.page-head { margin-bottom: var(--space-5); }
.page-head h2 { margin-bottom: 2px; }

.stat-card {
  display: flex; flex-direction: column; gap: var(--space-2);
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius); box-shadow: var(--shadow-sm);
  padding: var(--space-5);
}
.stat-label { font-size: var(--fs-sm); color: var(--text-muted); font-weight: 600; }
.stat-value { font-size: var(--fs-2xl); font-weight: 800; color: var(--text); }