Image Description: The screenshot shows the Custom Sales Information form with fields for Select Account, Product/Service Name, Sales Amount, Customer Name, Sale Date, Category, Additional Information, Status, and Upload Receipt/Image. There's a "Save Sale" button and "Cancel" button at the bottom.

The user wants me to:

1. Keep the upload functionality visible in the custom sales section (already there)
2. Add a new separate "Document Upload" section below all other sections

Let me first explore the current structure to understand where to add this new section:

I can see the Custom Sales section ends at line 750, and the section closes at line 751. I need to add a new "Document Upload" section before the closing </section> tag. Let me add this new section:

I've added a new "Document Upload" section below the Custom Sales section. The new section includes:

1. File upload area with drag-and-drop style interface supporting multiple document formats (PDF, DOC, DOCX, JPG, PNG, XLSX, XLS)
2. Document Description field for users to add context about the document
3. Document Category dropdown with options like Invoice, Receipt, Contract, Report, and Other
4. Upload and Cancel buttons with consistent styling matching the rest of the form

The section maintains the same design language as the rest of the Company Information component with gradient backgrounds, rounded corners, and hover effects.

Image Description: The screenshot shows a "Document Description" field with an input box containing placeholder text "E.g., Invoice #123, Receipt for Q1 Sales, etc."

The user wants me to remove the Document Description field from the Document Upload section. Let me locate and remove it:

Now I'll remove the Document Description field:

Done! I've removed the Document Description field from the Document Upload section. The form now flows directly from the file upload area to the Document Category dropdown, streamlining the interface while maintaining all essential functionality.