.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.card-header{border-bottom:1px solid var(--color-border-light)}.card-body,.card-footer,.card-header{padding:var(--space-4)}.card-footer{border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.card-compact .card-body,.card-compact .card-footer,.card-compact .card-header{padding:var(--space-3)}@media (min-width:768px){.card-body,.card-footer,.card-header{padding:var(--space-6)}.card-compact .card-body,.card-compact .card-footer,.card-compact .card-header{padding:var(--space-4)}}.card-image{width:100%;height:auto;display:block}.card-image-cover{width:100%;height:200px;object-fit:cover}@media (min-width:768px){.card-image-cover{height:240px}}.card-accent{border-color:var(--color-primary);border-width:2px}.card-flat,.card-ghost{border:none;box-shadow:none}.card-ghost{background-color:transparent}