I'll recreate this invoice reconciliation interface with Next.js and Tailwind CSS.

I've recreated the invoice reconciliation interface from the screenshot. The application includes:

1. Header - Shows the focus mode title with the company name and a close button
2. Left Sidebar - Displays a list of invoices with their statuses, amounts, and action buttons

3. Main Content Area - Shows detailed information about the selected invoice:

   • Ledger information for March 31, 2025
   • Invoice details (number, date, amount)
   • Status checks showing "Not on ledger" for various verification points

4. Right Sidebar - Contains summary statistics:

   • Difference Amount: £29,858.00 with breakdowns
   • Difference Count: 62 items with categories
   • Total Lines: 120 with matches and differences

The interface uses Tailwind CSS for styling and includes interactive elements like tabs, buttons, and badges. The selected invoice (INV-818090612394) is highlighted in the list, and all the status indicators match the original design.