I have everything I need. I'll build a comprehensive Sage-style accounting application with a sidebar layout, dashboard, and dedicated pages for each module (Invoices, Customers, Expenses, Bills, Inventory, Reports, Payroll). I'll use a professional sage-green / dark forest palette to match the Sage brand without copying their logo, with a clean white workspace, dense data tables, and Recharts-based visualizations.

Let me build it:

Now let me build the sidebar layout and the shared header:

Now let me create a route group layout that hosts the sidebar, then build out all module pages:

Good, no conflict. Now let me build the dashboard page and all module pages:

Now the Reports and Payroll pages:

Let me fix the Reports page layout — the period selector should sit next to the tabs, not below the content:

Let me verify everything compiles cleanly by checking the dev server logs:

The build compiled cleanly with all 8 module routes generated as static pages.

I built a comprehensive Sage 50–style cloud accounting application with a sidebar layout and full drilldown across every module:

• Dashboard — KPI cards (revenue, expenses, net profit, outstanding), cash flow area chart, monthly revenue bar chart, A/R aging breakdown, expense category donut, and recent invoices.
• Invoices — Sortable table with status badges (paid/sent/overdue/draft), search, totals summary, and per-row actions.
• Customers — Customer directory with revenue/balance/status columns and contact details.
• Expenses & Bills — Separate ledgers for expenses and vendor bills with category, vendor, status, and totals.
• Inventory — Stock levels with low-stock indicators, SKU, cost/price, value calculations, and reorder alerts.
• Reports — Tabbed Profit & Loss and Balance Sheet with a period selector (YTD/Quarter/Month/Last Year) and proper accounting structure (revenue → COGS → gross profit → operating expenses → net income; assets/liabilities/equity).
• Payroll — Employee roster with salaries, next pay run summary, YTD totals, and a recent pay runs table.

The design uses a professional sage-green primary on a clean off-white workspace with Geist Sans/Mono fonts, semantic design tokens throughout, and a fixed sidebar with mobile drawer navigation. All data is mocked in lib/mock-data.ts so you can wire it up to a real backend later.