.card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card{flex-direction:column;display:flex}.card--clickable{cursor:pointer}.card--clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.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)}