.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-padding-sm{padding:var(--spacing-md)}.card-padding-md{padding:var(--spacing-xl)}.card-padding-lg{padding:var(--spacing-2xl)}.card-hover{cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-4px)}