diff --git a/src/components/app-shell.tsx b/src/components/app-shell.tsx
index f50ca10..e2727ff 100644
--- a/src/components/app-shell.tsx
+++ b/src/components/app-shell.tsx
@@ -23,6 +23,7 @@ import {
   Inbox as InboxIcon,
   CreditCard,
   Archive as ArchiveIcon,
+  BarChart3,
 } from "lucide-react";
 import { cn } from "@/lib/utils";
 import type { ReactNode } from "react";
@@ -55,6 +56,7 @@ const NAV: NavItem[] = (() => {
     { to: "/messages", label: "Messages", icon: MessageSquare },
     { to: "/payments", label: "Payments", icon: CreditCard },
     { to: "/documents", label: "Pleadings", icon: FolderOpen },
+    { to: "/reports", label: "Reports", icon: BarChart3 },
     { to: "/status", label: "Status Updates", icon: Activity },
     { to: "/tasks", label: "Tasks", icon: CheckSquare },
   ].sort((a, b) => a.label.localeCompare(b.label));
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
index e89f5d1..94db69b 100644
--- a/src/routeTree.gen.ts
+++ b/src/routeTree.gen.ts
@@ -16,6 +16,7 @@ import { Route as IndexRouteImport } from './routes/index'
 import { Route as TasksIndexRouteImport } from './routes/tasks.index'
 import { Route as StatusIndexRouteImport } from './routes/status.index'
 import { Route as SettingsIndexRouteImport } from './routes/settings.index'
+import { Route as ReportsIndexRouteImport } from './routes/reports.index'
 import { Route as PaymentsIndexRouteImport } from './routes/payments.index'
 import { Route as MessagesIndexRouteImport } from './routes/messages.index'
 import { Route as InvoicesIndexRouteImport } from './routes/invoices.index'
@@ -91,6 +92,11 @@ const SettingsIndexRoute = SettingsIndexRouteImport.update({
   path: '/',
   getParentRoute: () => SettingsRoute,
 } as any)
+const ReportsIndexRoute = ReportsIndexRouteImport.update({
+  id: '/reports/',
+  path: '/reports/',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const PaymentsIndexRoute = PaymentsIndexRouteImport.update({
   id: '/payments/',
   path: '/payments/',
@@ -327,6 +333,7 @@ export interface FileRoutesByFullPath {
   '/invoices/': typeof InvoicesIndexRoute
   '/messages/': typeof MessagesIndexRoute
   '/payments/': typeof PaymentsIndexRoute
+  '/reports/': typeof ReportsIndexRoute
   '/settings/': typeof SettingsIndexRoute
   '/status/': typeof StatusIndexRoute
   '/tasks/': typeof TasksIndexRoute
@@ -374,6 +381,7 @@ export interface FileRoutesByTo {
   '/invoices': typeof InvoicesIndexRoute
   '/messages': typeof MessagesIndexRoute
   '/payments': typeof PaymentsIndexRoute
+  '/reports': typeof ReportsIndexRoute
   '/settings': typeof SettingsIndexRoute
   '/status': typeof StatusIndexRoute
   '/tasks': typeof TasksIndexRoute
@@ -423,6 +431,7 @@ export interface FileRoutesById {
   '/invoices/': typeof InvoicesIndexRoute
   '/messages/': typeof MessagesIndexRoute
   '/payments/': typeof PaymentsIndexRoute
+  '/reports/': typeof ReportsIndexRoute
   '/settings/': typeof SettingsIndexRoute
   '/status/': typeof StatusIndexRoute
   '/tasks/': typeof TasksIndexRoute
@@ -473,6 +482,7 @@ export interface FileRouteTypes {
     | '/invoices/'
     | '/messages/'
     | '/payments/'
+    | '/reports/'
     | '/settings/'
     | '/status/'
     | '/tasks/'
@@ -520,6 +530,7 @@ export interface FileRouteTypes {
     | '/invoices'
     | '/messages'
     | '/payments'
+    | '/reports'
     | '/settings'
     | '/status'
     | '/tasks'
@@ -568,6 +579,7 @@ export interface FileRouteTypes {
     | '/invoices/'
     | '/messages/'
     | '/payments/'
+    | '/reports/'
     | '/settings/'
     | '/status/'
     | '/tasks/'
@@ -607,6 +619,7 @@ export interface RootRouteChildren {
   InvoicesIndexRoute: typeof InvoicesIndexRoute
   MessagesIndexRoute: typeof MessagesIndexRoute
   PaymentsIndexRoute: typeof PaymentsIndexRoute
+  ReportsIndexRoute: typeof ReportsIndexRoute
   StatusIndexRoute: typeof StatusIndexRoute
   TasksIndexRoute: typeof TasksIndexRoute
   DocumentsPleadingNewRoute: typeof DocumentsPleadingNewRoute
@@ -666,6 +679,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof SettingsIndexRouteImport
       parentRoute: typeof SettingsRoute
     }
+    '/reports/': {
+      id: '/reports/'
+      path: '/reports'
+      fullPath: '/reports/'
+      preLoaderRoute: typeof ReportsIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/payments/': {
       id: '/payments/'
       path: '/payments'
@@ -1015,6 +1035,7 @@ const rootRouteChildren: RootRouteChildren = {
   InvoicesIndexRoute: InvoicesIndexRoute,
   MessagesIndexRoute: MessagesIndexRoute,
   PaymentsIndexRoute: PaymentsIndexRoute,
+  ReportsIndexRoute: ReportsIndexRoute,
   StatusIndexRoute: StatusIndexRoute,
   TasksIndexRoute: TasksIndexRoute,
   DocumentsPleadingNewRoute: DocumentsPleadingNewRoute,