.card-base{background:var(--bg-surface);width:100%;max-width:100%;color:var(--text-primary);border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);transition:var(--transition-base);overflow:hidden}.card-compact{gap:var(--space-4);padding:var(--space-4)}.card-default{gap:var(--space-6);padding:var(--space-6)}.card-spacious{gap:var(--space-8);padding:var(--space-8)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);transform:scale(1.01)}.card-interactive:active{transform:scale(.99)}