.card {
  background-color: var(--color-surface);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.card-header { padding: var(--spacing-4) var(--spacing-6); border-bottom: 1px solid var(--color-border); background-color: var(--gray-50); }
.card-body { padding: var(--spacing-6); }
.card-footer { padding: var(--spacing-4) var(--spacing-6); border-top: 1px solid var(--color-border); background-color: var(--gray-50); }
.card-lg { box-shadow: var(--shadow-lg); }
.card-hover:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }

.card-title { font-size: 1.25rem; font-weight: 700; margin-bottom: var(--spacing-4); color: var(--color-text); word-break: break-word; }
[data-theme="dark"] .card-title { color: var(--color-text-dark); }

[data-theme="dark"] .card { background-color: var(--color-surface-dark); border: 1px solid var(--color-border-dark); }
[data-theme="dark"] .card-header, [data-theme="dark"] .card-footer { background-color: var(--gray-900); border-color: var(--color-border-dark); }