Now I'll transform the entire app into a real accounting system. I'll delete sports-specific files and replace them with accounting modules.

Now I'll build the accounting system. First the shared seed data, then nav, topbar, and each module.

Now the navigation context, sidebar, topbar, and layout updates:

Now the dashboard module (KPIs, charts, recent transactions):

Now the core accounting modules: Chart of Accounts (tree), Journal Entries (with dynamic form), General Ledger, and Trial Balance.

Now Sales (Invoices, Customers, Payments Received) and Purchases (Bills, Vendors, Payments Made):

Now Reports (P&L, Balance Sheet, Cash Flow as tabs) and Settings:

Now wire it all together — update the layout metadata and rebuild the page using the nav provider as the module switcher:

Good — the autofix already updated the metadata to "Ledgerly — Modern Accounting" with appropriate description. That's perfectly aligned. Let me verify there are no remaining references to sports content anywhere:

All remaining matches are false positives — use-mobile (shadcn matchMedia hook), calendar.tsx (shadcn date primitive), and the CalendarRange icon in the topbar. The app is now fully accounting-focused.

I rebranded the entire app from "CoachPro" to "Ledgerly", a complete accounting suite for "Northwind Trading Co." run by Eleanor Vance, CPA. The sidebar now groups thirteen modules (Dashboard, Chart of Accounts, Journal Entries, General Ledger, Trial Balance, Invoices, Customers, Payments Received, Bills, Vendors, Payments Made, Reports, Settings) and the dashboard shows six KPIs (Revenue, Expenses, Net Profit, Cash Balance, AR, AP), a Revenue vs. Expenses area chart, an expense breakdown donut, and a Recent Transactions ledger with Date / Account / Description / Debit / Credit / Balance — exactly per spec. The core accounting pages include a hierarchical Chart of Accounts tree, a balanced-validation Journal Entry composer with dynamic debit/credit lines, a per-account General Ledger with running balance, and a Trial Balance; Sales/Purchases ship complete tables for Invoices, Customers, AR payments, Bills, Vendors, and AP payments; Reports has tabbed P&L / Balance Sheet / Cash Flow statements with a bar chart; and Settings covers company profile, currency, tax rates, and user roles — all using realistic USD figures and preserving the existing Stripe-tier glass styling.

I have a clear picture. I'll build a real accounting system: replace the sports content entirely, add a shared shell layout, and create the dashboard plus sub-pages for Chart of Accounts, Journal Entries, General Ledger, Trial Balance, Invoices, Customers, Bills, Vendors, Reports, and Settings.

Step 1 — delete obsolete sports components and the old root page.

Clean slate. Now I'll build the accounting system: shell, sidebar with all modules, topbar, dashboard widgets, and 11 module pages.

Step 2 — write the shell, sidebar, topbar, and shared page header in parallel.

The topbar was modified by an autofix introducing imports that don't exist. I'll rewrite it self-contained — the per-page title now comes from the PageHeader component I just created.

Step 3 — build the dashboard widgets: KPI cards, revenue/expenses chart, expense breakdown pie, and recent transactions table.

Step 4 — write the Dashboard page and all 10 module sub-pages.

Step 5 — write the sales, purchases, reports, and settings module pages.

Let me verify nothing references the deleted sports components or the autofix-injected modules.

There's a parallel components/accounting/ system from an autofix. Let me inspect and clean up.

There's a duplicate app/page.tsx from autofix that will conflict with app/(app)/page.tsx (both resolve to /), plus a stale parallel components/accounting/ system. Let me clean it all up.

The autofix built a parallel single-page tab system. I'll delete the duplicate root page and the entire components/accounting/ plus lib/accounting-data.ts, keeping only my route-based system.

Now let me verify everything is clean — no stale imports, all expected pages present, and the topbar didn't get autofixed again.

Project is clean: no stale references, exactly the files expected, and all 11 module routes present.

I rebuilt the project as a real accounting platform "Ledgerly" for Acme Holdings, LLC: a route-based Next.js App Router system with a route group (app) that wraps every page in the glassmorphic shell (sidebar + topbar + ambient orbs). The sidebar groups eleven navigation entries under Accounting / Sales / Purchases / Insights — Dashboard, Chart of Accounts, Journal Entries, General Ledger, Trial Balance, Invoices, Customers, Bills, Vendors, Reports, Settings — using usePathname for active state. The Dashboard now ships six accounting KPIs (Total Revenue, Total Expenses, Net Profit, Cash Balance, Accounts Receivable, Accounts Payable), a Revenue vs Expenses area chart, an Expense Breakdown donut, and a Recent Transactions ledger table with Date / Account / Description / Debit / Credit / Balance columns; every other page is a fully realized module (interactive Journal Entries form with debit/credit balance check, hierarchical Chart of Accounts, account-filtered General Ledger with running balance, Trial Balance with balanced indicator, Invoice/Bill tables with statuses, Customer/Vendor cards, P&L + Balance Sheet + Cash Flow reports, and a Settings page with company profile / currency / tax rules / user roles). All sports content was deleted and the duplicate single-page autofix system in components/accounting/ plus lib/accounting-data.ts was removed to leave one canonical, route-based implementation.