.card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px);border-color:var(--color-border-hover)}.card{display:flex;flex-direction:column}.card--clickable{cursor:pointer}.card--clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.card__header{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md)}.card__body{flex:1}.card__footer{padding-top:var(--space-md);border-top:1px solid var(--color-border);margin-top:var(--space-md)}