From 0700d54225ccc252db11cb5222160db3559e6f67 Mon Sep 17 00:00:00 2001
From: Leon Serfaty <80597822+silkoserfo@users.noreply.github.com>
Date: Sun, 26 Apr 2026 02:42:42 -0400
Subject: [PATCH] =?UTF-8?q?Initial=20commit=20=E2=80=94=20eLegal=20Softwar?=
 =?UTF-8?q?e=20monorepo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .env.example                                  |   52 +
 .gitignore                                    |   26 +
 .node-version                                 |    1 +
 README.md                                     |  121 +
 app.js                                        |    3 +
 apps/api/package.json                         |   43 +
 apps/api/src/auth/csrf.ts                     |   80 +
 apps/api/src/auth/password.ts                 |   16 +
 apps/api/src/auth/plugin.ts                   |   91 +
 apps/api/src/auth/sessions.ts                 |   77 +
 apps/api/src/auth/superadmin.ts               |   16 +
 apps/api/src/env.ts                           |   39 +
 apps/api/src/lib/audit.ts                     |   19 +
 apps/api/src/lib/email.ts                     |  159 +
 apps/api/src/lib/firm.ts                      |   21 +
 apps/api/src/lib/invoice-numbering.ts         |   20 +
 apps/api/src/lib/invoice-pdf.ts               |  148 +
 apps/api/src/lib/plan-limits.ts               |   72 +
 apps/api/src/lib/sentry.ts                    |   26 +
 apps/api/src/lib/stripe.ts                    |   37 +
 apps/api/src/routes/account.ts                |  137 +
 apps/api/src/routes/admin.ts                  |  398 ++
 apps/api/src/routes/auth.ts                   |  244 +
 apps/api/src/routes/billing.ts                |   77 +
 apps/api/src/routes/cases.ts                  |  177 +
 apps/api/src/routes/clients.ts                |  122 +
 apps/api/src/routes/contact.ts                |   33 +
 apps/api/src/routes/health.ts                 |   17 +
 apps/api/src/routes/invoices.ts               |  562 ++
 apps/api/src/routes/time-entries.ts           |  307 +
 apps/api/src/routes/tool-usage.ts             |   53 +
 apps/api/src/routes/webhooks-stripe.ts        |  130 +
 apps/api/src/server.ts                        |  150 +
 apps/api/tsconfig.json                        |   14 +
 apps/web/index.html                           |   25 +
 apps/web/package.json                         |   39 +
 apps/web/postcss.config.js                    |    6 +
 apps/web/public/favicon.png                   |  Bin 0 -> 10140 bytes
 apps/web/public/favicon.svg                   |    5 +
 apps/web/public/logo-dark.png                 |  Bin 0 -> 7311 bytes
 apps/web/public/logo-light.png                |  Bin 0 -> 7480 bytes
 apps/web/src/App.tsx                          |   90 +
 apps/web/src/components/CookieBanner.tsx      |   82 +
 apps/web/src/components/admin/AdminLayout.tsx |   57 +
 .../web/src/components/admin/AdminSidebar.tsx |   81 +
 apps/web/src/components/app/AppLayout.tsx     |   48 +
 apps/web/src/components/app/BillingCard.tsx   |  204 +
 apps/web/src/components/app/CaseTimeList.tsx  |   84 +
 .../components/app/CreateInvoiceDrawer.tsx    |  360 ++
 .../src/components/app/ManualEntryDrawer.tsx  |  155 +
 apps/web/src/components/app/Sidebar.tsx       |   76 +
 apps/web/src/components/app/TimerWidget.tsx   |  169 +
 apps/web/src/components/app/Topbar.tsx        |   81 +
 apps/web/src/components/auth/AuthLayout.tsx   |   58 +
 apps/web/src/components/auth/Field.tsx        |   41 +
 .../src/components/marketing/BlogTeaser.tsx   |   58 +
 apps/web/src/components/marketing/Contact.tsx |  153 +
 apps/web/src/components/marketing/Faq.tsx     |   82 +
 .../web/src/components/marketing/Features.tsx |   72 +
 .../web/src/components/marketing/FinalCta.tsx |   23 +
 apps/web/src/components/marketing/Footer.tsx  |   68 +
 .../components/marketing/FreeToolsTeaser.tsx  |   89 +
 apps/web/src/components/marketing/Hero.tsx    |  152 +
 .../src/components/marketing/HowItWorks.tsx   |  156 +
 apps/web/src/components/marketing/Logo.tsx    |   15 +
 apps/web/src/components/marketing/Navbar.tsx  |  100 +
 apps/web/src/components/marketing/Pricing.tsx |  122 +
 .../components/marketing/ProblemSolution.tsx  |  102 +
 apps/web/src/components/marketing/Stats.tsx   |   39 +
 .../src/components/marketing/Testimonials.tsx |   99 +
 .../src/components/public/PublicLayout.tsx    |   36 +
 apps/web/src/components/ui/Badge.tsx          |   21 +
 apps/web/src/components/ui/Button.tsx         |   43 +
 apps/web/src/components/ui/Card.tsx           |   51 +
 apps/web/src/components/ui/Drawer.tsx         |   64 +
 apps/web/src/components/ui/Input.tsx          |   77 +
 apps/web/src/content/posts.ts                 |  212 +
 apps/web/src/hooks/useAccount.ts              |   39 +
 apps/web/src/hooks/useAdmin.ts                |  201 +
 apps/web/src/hooks/useAuth.ts                 |   66 +
 apps/web/src/hooks/useBilling.ts              |   28 +
 apps/web/src/hooks/useCases.ts                |  108 +
 apps/web/src/hooks/useClients.ts              |   82 +
 apps/web/src/hooks/useInvoices.ts             |  160 +
 apps/web/src/hooks/useResetPassword.ts        |   14 +
 apps/web/src/hooks/useTime.ts                 |  134 +
 apps/web/src/hooks/useToolUsage.ts            |   42 +
 apps/web/src/lib/api.ts                       |   51 +
 apps/web/src/lib/cn.ts                        |    6 +
 apps/web/src/lib/format.ts                    |   32 +
 apps/web/src/lib/sentry.ts                    |   16 +
 apps/web/src/main.tsx                         |   28 +
 apps/web/src/pages/ForgotPasswordPage.tsx     |   80 +
 apps/web/src/pages/LandingPage.tsx            |   37 +
 apps/web/src/pages/LoginPage.tsx              |  102 +
 apps/web/src/pages/ResetPasswordPage.tsx      |  105 +
 apps/web/src/pages/SignupPage.tsx             |  114 +
 apps/web/src/pages/admin/AdminAuditPage.tsx   |   64 +
 apps/web/src/pages/admin/AdminContactPage.tsx |  115 +
 .../src/pages/admin/AdminDashboardPage.tsx    |  152 +
 .../src/pages/admin/AdminFirmDetailPage.tsx   |  145 +
 apps/web/src/pages/admin/AdminFirmsPage.tsx   |   94 +
 apps/web/src/pages/admin/AdminUsersPage.tsx   |  167 +
 .../web/src/pages/app/AccountSettingsPage.tsx |  196 +
 apps/web/src/pages/app/CaseDetailPage.tsx     |  297 +
 apps/web/src/pages/app/CasesPage.tsx          |  253 +
 apps/web/src/pages/app/ClientDetailPage.tsx   |  199 +
 apps/web/src/pages/app/ClientsPage.tsx        |  162 +
 apps/web/src/pages/app/DashboardPage.tsx      |  157 +
 apps/web/src/pages/app/InvoiceDetailPage.tsx  |  219 +
 apps/web/src/pages/app/InvoicesPage.tsx       |  146 +
 apps/web/src/pages/app/TimePage.tsx           |  196 +
 .../src/pages/billing/BillingCancelPage.tsx   |   33 +
 .../src/pages/billing/BillingSuccessPage.tsx  |   51 +
 apps/web/src/pages/blog/BlogIndexPage.tsx     |   48 +
 apps/web/src/pages/blog/BlogPostPage.tsx      |  119 +
 apps/web/src/pages/legal/CookiesPage.tsx      |   86 +
 apps/web/src/pages/legal/LegalLayout.tsx      |   78 +
 apps/web/src/pages/legal/PrivacyPage.tsx      |  139 +
 apps/web/src/pages/legal/TermsPage.tsx        |  134 +
 .../pages/tools/BillableHoursTrackerPage.tsx  |  288 +
 .../src/pages/tools/CaseProfitabilityPage.tsx |  100 +
 .../src/pages/tools/DocumentTemplatesPage.tsx |  366 ++
 .../pages/tools/HourlyRateCalculatorPage.tsx  |  152 +
 apps/web/src/pages/tools/ToolsIndexPage.tsx   |   84 +
 apps/web/src/styles/globals.css               |   51 +
 apps/web/tailwind.config.ts                   |   68 +
 apps/web/tsconfig.app.json                    |   16 +
 apps/web/tsconfig.json                        |    7 +
 apps/web/tsconfig.node.json                   |   11 +
 apps/web/vite.config.ts                       |   34 +
 package.json                                  |   25 +
 packages/db/drizzle.config.ts                 |   18 +
 packages/db/migrations/0000_clear_wallop.sql  |  309 +
 .../migrations/0001_orange_jamie_braddock.sql |    4 +
 .../db/migrations/meta/0000_snapshot.json     | 1663 +++++
 .../db/migrations/meta/0001_snapshot.json     | 1689 +++++
 packages/db/migrations/meta/_journal.json     |   20 +
 packages/db/package.json                      |   30 +
 packages/db/src/index.ts                      |   56 +
 packages/db/src/migrate.ts                    |   21 +
 packages/db/src/schema/auth.ts                |  103 +
 packages/db/src/schema/cases.ts               |   33 +
 packages/db/src/schema/clients.ts             |   22 +
 packages/db/src/schema/documents.ts           |   27 +
 packages/db/src/schema/firms.ts               |   16 +
 packages/db/src/schema/index.ts               |    8 +
 packages/db/src/schema/invoices.ts            |   53 +
 packages/db/src/schema/misc.ts                |   25 +
 packages/db/src/schema/time.ts                |   35 +
 packages/db/tsconfig.json                     |   10 +
 pinterestmarketingsystem (1).png              |  Bin 0 -> 7480 bytes
 pinterestmarketingsystem.png                  |  Bin 0 -> 7311 bytes
 pnpm-lock.yaml                                | 5664 +++++++++++++++++
 pnpm-workspace.yaml                           |    3 +
 ramework Monster (512 x 512 px).png           |  Bin 0 -> 10140 bytes
 scripts/plesk-deploy.sh                       |   20 +
 server.js                                     |   45 +
 tmp/.gitkeep                                  |    0
 tsconfig.base.json                            |   17 +
 160 files changed, 22771 insertions(+)
 create mode 100644 .env.example
 create mode 100644 .gitignore
 create mode 100644 .node-version
 create mode 100644 README.md
 create mode 100644 app.js
 create mode 100644 apps/api/package.json
 create mode 100644 apps/api/src/auth/csrf.ts
 create mode 100644 apps/api/src/auth/password.ts
 create mode 100644 apps/api/src/auth/plugin.ts
 create mode 100644 apps/api/src/auth/sessions.ts
 create mode 100644 apps/api/src/auth/superadmin.ts
 create mode 100644 apps/api/src/env.ts
 create mode 100644 apps/api/src/lib/audit.ts
 create mode 100644 apps/api/src/lib/email.ts
 create mode 100644 apps/api/src/lib/firm.ts
 create mode 100644 apps/api/src/lib/invoice-numbering.ts
 create mode 100644 apps/api/src/lib/invoice-pdf.ts
 create mode 100644 apps/api/src/lib/plan-limits.ts
 create mode 100644 apps/api/src/lib/sentry.ts
 create mode 100644 apps/api/src/lib/stripe.ts
 create mode 100644 apps/api/src/routes/account.ts
 create mode 100644 apps/api/src/routes/admin.ts
 create mode 100644 apps/api/src/routes/auth.ts
 create mode 100644 apps/api/src/routes/billing.ts
 create mode 100644 apps/api/src/routes/cases.ts
 create mode 100644 apps/api/src/routes/clients.ts
 create mode 100644 apps/api/src/routes/contact.ts
 create mode 100644 apps/api/src/routes/health.ts
 create mode 100644 apps/api/src/routes/invoices.ts
 create mode 100644 apps/api/src/routes/time-entries.ts
 create mode 100644 apps/api/src/routes/tool-usage.ts
 create mode 100644 apps/api/src/routes/webhooks-stripe.ts
 create mode 100644 apps/api/src/server.ts
 create mode 100644 apps/api/tsconfig.json
 create mode 100644 apps/web/index.html
 create mode 100644 apps/web/package.json
 create mode 100644 apps/web/postcss.config.js
 create mode 100644 apps/web/public/favicon.png
 create mode 100644 apps/web/public/favicon.svg
 create mode 100644 apps/web/public/logo-dark.png
 create mode 100644 apps/web/public/logo-light.png
 create mode 100644 apps/web/src/App.tsx
 create mode 100644 apps/web/src/components/CookieBanner.tsx
 create mode 100644 apps/web/src/components/admin/AdminLayout.tsx
 create mode 100644 apps/web/src/components/admin/AdminSidebar.tsx
 create mode 100644 apps/web/src/components/app/AppLayout.tsx
 create mode 100644 apps/web/src/components/app/BillingCard.tsx
 create mode 100644 apps/web/src/components/app/CaseTimeList.tsx
 create mode 100644 apps/web/src/components/app/CreateInvoiceDrawer.tsx
 create mode 100644 apps/web/src/components/app/ManualEntryDrawer.tsx
 create mode 100644 apps/web/src/components/app/Sidebar.tsx
 create mode 100644 apps/web/src/components/app/TimerWidget.tsx
 create mode 100644 apps/web/src/components/app/Topbar.tsx
 create mode 100644 apps/web/src/components/auth/AuthLayout.tsx
 create mode 100644 apps/web/src/components/auth/Field.tsx
 create mode 100644 apps/web/src/components/marketing/BlogTeaser.tsx
 create mode 100644 apps/web/src/components/marketing/Contact.tsx
 create mode 100644 apps/web/src/components/marketing/Faq.tsx
 create mode 100644 apps/web/src/components/marketing/Features.tsx
 create mode 100644 apps/web/src/components/marketing/FinalCta.tsx
 create mode 100644 apps/web/src/components/marketing/Footer.tsx
 create mode 100644 apps/web/src/components/marketing/FreeToolsTeaser.tsx
 create mode 100644 apps/web/src/components/marketing/Hero.tsx
 create mode 100644 apps/web/src/components/marketing/HowItWorks.tsx
 create mode 100644 apps/web/src/components/marketing/Logo.tsx
 create mode 100644 apps/web/src/components/marketing/Navbar.tsx
 create mode 100644 apps/web/src/components/marketing/Pricing.tsx
 create mode 100644 apps/web/src/components/marketing/ProblemSolution.tsx
 create mode 100644 apps/web/src/components/marketing/Stats.tsx
 create mode 100644 apps/web/src/components/marketing/Testimonials.tsx
 create mode 100644 apps/web/src/components/public/PublicLayout.tsx
 create mode 100644 apps/web/src/components/ui/Badge.tsx
 create mode 100644 apps/web/src/components/ui/Button.tsx
 create mode 100644 apps/web/src/components/ui/Card.tsx
 create mode 100644 apps/web/src/components/ui/Drawer.tsx
 create mode 100644 apps/web/src/components/ui/Input.tsx
 create mode 100644 apps/web/src/content/posts.ts
 create mode 100644 apps/web/src/hooks/useAccount.ts
 create mode 100644 apps/web/src/hooks/useAdmin.ts
 create mode 100644 apps/web/src/hooks/useAuth.ts
 create mode 100644 apps/web/src/hooks/useBilling.ts
 create mode 100644 apps/web/src/hooks/useCases.ts
 create mode 100644 apps/web/src/hooks/useClients.ts
 create mode 100644 apps/web/src/hooks/useInvoices.ts
 create mode 100644 apps/web/src/hooks/useResetPassword.ts
 create mode 100644 apps/web/src/hooks/useTime.ts
 create mode 100644 apps/web/src/hooks/useToolUsage.ts
 create mode 100644 apps/web/src/lib/api.ts
 create mode 100644 apps/web/src/lib/cn.ts
 create mode 100644 apps/web/src/lib/format.ts
 create mode 100644 apps/web/src/lib/sentry.ts
 create mode 100644 apps/web/src/main.tsx
 create mode 100644 apps/web/src/pages/ForgotPasswordPage.tsx
 create mode 100644 apps/web/src/pages/LandingPage.tsx
 create mode 100644 apps/web/src/pages/LoginPage.tsx
 create mode 100644 apps/web/src/pages/ResetPasswordPage.tsx
 create mode 100644 apps/web/src/pages/SignupPage.tsx
 create mode 100644 apps/web/src/pages/admin/AdminAuditPage.tsx
 create mode 100644 apps/web/src/pages/admin/AdminContactPage.tsx
 create mode 100644 apps/web/src/pages/admin/AdminDashboardPage.tsx
 create mode 100644 apps/web/src/pages/admin/AdminFirmDetailPage.tsx
 create mode 100644 apps/web/src/pages/admin/AdminFirmsPage.tsx
 create mode 100644 apps/web/src/pages/admin/AdminUsersPage.tsx
 create mode 100644 apps/web/src/pages/app/AccountSettingsPage.tsx
 create mode 100644 apps/web/src/pages/app/CaseDetailPage.tsx
 create mode 100644 apps/web/src/pages/app/CasesPage.tsx
 create mode 100644 apps/web/src/pages/app/ClientDetailPage.tsx
 create mode 100644 apps/web/src/pages/app/ClientsPage.tsx
 create mode 100644 apps/web/src/pages/app/DashboardPage.tsx
 create mode 100644 apps/web/src/pages/app/InvoiceDetailPage.tsx
 create mode 100644 apps/web/src/pages/app/InvoicesPage.tsx
 create mode 100644 apps/web/src/pages/app/TimePage.tsx
 create mode 100644 apps/web/src/pages/billing/BillingCancelPage.tsx
 create mode 100644 apps/web/src/pages/billing/BillingSuccessPage.tsx
 create mode 100644 apps/web/src/pages/blog/BlogIndexPage.tsx
 create mode 100644 apps/web/src/pages/blog/BlogPostPage.tsx
 create mode 100644 apps/web/src/pages/legal/CookiesPage.tsx
 create mode 100644 apps/web/src/pages/legal/LegalLayout.tsx
 create mode 100644 apps/web/src/pages/legal/PrivacyPage.tsx
 create mode 100644 apps/web/src/pages/legal/TermsPage.tsx
 create mode 100644 apps/web/src/pages/tools/BillableHoursTrackerPage.tsx
 create mode 100644 apps/web/src/pages/tools/CaseProfitabilityPage.tsx
 create mode 100644 apps/web/src/pages/tools/DocumentTemplatesPage.tsx
 create mode 100644 apps/web/src/pages/tools/HourlyRateCalculatorPage.tsx
 create mode 100644 apps/web/src/pages/tools/ToolsIndexPage.tsx
 create mode 100644 apps/web/src/styles/globals.css
 create mode 100644 apps/web/tailwind.config.ts
 create mode 100644 apps/web/tsconfig.app.json
 create mode 100644 apps/web/tsconfig.json
 create mode 100644 apps/web/tsconfig.node.json
 create mode 100644 apps/web/vite.config.ts
 create mode 100644 package.json
 create mode 100644 packages/db/drizzle.config.ts
 create mode 100644 packages/db/migrations/0000_clear_wallop.sql
 create mode 100644 packages/db/migrations/0001_orange_jamie_braddock.sql
 create mode 100644 packages/db/migrations/meta/0000_snapshot.json
 create mode 100644 packages/db/migrations/meta/0001_snapshot.json
 create mode 100644 packages/db/migrations/meta/_journal.json
 create mode 100644 packages/db/package.json
 create mode 100644 packages/db/src/index.ts
 create mode 100644 packages/db/src/migrate.ts
 create mode 100644 packages/db/src/schema/auth.ts
 create mode 100644 packages/db/src/schema/cases.ts
 create mode 100644 packages/db/src/schema/clients.ts
 create mode 100644 packages/db/src/schema/documents.ts
 create mode 100644 packages/db/src/schema/firms.ts
 create mode 100644 packages/db/src/schema/index.ts
 create mode 100644 packages/db/src/schema/invoices.ts
 create mode 100644 packages/db/src/schema/misc.ts
 create mode 100644 packages/db/src/schema/time.ts
 create mode 100644 packages/db/tsconfig.json
 create mode 100644 pinterestmarketingsystem (1).png
 create mode 100644 pinterestmarketingsystem.png
 create mode 100644 pnpm-lock.yaml
 create mode 100644 pnpm-workspace.yaml
 create mode 100644 ramework Monster (512 x 512 px).png
 create mode 100644 scripts/plesk-deploy.sh
 create mode 100644 server.js
 create mode 100644 tmp/.gitkeep
 create mode 100644 tsconfig.base.json

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..c4ae7b1
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,52 @@
+# ─────────────────────────────────────────────
+# Server
+# ─────────────────────────────────────────────
+NODE_ENV=development
+PORT=8080
+PUBLIC_URL=http://localhost:8080
+COOKIE_DOMAIN=
+
+# 32+ random bytes, hex. Generate: node -e "console.log(require('crypto').randomBytes(32).toString('hex'))"
+SESSION_SECRET=replace-me-with-32-byte-hex
+CSRF_SECRET=replace-me-with-32-byte-hex
+
+# Comma-separated emails. Any user with one of these emails is auto-promoted to superadmin
+# on login/signup and gains access to /admin.
+SUPERADMIN_EMAILS=
+
+# ─────────────────────────────────────────────
+# DigitalOcean Managed Postgres
+# ─────────────────────────────────────────────
+# Format: postgresql://user:pass@host:25060/dbname?sslmode=require
+DATABASE_URL=postgresql://doadmin:password@db-postgresql-nyc1-xxxxx.b.db.ondigitalocean.com:25060/defaultdb?sslmode=require
+DATABASE_CA_CERT_PATH=./certs/do-ca.crt
+
+# ─────────────────────────────────────────────
+# DigitalOcean Spaces (S3-compatible)
+# ─────────────────────────────────────────────
+SPACES_ENDPOINT=https://nyc3.digitaloceanspaces.com
+SPACES_REGION=nyc3
+SPACES_BUCKET=lawdesk-uploads
+SPACES_ACCESS_KEY=
+SPACES_SECRET_KEY=
+
+# ─────────────────────────────────────────────
+# Email (Resend)
+# ─────────────────────────────────────────────
+RESEND_API_KEY=
+EMAIL_FROM="eLegal Software <noreply@yourdomain.com>"
+
+# ─────────────────────────────────────────────
+# Stripe
+# ─────────────────────────────────────────────
+STRIPE_SECRET_KEY=
+STRIPE_WEBHOOK_SECRET=
+STRIPE_PRICE_PRO=
+STRIPE_PRICE_LIFETIME=
+
+# ─────────────────────────────────────────────
+# Sentry (optional — leave blank to disable error reporting)
+# ─────────────────────────────────────────────
+SENTRY_DSN_API=
+# Web DSN must be exposed to the browser bundle, so prefix with VITE_
+VITE_SENTRY_DSN=
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..c5bc5c3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,26 @@
+node_modules
+dist
+build
+.next
+.turbo
+.cache
+coverage
+
+.env
+.env.local
+.env.*.local
+!.env.example
+
+*.log
+npm-debug.log*
+pnpm-debug.log*
+
+.DS_Store
+Thumbs.db
+
+.vscode
+.idea
+
+tmp/restart.txt
+logs/
+uploads/
diff --git a/.node-version b/.node-version
new file mode 100644
index 0000000..209e3ef
--- /dev/null
+++ b/.node-version
@@ -0,0 +1 @@
+20
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e7c890e
--- /dev/null
+++ b/README.md
@@ -0,0 +1,121 @@
+# eLegal Software
+
+All-in-one practice management for law firms. Single Node app that serves both the React SPA and the API on one port — designed to run behind Plesk's Node.js extension on a single domain.
+
+## Stack
+
+- **Frontend** — Vite + React 18 + TypeScript + Tailwind + Framer Motion + Recharts + lucide-react
+- **API** — Fastify 5 + TypeScript + Zod
+- **DB** — Drizzle ORM → DigitalOcean Managed Postgres (TLS)
+- **Auth** — local: argon2id passwords + Postgres-backed sessions in httpOnly cookies (no third-party auth provider)
+- **Storage** — DigitalOcean Spaces (S3-compatible, presigned uploads)
+- **Email** — Resend
+- **Payments** — Stripe
+- **Hosting** — Plesk + Phusion Passenger (Node 20 LTS)
+
+## Repository layout
+
+```
+.
+├── apps/
+│   ├── api/           # Fastify server (also serves built web/dist in prod)
+│   └── web/           # Vite + React SPA
+├── packages/
+│   └── db/            # Drizzle schema + migrations (shared)
+├── certs/             # DO Postgres CA cert (do-ca.crt) — not in git
+├── scripts/
+│   └── plesk-deploy.sh
+├── tmp/restart.txt    # touched by deploy script to bounce Passenger
+└── app.js             # Plesk entrypoint (loads apps/api/dist/server.js)
+```
+
+## Local development
+
+Prerequisites: Node 20+, pnpm 9+, a Postgres database (managed DO instance, or local).
+
+```bash
+cp .env.example .env
+# fill in DATABASE_URL, SESSION_SECRET, CSRF_SECRET (generate with `node -e "console.log(require('crypto').randomBytes(32).toString('hex'))"`)
+
+pnpm install
+pnpm db:generate          # generate SQL migrations from schema
+pnpm db:migrate           # apply to the DB
+
+pnpm dev                  # starts api on :8080 and web on :5173 (proxies /api → :8080)
+```
+
+Visit http://localhost:5173.
+
+## Production build
+
+```bash
+pnpm build                # builds packages/db → apps/web → apps/api
+pnpm start                # runs node app.js → apps/api/dist/server.js
+```
+
+The API serves `apps/web/dist` at `/` with SPA fallback and routes `/api/*` to Fastify handlers.
+
+## Plesk deployment (single domain)
+
+1. **Create the domain** in Plesk and enable **Let's Encrypt** TLS.
+2. **Install Node.js extension** (Plesk → Extensions → "Node.js"). Set Node version to **20.x** in the domain's Node.js settings.
+3. **Pull the repo** into the domain's document root via Plesk → Git, or `git clone` over SSH into `/var/www/vhosts/yourdomain.com/httpdocs`.
+4. **Node.js settings** in the Plesk panel for that domain:
+   - **Application root** → the repo root
+   - **Document root** → leave as default; nginx will proxy to Passenger
+   - **Application startup file** → `app.js`
+   - **Custom environment variables** → set every entry from `.env.example` (Passenger does **not** read `.env` files)
+5. **Add DigitalOcean's Postgres CA** to `certs/do-ca.crt` (download from the DO Postgres dashboard) and set `DATABASE_CA_CERT_PATH=./certs/do-ca.crt`.
+6. **Run the deploy script** over SSH:
+   ```bash
+   bash scripts/plesk-deploy.sh
+   ```
+   This installs deps, builds, runs migrations, then `touch tmp/restart.txt` to bounce Passenger.
+7. **Stripe webhook** — add `https://yourdomain.com/api/stripe/webhook` in the Stripe dashboard. In Plesk → Apache & nginx → "Additional nginx directives" add:
+   ```nginx
+   location /api/stripe/webhook {
+       proxy_request_buffering off;
+   }
+   ```
+8. **Auto-deploy on push** (optional) — in Plesk → Git, enable "Enable additional deploy actions" and set the script to `bash scripts/plesk-deploy.sh`.
+
+## Environment variables
+
+See `.env.example` for the full list. Highlights:
+
+| Var | Purpose |
+|---|---|
+| `DATABASE_URL` | DO Managed Postgres connection string (`?sslmode=require`) |
+| `DATABASE_CA_CERT_PATH` | Path to DO CA cert (recommended for `rejectUnauthorized: true`) |
+| `SESSION_SECRET` | 32+ byte hex used to sign cookies and as Fastify cookie secret |
+| `CSRF_SECRET` | 32+ byte hex for CSRF token derivation |
+| `SPACES_*` | DigitalOcean Spaces credentials + bucket |
+| `RESEND_API_KEY` | Transactional email |
+| `STRIPE_*` | Billing |
+| `PORT` | Port for Fastify (Plesk usually injects this; falls back to 8080) |
+| `COOKIE_DOMAIN` | Set to your apex domain in production (e.g. `lawdesk.com`); leave blank in dev |
+
+## Database commands
+
+```bash
+pnpm db:generate    # create a new migration from schema changes
+pnpm db:migrate     # apply pending migrations
+pnpm --filter @lawdesk/db studio   # open Drizzle Studio
+```
+
+## Auth model
+
+- Passwords hashed with **argon2id** (64MB memory cost).
+- Cookie holds a 32-byte random token; the DB stores its **SHA-256 hash** (so a DB read can't impersonate users).
+- Sessions are 30-day sliding (touched on every request).
+- Login rate limited: 5 failed attempts per email per 15 minutes.
+- All `/api/*` requests automatically attach `req.user` if a valid session cookie is present. Use `app.requireAuth` / `app.requireFirm` as preHandler guards on protected routes.
+
+## What's next
+
+- Wire DO Spaces upload routes for documents
+- Build the `/app` dashboard (cases, time tracking, invoices)
+- Free public tools (`/tools/*`)
+- Stripe checkout + webhook
+- Email templates via Resend
+- pg-boss background jobs
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..8e4c4f8
--- /dev/null
+++ b/app.js
@@ -0,0 +1,3 @@
+// app.js — kept for Plesk configs that still point to app.js.
+// The canonical entrypoint is server.js — this just forwards to it.
+await import('./server.js');
diff --git a/apps/api/package.json b/apps/api/package.json
new file mode 100644
index 0000000..1bb2736
--- /dev/null
+++ b/apps/api/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "@lawdesk/api",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "main": "./src/server.ts",
+  "scripts": {
+    "dev": "tsx watch src/server.ts",
+    "build": "tsc -p tsconfig.json --noEmit",
+    "start": "tsx src/server.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "dependencies": {
+    "@fastify/cookie": "^11.0.1",
+    "@fastify/cors": "^10.0.1",
+    "@fastify/helmet": "^12.0.1",
+    "@fastify/multipart": "^9.0.1",
+    "@fastify/rate-limit": "^10.2.1",
+    "@fastify/static": "^8.0.3",
+    "@lawdesk/db": "workspace:*",
+    "@sentry/node": "^8.45.0",
+    "argon2": "^0.41.1",
+    "dotenv": "^16.4.5",
+    "drizzle-orm": "^0.36.4",
+    "fastify": "^5.1.0",
+    "fastify-plugin": "^5.0.1",
+    "fastify-type-provider-zod": "^4.0.2",
+    "pg": "^8.13.1",
+    "pdfkit": "^0.15.0",
+    "pino": "^9.5.0",
+    "resend": "^4.0.1",
+    "stripe": "^17.4.0",
+    "tsx": "^4.19.2",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@types/node": "^22.9.1",
+    "@types/pdfkit": "^0.13.5",
+    "@types/pg": "^8.11.10",
+    "pino-pretty": "^11.3.0",
+    "typescript": "^5.6.3"
+  }
+}
diff --git a/apps/api/src/auth/csrf.ts b/apps/api/src/auth/csrf.ts
new file mode 100644
index 0000000..dffe921
--- /dev/null
+++ b/apps/api/src/auth/csrf.ts
@@ -0,0 +1,80 @@
+import crypto from 'node:crypto';
+import type { FastifyInstance, FastifyReply, FastifyRequest } from 'fastify';
+import fp from 'fastify-plugin';
+import { isProd, env } from '../env';
+import { SESSION_COOKIE } from './sessions';
+
+export const CSRF_COOKIE = 'csrf';
+export const CSRF_HEADER = 'x-csrf-token';
+const TOKEN_BYTES = 32;
+
+const SAFE_METHODS = new Set(['GET', 'HEAD', 'OPTIONS']);
+
+// Routes that legitimately bypass CSRF — they receive their own auth (signature check)
+// or have no session yet, so a CSRF attack against them is meaningless.
+const CSRF_EXEMPT_PREFIXES = ['/api/auth/', '/api/contact', '/api/webhooks/', '/api/tool-usage'];
+
+export function generateCsrfToken(): string {
+  return crypto.randomBytes(TOKEN_BYTES).toString('base64url');
+}
+
+function constantTimeEqual(a: string, b: string): boolean {
+  const ab = Buffer.from(a);
+  const bb = Buffer.from(b);
+  if (ab.length !== bb.length) return false;
+  return crypto.timingSafeEqual(ab, bb);
+}
+
+declare module 'fastify' {
+  interface FastifyInstance {
+    setCsrfCookie: (reply: FastifyReply, token: string) => void;
+    clearCsrfCookie: (reply: FastifyReply) => void;
+  }
+}
+
+async function plugin(app: FastifyInstance) {
+  app.decorate('setCsrfCookie', (reply: FastifyReply, token: string) => {
+    reply.setCookie(CSRF_COOKIE, token, {
+      path: '/',
+      httpOnly: false, // intentional — JS reads this and echoes it as a header
+      secure: isProd,
+      sameSite: 'lax',
+      domain: env.COOKIE_DOMAIN || undefined,
+    });
+  });
+
+  app.decorate('clearCsrfCookie', (reply: FastifyReply) => {
+    reply.clearCookie(CSRF_COOKIE, {
+      path: '/',
+      secure: isProd,
+      sameSite: 'lax',
+      domain: env.COOKIE_DOMAIN || undefined,
+    });
+  });
+
+  // Auto-mint a CSRF token whenever an authenticated session exists but no CSRF cookie is set.
+  // This makes the protection self-bootstrapping after sessions created before CSRF was enabled.
+  app.addHook('onRequest', async (req, reply) => {
+    if (!req.cookies?.[SESSION_COOKIE]) return;
+    if (req.cookies?.[CSRF_COOKIE]) return;
+    const token = generateCsrfToken();
+    app.setCsrfCookie(reply, token);
+    req.cookies = { ...req.cookies, [CSRF_COOKIE]: token };
+  });
+
+  // Verify CSRF on every state-changing request that has a session cookie.
+  app.addHook('preHandler', async (req: FastifyRequest, reply: FastifyReply) => {
+    if (SAFE_METHODS.has(req.method)) return;
+    if (!req.cookies?.[SESSION_COOKIE]) return; // unauthenticated → nothing to protect
+    const url = req.routeOptions.url || req.url;
+    if (CSRF_EXEMPT_PREFIXES.some((p) => url.startsWith(p))) return;
+
+    const cookie = req.cookies?.[CSRF_COOKIE];
+    const header = (req.headers[CSRF_HEADER] as string | undefined) ?? '';
+    if (!cookie || !header || !constantTimeEqual(cookie, header)) {
+      return reply.code(403).send({ error: 'csrf_failed' });
+    }
+  });
+}
+
+export const csrfPlugin = fp(plugin, { name: 'csrf', dependencies: ['auth'] });
diff --git a/apps/api/src/auth/password.ts b/apps/api/src/auth/password.ts
new file mode 100644
index 0000000..ba3d3f7
--- /dev/null
+++ b/apps/api/src/auth/password.ts
@@ -0,0 +1,16 @@
+import argon2 from 'argon2';
+
+const ARGON2_OPTIONS: argon2.Options = {
+  type: argon2.argon2id,
+  memoryCost: 64 * 1024,
+  timeCost: 3,
+  parallelism: 1,
+};
+
+export function hashPassword(password: string): Promise<string> {
+  return argon2.hash(password, ARGON2_OPTIONS);
+}
+
+export function verifyPassword(hash: string, password: string): Promise<boolean> {
+  return argon2.verify(hash, password);
+}
diff --git a/apps/api/src/auth/plugin.ts b/apps/api/src/auth/plugin.ts
new file mode 100644
index 0000000..2c7c1c3
--- /dev/null
+++ b/apps/api/src/auth/plugin.ts
@@ -0,0 +1,91 @@
+import type { FastifyInstance, FastifyReply, FastifyRequest } from 'fastify';
+import fp from 'fastify-plugin';
+import { SESSION_COOKIE, loadSession } from './sessions';
+import { isProd, env } from '../env';
+import { ensureSuperadminFlag } from './superadmin';
+
+declare module 'fastify' {
+  interface FastifyRequest {
+    user?: {
+      id: string;
+      email: string;
+      firmId: string | null;
+      role: string;
+      isSuperadmin: boolean;
+      isSuspended: boolean;
+    };
+  }
+  interface FastifyInstance {
+    requireAuth: (req: FastifyRequest, reply: FastifyReply) => Promise<void>;
+    requireFirm: (req: FastifyRequest, reply: FastifyReply) => Promise<void>;
+    requireSuperadmin: (req: FastifyRequest, reply: FastifyReply) => Promise<void>;
+    setSessionCookie: (reply: FastifyReply, token: string, expiresAt: Date) => void;
+    clearSessionCookie: (reply: FastifyReply) => void;
+  }
+}
+
+async function plugin(app: FastifyInstance) {
+  app.addHook('onRequest', async (req) => {
+    const token = req.cookies?.[SESSION_COOKIE];
+    if (!token) return;
+
+    const session = await loadSession(token);
+    if (!session) return;
+
+    // Auto-promote/demote based on SUPERADMIN_EMAILS env var, every request — cheap and self-healing.
+    const isSuperadmin = await ensureSuperadminFlag(
+      session.user.id,
+      session.user.email,
+      session.user.isSuperadmin,
+    );
+
+    req.user = {
+      id: session.user.id,
+      email: session.user.email,
+      firmId: session.user.firmId,
+      role: session.user.role,
+      isSuperadmin,
+      isSuspended: session.user.isSuspended,
+    };
+  });
+
+  app.decorate('requireAuth', async (req: FastifyRequest, reply: FastifyReply) => {
+    if (!req.user) return reply.code(401).send({ error: 'unauthorized' });
+    if (req.user.isSuspended) return reply.code(403).send({ error: 'account_suspended' });
+  });
+
+  app.decorate('requireFirm', async (req: FastifyRequest, reply: FastifyReply) => {
+    if (!req.user) return reply.code(401).send({ error: 'unauthorized' });
+    if (req.user.isSuspended) return reply.code(403).send({ error: 'account_suspended' });
+    if (!req.user.firmId) return reply.code(403).send({ error: 'no_firm' });
+  });
+
+  app.decorate('requireSuperadmin', async (req: FastifyRequest, reply: FastifyReply) => {
+    if (!req.user) return reply.code(401).send({ error: 'unauthorized' });
+    if (!req.user.isSuperadmin) return reply.code(403).send({ error: 'forbidden' });
+  });
+
+  app.decorate('setSessionCookie', (reply: FastifyReply, token: string, expiresAt: Date) => {
+    reply.setCookie(SESSION_COOKIE, token, {
+      path: '/',
+      httpOnly: true,
+      secure: isProd,
+      sameSite: 'lax',
+      domain: env.COOKIE_DOMAIN || undefined,
+      expires: expiresAt,
+      signed: false,
+    });
+  });
+
+  app.decorate('clearSessionCookie', (reply: FastifyReply) => {
+    reply.clearCookie(SESSION_COOKIE, {
+      path: '/',
+      httpOnly: true,
+      secure: isProd,
+      sameSite: 'lax',
+      domain: env.COOKIE_DOMAIN || undefined,
+    });
+  });
+}
+
+export const authPlugin = fp(plugin, { name: 'auth' });
diff --git a/apps/api/src/auth/sessions.ts b/apps/api/src/auth/sessions.ts
new file mode 100644
index 0000000..287e260
--- /dev/null
+++ b/apps/api/src/auth/sessions.ts
@@ -0,0 +1,77 @@
+import crypto from 'node:crypto';
+import { eq, lt } from 'drizzle-orm';
+import { getDb, sessions, users } from '@lawdesk/db';
+
+const SESSION_BYTES = 32;
+const SESSION_TTL_DAYS = 30;
+
+export const SESSION_COOKIE = 'sid';
+
+export function generateSessionToken(): string {
+  return crypto.randomBytes(SESSION_BYTES).toString('base64url');
+}
+
+export function hashSessionToken(token: string): string {
+  return crypto.createHash('sha256').update(token).digest('hex');
+}
+
+export interface CreateSessionOpts {
+  userId: string;
+  ip?: string | null;
+  userAgent?: string | null;
+}
+
+export async function createSession(opts: CreateSessionOpts): Promise<{ token: string; expiresAt: Date }> {
+  const token = generateSessionToken();
+  const id = hashSessionToken(token);
+  const expiresAt = new Date(Date.now() + SESSION_TTL_DAYS * 24 * 60 * 60 * 1000);
+
+  await getDb().insert(sessions).values({
+    id,
+    userId: opts.userId,
+    expiresAt,
+    ip: opts.ip ?? null,
+    userAgent: opts.userAgent ?? null,
+  });
+
+  return { token, expiresAt };
+}
+
+export async function loadSession(token: string) {
+  const id = hashSessionToken(token);
+  const db = getDb();
+
+  const rows = await db
+    .select({
+      session: sessions,
+      user: users,
+    })
+    .from(sessions)
+    .innerJoin(users, eq(sessions.userId, users.id))
+    .where(eq(sessions.id, id))
+    .limit(1);
+
+  const row = rows[0];
+  if (!row) return null;
+  if (row.session.expiresAt.getTime() <= Date.now()) {
+    await db.delete(sessions).where(eq(sessions.id, id));
+    return null;
+  }
+
+  // Touch last_seen_at (best-effort, fire and forget)
+  db.update(sessions)
+    .set({ lastSeenAt: new Date() })
+    .where(eq(sessions.id, id))
+    .catch(() => {});
+
+  return row;
+}
+
+export async function destroySession(token: string): Promise<void> {
+  const id = hashSessionToken(token);
+  await getDb().delete(sessions).where(eq(sessions.id, id));
+}
+
+export async function purgeExpiredSessions(): Promise<void> {
+  await getDb().delete(sessions).where(lt(sessions.expiresAt, new Date()));
+}
diff --git a/apps/api/src/auth/superadmin.ts b/apps/api/src/auth/superadmin.ts
new file mode 100644
index 0000000..f6ae4c7
--- /dev/null
+++ b/apps/api/src/auth/superadmin.ts
@@ -0,0 +1,16 @@
+import { eq } from 'drizzle-orm';
+import { getDb, users } from '@lawdesk/db';
+import { env } from '../env';
+
+export function isSuperadminEmail(email: string): boolean {
+  return env.superadminEmails.includes(email.toLowerCase());
+}
+
+// Promote any user whose email is on the SUPERADMIN_EMAILS list. Idempotent.
+// Called on signup/login so the assignment happens automatically as soon as the user shows up.
+export async function ensureSuperadminFlag(userId: string, email: string, currentFlag: boolean) {
+  const shouldBe = isSuperadminEmail(email);
+  if (shouldBe === currentFlag) return shouldBe;
+  await getDb().update(users).set({ isSuperadmin: shouldBe, updatedAt: new Date() }).where(eq(users.id, userId));
+  return shouldBe;
+}
diff --git a/apps/api/src/env.ts b/apps/api/src/env.ts
new file mode 100644
index 0000000..cdcc618
--- /dev/null
+++ b/apps/api/src/env.ts
@@ -0,0 +1,39 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import dotenv from 'dotenv';
+import { z } from 'zod';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+// Load .env from the monorepo root regardless of cwd
+dotenv.config({ path: path.resolve(__dirname, '../../../.env') });
+
+const envSchema = z.object({
+  NODE_ENV: z.enum(['development', 'production', 'test']).default('development'),
+  PORT: z.coerce.number().int().positive().default(8080),
+  PUBLIC_URL: z.string().url().default('http://localhost:8080'),
+  COOKIE_DOMAIN: z.string().optional(),
+  SESSION_SECRET: z.string().min(32),
+  CSRF_SECRET: z.string().min(32),
+  DATABASE_URL: z.string().min(1),
+  DATABASE_CA_CERT_PATH: z.string().optional(),
+  WEB_DIST_PATH: z.string().optional(),
+  SUPERADMIN_EMAILS: z.string().optional().default(''),
+  SENTRY_DSN_API: z.string().optional().default(''),
+  RESEND_API_KEY: z.string().optional().default(''),
+  EMAIL_FROM: z.string().optional().default('eLegal Software <noreply@elegalsoftware.com>'),
+  STRIPE_SECRET_KEY: z.string().optional().default(''),
+  STRIPE_WEBHOOK_SECRET: z.string().optional().default(''),
+  STRIPE_PRICE_PRO: z.string().optional().default(''),
+  STRIPE_PRICE_LIFETIME: z.string().optional().default(''),
+});
+
+const parsed = envSchema.parse(process.env);
+
+export const env = {
+  ...parsed,
+  superadminEmails: parsed.SUPERADMIN_EMAILS.split(',')
+    .map((s) => s.trim().toLowerCase())
+    .filter(Boolean),
+};
+
+export const isProd = env.NODE_ENV === 'production';
diff --git a/apps/api/src/lib/audit.ts b/apps/api/src/lib/audit.ts
new file mode 100644
index 0000000..652119e
--- /dev/null
+++ b/apps/api/src/lib/audit.ts
@@ -0,0 +1,19 @@
+import { getDb, auditLog } from '@lawdesk/db';
+
+export interface AuditEntry {
+  userId?: string | null;
+  firmId?: string | null;
+  action: string;
+  meta?: unknown;
+  ip?: string | null;
+}
+
+export async function logAudit(entry: AuditEntry): Promise<void> {
+  await getDb().insert(auditLog).values({
+    userId: entry.userId ?? null,
+    firmId: entry.firmId ?? null,
+    action: entry.action,
+    meta: entry.meta == null ? null : JSON.stringify(entry.meta),
+    ip: entry.ip ?? null,
+  });
+}
diff --git a/apps/api/src/lib/email.ts b/apps/api/src/lib/email.ts
new file mode 100644
index 0000000..9a9d638
--- /dev/null
+++ b/apps/api/src/lib/email.ts
@@ -0,0 +1,159 @@
+import { Resend } from 'resend';
+import { env } from '../env';
+
+let _resend: Resend | null = null;
+
+function getResend(): Resend | null {
+  if (!env.RESEND_API_KEY) return null;
+  if (!_resend) _resend = new Resend(env.RESEND_API_KEY);
+  return _resend;
+}
+
+export interface EmailOptions {
+  to: string;
+  subject: string;
+  html: string;
+  text: string;
+  attachments?: Array<{ filename: string; content: Buffer | string }>;
+  replyTo?: string;
+}
+
+export interface SendResult {
+  ok: boolean;
+  skipped?: boolean;
+  id?: string;
+  error?: string;
+}
+
+export async function sendEmail(opts: EmailOptions): Promise<SendResult> {
+  const resend = getResend();
+  if (!resend) {
+    // Logged but not sent — useful in dev when RESEND_API_KEY isn't set.
+    console.log(`[email skipped] to=${opts.to} subject="${opts.subject}"`);
+    return { ok: true, skipped: true };
+  }
+  try {
+    const res = await resend.emails.send({
+      from: env.EMAIL_FROM,
+      to: opts.to,
+      subject: opts.subject,
+      html: opts.html,
+      text: opts.text,
+      replyTo: opts.replyTo,
+      attachments: opts.attachments?.map((a) => ({
+        filename: a.filename,
+        content: typeof a.content === 'string' ? a.content : a.content.toString('base64'),
+      })),
+    });
+    if (res.error) return { ok: false, error: res.error.message };
+    return { ok: true, id: res.data?.id };
+  } catch (err) {
+    return { ok: false, error: (err as Error).message };
+  }
+}
+
+// ─────────────────────────── Templates ───────────────────────────
+// Kept simple. Brand-blue header bar + readable body. Plain-text version always provided
+// since some clients (and good practice) require it.
+
+const BRAND = '#0052FF';
+
+function shell(bodyHtml: string): string {
+  return `<!doctype html>
+<html><head><meta charset="utf-8"><title>eLegal Software</title></head>
+<body style="margin:0;padding:0;background:#f6f7f9;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#23272e;">
+  <div style="max-width:560px;margin:32px auto;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #eceef2;">
+    <div style="background:${BRAND};padding:18px 24px;color:#fff;font-weight:700;letter-spacing:-0.01em;font-size:18px;">eLegal Software</div>
+    <div style="padding:28px 24px;line-height:1.55;font-size:15px;">${bodyHtml}</div>
+    <div style="border-top:1px solid #eceef2;padding:14px 24px;color:#7c8595;font-size:12px;">© ${new Date().getFullYear()} eLegal Software. You're receiving this because of activity on your account.</div>
+  </div>
+</body></html>`;
+}
+
+export function welcomeEmail(toName: string | null, verifyUrl: string | null) {
+  const name = toName?.split(' ')[0] ?? 'there';
+  const verifyBlock = verifyUrl
+    ? `<p>Please confirm your email address so we can send you important updates:</p>
+       <p><a href="${verifyUrl}" style="display:inline-block;background:${BRAND};color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:600;">Verify my email</a></p>
+       <p style="color:#5b6473;font-size:13px;">Or paste this link into your browser: ${verifyUrl}</p>`
+    : '';
+  return {
+    subject: 'Welcome to eLegal Software',
+    html: shell(
+      `<p>Hi ${name},</p>
+       <p>Welcome to eLegal Software. Your account is set up and you're ready to add your first client and case.</p>
+       ${verifyBlock}
+       <p>If you have questions, just reply to this email — a real person will see it.</p>
+       <p>— The eLegal Software team</p>`,
+    ),
+    text: `Hi ${name},\n\nWelcome to eLegal Software. Your account is set up and you're ready to add your first client and case.\n\n${verifyUrl ? `Please confirm your email: ${verifyUrl}\n\n` : ''}If you have questions, just reply to this email.\n\n— The eLegal Software team`,
+  };
+}
+
+export function passwordResetEmail(toName: string | null, resetUrl: string) {
+  const name = toName?.split(' ')[0] ?? 'there';
+  return {
+    subject: 'Reset your eLegal Software password',
+    html: shell(
+      `<p>Hi ${name},</p>
+       <p>We got a request to reset the password on your eLegal Software account. Click below to choose a new one:</p>
+       <p><a href="${resetUrl}" style="display:inline-block;background:${BRAND};color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:600;">Reset password</a></p>
+       <p style="color:#5b6473;font-size:13px;">Or paste this link into your browser: ${resetUrl}</p>
+       <p style="color:#5b6473;font-size:13px;">This link expires in 1 hour. If you didn't request a reset, you can safely ignore this email.</p>`,
+    ),
+    text: `Hi ${name},\n\nWe got a request to reset your eLegal Software password.\n\nReset it here: ${resetUrl}\n\nThis link expires in 1 hour. If you didn't request a reset, ignore this email.`,
+  };
+}
+
+export function planUpgradedEmail(toName: string | null, plan: string) {
+  const name = toName?.split(' ')[0] ?? 'there';
+  return {
+    subject: `You're on eLegal Software ${plan}`,
+    html: shell(
+      `<p>Hi ${name},</p>
+       <p>Thanks for upgrading. Your firm is now on the <strong>${plan}</strong> plan and the limits and watermarks have been lifted.</p>
+       <p><a href="${process.env.PUBLIC_URL ?? 'https://app.elegalsoftware.com'}/app" style="display:inline-block;background:${BRAND};color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:600;">Open eLegal Software</a></p>
+       <p>Manage your subscription anytime from Settings → Billing.</p>`,
+    ),
+    text: `Hi ${name},\n\nThanks for upgrading. Your firm is now on the ${plan} plan and the limits and watermarks have been lifted.\n\nManage your subscription from Settings → Billing.`,
+  };
+}
+
+export function invoiceEmail(opts: {
+  clientName: string;
+  firmName: string;
+  invoiceNumber: string;
+  total: string;
+  dueDate?: string | null;
+  notes?: string | null;
+}) {
+  const dueLine = opts.dueDate ? `<p>Due on <strong>${opts.dueDate}</strong>.</p>` : '';
+  const notesLine = opts.notes
+    ? `<p style="background:#f6f7f9;border-radius:10px;padding:12px;color:#5b6473;font-size:13px;">${opts.notes}</p>`
+    : '';
+  return {
+    subject: `Invoice ${opts.invoiceNumber} from ${opts.firmName}`,
+    html: shell(
+      `<p>Hi ${opts.clientName.split(' ')[0]},</p>
+       <p>${opts.firmName} sent you a new invoice.</p>
+       <p style="font-size:18px;"><strong>${opts.invoiceNumber}</strong> — <strong>${opts.total}</strong></p>
+       ${dueLine}
+       ${notesLine}
+       <p>The PDF is attached. Reply to this email if you have any questions.</p>`,
+    ),
+    text: `Hi ${opts.clientName},\n\n${opts.firmName} sent you a new invoice: ${opts.invoiceNumber} — ${opts.total}.${opts.dueDate ? ` Due on ${opts.dueDate}.` : ''}\n\nThe PDF is attached.${opts.notes ? `\n\nNotes: ${opts.notes}` : ''}`,
+  };
+}
+
+export function contactAckEmail(toName: string) {
+  const name = toName.split(' ')[0];
+  return {
+    subject: "Got your message — we'll be in touch",
+    html: shell(
+      `<p>Hi ${name},</p>
+       <p>Thanks for reaching out to eLegal Software. We've received your message and one of us will reply within one business day.</p>
+       <p>— The eLegal Software team</p>`,
+    ),
+    text: `Hi ${name},\n\nThanks for reaching out to eLegal Software. We've received your message and one of us will reply within one business day.\n\n— The eLegal Software team`,
+  };
+}
diff --git a/apps/api/src/lib/firm.ts b/apps/api/src/lib/firm.ts
new file mode 100644
index 0000000..dadaf19
--- /dev/null
+++ b/apps/api/src/lib/firm.ts
@@ -0,0 +1,21 @@
+import { eq } from 'drizzle-orm';
+import { getDb, firms } from '@lawdesk/db';
+import type { PlanName } from './plan-limits';
+
+export interface FirmContext {
+  id: string;
+  plan: PlanName;
+  name: string;
+  watermarkEnabled: boolean;
+}
+
+export async function loadFirm(firmId: string): Promise<FirmContext | null> {
+  const [row] = await getDb().select().from(firms).where(eq(firms.id, firmId)).limit(1);
+  if (!row) return null;
+  return {
+    id: row.id,
+    plan: row.plan as PlanName,
+    name: row.name,
+    watermarkEnabled: row.watermarkEnabled,
+  };
+}
diff --git a/apps/api/src/lib/invoice-numbering.ts b/apps/api/src/lib/invoice-numbering.ts
new file mode 100644
index 0000000..de142ef
--- /dev/null
+++ b/apps/api/src/lib/invoice-numbering.ts
@@ -0,0 +1,20 @@
+import { sql } from 'drizzle-orm';
+import { eq, and, like } from 'drizzle-orm';
+import { getDb, invoices } from '@lawdesk/db';
+
+// Format: INV-YYYY-NNNN, scoped per firm.
+// Uses a count-based sequence — the unique-on-(firm_id, number) constraint isn't enforced
+// at the DB level yet, so two near-simultaneous creates could collide. For a v1 single-user
+// firm this is fine; if it becomes a problem, add a per-firm Postgres sequence.
+export async function nextInvoiceNumber(firmId: string): Promise<string> {
+  const year = new Date().getUTCFullYear();
+  const prefix = `INV-${year}-`;
+
+  const [row] = await getDb()
+    .select({ count: sql<number>`count(*)::int` })
+    .from(invoices)
+    .where(and(eq(invoices.firmId, firmId), like(invoices.number, `${prefix}%`)));
+
+  const next = (row?.count ?? 0) + 1;
+  return `${prefix}${String(next).padStart(4, '0')}`;
+}
diff --git a/apps/api/src/lib/invoice-pdf.ts b/apps/api/src/lib/invoice-pdf.ts
new file mode 100644
index 0000000..7070c43
--- /dev/null
+++ b/apps/api/src/lib/invoice-pdf.ts
@@ -0,0 +1,148 @@
+import PDFDocument from 'pdfkit';
+import { PassThrough } from 'node:stream';
+
+export interface InvoicePdfData {
+  number: string;
+  status: string;
+  issuedAt: Date | null;
+  dueAt: Date | null;
+  notes: string | null;
+  subtotal: string;
+  taxRate: string;
+  total: string;
+  firm: { name: string };
+  client: { name: string; email: string | null; address: string | null };
+  items: Array<{ description: string; quantity: string; rate: string; amount: string }>;
+  watermark?: boolean;
+}
+
+const FONT = 'Helvetica';
+const FONT_BOLD = 'Helvetica-Bold';
+
+function formatMoney(value: string | number | null | undefined): string {
+  if (value == null) return '$0.00';
+  const n = typeof value === 'string' ? Number(value) : value;
+  if (!Number.isFinite(n)) return '$0.00';
+  return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(n);
+}
+
+function formatDate(d: Date | null): string {
+  if (!d) return '—';
+  return d.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' });
+}
+
+export function renderInvoicePdf(data: InvoicePdfData): NodeJS.ReadableStream {
+  const doc = new PDFDocument({ size: 'LETTER', margin: 50 });
+  const stream = new PassThrough();
+  doc.pipe(stream);
+
+  // Header bar
+  doc.rect(0, 0, doc.page.width, 6).fill('#0052FF');
+  doc.fillColor('#13161B');
+
+  // Firm + invoice meta
+  doc.font(FONT_BOLD).fontSize(20).text(data.firm.name, 50, 36);
+  doc.font(FONT).fontSize(10).fillColor('#5B6473').text('Invoice', 50, 62);
+
+  doc.fontSize(28).fillColor('#0052FF').font(FONT_BOLD).text(data.number, 0, 36, { align: 'right' });
+  doc.font(FONT).fontSize(10).fillColor('#5B6473');
+  doc.text(`Status: ${data.status.toUpperCase()}`, 0, 70, { align: 'right' });
+
+  // Bill-to + dates block
+  const blockY = 120;
+  doc.font(FONT_BOLD).fontSize(10).fillColor('#13161B').text('BILL TO', 50, blockY);
+  doc.font(FONT).fontSize(11).fillColor('#23272E');
+  doc.text(data.client.name, 50, blockY + 16);
+  if (data.client.email) doc.text(data.client.email, 50, blockY + 32);
+  if (data.client.address) doc.text(data.client.address, 50, blockY + 48, { width: 240 });
+
+  doc.font(FONT_BOLD).fontSize(10).fillColor('#13161B').text('ISSUED', 350, blockY);
+  doc.font(FONT).fontSize(11).fillColor('#23272E').text(formatDate(data.issuedAt), 350, blockY + 16);
+
+  doc.font(FONT_BOLD).fontSize(10).fillColor('#13161B').text('DUE', 470, blockY);
+  doc.font(FONT).fontSize(11).fillColor('#23272E').text(formatDate(data.dueAt), 470, blockY + 16);
+
+  // Items table
+  const tableY = 220;
+  const col = { desc: 50, qty: 340, rate: 410, amount: 480 };
+  const tableWidth = doc.page.width - 100;
+
+  doc.rect(50, tableY, tableWidth, 24).fill('#F6F7F9');
+  doc.fillColor('#5B6473').font(FONT_BOLD).fontSize(9);
+  doc.text('DESCRIPTION', col.desc + 8, tableY + 8);
+  doc.text('QTY', col.qty, tableY + 8, { width: 50, align: 'right' });
+  doc.text('RATE', col.rate, tableY + 8, { width: 50, align: 'right' });
+  doc.text('AMOUNT', col.amount, tableY + 8, { width: 65, align: 'right' });
+
+  doc.font(FONT).fontSize(10).fillColor('#23272E');
+  let y = tableY + 32;
+  for (const item of data.items) {
+    const descHeight = doc.heightOfString(item.description, { width: col.qty - col.desc - 16 });
+    const rowH = Math.max(20, descHeight + 6);
+    doc.text(item.description, col.desc + 8, y, { width: col.qty - col.desc - 16 });
+    doc.text(item.quantity, col.qty, y, { width: 50, align: 'right' });
+    doc.text(formatMoney(item.rate), col.rate, y, { width: 50, align: 'right' });
+    doc.text(formatMoney(item.amount), col.amount, y, { width: 65, align: 'right' });
+    y += rowH;
+    doc.moveTo(50, y).lineTo(50 + tableWidth, y).strokeColor('#ECEEF2').lineWidth(0.5).stroke();
+    y += 4;
+    if (y > doc.page.height - 200) {
+      doc.addPage();
+      y = 50;
+    }
+  }
+
+  // Totals
+  const totalsY = y + 20;
+  const labelX = 380;
+  const valueX = 480;
+
+  doc.font(FONT).fontSize(10).fillColor('#5B6473');
+  doc.text('Subtotal', labelX, totalsY, { width: 90, align: 'right' });
+  doc.fillColor('#23272E').text(formatMoney(data.subtotal), valueX, totalsY, { width: 65, align: 'right' });
+
+  if (Number(data.taxRate) > 0) {
+    doc.fillColor('#5B6473').text(`Tax (${data.taxRate}%)`, labelX, totalsY + 18, { width: 90, align: 'right' });
+    const taxAmount = (Number(data.subtotal) * Number(data.taxRate)) / 100;
+    doc.fillColor('#23272E').text(formatMoney(taxAmount), valueX, totalsY + 18, { width: 65, align: 'right' });
+  }
+
+  const totalY = totalsY + (Number(data.taxRate) > 0 ? 44 : 26);
+  doc.rect(labelX - 10, totalY - 6, 175, 28).fill('#0052FF');
+  doc.fillColor('#FFFFFF').font(FONT_BOLD).fontSize(12);
+  doc.text('Total', labelX, totalY + 2, { width: 90, align: 'right' });
+  doc.text(formatMoney(data.total), valueX, totalY + 2, { width: 65, align: 'right' });
+
+  // Notes
+  if (data.notes) {
+    const notesY = totalY + 60;
+    doc.fillColor('#13161B').font(FONT_BOLD).fontSize(10).text('NOTES', 50, notesY);
+    doc.fillColor('#23272E').font(FONT).fontSize(10).text(data.notes, 50, notesY + 16, {
+      width: tableWidth,
+    });
+  }
+
+  // Footer
+  const footerY = doc.page.height - 50;
+  doc.fillColor('#7C8595').font(FONT).fontSize(9).text(
+    `Generated by eLegal Software · ${data.firm.name}`,
+    50,
+    footerY,
+    { width: tableWidth, align: 'center' },
+  );
+
+  // Watermark for Starter plan
+  if (data.watermark) {
+    doc.save();
+    doc.fillColor('#0052FF').fillOpacity(0.08).font(FONT_BOLD).fontSize(90);
+    doc.rotate(-30, { origin: [doc.page.width / 2, doc.page.height / 2] });
+    doc.text('LAWDESK', 0, doc.page.height / 2 - 60, {
+      width: doc.page.width,
+      align: 'center',
+    });
+    doc.restore();
+  }
+
+  doc.end();
+  return stream;
+}
diff --git a/apps/api/src/lib/plan-limits.ts b/apps/api/src/lib/plan-limits.ts
new file mode 100644
index 0000000..d0e7e4f
--- /dev/null
+++ b/apps/api/src/lib/plan-limits.ts
@@ -0,0 +1,72 @@
+import { sql } from 'drizzle-orm';
+import { getDb, clients, cases, invoices } from '@lawdesk/db';
+import { and, eq, gte } from 'drizzle-orm';
+
+export type PlanName = 'starter' | 'pro' | 'lifetime';
+
+export interface PlanLimits {
+  clients: number | null;
+  activeCases: number | null;
+  invoicesPerMonth: number | null;
+  storageBytes: number | null;
+}
+
+export const PLAN_LIMITS: Record<PlanName, PlanLimits> = {
+  starter: {
+    clients: 2,
+    activeCases: 1,
+    invoicesPerMonth: 2,
+    storageBytes: 500 * 1024 * 1024, // 500 MB
+  },
+  pro: {
+    clients: null,
+    activeCases: 6,
+    invoicesPerMonth: null,
+    storageBytes: 8 * 1024 * 1024 * 1024, // 8 GB
+  },
+  lifetime: {
+    clients: null,
+    activeCases: null,
+    invoicesPerMonth: null,
+    storageBytes: 50 * 1024 * 1024 * 1024, // 50 GB
+  },
+};
+
+export class PlanLimitError extends Error {
+  constructor(public limit: keyof PlanLimits, public planName: PlanName) {
+    super(`plan_limit_${limit}`);
+  }
+}
+
+export async function assertCanCreateClient(firmId: string, plan: PlanName) {
+  const limit = PLAN_LIMITS[plan].clients;
+  if (limit === null) return;
+  const [row] = await getDb()
+    .select({ count: sql<number>`count(*)::int` })
+    .from(clients)
+    .where(eq(clients.firmId, firmId));
+  if ((row?.count ?? 0) >= limit) throw new PlanLimitError('clients', plan);
+}
+
+export async function assertCanCreateCase(firmId: string, plan: PlanName) {
+  const limit = PLAN_LIMITS[plan].activeCases;
+  if (limit === null) return;
+  const [row] = await getDb()
+    .select({ count: sql<number>`count(*)::int` })
+    .from(cases)
+    .where(and(eq(cases.firmId, firmId), eq(cases.status, 'open')));
+  if ((row?.count ?? 0) >= limit) throw new PlanLimitError('activeCases', plan);
+}
+
+export async function assertCanCreateInvoice(firmId: string, plan: PlanName) {
+  const limit = PLAN_LIMITS[plan].invoicesPerMonth;
+  if (limit === null) return;
+  const monthStart = new Date();
+  monthStart.setDate(1);
+  monthStart.setHours(0, 0, 0, 0);
+  const [row] = await getDb()
+    .select({ count: sql<number>`count(*)::int` })
+    .from(invoices)
+    .where(and(eq(invoices.firmId, firmId), gte(invoices.createdAt, monthStart)));
+  if ((row?.count ?? 0) >= limit) throw new PlanLimitError('invoicesPerMonth', plan);
+}
diff --git a/apps/api/src/lib/sentry.ts b/apps/api/src/lib/sentry.ts
new file mode 100644
index 0000000..98d2adf
--- /dev/null
+++ b/apps/api/src/lib/sentry.ts
@@ -0,0 +1,26 @@
+import * as Sentry from '@sentry/node';
+import { env, isProd } from '../env';
+
+let initialized = false;
+
+export function initSentry(): void {
+  if (initialized) return;
+  if (!env.SENTRY_DSN_API) return;
+  Sentry.init({
+    dsn: env.SENTRY_DSN_API,
+    environment: env.NODE_ENV,
+    tracesSampleRate: isProd ? 0.1 : 0,
+    sendDefaultPii: false,
+  });
+  initialized = true;
+}
+
+export function captureError(err: unknown, ctx?: Record<string, unknown>): void {
+  if (!initialized) return;
+  Sentry.withScope((scope) => {
+    if (ctx) for (const [k, v] of Object.entries(ctx)) scope.setExtra(k, v);
+    Sentry.captureException(err);
+  });
+}
+
+export { Sentry };
diff --git a/apps/api/src/lib/stripe.ts b/apps/api/src/lib/stripe.ts
new file mode 100644
index 0000000..bbdb8fc
--- /dev/null
+++ b/apps/api/src/lib/stripe.ts
@@ -0,0 +1,37 @@
+import Stripe from 'stripe';
+import { env } from '../env';
+
+let _stripe: Stripe | null = null;
+
+export function getStripe(): Stripe {
+  if (!env.STRIPE_SECRET_KEY) {
+    throw new Error('stripe_not_configured');
+  }
+  if (!_stripe) {
+    _stripe = new Stripe(env.STRIPE_SECRET_KEY, { apiVersion: '2024-11-20.acacia' as Stripe.LatestApiVersion });
+  }
+  return _stripe;
+}
+
+export function stripeIsConfigured(): boolean {
+  return !!env.STRIPE_SECRET_KEY;
+}
+
+export interface PlanConfig {
+  priceId: string;
+  mode: 'subscription' | 'payment';
+  planName: 'pro' | 'lifetime';
+  label: string;
+}
+
+export function getPlanConfig(plan: 'pro' | 'lifetime'): PlanConfig | null {
+  if (plan === 'pro') {
+    if (!env.STRIPE_PRICE_PRO) return null;
+    return { priceId: env.STRIPE_PRICE_PRO, mode: 'subscription', planName: 'pro', label: 'Professional' };
+  }
+  if (plan === 'lifetime') {
+    if (!env.STRIPE_PRICE_LIFETIME) return null;
+    return { priceId: env.STRIPE_PRICE_LIFETIME, mode: 'payment', planName: 'lifetime', label: 'Lifetime' };
+  }
+  return null;
+}
diff --git a/apps/api/src/routes/account.ts b/apps/api/src/routes/account.ts
new file mode 100644
index 0000000..251a09c
--- /dev/null
+++ b/apps/api/src/routes/account.ts
@@ -0,0 +1,137 @@
+import type { FastifyInstance } from 'fastify';
+import { z } from 'zod';
+import { eq, inArray, sql } from 'drizzle-orm';
+import {
+  getDb,
+  users,
+  firms,
+  clients,
+  cases,
+  timeEntries,
+  invoices,
+  invoiceItems,
+  documents,
+  sessions,
+} from '@lawdesk/db';
+import { verifyPassword } from '../auth/password';
+import { logAudit } from '../lib/audit';
+
+export async function accountRoutes(app: FastifyInstance) {
+  app.addHook('preHandler', app.requireAuth);
+
+  // GDPR data export — full JSON dump of everything tied to the user's firm.
+  app.get('/api/account/export', async (req, reply) => {
+    const userId = req.user!.id;
+    const firmId = req.user!.firmId;
+    const db = getDb();
+
+    const [profile] = await db
+      .select({
+        id: users.id,
+        email: users.email,
+        fullName: users.fullName,
+        role: users.role,
+        emailVerifiedAt: users.emailVerifiedAt,
+        totpEnabled: users.totpEnabled,
+        lastSeenAt: users.lastSeenAt,
+        createdAt: users.createdAt,
+      })
+      .from(users)
+      .where(eq(users.id, userId))
+      .limit(1);
+
+    if (!profile) return reply.code(404).send({ error: 'profile_not_found' });
+
+    const dump: Record<string, unknown> = {
+      exportedAt: new Date().toISOString(),
+      profile,
+    };
+
+    if (firmId) {
+      const [firm] = await db.select().from(firms).where(eq(firms.id, firmId)).limit(1);
+      const firmClients = await db.select().from(clients).where(eq(clients.firmId, firmId));
+      const firmCases = await db.select().from(cases).where(eq(cases.firmId, firmId));
+      const firmTime = await db.select().from(timeEntries).where(eq(timeEntries.firmId, firmId));
+      const firmInvoices = await db.select().from(invoices).where(eq(invoices.firmId, firmId));
+      const invoiceIds = firmInvoices.map((i) => i.id);
+      const items = invoiceIds.length
+        ? await db.select().from(invoiceItems).where(inArray(invoiceItems.invoiceId, invoiceIds))
+        : [];
+      const docs = await db.select().from(documents).where(eq(documents.firmId, firmId));
+
+      dump.firm = firm;
+      dump.clients = firmClients;
+      dump.cases = firmCases;
+      dump.timeEntries = firmTime;
+      dump.invoices = firmInvoices.map((i) => ({
+        ...i,
+        items: items.filter((it) => it.invoiceId === i.id),
+      }));
+      dump.documents = docs;
+    }
+
+    await logAudit({
+      userId,
+      firmId,
+      action: 'account.export',
+      ip: req.ip,
+    });
+
+    reply
+      .header('Content-Type', 'application/json; charset=utf-8')
+      .header(
+        'Content-Disposition',
+        `attachment; filename="lawdesk-export-${new Date().toISOString().slice(0, 10)}.json"`,
+      );
+    return JSON.stringify(dump, null, 2);
+  });
+
+  // GDPR delete — password-confirmed. Solo firms cascade everything; multi-user firms must
+  // transfer ownership first (we'll add a transfer endpoint when we add team management).
+  app.post('/api/account/delete', async (req, reply) => {
+    const userId = req.user!.id;
+    const firmId = req.user!.firmId;
+    const body = z.object({ password: z.string().min(1) }).parse(req.body);
+
+    const db = getDb();
+    const [me] = await db.select().from(users).where(eq(users.id, userId)).limit(1);
+    if (!me) return reply.code(404).send({ error: 'user_not_found' });
+
+    const ok = await verifyPassword(me.passwordHash, body.password);
+    if (!ok) return reply.code(401).send({ error: 'invalid_password' });
+
+    if (firmId) {
+      const [{ count }] = await db
+        .select({ count: sql<number>`count(*)::int` })
+        .from(users)
+        .where(eq(users.firmId, firmId));
+      if (count > 1) {
+        return reply.code(409).send({
+          error: 'firm_has_other_users',
+          hint: 'Transfer firm ownership or remove other users before deleting this account.',
+        });
+      }
+    }
+
+    await logAudit({
+      userId,
+      firmId,
+      action: 'account.delete',
+      meta: { email: me.email },
+      ip: req.ip,
+    });
+
+    await db.transaction(async (tx) => {
+      await tx.delete(sessions).where(eq(sessions.userId, userId));
+      // Deleting the firm cascades: clients → cases → time_entries / documents / invoices →
+      // invoice_items via the foreign-key onDelete:'cascade' chain. Audit log entries pointing
+      // to this user keep their row but null out user_id (set null).
+      if (firmId) await tx.delete(firms).where(eq(firms.id, firmId));
+      await tx.delete(users).where(eq(users.id, userId));
+    });
+
+    app.clearSessionCookie(reply);
+    app.clearCsrfCookie(reply);
+    return { ok: true };
+  });
+}
diff --git a/apps/api/src/routes/admin.ts b/apps/api/src/routes/admin.ts
new file mode 100644
index 0000000..02fa194
--- /dev/null
+++ b/apps/api/src/routes/admin.ts
@@ -0,0 +1,398 @@
+import type { FastifyInstance } from 'fastify';
+import { z } from 'zod';
+import { and, desc, eq, gte, ilike, isNull, or, sql } from 'drizzle-orm';
+import {
+  getDb,
+  users,
+  firms,
+  clients,
+  cases,
+  invoices,
+  contactMessages,
+  auditLog,
+  toolUsage,
+} from '@lawdesk/db';
+import { createSession, destroySession, SESSION_COOKIE } from '../auth/sessions';
+import { generateCsrfToken } from '../auth/csrf';
+import { logAudit } from '../lib/audit';
+
+const PLANS = ['starter', 'pro', 'lifetime'] as const;
+
+const idParam = z.object({ id: z.string().uuid() });
+
+export async function adminRoutes(app: FastifyInstance) {
+  app.addHook('preHandler', app.requireSuperadmin);
+
+  // ─────────────────────────── Stats ───────────────────────────
+  app.get('/api/admin/stats', async () => {
+    const db = getDb();
+    const since30 = new Date(Date.now() - 30 * 24 * 60 * 60 * 1000);
+
+    const [counts] = await db
+      .select({
+        firms: sql<number>`(select count(*)::int from ${firms})`,
+        users: sql<number>`(select count(*)::int from ${users})`,
+        cases: sql<number>`(select count(*)::int from ${cases})`,
+        clients: sql<number>`(select count(*)::int from ${clients})`,
+        invoices: sql<number>`(select count(*)::int from ${invoices})`,
+        unresolvedContact: sql<number>`(select count(*)::int from ${contactMessages} where ${contactMessages.resolvedAt} is null)`,
+      })
+      .from(sql`(select 1) as one`);
+
+    const [paidTotalsRow] = await db
+      .select({
+        paidTotal: sql<string>`coalesce(sum(${invoices.total})::text, '0')`,
+      })
+      .from(invoices)
+      .where(eq(invoices.status, 'paid'));
+
+    const planRows = await db
+      .select({ plan: firms.plan, count: sql<number>`count(*)::int` })
+      .from(firms)
+      .groupBy(firms.plan);
+
+    const signups = await db
+      .select({
+        day: sql<string>`to_char(date_trunc('day', ${users.createdAt}), 'YYYY-MM-DD')`,
+        count: sql<number>`count(*)::int`,
+      })
+      .from(users)
+      .where(gte(users.createdAt, since30))
+      .groupBy(sql`date_trunc('day', ${users.createdAt})`)
+      .orderBy(sql`date_trunc('day', ${users.createdAt})`);
+
+    return {
+      counters: {
+        firms: counts?.firms ?? 0,
+        users: counts?.users ?? 0,
+        cases: counts?.cases ?? 0,
+        clients: counts?.clients ?? 0,
+        invoices: counts?.invoices ?? 0,
+        unresolvedContact: counts?.unresolvedContact ?? 0,
+        paidRevenueTotal: paidTotalsRow?.paidTotal ?? '0',
+      },
+      planDistribution: planRows,
+      signupsLast30Days: signups,
+    };
+  });
+
+  // ─────────────────────────── Firms ───────────────────────────
+  app.get('/api/admin/firms', async (req) => {
+    const q = z
+      .object({
+        q: z.string().max(160).optional(),
+        plan: z.enum(PLANS).optional(),
+        limit: z.coerce.number().int().positive().max(200).default(50),
+        offset: z.coerce.number().int().min(0).default(0),
+      })
+      .parse(req.query);
+
+    const db = getDb();
+    // Build where as raw SQL so we can use the aliased table name in the main query below.
+    const whereClauses: ReturnType<typeof sql>[] = [];
+    if (q.plan) whereClauses.push(sql`f.plan = ${q.plan}`);
+    if (q.q) whereClauses.push(sql`f.name ilike ${'%' + q.q + '%'}`);
+    const whereSql = whereClauses.length
+      ? sql.join([sql`where`, sql.join(whereClauses, sql` and `)], sql` `)
+      : sql``;
+
+    // Raw SQL — Drizzle's `${firms.id}` interpolation inside `sql<T>` doesn't bind to the outer
+    // query's table reference inside correlated subqueries.
+    const result = await db.execute(sql`
+      select
+        f.id,
+        f.name,
+        f.plan,
+        f.watermark_enabled as "watermarkEnabled",
+        f.created_at as "createdAt",
+        coalesce((select count(*)::int from users u where u.firm_id = f.id), 0) as "userCount",
+        coalesce((select count(*)::int from cases c where c.firm_id = f.id), 0) as "caseCount",
+        coalesce((select count(*)::int from clients cl where cl.firm_id = f.id), 0) as "clientCount",
+        coalesce((select sum(total)::text from invoices i where i.firm_id = f.id and i.status = 'paid'), '0') as "paidTotal"
+      from firms f
+      ${whereSql}
+      order by f.created_at desc
+      limit ${q.limit}
+      offset ${q.offset}
+    `);
+
+    const totalResult = await db.execute(sql`select count(*)::int as total from firms f ${whereSql}`);
+    const total = (totalResult.rows[0]?.total as number) ?? 0;
+    return { items: result.rows, total };
+  });
+
+  app.get('/api/admin/firms/:id', async (req, reply) => {
+    const { id } = idParam.parse(req.params);
+    const db = getDb();
+
+    const [firm] = await db.select().from(firms).where(eq(firms.id, id)).limit(1);
+    if (!firm) return reply.code(404).send({ error: 'not_found' });
+
+    const firmUsers = await db
+      .select({
+        id: users.id,
+        email: users.email,
+        fullName: users.fullName,
+        role: users.role,
+        isSuspended: users.isSuspended,
+        isSuperadmin: users.isSuperadmin,
+        createdAt: users.createdAt,
+        lastSeenAt: users.lastSeenAt,
+      })
+      .from(users)
+      .where(eq(users.firmId, id))
+      .orderBy(desc(users.createdAt));
+
+    const [counts] = await db
+      .select({
+        clients: sql<number>`(select count(*)::int from ${clients} where ${clients.firmId} = ${id})`,
+        cases: sql<number>`(select count(*)::int from ${cases} where ${cases.firmId} = ${id})`,
+        invoices: sql<number>`(select count(*)::int from ${invoices} where ${invoices.firmId} = ${id})`,
+        paidTotal: sql<string>`coalesce((select sum(${invoices.total})::text from ${invoices} where ${invoices.firmId} = ${id} and ${invoices.status} = 'paid'), '0')`,
+      })
+      .from(sql`(select 1) as one`);
+
+    return { firm, users: firmUsers, counts };
+  });
+
+  app.patch('/api/admin/firms/:id', async (req, reply) => {
+    const { id } = idParam.parse(req.params);
+    const body = z
+      .object({
+        plan: z.enum(PLANS).optional(),
+        watermarkEnabled: z.boolean().optional(),
+        name: z.string().min(1).max(160).optional(),
+      })
+      .parse(req.body);
+    if (!Object.keys(body).length) return reply.code(400).send({ error: 'empty_body' });
+
+    const [updated] = await getDb()
+      .update(firms)
+      .set({ ...body, updatedAt: new Date() })
+      .where(eq(firms.id, id))
+      .returning();
+    if (!updated) return reply.code(404).send({ error: 'not_found' });
+
+    await logAudit({
+      userId: req.user!.id,
+      firmId: id,
+      action: 'admin.firm.update',
+      meta: body,
+      ip: req.ip,
+    });
+    return updated;
+  });
+
+  // ─────────────────────────── Users ───────────────────────────
+  app.get('/api/admin/users', async (req) => {
+    const q = z
+      .object({
+        q: z.string().max(160).optional(),
+        suspended: z.enum(['true', 'false']).optional(),
+        limit: z.coerce.number().int().positive().max(200).default(50),
+        offset: z.coerce.number().int().min(0).default(0),
+      })
+      .parse(req.query);
+
+    const db = getDb();
+    const filters: Parameters<typeof and> = [];
+    if (q.q) filters.push(or(ilike(users.email, `%${q.q}%`), ilike(users.fullName, `%${q.q}%`))!);
+    if (q.suspended === 'true') filters.push(eq(users.isSuspended, true));
+    if (q.suspended === 'false') filters.push(eq(users.isSuspended, false));
+    const where = filters.length ? and(...filters) : undefined;
+
+    const rows = await db
+      .select({
+        id: users.id,
+        email: users.email,
+        fullName: users.fullName,
+        role: users.role,
+        isSuperadmin: users.isSuperadmin,
+        isSuspended: users.isSuspended,
+        createdAt: users.createdAt,
+        lastSeenAt: users.lastSeenAt,
+        firmId: users.firmId,
+        firmName: firms.name,
+      })
+      .from(users)
+      .leftJoin(firms, eq(firms.id, users.firmId))
+      .where(where)
+      .orderBy(desc(users.createdAt))
+      .limit(q.limit)
+      .offset(q.offset);
+
+    const [count] = await db.select({ total: sql<number>`count(*)::int` }).from(users).where(where);
+    return { items: rows, total: count?.total ?? 0 };
+  });
+
+  app.patch('/api/admin/users/:id', async (req, reply) => {
+    const { id } = idParam.parse(req.params);
+    const body = z
+      .object({
+        isSuspended: z.boolean().optional(),
+        role: z.enum(['owner', 'attorney', 'paralegal', 'staff']).optional(),
+      })
+      .parse(req.body);
+    if (!Object.keys(body).length) return reply.code(400).send({ error: 'empty_body' });
+
+    if (req.user!.id === id && body.isSuspended === true) {
+      return reply.code(409).send({ error: 'cannot_suspend_self' });
+    }
+
+    const [updated] = await getDb()
+      .update(users)
+      .set({ ...body, updatedAt: new Date() })
+      .where(eq(users.id, id))
+      .returning({
+        id: users.id,
+        email: users.email,
+        role: users.role,
+        isSuspended: users.isSuspended,
+      });
+    if (!updated) return reply.code(404).send({ error: 'not_found' });
+
+    if (body.isSuspended) {
+      // Revoke all active sessions for this user
+      const { sessions } = await import('@lawdesk/db');
+      await getDb().delete(sessions).where(eq(sessions.userId, id));
+    }
+
+    await logAudit({
+      userId: req.user!.id,
+      action: 'admin.user.update',
+      meta: { targetUserId: id, patch: body },
+      ip: req.ip,
+    });
+    return updated;
+  });
+
+  // Impersonate: end the current session, start a new one for the target user.
+  app.post('/api/admin/users/:id/impersonate', async (req, reply) => {
+    const { id } = idParam.parse(req.params);
+    const db = getDb();
+
+    const [target] = await db.select().from(users).where(eq(users.id, id)).limit(1);
+    if (!target) return reply.code(404).send({ error: 'not_found' });
+    if (target.isSuspended) return reply.code(409).send({ error: 'target_suspended' });
+    if (target.id === req.user!.id) return reply.code(409).send({ error: 'cannot_impersonate_self' });
+
+    const oldToken = req.cookies?.[SESSION_COOKIE];
+    if (oldToken) await destroySession(oldToken);
+
+    const { token, expiresAt } = await createSession({
+      userId: target.id,
+      ip: req.ip,
+      userAgent: req.headers['user-agent'] ?? null,
+    });
+    app.setSessionCookie(reply, token, expiresAt);
+    app.setCsrfCookie(reply, generateCsrfToken());
+
+    await logAudit({
+      userId: req.user!.id,
+      firmId: target.firmId,
+      action: 'admin.impersonate',
+      meta: { targetUserId: target.id, targetEmail: target.email },
+      ip: req.ip,
+    });
+
+    return { ok: true, impersonating: { id: target.id, email: target.email, firmId: target.firmId } };
+  });
+
+  // ─────────────────────────── Contact inbox ───────────────────────────
+  app.get('/api/admin/contact-messages', async (req) => {
+    const q = z
+      .object({
+        resolved: z.enum(['true', 'false']).optional(),
+        limit: z.coerce.number().int().positive().max(200).default(100),
+        offset: z.coerce.number().int().min(0).default(0),
+      })
+      .parse(req.query);
+
+    const filters: Parameters<typeof and> = [];
+    if (q.resolved === 'true') filters.push(sql`${contactMessages.resolvedAt} is not null`);
+    if (q.resolved === 'false') filters.push(isNull(contactMessages.resolvedAt));
+    const where = filters.length ? and(...filters) : undefined;
+
+    const db = getDb();
+    const rows = await db
+      .select()
+      .from(contactMessages)
+      .where(where)
+      .orderBy(desc(contactMessages.createdAt))
+      .limit(q.limit)
+      .offset(q.offset);
+    const [count] = await db
+      .select({ total: sql<number>`count(*)::int` })
+      .from(contactMessages)
+      .where(where);
+    return { items: rows, total: count?.total ?? 0 };
+  });
+
+  app.patch('/api/admin/contact-messages/:id', async (req, reply) => {
+    const { id } = idParam.parse(req.params);
+    const body = z.object({ resolved: z.boolean() }).parse(req.body);
+    const [updated] = await getDb()
+      .update(contactMessages)
+      .set({ resolvedAt: body.resolved ? new Date() : null })
+      .where(eq(contactMessages.id, id))
+      .returning();
+    if (!updated) return reply.code(404).send({ error: 'not_found' });
+    return updated;
+  });
+
+  // ─────────────────────────── Audit log ───────────────────────────
+  app.get('/api/admin/audit-log', async (req) => {
+    const q = z
+      .object({
+        userId: z.string().uuid().optional(),
+        firmId: z.string().uuid().optional(),
+        action: z.string().max(120).optional(),
+        limit: z.coerce.number().int().positive().max(500).default(100),
+        offset: z.coerce.number().int().min(0).default(0),
+      })
+      .parse(req.query);
+
+    const filters: Parameters<typeof and> = [];
+    if (q.userId) filters.push(eq(auditLog.userId, q.userId));
+    if (q.firmId) filters.push(eq(auditLog.firmId, q.firmId));
+    if (q.action) filters.push(ilike(auditLog.action, `%${q.action}%`));
+    const where = filters.length ? and(...filters) : undefined;
+
+    const db = getDb();
+    const rows = await db
+      .select({
+        id: auditLog.id,
+        userId: auditLog.userId,
+        firmId: auditLog.firmId,
+        action: auditLog.action,
+        meta: auditLog.meta,
+        ip: auditLog.ip,
+        createdAt: auditLog.createdAt,
+        userEmail: users.email,
+      })
+      .from(auditLog)
+      .leftJoin(users, eq(users.id, auditLog.userId))
+      .where(where)
+      .orderBy(desc(auditLog.createdAt))
+      .limit(q.limit)
+      .offset(q.offset);
+
+    return { items: rows };
+  });
+
+  // ─────────────────────────── Tool usage analytics ───────────────────────────
+  app.get('/api/admin/tool-usage', async () => {
+    const db = getDb();
+    const since30 = new Date(Date.now() - 30 * 24 * 60 * 60 * 1000);
+    const rows = await db
+      .select({
+        tool: toolUsage.tool,
+        count: sql<number>`count(*)::int`,
+      })
+      .from(toolUsage)
+      .where(gte(toolUsage.createdAt, since30))
+      .groupBy(toolUsage.tool)
+      .orderBy(sql`count(*) desc`);
+    return { items: rows };
+  });
+}
diff --git a/apps/api/src/routes/auth.ts b/apps/api/src/routes/auth.ts
new file mode 100644
index 0000000..26e7c02
--- /dev/null
+++ b/apps/api/src/routes/auth.ts
@@ -0,0 +1,244 @@
+import crypto from 'node:crypto';
+import type { FastifyInstance } from 'fastify';
+import { z } from 'zod';
+import { and, eq, gte, isNull, sql } from 'drizzle-orm';
+import { getDb, users, firms, loginAttempts, passwordResets, sessions as sessionsTable } from '@lawdesk/db';
+import { hashPassword, verifyPassword } from '../auth/password';
+import { SESSION_COOKIE, createSession, destroySession } from '../auth/sessions';
+import { ensureSuperadminFlag } from '../auth/superadmin';
+import { generateCsrfToken } from '../auth/csrf';
+import { sendEmail, passwordResetEmail, welcomeEmail } from '../lib/email';
+import { env } from '../env';
+
+const signupBody = z.object({
+  email: z.string().email().max(254).toLowerCase().trim(),
+  password: z.string().min(10).max(200),
+  fullName: z.string().min(1).max(120).trim(),
+  firmName: z.string().min(1).max(160).trim(),
+});
+
+const loginBody = z.object({
+  email: z.string().email().max(254).toLowerCase().trim(),
+  password: z.string().min(1).max(200),
+});
+
+const MAX_FAILS_PER_15_MIN = 5;
+
+async function recentFailedAttempts(email: string, ip: string | null): Promise<number> {
+  const since = new Date(Date.now() - 15 * 60 * 1000);
+  const db = getDb();
+  const rows = await db
+    .select({ count: sql<number>`count(*)::int` })
+    .from(loginAttempts)
+    .where(
+      and(
+        eq(loginAttempts.email, email),
+        eq(loginAttempts.success, false),
+        gte(loginAttempts.attemptedAt, since),
+      ),
+    );
+  return rows[0]?.count ?? 0;
+}
+
+export async function authRoutes(app: FastifyInstance) {
+  app.post(
+    '/api/auth/signup',
+    { config: { rateLimit: { max: 5, timeWindow: '1 hour' } } },
+    async (req, reply) => {
+    const body = signupBody.parse(req.body);
+    const db = getDb();
+
+    const existing = await db.select({ id: users.id }).from(users).where(eq(users.email, body.email)).limit(1);
+    if (existing.length > 0) {
+      return reply.code(409).send({ error: 'email_taken' });
+    }
+
+    const passwordHash = await hashPassword(body.password);
+
+    const [firm] = await db.insert(firms).values({ name: body.firmName }).returning();
+    if (!firm) return reply.code(500).send({ error: 'firm_create_failed' });
+
+    const [user] = await db
+      .insert(users)
+      .values({
+        email: body.email,
+        passwordHash,
+        fullName: body.fullName,
+        firmId: firm.id,
+        role: 'owner',
+      })
+      .returning();
+    if (!user) return reply.code(500).send({ error: 'user_create_failed' });
+
+    const isSuperadmin = await ensureSuperadminFlag(user.id, user.email, user.isSuperadmin);
+
+    const { token, expiresAt } = await createSession({
+      userId: user.id,
+      ip: req.ip,
+      userAgent: req.headers['user-agent'] ?? null,
+    });
+    app.setSessionCookie(reply, token, expiresAt);
+    app.setCsrfCookie(reply, generateCsrfToken());
+
+    // Fire-and-forget welcome email (no blocking)
+    const welcome = welcomeEmail(user.fullName, null);
+    sendEmail({ to: user.email, ...welcome }).catch((err) => app.log.warn({ err }, 'welcome email failed'));
+
+    return reply.code(201).send({
+      user: {
+        id: user.id,
+        email: user.email,
+        fullName: user.fullName,
+        firmId: firm.id,
+        role: user.role,
+        isSuperadmin,
+        isSuspended: user.isSuspended,
+      },
+    });
+  });
+
+  app.post(
+    '/api/auth/login',
+    { config: { rateLimit: { max: 10, timeWindow: '15 minutes' } } },
+    async (req, reply) => {
+    const body = loginBody.parse(req.body);
+    const db = getDb();
+    const ip = req.ip ?? null;
+
+    const fails = await recentFailedAttempts(body.email, ip);
+    if (fails >= MAX_FAILS_PER_15_MIN) {
+      return reply.code(429).send({ error: 'too_many_attempts' });
+    }
+
+    const [user] = await db.select().from(users).where(eq(users.email, body.email)).limit(1);
+
+    const ok = user ? await verifyPassword(user.passwordHash, body.password) : false;
+
+    await db.insert(loginAttempts).values({ email: body.email, ip, success: ok });
+
+    if (!ok || !user) {
+      return reply.code(401).send({ error: 'invalid_credentials' });
+    }
+
+    if (user.isSuspended) {
+      return reply.code(403).send({ error: 'account_suspended' });
+    }
+
+    const isSuperadmin = await ensureSuperadminFlag(user.id, user.email, user.isSuperadmin);
+
+    await db.update(users).set({ lastSeenAt: new Date() }).where(eq(users.id, user.id));
+
+    const { token, expiresAt } = await createSession({
+      userId: user.id,
+      ip,
+      userAgent: req.headers['user-agent'] ?? null,
+    });
+    app.setSessionCookie(reply, token, expiresAt);
+    app.setCsrfCookie(reply, generateCsrfToken());
+
+    return {
+      user: {
+        id: user.id,
+        email: user.email,
+        fullName: user.fullName,
+        firmId: user.firmId,
+        role: user.role,
+        isSuperadmin,
+        isSuspended: user.isSuspended,
+      },
+    };
+  });
+
+  app.post('/api/auth/logout', async (req, reply) => {
+    const token = req.cookies?.[SESSION_COOKIE];
+    if (token) await destroySession(token);
+    app.clearSessionCookie(reply);
+    app.clearCsrfCookie(reply);
+    return { ok: true };
+  });
+
+  app.get('/api/auth/me', async (req, reply) => {
+    if (!req.user) return reply.code(401).send({ error: 'unauthorized' });
+    return { user: req.user };
+  });
+
+  // ─────────────────────────── Password reset ───────────────────────────
+
+  // Request a reset link. Always returns ok=true so an attacker can't enumerate emails.
+  app.post(
+    '/api/auth/request-password-reset',
+    { config: { rateLimit: { max: 5, timeWindow: '15 minutes' } } },
+    async (req) => {
+      const parsed = z.object({ email: z.string().email().max(254).toLowerCase().trim() }).safeParse(req.body);
+      if (!parsed.success) return { ok: true };
+
+      const db = getDb();
+      const [user] = await db.select().from(users).where(eq(users.email, parsed.data.email)).limit(1);
+      if (!user || user.isSuspended) return { ok: true };
+
+      const rawToken = crypto.randomBytes(32).toString('base64url');
+      const tokenHash = crypto.createHash('sha256').update(rawToken).digest('hex');
+      const expiresAt = new Date(Date.now() + 60 * 60 * 1000); // 1 hour
+
+      await db.insert(passwordResets).values({ tokenHash, userId: user.id, expiresAt });
+
+      const resetUrl = `${env.PUBLIC_URL}/reset-password?token=${rawToken}`;
+      const tpl = passwordResetEmail(user.fullName, resetUrl);
+      sendEmail({ to: user.email, ...tpl }).catch((err) =>
+        app.log.warn({ err }, 'password reset email failed'),
+      );
+
+      return { ok: true };
+    },
+  );
+
+  // Apply a new password using the token from the email.
+  app.post(
+    '/api/auth/reset-password',
+    { config: { rateLimit: { max: 10, timeWindow: '15 minutes' } } },
+    async (req, reply) => {
+      const parsed = z
+        .object({
+          token: z.string().min(20).max(200),
+          password: z.string().min(10).max(200),
+        })
+        .safeParse(req.body);
+      if (!parsed.success) return reply.code(400).send({ error: 'invalid_input' });
+
+      const tokenHash = crypto.createHash('sha256').update(parsed.data.token).digest('hex');
+      const db = getDb();
+
+      const [reset] = await db
+        .select()
+        .from(passwordResets)
+        .where(and(eq(passwordResets.tokenHash, tokenHash), isNull(passwordResets.consumedAt)))
+        .limit(1);
+
+      if (!reset) return reply.code(400).send({ error: 'invalid_or_used_token' });
+      if (reset.expiresAt.getTime() < Date.now()) {
+        return reply.code(400).send({ error: 'token_expired' });
+      }
+
+      const [user] = await db.select().from(users).where(eq(users.id, reset.userId)).limit(1);
+      if (!user) return reply.code(400).send({ error: 'user_not_found' });
+      if (user.isSuspended) return reply.code(403).send({ error: 'account_suspended' });
+
+      const passwordHash = await hashPassword(parsed.data.password);
+
+      await db.transaction(async (tx) => {
+        await tx
+          .update(users)
+          .set({ passwordHash, updatedAt: new Date() })
+          .where(eq(users.id, user.id));
+        await tx
+          .update(passwordResets)
+          .set({ consumedAt: new Date() })
+          .where(eq(passwordResets.tokenHash, tokenHash));
+        // Revoke all existing sessions for this user — they should re-login with the new password
+        await tx.delete(sessionsTable).where(eq(sessionsTable.userId, user.id));
+      });
+
+      return { ok: true };
+    },
+  );
+}
diff --git a/apps/api/src/routes/billing.ts b/apps/api/src/routes/billing.ts
new file mode 100644
index 0000000..ac2cf81
--- /dev/null
+++ b/apps/api/src/routes/billing.ts
@@ -0,0 +1,77 @@
+import type { FastifyInstance } from 'fastify';
+import { z } from 'zod';
+import { eq } from 'drizzle-orm';
+import { getDb, firms } from '@lawdesk/db';
+import { env } from '../env';
+import { getStripe, getPlanConfig, stripeIsConfigured } from '../lib/stripe';
+
+export async function billingRoutes(app: FastifyInstance) {
+  app.addHook('preHandler', app.requireFirm);
+
+  // Status — what does the UI need to show? Configured at all? Current plan? Has subscription?
+  app.get('/api/billing/status', async (req) => {
+    const firmId = req.user!.firmId!;
+    const [firm] = await getDb().select().from(firms).where(eq(firms.id, firmId)).limit(1);
+    return {
+      configured: stripeIsConfigured(),
+      plan: firm?.plan ?? 'starter',
+      hasSubscription: !!firm?.stripeSubscriptionId,
+      hasCustomer: !!firm?.stripeCustomerId,
+    };
+  });
+
+  // Create a Checkout Session — returns the URL to redirect the user to.
+  app.post('/api/billing/checkout', async (req, reply) => {
+    const parsed = z
+      .object({ plan: z.enum(['pro', 'lifetime']) })
+      .safeParse(req.body);
+    if (!parsed.success) return reply.code(400).send({ error: 'invalid_plan' });
+
+    if (!stripeIsConfigured()) return reply.code(503).send({ error: 'stripe_not_configured' });
+
+    const firmId = req.user!.firmId!;
+    const userEmail = req.user!.email;
+    const planCfg = getPlanConfig(parsed.data.plan);
+    if (!planCfg) return reply.code(503).send({ error: 'plan_not_configured' });
+
+    const db = getDb();
+    const [firm] = await db.select().from(firms).where(eq(firms.id, firmId)).limit(1);
+    if (!firm) return reply.code(404).send({ error: 'firm_not_found' });
+
+    const stripe = getStripe();
+
+    // Reuse the customer if we've made one before; otherwise let Checkout create one and we'll
+    // capture it on the webhook.
+    const session = await stripe.checkout.sessions.create({
+      mode: planCfg.mode,
+      line_items: [{ price: planCfg.priceId, quantity: 1 }],
+      customer: firm.stripeCustomerId ?? undefined,
+      customer_email: firm.stripeCustomerId ? undefined : userEmail,
+      client_reference_id: firmId,
+      metadata: { firmId, plan: planCfg.planName },
+      subscription_data:
+        planCfg.mode === 'subscription' ? { metadata: { firmId, plan: planCfg.planName } } : undefined,
+      success_url: `${env.PUBLIC_URL}/billing/success?session_id={CHECKOUT_SESSION_ID}`,
+      cancel_url: `${env.PUBLIC_URL}/billing/cancel`,
+      allow_promotion_codes: true,
+    });
+
+    return { url: session.url };
+  });
+
+  // Customer Portal — for managing the subscription, updating payment method, viewing invoices.
+  app.post('/api/billing/portal', async (req, reply) => {
+    if (!stripeIsConfigured()) return reply.code(503).send({ error: 'stripe_not_configured' });
+
+    const firmId = req.user!.firmId!;
+    const [firm] = await getDb().select().from(firms).where(eq(firms.id, firmId)).limit(1);
+    if (!firm?.stripeCustomerId) return reply.code(404).send({ error: 'no_customer' });
+
+    const stripe = getStripe();
+    const session = await stripe.billingPortal.sessions.create({
+      customer: firm.stripeCustomerId,
+      return_url: `${env.PUBLIC_URL}/app/settings`,
+    });
+    return { url: session.url };
+  });
+}
diff --git a/apps/api/src/routes/cases.ts b/apps/api/src/routes/cases.ts
new file mode 100644
index 0000000..7d258e2
--- /dev/null
+++ b/apps/api/src/routes/cases.ts
@@ -0,0 +1,177 @@
+import type { FastifyInstance } from 'fastify';
+import { z } from 'zod';
+import { and, desc, eq, ilike, or, sql } from 'drizzle-orm';
+import { getDb, cases, clients, timeEntries } from '@lawdesk/db';
+import { loadFirm } from '../lib/firm';
+import { assertCanCreateCase, PlanLimitError } from '../lib/plan-limits';
+
+const STATUSES = ['open', 'pending', 'closed', 'archived'] as const;
+
+const createBody = z.object({
+  clientId: z.string().uuid(),
+  title: z.string().min(1).max(200).trim(),
+  caseNumber: z.string().max(80).optional().nullable(),
+  status: z.enum(STATUSES).default('open'),
+  practiceArea: z.string().max(120).optional().nullable(),
+  description: z.string().max(5000).optional().nullable(),
+  hourlyRate: z.coerce.number().nonnegative().optional().nullable(),
+});
+
+const updateBody = createBody.partial();
+
+const listQuery = z.object({
+  q: z.string().max(160).optional(),
+  status: z.enum(STATUSES).optional(),
+  clientId: z.string().uuid().optional(),
+  limit: z.coerce.number().int().positive().max(200).default(50),
+  offset: z.coerce.number().int().min(0).default(0),
+});
+
+async function assertClientBelongsToFirm(firmId: string, clientId: string): Promise<boolean> {
+  const [row] = await getDb()
+    .select({ id: clients.id })
+    .from(clients)
+    .where(and(eq(clients.id, clientId), eq(clients.firmId, firmId)))
+    .limit(1);
+  return !!row;
+}
+
+export async function casesRoutes(app: FastifyInstance) {
+  app.addHook('preHandler', app.requireFirm);
+
+  app.get('/api/cases', async (req) => {
+    const firmId = req.user!.firmId!;
+    const { q, status, clientId, limit, offset } = listQuery.parse(req.query);
+    const db = getDb();
+
+    const filters = [eq(cases.firmId, firmId)];
+    if (status) filters.push(eq(cases.status, status));
+    if (clientId) filters.push(eq(cases.clientId, clientId));
+    if (q) filters.push(or(ilike(cases.title, `%${q}%`), ilike(cases.caseNumber, `%${q}%`))!);
+    const where = and(...filters);
+
+    const rows = await db
+      .select({
+        id: cases.id,
+        title: cases.title,
+        caseNumber: cases.caseNumber,
+        status: cases.status,
+        practiceArea: cases.practiceArea,
+        hourlyRate: cases.hourlyRate,
+        openedAt: cases.openedAt,
+        clientId: cases.clientId,
+        clientName: clients.name,
+        billedMinutes: sql<number>`coalesce((select sum(${timeEntries.minutes})::int from ${timeEntries} where ${timeEntries.caseId} = ${cases.id}), 0)`,
+      })
+      .from(cases)
+      .innerJoin(clients, eq(clients.id, cases.clientId))
+      .where(where)
+      .orderBy(desc(cases.openedAt))
+      .limit(limit)
+      .offset(offset);
+
+    const [count] = await db.select({ total: sql<number>`count(*)::int` }).from(cases).where(where);
+    return { items: rows, total: count?.total ?? 0 };
+  });
+
+  app.get('/api/cases/:id', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+
+    const [row] = await getDb()
+      .select({
+        id: cases.id,
+        title: cases.title,
+        caseNumber: cases.caseNumber,
+        status: cases.status,
+        practiceArea: cases.practiceArea,
+        description: cases.description,
+        hourlyRate: cases.hourlyRate,
+        openedAt: cases.openedAt,
+        closedAt: cases.closedAt,
+        clientId: cases.clientId,
+        clientName: clients.name,
+        clientEmail: clients.email,
+      })
+      .from(cases)
+      .innerJoin(clients, eq(clients.id, cases.clientId))
+      .where(and(eq(cases.id, id), eq(cases.firmId, firmId)))
+      .limit(1);
+
+    if (!row) return reply.code(404).send({ error: 'not_found' });
+    return row;
+  });
+
+  app.post('/api/cases', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const firm = await loadFirm(firmId);
+    if (!firm) return reply.code(403).send({ error: 'firm_missing' });
+
+    const body = createBody.parse(req.body);
+    if (!(await assertClientBelongsToFirm(firmId, body.clientId))) {
+      return reply.code(400).send({ error: 'invalid_client' });
+    }
+
+    if (body.status === 'open') {
+      try {
+        await assertCanCreateCase(firmId, firm.plan);
+      } catch (e) {
+        if (e instanceof PlanLimitError) return reply.code(402).send({ error: e.message, plan: firm.plan });
+        throw e;
+      }
+    }
+
+    const [row] = await getDb()
+      .insert(cases)
+      .values({
+        firmId,
+        clientId: body.clientId,
+        title: body.title,
+        caseNumber: body.caseNumber ?? null,
+        status: body.status,
+        practiceArea: body.practiceArea ?? null,
+        description: body.description ?? null,
+        hourlyRate: body.hourlyRate != null ? String(body.hourlyRate) : null,
+      })
+      .returning();
+    return reply.code(201).send(row);
+  });
+
+  app.patch('/api/cases/:id', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const body = updateBody.parse(req.body);
+    if (Object.keys(body).length === 0) return reply.code(400).send({ error: 'empty_body' });
+
+    if (body.clientId && !(await assertClientBelongsToFirm(firmId, body.clientId))) {
+      return reply.code(400).send({ error: 'invalid_client' });
+    }
+
+    const patch: Record<string, unknown> = { updatedAt: new Date() };
+    for (const [k, v] of Object.entries(body)) {
+      if (v === undefined) continue;
+      patch[k] = k === 'hourlyRate' && v != null ? String(v) : v;
+    }
+    if (body.status === 'closed') patch.closedAt = new Date();
+    if (body.status && body.status !== 'closed') patch.closedAt = null;
+
+    const [row] = await getDb()
+      .update(cases)
+      .set(patch)
+      .where(and(eq(cases.id, id), eq(cases.firmId, firmId)))
+      .returning();
+    if (!row) return reply.code(404).send({ error: 'not_found' });
+    return row;
+  });
+
+  app.delete('/api/cases/:id', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const [row] = await getDb()
+      .delete(cases)
+      .where(and(eq(cases.id, id), eq(cases.firmId, firmId)))
+      .returning({ id: cases.id });
+    if (!row) return reply.code(404).send({ error: 'not_found' });
+    return { ok: true };
+  });
+}
diff --git a/apps/api/src/routes/clients.ts b/apps/api/src/routes/clients.ts
new file mode 100644
index 0000000..710d895
--- /dev/null
+++ b/apps/api/src/routes/clients.ts
@@ -0,0 +1,122 @@
+import type { FastifyInstance } from 'fastify';
+import { z } from 'zod';
+import { and, desc, eq, ilike, or, sql } from 'drizzle-orm';
+import { getDb, clients, cases } from '@lawdesk/db';
+import { loadFirm } from '../lib/firm';
+import { assertCanCreateClient, PlanLimitError } from '../lib/plan-limits';
+
+const createBody = z.object({
+  name: z.string().min(1).max(160).trim(),
+  email: z.string().email().max(254).optional().nullable(),
+  phone: z.string().max(40).optional().nullable(),
+  address: z.string().max(500).optional().nullable(),
+  notes: z.string().max(5000).optional().nullable(),
+});
+
+const updateBody = createBody.partial();
+
+const listQuery = z.object({
+  q: z.string().max(160).optional(),
+  limit: z.coerce.number().int().positive().max(200).default(50),
+  offset: z.coerce.number().int().min(0).default(0),
+});
+
+export async function clientsRoutes(app: FastifyInstance) {
+  app.addHook('preHandler', app.requireFirm);
+
+  app.get('/api/clients', async (req) => {
+    const firmId = req.user!.firmId!;
+    const { q, limit, offset } = listQuery.parse(req.query);
+    const db = getDb();
+
+    const where = q
+      ? and(
+          eq(clients.firmId, firmId),
+          or(ilike(clients.name, `%${q}%`), ilike(clients.email, `%${q}%`)),
+        )
+      : eq(clients.firmId, firmId);
+
+    const rows = await db
+      .select({
+        id: clients.id,
+        name: clients.name,
+        email: clients.email,
+        phone: clients.phone,
+        createdAt: clients.createdAt,
+        caseCount: sql<number>`(select count(*)::int from ${cases} where ${cases.clientId} = ${clients.id})`,
+      })
+      .from(clients)
+      .where(where)
+      .orderBy(desc(clients.createdAt))
+      .limit(limit)
+      .offset(offset);
+
+    const [count] = await db
+      .select({ total: sql<number>`count(*)::int` })
+      .from(clients)
+      .where(where);
+
+    return { items: rows, total: count?.total ?? 0 };
+  });
+
+  app.get('/api/clients/:id', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const [row] = await getDb()
+      .select()
+      .from(clients)
+      .where(and(eq(clients.id, id), eq(clients.firmId, firmId)))
+      .limit(1);
+    if (!row) return reply.code(404).send({ error: 'not_found' });
+    return row;
+  });
+
+  app.post('/api/clients', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const firm = await loadFirm(firmId);
+    if (!firm) return reply.code(403).send({ error: 'firm_missing' });
+
+    try {
+      await assertCanCreateClient(firmId, firm.plan);
+    } catch (e) {
+      if (e instanceof PlanLimitError) {
+        return reply.code(402).send({ error: e.message, plan: firm.plan });
+      }
+      throw e;
+    }
+
+    const body = createBody.parse(req.body);
+    const [row] = await getDb()
+      .insert(clients)
+      .values({ firmId, ...body })
+      .returning();
+    return reply.code(201).send(row);
+  });
+
+  app.patch('/api/clients/:id', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const body = updateBody.parse(req.body);
+    if (Object.keys(body).length === 0) return reply.code(400).send({ error: 'empty_body' });
+
+    const [row] = await getDb()
+      .update(clients)
+      .set({ ...body, updatedAt: new Date() })
+      .where(and(eq(clients.id, id), eq(clients.firmId, firmId)))
+      .returning();
+    if (!row) return reply.code(404).send({ error: 'not_found' });
+    return row;
+  });
+
+  app.delete('/api/clients/:id', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+
+    const [row] = await getDb()
+      .delete(clients)
+      .where(and(eq(clients.id, id), eq(clients.firmId, firmId)))
+      .returning({ id: clients.id });
+    if (!row) return reply.code(404).send({ error: 'not_found' });
+    return { ok: true };
+  });
+}
diff --git a/apps/api/src/routes/contact.ts b/apps/api/src/routes/contact.ts
new file mode 100644
index 0000000..5e321f4
--- /dev/null
+++ b/apps/api/src/routes/contact.ts
@@ -0,0 +1,33 @@
+import type { FastifyInstance } from 'fastify';
+import { z } from 'zod';
+import { getDb, contactMessages } from '@lawdesk/db';
+import { sendEmail, contactAckEmail } from '../lib/email';
+
+const contactBody = z.object({
+  fullName: z.string().min(1).max(120).trim(),
+  email: z.string().email().max(254).toLowerCase().trim(),
+  message: z.string().min(1).max(5000).trim(),
+});
+
+export async function contactRoutes(app: FastifyInstance) {
+  app.post(
+    '/api/contact',
+    { config: { rateLimit: { max: 5, timeWindow: '10 minutes' } } },
+    async (req, reply) => {
+      const parsed = contactBody.safeParse(req.body);
+      if (!parsed.success) return reply.code(400).send({ error: 'invalid_input' });
+      const body = parsed.data;
+      await getDb().insert(contactMessages).values({
+        fullName: body.fullName,
+        email: body.email,
+        message: body.message,
+        ip: req.ip ?? null,
+      });
+      const tpl = contactAckEmail(body.fullName);
+      sendEmail({ to: body.email, ...tpl }).catch((err) =>
+        app.log.warn({ err }, 'contact ack email failed'),
+      );
+      return reply.code(201).send({ ok: true });
+    },
+  );
+}
diff --git a/apps/api/src/routes/health.ts b/apps/api/src/routes/health.ts
new file mode 100644
index 0000000..702035e
--- /dev/null
+++ b/apps/api/src/routes/health.ts
@@ -0,0 +1,17 @@
+import type { FastifyInstance } from 'fastify';
+import { sql } from 'drizzle-orm';
+import { getDb } from '@lawdesk/db';
+
+export async function healthRoutes(app: FastifyInstance) {
+  app.get('/api/health', async () => ({ ok: true, ts: Date.now() }));
+
+  app.get('/api/health/db', async (_req, reply) => {
+    try {
+      await getDb().execute(sql`select 1`);
+      return { ok: true };
+    } catch (err) {
+      app.log.error({ err }, 'db health check failed');
+      return reply.code(503).send({ ok: false });
+    }
+  });
+}
diff --git a/apps/api/src/routes/invoices.ts b/apps/api/src/routes/invoices.ts
new file mode 100644
index 0000000..6bb89c0
--- /dev/null
+++ b/apps/api/src/routes/invoices.ts
@@ -0,0 +1,562 @@
+import type { FastifyInstance } from 'fastify';
+import { z } from 'zod';
+import { and, asc, desc, eq, inArray, sql } from 'drizzle-orm';
+import {
+  getDb,
+  invoices,
+  invoiceItems,
+  clients,
+  cases,
+  timeEntries,
+  firms,
+} from '@lawdesk/db';
+import { loadFirm } from '../lib/firm';
+import { assertCanCreateInvoice, PlanLimitError } from '../lib/plan-limits';
+import { nextInvoiceNumber } from '../lib/invoice-numbering';
+import { renderInvoicePdf } from '../lib/invoice-pdf';
+import { sendEmail, invoiceEmail } from '../lib/email';
+
+const STATUSES = ['draft', 'sent', 'paid', 'overdue', 'void'] as const;
+
+const itemBody = z.object({
+  description: z.string().min(1).max(500),
+  quantity: z.coerce.number().positive().default(1),
+  rate: z.coerce.number().nonnegative(),
+});
+
+const createBody = z.object({
+  clientId: z.string().uuid(),
+  caseId: z.string().uuid().nullable().optional(),
+  notes: z.string().max(5000).nullable().optional(),
+  taxRate: z.coerce.number().min(0).max(100).default(0),
+  dueAt: z.string().datetime().nullable().optional(),
+  // Either provide explicit items or supply timeEntryIds to generate items from time entries.
+  items: z.array(itemBody).optional(),
+  timeEntryIds: z.array(z.string().uuid()).optional(),
+});
+
+const updateBody = z.object({
+  notes: z.string().max(5000).nullable().optional(),
+  taxRate: z.coerce.number().min(0).max(100).optional(),
+  dueAt: z.string().datetime().nullable().optional(),
+});
+
+const listQuery = z.object({
+  status: z.enum(STATUSES).optional(),
+  clientId: z.string().uuid().optional(),
+  caseId: z.string().uuid().optional(),
+  limit: z.coerce.number().int().positive().max(200).default(50),
+  offset: z.coerce.number().int().min(0).default(0),
+});
+
+interface ItemAccumulator {
+  description: string;
+  quantity: string;
+  rate: string;
+  amount: string;
+  sortOrder: number;
+  timeEntryId?: string;
+}
+
+function round2(n: number): number {
+  return Math.round(n * 100) / 100;
+}
+
+function computeTotals(items: { quantity: string; rate: string; amount: string }[], taxRate: number) {
+  const subtotal = items.reduce((acc, it) => acc + Number(it.amount), 0);
+  const total = round2(subtotal * (1 + taxRate / 100));
+  return { subtotal: round2(subtotal), total };
+}
+
+export async function invoicesRoutes(app: FastifyInstance) {
+  app.addHook('preHandler', app.requireFirm);
+
+  // List
+  app.get('/api/invoices', async (req) => {
+    const firmId = req.user!.firmId!;
+    const { status, clientId, caseId, limit, offset } = listQuery.parse(req.query);
+    const db = getDb();
+
+    const filters = [eq(invoices.firmId, firmId)];
+    if (status) filters.push(eq(invoices.status, status));
+    if (clientId) filters.push(eq(invoices.clientId, clientId));
+    if (caseId) filters.push(eq(invoices.caseId, caseId));
+    const where = and(...filters);
+
+    const rows = await db
+      .select({
+        id: invoices.id,
+        number: invoices.number,
+        status: invoices.status,
+        total: invoices.total,
+        subtotal: invoices.subtotal,
+        issuedAt: invoices.issuedAt,
+        dueAt: invoices.dueAt,
+        paidAt: invoices.paidAt,
+        createdAt: invoices.createdAt,
+        clientId: invoices.clientId,
+        clientName: clients.name,
+        caseId: invoices.caseId,
+        caseTitle: cases.title,
+      })
+      .from(invoices)
+      .innerJoin(clients, eq(clients.id, invoices.clientId))
+      .leftJoin(cases, eq(cases.id, invoices.caseId))
+      .where(where)
+      .orderBy(desc(invoices.createdAt))
+      .limit(limit)
+      .offset(offset);
+
+    const [count] = await db
+      .select({ total: sql<number>`count(*)::int` })
+      .from(invoices)
+      .where(where);
+
+    return { items: rows, total: count?.total ?? 0 };
+  });
+
+  // Get with items
+  app.get('/api/invoices/:id', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const db = getDb();
+
+    const [inv] = await db
+      .select({
+        id: invoices.id,
+        number: invoices.number,
+        status: invoices.status,
+        subtotal: invoices.subtotal,
+        taxRate: invoices.taxRate,
+        total: invoices.total,
+        notes: invoices.notes,
+        issuedAt: invoices.issuedAt,
+        dueAt: invoices.dueAt,
+        paidAt: invoices.paidAt,
+        createdAt: invoices.createdAt,
+        clientId: invoices.clientId,
+        clientName: clients.name,
+        clientEmail: clients.email,
+        caseId: invoices.caseId,
+        caseTitle: cases.title,
+      })
+      .from(invoices)
+      .innerJoin(clients, eq(clients.id, invoices.clientId))
+      .leftJoin(cases, eq(cases.id, invoices.caseId))
+      .where(and(eq(invoices.id, id), eq(invoices.firmId, firmId)))
+      .limit(1);
+
+    if (!inv) return reply.code(404).send({ error: 'not_found' });
+
+    const items = await db
+      .select()
+      .from(invoiceItems)
+      .where(eq(invoiceItems.invoiceId, inv.id))
+      .orderBy(asc(invoiceItems.sortOrder));
+
+    return { ...inv, items };
+  });
+
+  // Create
+  app.post('/api/invoices', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const firm = await loadFirm(firmId);
+    if (!firm) return reply.code(403).send({ error: 'firm_missing' });
+
+    try {
+      await assertCanCreateInvoice(firmId, firm.plan);
+    } catch (e) {
+      if (e instanceof PlanLimitError) return reply.code(402).send({ error: e.message, plan: firm.plan });
+      throw e;
+    }
+
+    const body = createBody.parse(req.body);
+    const db = getDb();
+
+    // Validate client belongs to firm
+    const [client] = await db
+      .select({ id: clients.id })
+      .from(clients)
+      .where(and(eq(clients.id, body.clientId), eq(clients.firmId, firmId)))
+      .limit(1);
+    if (!client) return reply.code(400).send({ error: 'invalid_client' });
+
+    // Validate case belongs to firm (and to client) if provided
+    if (body.caseId) {
+      const [c] = await db
+        .select({ id: cases.id })
+        .from(cases)
+        .where(and(eq(cases.id, body.caseId), eq(cases.firmId, firmId), eq(cases.clientId, body.clientId)))
+        .limit(1);
+      if (!c) return reply.code(400).send({ error: 'invalid_case' });
+    }
+
+    // Build line items
+    const accumulated: ItemAccumulator[] = [];
+
+    if (body.items && body.items.length) {
+      body.items.forEach((it, i) => {
+        accumulated.push({
+          description: it.description,
+          quantity: String(it.quantity),
+          rate: String(it.rate),
+          amount: String(round2(it.quantity * it.rate)),
+          sortOrder: i,
+        });
+      });
+    }
+
+    if (body.timeEntryIds && body.timeEntryIds.length) {
+      const entries = await db
+        .select({
+          id: timeEntries.id,
+          description: timeEntries.description,
+          minutes: timeEntries.minutes,
+          rate: timeEntries.rate,
+          billable: timeEntries.billable,
+          invoiceItemId: timeEntries.invoiceItemId,
+          caseId: timeEntries.caseId,
+        })
+        .from(timeEntries)
+        .where(and(eq(timeEntries.firmId, firmId), inArray(timeEntries.id, body.timeEntryIds)));
+
+      if (entries.length !== body.timeEntryIds.length) {
+        return reply.code(400).send({ error: 'invalid_time_entries' });
+      }
+      for (const e of entries) {
+        if (e.invoiceItemId) return reply.code(409).send({ error: 'time_entry_already_invoiced' });
+        if (!e.billable) return reply.code(400).send({ error: 'time_entry_not_billable' });
+        if (body.caseId && e.caseId !== body.caseId) {
+          return reply.code(400).send({ error: 'time_entry_case_mismatch' });
+        }
+      }
+
+      const startSort = accumulated.length;
+      entries.forEach((e, i) => {
+        const hours = round2(e.minutes / 60);
+        const rate = Number(e.rate);
+        accumulated.push({
+          description: e.description,
+          quantity: String(hours),
+          rate: String(rate),
+          amount: String(round2(hours * rate)),
+          sortOrder: startSort + i,
+          timeEntryId: e.id,
+        });
+      });
+    }
+
+    if (!accumulated.length) {
+      return reply.code(400).send({ error: 'no_items' });
+    }
+
+    const taxRate = body.taxRate;
+    const totals = computeTotals(accumulated, taxRate);
+    const number = await nextInvoiceNumber(firmId);
+
+    const created = await db.transaction(async (tx) => {
+      const [inv] = await tx
+        .insert(invoices)
+        .values({
+          firmId,
+          clientId: body.clientId,
+          caseId: body.caseId ?? null,
+          number,
+          status: 'draft',
+          subtotal: String(totals.subtotal),
+          taxRate: String(taxRate),
+          total: String(totals.total),
+          notes: body.notes ?? null,
+          dueAt: body.dueAt ? new Date(body.dueAt) : null,
+        })
+        .returning();
+      if (!inv) throw new Error('invoice_insert_failed');
+
+      const insertedItems = await tx
+        .insert(invoiceItems)
+        .values(
+          accumulated.map((a) => ({
+            invoiceId: inv.id,
+            description: a.description,
+            quantity: a.quantity,
+            rate: a.rate,
+            amount: a.amount,
+            sortOrder: a.sortOrder,
+          })),
+        )
+        .returning();
+
+      // Link the time entries (when generated from time) to their new invoice items
+      const updates: Array<Promise<unknown>> = [];
+      accumulated.forEach((a, i) => {
+        if (!a.timeEntryId) return;
+        const item = insertedItems[i];
+        if (!item) return;
+        updates.push(
+          tx
+            .update(timeEntries)
+            .set({ invoiceItemId: item.id, updatedAt: new Date() })
+            .where(eq(timeEntries.id, a.timeEntryId)),
+        );
+      });
+      await Promise.all(updates);
+
+      return inv;
+    });
+
+    return reply.code(201).send(created);
+  });
+
+  // Update (notes, dueAt, taxRate; only on drafts)
+  app.patch('/api/invoices/:id', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const body = updateBody.parse(req.body);
+    const db = getDb();
+
+    const [existing] = await db
+      .select()
+      .from(invoices)
+      .where(and(eq(invoices.id, id), eq(invoices.firmId, firmId)))
+      .limit(1);
+    if (!existing) return reply.code(404).send({ error: 'not_found' });
+    if (existing.status !== 'draft') return reply.code(409).send({ error: 'invoice_not_draft' });
+
+    const patch: Record<string, unknown> = { updatedAt: new Date() };
+    if (body.notes !== undefined) patch.notes = body.notes;
+    if (body.dueAt !== undefined) patch.dueAt = body.dueAt ? new Date(body.dueAt) : null;
+
+    if (body.taxRate !== undefined) {
+      patch.taxRate = String(body.taxRate);
+      const items = await db.select().from(invoiceItems).where(eq(invoiceItems.invoiceId, id));
+      const totals = computeTotals(items, body.taxRate);
+      patch.subtotal = String(totals.subtotal);
+      patch.total = String(totals.total);
+    }
+
+    const [row] = await db.update(invoices).set(patch).where(eq(invoices.id, id)).returning();
+    return row;
+  });
+
+  // Send (draft → sent, set issuedAt). Emails the client with the PDF attached if we have
+  // their email on file. Email failure does not block the status change.
+  app.post('/api/invoices/:id/send', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const db = getDb();
+
+    const [existing] = await db
+      .select()
+      .from(invoices)
+      .where(and(eq(invoices.id, id), eq(invoices.firmId, firmId)))
+      .limit(1);
+    if (!existing) return reply.code(404).send({ error: 'not_found' });
+    if (existing.status !== 'draft') return reply.code(409).send({ error: 'invoice_not_draft' });
+
+    const now = new Date();
+    const [row] = await db
+      .update(invoices)
+      .set({ status: 'sent', issuedAt: now, updatedAt: now })
+      .where(eq(invoices.id, id))
+      .returning();
+    if (!row) return reply.code(500).send({ error: 'update_failed' });
+
+    // Render PDF + email the client (best-effort).
+    try {
+      const [client] = await db.select().from(clients).where(eq(clients.id, row.clientId)).limit(1);
+      const [firm] = await db.select().from(firms).where(eq(firms.id, firmId)).limit(1);
+      if (!client?.email || !firm) {
+        app.log.info({ invoiceId: id }, 'invoice sent, skipped email (no client email or firm missing)');
+        return row;
+      }
+
+      const items = await db
+        .select()
+        .from(invoiceItems)
+        .where(eq(invoiceItems.invoiceId, id))
+        .orderBy(asc(invoiceItems.sortOrder));
+
+      const pdfStream = renderInvoicePdf({
+        number: row.number,
+        status: row.status,
+        issuedAt: row.issuedAt,
+        dueAt: row.dueAt,
+        notes: row.notes,
+        subtotal: row.subtotal,
+        taxRate: row.taxRate,
+        total: row.total,
+        firm: { name: firm.name },
+        client: { name: client.name, email: client.email, address: client.address },
+        items: items.map((it) => ({
+          description: it.description,
+          quantity: it.quantity,
+          rate: it.rate,
+          amount: it.amount,
+        })),
+        watermark: firm.watermarkEnabled,
+      });
+
+      // Collect the PDF stream into a buffer.
+      const chunks: Buffer[] = [];
+      for await (const chunk of pdfStream as AsyncIterable<Buffer | string>) {
+        chunks.push(typeof chunk === 'string' ? Buffer.from(chunk) : chunk);
+      }
+      const pdfBuffer = Buffer.concat(chunks);
+
+      const totalFmt = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(
+        Number(row.total),
+      );
+      const dueDate = row.dueAt ? row.dueAt.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' }) : null;
+
+      const tpl = invoiceEmail({
+        clientName: client.name,
+        firmName: firm.name,
+        invoiceNumber: row.number,
+        total: totalFmt,
+        dueDate,
+        notes: row.notes,
+      });
+
+      sendEmail({
+        to: client.email,
+        ...tpl,
+        attachments: [{ filename: `${row.number}.pdf`, content: pdfBuffer }],
+      }).catch((err) => app.log.warn({ err, invoiceId: id }, 'invoice email failed'));
+    } catch (err) {
+      app.log.warn({ err, invoiceId: id }, 'failed to render/send invoice email');
+    }
+
+    return row;
+  });
+
+  // Mark paid
+  app.post('/api/invoices/:id/mark-paid', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const db = getDb();
+
+    const [existing] = await db
+      .select()
+      .from(invoices)
+      .where(and(eq(invoices.id, id), eq(invoices.firmId, firmId)))
+      .limit(1);
+    if (!existing) return reply.code(404).send({ error: 'not_found' });
+    if (!['sent', 'overdue'].includes(existing.status)) {
+      return reply.code(409).send({ error: 'invoice_not_sent' });
+    }
+
+    const now = new Date();
+    const [row] = await db
+      .update(invoices)
+      .set({ status: 'paid', paidAt: now, updatedAt: now })
+      .where(eq(invoices.id, id))
+      .returning();
+    return row;
+  });
+
+  // Void
+  app.post('/api/invoices/:id/void', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const db = getDb();
+
+    const [existing] = await db
+      .select()
+      .from(invoices)
+      .where(and(eq(invoices.id, id), eq(invoices.firmId, firmId)))
+      .limit(1);
+    if (!existing) return reply.code(404).send({ error: 'not_found' });
+    if (existing.status === 'paid') return reply.code(409).send({ error: 'invoice_already_paid' });
+
+    const [row] = await db
+      .update(invoices)
+      .set({ status: 'void', updatedAt: new Date() })
+      .where(eq(invoices.id, id))
+      .returning();
+    return row;
+  });
+
+  // Delete (drafts only) — also unlinks time entries
+  app.delete('/api/invoices/:id', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const db = getDb();
+
+    const [existing] = await db
+      .select()
+      .from(invoices)
+      .where(and(eq(invoices.id, id), eq(invoices.firmId, firmId)))
+      .limit(1);
+    if (!existing) return reply.code(404).send({ error: 'not_found' });
+    if (existing.status !== 'draft') return reply.code(409).send({ error: 'invoice_not_draft' });
+
+    await db.transaction(async (tx) => {
+      const items = await tx
+        .select({ id: invoiceItems.id })
+        .from(invoiceItems)
+        .where(eq(invoiceItems.invoiceId, id));
+      const itemIds = items.map((i) => i.id);
+      if (itemIds.length) {
+        await tx
+          .update(timeEntries)
+          .set({ invoiceItemId: null, updatedAt: new Date() })
+          .where(inArray(timeEntries.invoiceItemId, itemIds));
+      }
+      await tx.delete(invoiceItems).where(eq(invoiceItems.invoiceId, id));
+      await tx.delete(invoices).where(eq(invoices.id, id));
+    });
+
+    return { ok: true };
+  });
+
+  // PDF download
+  app.get('/api/invoices/:id/pdf', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const db = getDb();
+
+    const [inv] = await db
+      .select({
+        invoice: invoices,
+        client: clients,
+        firm: firms,
+      })
+      .from(invoices)
+      .innerJoin(clients, eq(clients.id, invoices.clientId))
+      .innerJoin(firms, eq(firms.id, invoices.firmId))
+      .where(and(eq(invoices.id, id), eq(invoices.firmId, firmId)))
+      .limit(1);
+    if (!inv) return reply.code(404).send({ error: 'not_found' });
+
+    const items = await db
+      .select()
+      .from(invoiceItems)
+      .where(eq(invoiceItems.invoiceId, id))
+      .orderBy(asc(invoiceItems.sortOrder));
+
+    const stream = renderInvoicePdf({
+      number: inv.invoice.number,
+      status: inv.invoice.status,
+      issuedAt: inv.invoice.issuedAt,
+      dueAt: inv.invoice.dueAt,
+      notes: inv.invoice.notes,
+      subtotal: inv.invoice.subtotal,
+      taxRate: inv.invoice.taxRate,
+      total: inv.invoice.total,
+      firm: { name: inv.firm.name },
+      client: { name: inv.client.name, email: inv.client.email, address: inv.client.address },
+      items: items.map((it) => ({
+        description: it.description,
+        quantity: it.quantity,
+        rate: it.rate,
+        amount: it.amount,
+      })),
+      watermark: inv.firm.watermarkEnabled,
+    });
+
+    reply
+      .header('Content-Type', 'application/pdf')
+      .header('Content-Disposition', `inline; filename="${inv.invoice.number}.pdf"`);
+    return reply.send(stream);
+  });
+}
diff --git a/apps/api/src/routes/time-entries.ts b/apps/api/src/routes/time-entries.ts
new file mode 100644
index 0000000..6e2a2e2
--- /dev/null
+++ b/apps/api/src/routes/time-entries.ts
@@ -0,0 +1,307 @@
+import type { FastifyInstance } from 'fastify';
+import { z } from 'zod';
+import { and, desc, eq, gte, isNull, lte, sql } from 'drizzle-orm';
+import { getDb, timeEntries, cases, clients } from '@lawdesk/db';
+
+const STATUSES = ['open', 'pending', 'closed', 'archived'] as const;
+type CaseStatus = (typeof STATUSES)[number];
+
+const startBody = z.object({
+  caseId: z.string().uuid(),
+  description: z.string().max(500).optional().default(''),
+});
+
+const createBody = z.object({
+  caseId: z.string().uuid(),
+  description: z.string().min(1).max(500),
+  startedAt: z.string().datetime(),
+  endedAt: z.string().datetime().optional().nullable(),
+  minutes: z.coerce.number().int().nonnegative().optional(),
+  rate: z.coerce.number().nonnegative().optional(),
+  billable: z.boolean().optional().default(true),
+});
+
+const updateBody = z.object({
+  description: z.string().min(1).max(500).optional(),
+  startedAt: z.string().datetime().optional(),
+  endedAt: z.string().datetime().nullable().optional(),
+  minutes: z.coerce.number().int().nonnegative().optional(),
+  rate: z.coerce.number().nonnegative().optional(),
+  billable: z.boolean().optional(),
+});
+
+const listQuery = z.object({
+  caseId: z.string().uuid().optional(),
+  from: z.string().datetime().optional(),
+  to: z.string().datetime().optional(),
+  invoiced: z.enum(['true', 'false']).optional(),
+  limit: z.coerce.number().int().positive().max(500).default(200),
+  offset: z.coerce.number().int().min(0).default(0),
+});
+
+async function loadCaseForFirm(firmId: string, caseId: string) {
+  const [row] = await getDb()
+    .select({
+      id: cases.id,
+      hourlyRate: cases.hourlyRate,
+      status: cases.status,
+    })
+    .from(cases)
+    .where(and(eq(cases.id, caseId), eq(cases.firmId, firmId)))
+    .limit(1);
+  return row ?? null;
+}
+
+function diffMinutes(startedAt: Date, endedAt: Date): number {
+  return Math.max(0, Math.round((endedAt.getTime() - startedAt.getTime()) / 60000));
+}
+
+export async function timeEntriesRoutes(app: FastifyInstance) {
+  app.addHook('preHandler', app.requireFirm);
+
+  // List
+  app.get('/api/time-entries', async (req) => {
+    const firmId = req.user!.firmId!;
+    const { caseId, from, to, invoiced, limit, offset } = listQuery.parse(req.query);
+    const db = getDb();
+
+    const filters = [eq(timeEntries.firmId, firmId)];
+    if (caseId) filters.push(eq(timeEntries.caseId, caseId));
+    if (from) filters.push(gte(timeEntries.startedAt, new Date(from)));
+    if (to) filters.push(lte(timeEntries.startedAt, new Date(to)));
+    if (invoiced === 'true') filters.push(sql`${timeEntries.invoiceItemId} is not null`);
+    if (invoiced === 'false') filters.push(isNull(timeEntries.invoiceItemId));
+
+    const where = and(...filters);
+
+    const rows = await db
+      .select({
+        id: timeEntries.id,
+        caseId: timeEntries.caseId,
+        caseTitle: cases.title,
+        clientId: cases.clientId,
+        clientName: clients.name,
+        userId: timeEntries.userId,
+        description: timeEntries.description,
+        startedAt: timeEntries.startedAt,
+        endedAt: timeEntries.endedAt,
+        minutes: timeEntries.minutes,
+        rate: timeEntries.rate,
+        billable: timeEntries.billable,
+        invoiceItemId: timeEntries.invoiceItemId,
+      })
+      .from(timeEntries)
+      .innerJoin(cases, eq(cases.id, timeEntries.caseId))
+      .innerJoin(clients, eq(clients.id, cases.clientId))
+      .where(where)
+      .orderBy(desc(timeEntries.startedAt))
+      .limit(limit)
+      .offset(offset);
+
+    const [count] = await db
+      .select({ total: sql<number>`count(*)::int` })
+      .from(timeEntries)
+      .where(where);
+
+    return { items: rows, total: count?.total ?? 0 };
+  });
+
+  // Active (running) timer for the current user
+  app.get('/api/time-entries/active', async (req) => {
+    const firmId = req.user!.firmId!;
+    const userId = req.user!.id;
+    const [row] = await getDb()
+      .select({
+        id: timeEntries.id,
+        caseId: timeEntries.caseId,
+        caseTitle: cases.title,
+        clientName: clients.name,
+        description: timeEntries.description,
+        startedAt: timeEntries.startedAt,
+        rate: timeEntries.rate,
+      })
+      .from(timeEntries)
+      .innerJoin(cases, eq(cases.id, timeEntries.caseId))
+      .innerJoin(clients, eq(clients.id, cases.clientId))
+      .where(
+        and(
+          eq(timeEntries.firmId, firmId),
+          eq(timeEntries.userId, userId),
+          isNull(timeEntries.endedAt),
+        ),
+      )
+      .limit(1);
+    return { active: row ?? null };
+  });
+
+  // Start a timer
+  app.post('/api/time-entries/start', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const userId = req.user!.id;
+    const body = startBody.parse(req.body);
+
+    // Refuse if there's already a running timer for this user
+    const [running] = await getDb()
+      .select({ id: timeEntries.id })
+      .from(timeEntries)
+      .where(
+        and(
+          eq(timeEntries.firmId, firmId),
+          eq(timeEntries.userId, userId),
+          isNull(timeEntries.endedAt),
+        ),
+      )
+      .limit(1);
+    if (running) return reply.code(409).send({ error: 'timer_already_running' });
+
+    const c = await loadCaseForFirm(firmId, body.caseId);
+    if (!c) return reply.code(400).send({ error: 'invalid_case' });
+
+    const [row] = await getDb()
+      .insert(timeEntries)
+      .values({
+        firmId,
+        caseId: body.caseId,
+        userId,
+        description: body.description || 'Untitled work',
+        startedAt: new Date(),
+        endedAt: null,
+        minutes: 0,
+        rate: c.hourlyRate ?? '0',
+        billable: true,
+      })
+      .returning();
+    return reply.code(201).send(row);
+  });
+
+  // Stop a running timer
+  app.post('/api/time-entries/:id/stop', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const userId = req.user!.id;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+
+    const db = getDb();
+    const [entry] = await db
+      .select()
+      .from(timeEntries)
+      .where(
+        and(
+          eq(timeEntries.id, id),
+          eq(timeEntries.firmId, firmId),
+          eq(timeEntries.userId, userId),
+        ),
+      )
+      .limit(1);
+
+    if (!entry) return reply.code(404).send({ error: 'not_found' });
+    if (entry.endedAt) return reply.code(409).send({ error: 'timer_not_running' });
+
+    const endedAt = new Date();
+    const minutes = diffMinutes(entry.startedAt, endedAt);
+
+    const [row] = await db
+      .update(timeEntries)
+      .set({ endedAt, minutes, updatedAt: endedAt })
+      .where(eq(timeEntries.id, id))
+      .returning();
+    return row;
+  });
+
+  // Manual entry create
+  app.post('/api/time-entries', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const userId = req.user!.id;
+    const body = createBody.parse(req.body);
+
+    const c = await loadCaseForFirm(firmId, body.caseId);
+    if (!c) return reply.code(400).send({ error: 'invalid_case' });
+
+    const startedAt = new Date(body.startedAt);
+    let endedAt = body.endedAt ? new Date(body.endedAt) : null;
+    let minutes: number;
+    if (body.minutes != null) {
+      minutes = body.minutes;
+      // Manual entry with explicit duration: compute endedAt so the row isn't treated as "running"
+      if (!endedAt) endedAt = new Date(startedAt.getTime() + minutes * 60_000);
+    } else if (endedAt) {
+      minutes = diffMinutes(startedAt, endedAt);
+    } else {
+      minutes = 0;
+    }
+
+    const rate = body.rate != null ? String(body.rate) : (c.hourlyRate ?? '0');
+
+    const [row] = await getDb()
+      .insert(timeEntries)
+      .values({
+        firmId,
+        caseId: body.caseId,
+        userId,
+        description: body.description,
+        startedAt,
+        endedAt,
+        minutes,
+        rate,
+        billable: body.billable ?? true,
+      })
+      .returning();
+    return reply.code(201).send(row);
+  });
+
+  // Update
+  app.patch('/api/time-entries/:id', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+    const body = updateBody.parse(req.body);
+
+    const db = getDb();
+    const [existing] = await db
+      .select()
+      .from(timeEntries)
+      .where(and(eq(timeEntries.id, id), eq(timeEntries.firmId, firmId)))
+      .limit(1);
+    if (!existing) return reply.code(404).send({ error: 'not_found' });
+    if (existing.invoiceItemId) return reply.code(409).send({ error: 'already_invoiced' });
+
+    const patch: Record<string, unknown> = { updatedAt: new Date() };
+    if (body.description !== undefined) patch.description = body.description;
+    if (body.billable !== undefined) patch.billable = body.billable;
+    if (body.rate !== undefined) patch.rate = String(body.rate);
+
+    const startedAt = body.startedAt ? new Date(body.startedAt) : existing.startedAt;
+    const endedAt =
+      body.endedAt === null ? null : body.endedAt ? new Date(body.endedAt) : existing.endedAt;
+
+    if (body.startedAt !== undefined) patch.startedAt = startedAt;
+    if (body.endedAt !== undefined) patch.endedAt = endedAt;
+
+    if (body.minutes !== undefined) {
+      patch.minutes = body.minutes;
+    } else if (body.startedAt !== undefined || body.endedAt !== undefined) {
+      patch.minutes = endedAt ? diffMinutes(startedAt, endedAt) : 0;
+    }
+
+    const [row] = await db.update(timeEntries).set(patch).where(eq(timeEntries.id, id)).returning();
+    return row;
+  });
+
+  // Delete
+  app.delete('/api/time-entries/:id', async (req, reply) => {
+    const firmId = req.user!.firmId!;
+    const { id } = z.object({ id: z.string().uuid() }).parse(req.params);
+
+    const [existing] = await getDb()
+      .select({ id: timeEntries.id, invoiceItemId: timeEntries.invoiceItemId })
+      .from(timeEntries)
+      .where(and(eq(timeEntries.id, id), eq(timeEntries.firmId, firmId)))
+      .limit(1);
+    if (!existing) return reply.code(404).send({ error: 'not_found' });
+    if (existing.invoiceItemId) return reply.code(409).send({ error: 'already_invoiced' });
+
+    await getDb().delete(timeEntries).where(eq(timeEntries.id, id));
+    return { ok: true };
+  });
+}
+
+// Re-export the type for shared usage if needed
+export type { CaseStatus };
diff --git a/apps/api/src/routes/tool-usage.ts b/apps/api/src/routes/tool-usage.ts
new file mode 100644
index 0000000..cadf8c8
--- /dev/null
+++ b/apps/api/src/routes/tool-usage.ts
@@ -0,0 +1,53 @@
+import type { FastifyInstance } from 'fastify';
+import { z } from 'zod';
+import { and, eq, gte, sql } from 'drizzle-orm';
+import { getDb, toolUsage } from '@lawdesk/db';
+
+const TOOL_NAMES = [
+  'hourly-rate-calculator',
+  'case-profitability',
+  'billable-hours-tracker',
+  'document-templates',
+] as const;
+
+const logBody = z.object({
+  tool: z.enum(TOOL_NAMES),
+  sessionId: z.string().max(64).optional(),
+});
+
+export async function toolUsageRoutes(app: FastifyInstance) {
+  // Log a usage event. Rate-limited per IP so a malicious caller can't pump up "online now" counts.
+  app.post(
+    '/api/tool-usage',
+    { config: { rateLimit: { max: 60, timeWindow: '1 minute' } } },
+    async (req, reply) => {
+      const parsed = logBody.safeParse(req.body);
+      if (!parsed.success) return reply.code(400).send({ error: 'invalid_tool' });
+      await getDb().insert(toolUsage).values({
+        tool: parsed.data.tool,
+        sessionId: parsed.data.sessionId ?? null,
+        ip: req.ip ?? null,
+      });
+      return { ok: true };
+    },
+  );
+
+  // Per-tool count of unique sessions in the last 5 minutes — what the public pages display
+  // as "X online". Public route, very cheap query.
+  app.get('/api/tool-usage/online', async () => {
+    const since = new Date(Date.now() - 5 * 60 * 1000);
+    const rows = await getDb()
+      .select({
+        tool: toolUsage.tool,
+        // Distinct (session_id, ip) so multiple page hits from the same browser don't multi-count
+        count: sql<number>`count(distinct coalesce(${toolUsage.sessionId}, host(${toolUsage.ip}::inet)))::int`,
+      })
+      .from(toolUsage)
+      .where(gte(toolUsage.createdAt, since))
+      .groupBy(toolUsage.tool);
+
+    const map: Record<string, number> = {};
+    for (const r of rows) map[r.tool] = r.count;
+    return { online: map, since: since.toISOString() };
+  });
+}
diff --git a/apps/api/src/routes/webhooks-stripe.ts b/apps/api/src/routes/webhooks-stripe.ts
new file mode 100644
index 0000000..7b3d9e3
--- /dev/null
+++ b/apps/api/src/routes/webhooks-stripe.ts
@@ -0,0 +1,130 @@
+import type { FastifyInstance } from 'fastify';
+import type Stripe from 'stripe';
+import { eq } from 'drizzle-orm';
+import { getDb, firms, users } from '@lawdesk/db';
+import { env } from '../env';
+import { getStripe } from '../lib/stripe';
+import { sendEmail, planUpgradedEmail } from '../lib/email';
+import { logAudit } from '../lib/audit';
+
+// Registered as a sub-app so its own buffer-only content-type parser doesn't affect the rest of
+// the API. Stripe webhooks need the raw request body to verify the signature.
+export async function stripeWebhookRoute(app: FastifyInstance) {
+  app.removeContentTypeParser(['application/json']);
+  app.addContentTypeParser('*', { parseAs: 'buffer' }, (_req, body, done) => done(null, body));
+
+  app.post('/api/webhooks/stripe', async (req, reply) => {
+    if (!env.STRIPE_WEBHOOK_SECRET) {
+      return reply.code(503).send({ error: 'webhook_not_configured' });
+    }
+
+    const sig = req.headers['stripe-signature'];
+    if (!sig || typeof sig !== 'string') {
+      return reply.code(400).send({ error: 'missing_signature' });
+    }
+
+    const stripe = getStripe();
+    let event: Stripe.Event;
+    try {
+      event = stripe.webhooks.constructEvent(req.body as Buffer, sig, env.STRIPE_WEBHOOK_SECRET);
+    } catch (err) {
+      app.log.warn({ err }, 'stripe webhook signature verification failed');
+      return reply.code(400).send({ error: 'invalid_signature' });
+    }
+
+    try {
+      await handleEvent(event, app);
+    } catch (err) {
+      app.log.error({ err, type: event.type }, 'stripe webhook handler failed');
+      // Return 200 anyway for some failures? No — let Stripe retry on transient failures.
+      return reply.code(500).send({ error: 'handler_failed' });
+    }
+
+    return { received: true };
+  });
+}
+
+async function handleEvent(event: Stripe.Event, app: FastifyInstance) {
+  switch (event.type) {
+    case 'checkout.session.completed': {
+      const session = event.data.object as Stripe.Checkout.Session;
+      const firmId = session.client_reference_id ?? (session.metadata?.firmId as string | undefined);
+      const planFromMeta = (session.metadata?.plan ?? '') as 'pro' | 'lifetime' | '';
+      if (!firmId) return app.log.warn({ session: session.id }, 'checkout.session.completed without firmId');
+
+      // Determine plan from session.mode if metadata didn't pin it.
+      const plan: 'pro' | 'lifetime' = planFromMeta || (session.mode === 'subscription' ? 'pro' : 'lifetime');
+
+      const customerId = typeof session.customer === 'string' ? session.customer : session.customer?.id ?? null;
+      const subscriptionId =
+        typeof session.subscription === 'string' ? session.subscription : session.subscription?.id ?? null;
+
+      await applyPlan(firmId, plan, { customerId, subscriptionId });
+      await sendPlanUpgradedNotice(firmId, plan);
+      break;
+    }
+
+    case 'customer.subscription.updated':
+    case 'customer.subscription.created': {
+      const sub = event.data.object as Stripe.Subscription;
+      const firmId = (sub.metadata?.firmId as string | undefined) ?? null;
+      if (!firmId) return;
+      // Only flip to 'pro' while the subscription is paying.
+      const active = ['active', 'trialing', 'past_due'].includes(sub.status);
+      if (active) await applyPlan(firmId, 'pro', { subscriptionId: sub.id });
+      break;
+    }
+
+    case 'customer.subscription.deleted': {
+      const sub = event.data.object as Stripe.Subscription;
+      const firmId = (sub.metadata?.firmId as string | undefined) ?? null;
+      if (!firmId) return;
+      await applyPlan(firmId, 'starter', { subscriptionId: null });
+      break;
+    }
+
+    case 'invoice.payment_failed': {
+      // Optional: surface to the user via email later. For now, just log.
+      const invoice = event.data.object as Stripe.Invoice;
+      app.log.warn({ invoice: invoice.id, customer: invoice.customer }, 'stripe invoice payment failed');
+      break;
+    }
+
+    default:
+      // Ignore — Stripe sends many event types we don't care about.
+      break;
+  }
+}
+
+async function applyPlan(
+  firmId: string,
+  plan: 'starter' | 'pro' | 'lifetime',
+  ids: { customerId?: string | null; subscriptionId?: string | null } = {},
+) {
+  const patch: Record<string, unknown> = {
+    plan,
+    watermarkEnabled: plan === 'starter',
+    updatedAt: new Date(),
+  };
+  if (ids.customerId !== undefined) patch.stripeCustomerId = ids.customerId;
+  if (ids.subscriptionId !== undefined) patch.stripeSubscriptionId = ids.subscriptionId;
+
+  await getDb().update(firms).set(patch).where(eq(firms.id, firmId));
+  await logAudit({
+    firmId,
+    action: `billing.plan.${plan}`,
+    meta: { stripeCustomerId: ids.customerId, stripeSubscriptionId: ids.subscriptionId },
+  });
+}
+
+async function sendPlanUpgradedNotice(firmId: string, plan: 'pro' | 'lifetime') {
+  const owners = await getDb()
+    .select({ email: users.email, fullName: users.fullName })
+    .from(users)
+    .where(eq(users.firmId, firmId));
+  const label = plan === 'pro' ? 'Professional' : 'Lifetime';
+  for (const u of owners) {
+    const tpl = planUpgradedEmail(u.fullName, label);
+    await sendEmail({ to: u.email, ...tpl });
+  }
+}
diff --git a/apps/api/src/server.ts b/apps/api/src/server.ts
new file mode 100644
index 0000000..d9267f8
--- /dev/null
+++ b/apps/api/src/server.ts
@@ -0,0 +1,150 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import fs from 'node:fs';
+import Fastify from 'fastify';
+import { ZodError } from 'zod';
+import cookie from '@fastify/cookie';
+import helmet from '@fastify/helmet';
+import rateLimit from '@fastify/rate-limit';
+import staticPlugin from '@fastify/static';
+import { env, isProd } from './env';
+import { initSentry, captureError } from './lib/sentry';
+import { authPlugin } from './auth/plugin';
+import { csrfPlugin } from './auth/csrf';
+import { authRoutes } from './routes/auth';
+import { healthRoutes } from './routes/health';
+import { contactRoutes } from './routes/contact';
+import { clientsRoutes } from './routes/clients';
+import { casesRoutes } from './routes/cases';
+import { timeEntriesRoutes } from './routes/time-entries';
+import { invoicesRoutes } from './routes/invoices';
+import { adminRoutes } from './routes/admin';
+import { accountRoutes } from './routes/account';
+import { toolUsageRoutes } from './routes/tool-usage';
+import { billingRoutes } from './routes/billing';
+import { stripeWebhookRoute } from './routes/webhooks-stripe';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+initSentry();
+
+export async function buildServer() {
+  const app = Fastify({
+    logger: isProd
+      ? { level: 'info' }
+      : { level: 'debug', transport: { target: 'pino-pretty', options: { colorize: true } } },
+    trustProxy: true,
+    bodyLimit: 5 * 1024 * 1024,
+  });
+
+  // Register the global error handler EARLY so it wins over plugin-default handlers and
+  // catches ZodErrors thrown by .parse() inside route handlers.
+  app.setErrorHandler((err, req, reply) => {
+    if (err instanceof ZodError || (err as { validation?: unknown }).validation || err.name === 'ZodError') {
+      req.log.info({ err }, 'validation error');
+      return reply
+        .code(400)
+        .send({ error: 'validation', details: err instanceof ZodError ? err.errors : (err as Error).message });
+    }
+    if ((err as { statusCode?: number }).statusCode === 429) {
+      // Let @fastify/rate-limit handle its own response shape.
+      return reply.send(err);
+    }
+    req.log.error({ err }, 'unhandled error');
+    captureError(err, { url: req.url, method: req.method, userId: req.user?.id });
+    return reply.code(500).send({ error: 'internal_error' });
+  });
+
+  // CSP: tight in production, off in dev (Vite HMR injects inline scripts/styles + uses eval)
+  await app.register(helmet, {
+    contentSecurityPolicy: isProd
+      ? {
+          directives: {
+            defaultSrc: ["'self'"],
+            scriptSrc: ["'self'"],
+            styleSrc: ["'self'", "'unsafe-inline'", 'https://fonts.googleapis.com'],
+            fontSrc: ["'self'", 'https://fonts.gstatic.com', 'data:'],
+            imgSrc: ["'self'", 'data:', 'blob:'],
+            connectSrc: ["'self'"],
+            frameAncestors: ["'none'"],
+            formAction: ["'self'"],
+            baseUri: ["'self'"],
+            objectSrc: ["'none'"],
+            upgradeInsecureRequests: [],
+          },
+        }
+      : false,
+    crossOriginEmbedderPolicy: false,
+  });
+
+  await app.register(cookie, {
+    secret: env.SESSION_SECRET,
+  });
+
+  // Global rate limit floor — per-route limits override below.
+  await app.register(rateLimit, {
+    global: true,
+    max: 600,
+    timeWindow: '1 minute',
+    keyGenerator: (req) => `${req.ip}`,
+  });
+
+  // Stripe webhook BEFORE auth/CSRF — registered as its own subapp with a buffer-only parser
+  // so signature verification works against the raw body.
+  await app.register(stripeWebhookRoute);
+
+  await app.register(authPlugin);
+  await app.register(csrfPlugin);
+
+  await app.register(authRoutes);
+  await app.register(healthRoutes);
+  await app.register(contactRoutes);
+  await app.register(clientsRoutes);
+  await app.register(casesRoutes);
+  await app.register(timeEntriesRoutes);
+  await app.register(invoicesRoutes);
+  await app.register(adminRoutes);
+  await app.register(accountRoutes);
+  await app.register(toolUsageRoutes);
+  await app.register(billingRoutes);
+
+  // Serve the built SPA in production. In dev, the Vite dev server runs separately.
+  const webDist = env.WEB_DIST_PATH ?? path.resolve(__dirname, '../../web/dist');
+  if (fs.existsSync(webDist)) {
+    await app.register(staticPlugin, {
+      root: webDist,
+      prefix: '/',
+      cacheControl: true,
+      maxAge: '1y',
+      immutable: true,
+      decorateReply: false,
+    });
+
+    // SPA fallback: any non-/api path returns index.html
+    app.setNotFoundHandler((req, reply) => {
+      if (req.raw.url?.startsWith('/api/')) {
+        return reply.code(404).send({ error: 'not_found' });
+      }
+      return reply.type('text/html').sendFile('index.html', webDist);
+    });
+  } else {
+    app.log.warn({ webDist }, 'web/dist not found — SPA assets will not be served');
+  }
+
+  return app;
+}
+
+const isEntrypoint = process.argv[1] && fileURLToPath(import.meta.url) === path.resolve(process.argv[1]);
+
+if (isEntrypoint) {
+  const app = await buildServer();
+  try {
+    await app.listen({ host: '0.0.0.0', port: env.PORT });
+    app.log.info(`eLegal Software API listening on :${env.PORT}`);
+  } catch (err) {
+    app.log.error(err);
+    captureError(err);
+    process.exit(1);
+  }
+}
diff --git a/apps/api/tsconfig.json b/apps/api/tsconfig.json
new file mode 100644
index 0000000..b204817
--- /dev/null
+++ b/apps/api/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "noEmit": false,
+    "declaration": false,
+    "sourceMap": true,
+    "types": ["node"]
+  },
+  "include": ["src/**/*"]
+}
diff --git a/apps/web/index.html b/apps/web/index.html
new file mode 100644
index 0000000..90a6140
--- /dev/null
+++ b/apps/web/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/favicon.png" />
+    <link rel="apple-touch-icon" href="/favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="theme-color" content="#0052FF" />
+    <title>eLegal Software - All-in-One Practice Management for Law Firms</title>
+    <meta
+      name="description"
+      content="Streamline case management, billable hours, legal documents and invoicing in one secure platform built for attorneys."
+    />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@500;600;700;800&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/apps/web/package.json b/apps/web/package.json
new file mode 100644
index 0000000..6ffe1b8
--- /dev/null
+++ b/apps/web/package.json
@@ -0,0 +1,39 @@
+{
+  "name": "@lawdesk/web",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc -b --noEmit"
+  },
+  "dependencies": {
+    "@sentry/react": "^8.45.0",
+    "@tanstack/react-query": "^5.62.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "framer-motion": "^11.13.1",
+    "lucide-react": "^0.468.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.53.2",
+    "react-router-dom": "^6.28.0",
+    "recharts": "^2.13.3",
+    "tailwind-merge": "^2.5.5",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@types/node": "^22.9.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.49",
+    "tailwindcss": "^3.4.15",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11"
+  }
+}
diff --git a/apps/web/postcss.config.js b/apps/web/postcss.config.js
new file mode 100644
index 0000000..2aa7205
--- /dev/null
+++ b/apps/web/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/apps/web/public/favicon.png b/apps/web/public/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e4a0e660ad610c1dd457351023b84b90d02ada7
GIT binary patch
literal 10140
zcmeHtdsLEH+xLxTPFc~^Q&x^()4?W1)XD=1XjY!JOw%kwQzY|%DTZPQGtT79IBIDg
zDizC9VToB<X^Q1k(@70QQ!_LxMN2aw5jlJtXquUKy?;FG`_}i*`#!FPd*6Fs*Kc3@
zI_+!U@XIbwr-k!Z&4(app^Ni&ZwS%?T`lOVxu6jxbV@;Uo#^ip=Hjvu`U*VEg_gjy
zAsFbXKC56l>UJ;a8+`5`1pN)4X;ffKwf>?HPo1Nt4+G<>zaa2Y;r!WxRZr?dbHIqX
zrG+`{l%@{@2vG6oaSL;ESg{6CsRW`HYY<g(YyYheAi#5NI%wv_IPZ&tphdr{KCm2<
zMFtS0;~VbdPx1F~$Aplh%z{J7hlpkgQ86km$PS+n6C4sjq!=9{lES00#uE)(W25j;
ztg+t~4|9(gN8;gdXId<A56#mjgccEE8)}Tl&9_Uy0DveWCD<q-Dl$3_lYli=<6=Nx
zHH<a}M6sb^81L;nKa+qbtnpzAB?f~=Q>j!l>LxRCED3F4Yio-(w?tc7q5uUdE-{)C
zoPdgsTLTd08>un26XQZ+!(%An<Y*%mX7C|$JOyiPJm2Uuv;&0_8-C~udUTvwuzDn3
z#bO3FjSdctLtB`ctHd%gveVFG975w%kD5jH5Ra-KG*6M?>Xl-GW8;WEi7`a1u{SY}
z93LA(R3oUEK7%;M5`!tkP@JW?r4`D2Gs@D+4*g%IRBQajusxU(j7wU7G@eY^8cGh)
zbTFD`yMwc{>psF^A9D}QfT^a5k0ZwZgV5JuTkxI)vY(r?`9BB`#Rf-*{)2Lxiqbq`
z8_9CBW}N;-KD8wO6mCZX#U&KC#VR;BEY#K#Wp&8h3bolLbQ8+P*4!4gDQvTiP3R%Z
zO<RcOUr;nG|Ag6jNQGj##nNhvt;J>wYuhb0e=(>h|4Hvdjt@Dk(lgHT3+`WIYFazA
z%Jh-p8jGnPKAY?dhsK^7!oT^<zwbw(AzyqbCO$S&?Vq6`XksKWiWp5%d630t4+;&z
zP{JvZ#J~K<A(HY>{{ex4i42Y=VT}_|p~SG@_(+N|E;cxdNF~Qc7<rJR<0!;fqYYau
zER7P3RR3cVzB57@S^PH}{fupg{@b$u58I6STO_JtMV$~-Q358w9yfj7BY46%#8VEF
zV{z_85PExvv0=fKL?b6V72%&#AV$^3_`gy(NFrY}{trnKf@A&`uYe4rjx%zs51AZ^
za}16?7HkB92m7~xF;WEy_HTh<qz(q`-vYo6{a=y(Tj@0$0+|csF!Yy92OhrUN@6rf
zkg*^WY6}8JAjk-E+3w(zQ1HG#>U1e7aCkCF;Gp$`v-`1vGgYqJ$}1B(neW{F?p=Ph
z@$um9e=UnAem!RgLLavK_0MKEPrCaW!%Flnn$%ZbzEJt@YuG*=*lq{P4jujD+r9al
zR?m}ICQ;WpedW2nAL~0k!JbtdZ=EUna6g2~_w7~^3Vo=)szc@9`FkHPk(Bw8WqL|B
zzR5SMvxu#bkSkwyW%EK#EHUiG1c;rK`MA=oQob+u;jB<}^ZaJ{Ggc|Qd~LXxKP`{o
ztx5Hc{H=(EJDFAbmYor4=$eUeZ8vDNrmtA%^3+#+zs)@pG5;j)=d9AON@+<%$F)?g
zQuu|nmwMPQM;N6fxQ;V&yNma=eUSfuI{!13Ft(qM6!^ol2~|m+(uilcB5OUUfv3Bh
zNArbeQhg0d^177AC3wPGxk;5XBe1tS?l7!b%SiZ+-}1_<@}(rS_NsWI(lL)ky`L5u
zB3mQm?3tx`q9A{0ZU0r;b4JZ*W^&#5R<@qkabb~J*2|GbA!q+=Vg?HGSq@zq<7+E(
zX-2ne6~j~PHO7eQ3AfjGbqiSv#C5^&3oUyh>}0(^AE`{{3#3<Riw`8W<~fsPH$~GW
zbewWIbgT@1p_K1OkT86wm-6pR4A^OCZnro3lwzb;G+jYw>FPmXm2|$o?2<H4aSntI
z)i1R!qe`?yn69vs%Z~_#TeO%u_D9^rWr{xWRvGeQMnQsqi2fhvO)^TkWW$lm{!lgK
zJQl!5%3b&dgutjs>_<<0(TyXG&-U;#Qx?S>Glkx{f+$I<M0`^2BD}!wfh)*@sRvVg
zuUJcGL_-%+3fAdCIXd<mYx{t973u67;uoVMUGfg<y_Mqo6&;z`i(>0c)#@l6O`D;s
zq`0Cx=2tdxqM;LswUH+Xn}?sMq;%a&_#Ii9Dj#E~Uoke74<%OCS<oD$lO5l;73x5G
z%+65py@oy9I7OM1<wcm$h#(L?*rSU}T@IN-Ja#3zkJ>fyk>G9ELpv-LH@OQR_zqLn
zqo9PZ-5ytsX5tTUA9LAFq1-0SaoM=ATjDC(=~s><6}GIbg{n>Hi_79UP43F3<Wyw`
z|9)3?W!ioHQbI@i2wCngJ=$$sxKE|<a4vu11G#EeEL}qPjHlSSb5E?14oz3EbOBD?
zXPm>+6a9YjXC`dLGQU#7wWEzD6NSk*O6zcsYO9z%;;k<-yYgN~RHi>0s+^7P-z3MN
z9^LO+%4^GPojkrDdY*&(*?XRE<K%51OqzIr(c8<gBlAb^ZIB-q9%yUOVLs9-9^VU>
zQ+*n*==(W2<y8<;Bg*iK!_r$Fw~FX$oAh5o9AJPwGd!>oZdEO^ZT}XA;>I#fsE7OV
z^Iiz}EsAvh{gM4!rzUUv_C2Q^ktXuJ4;rZSdBp1m-Ht5cjy`_h!@s{QMHEq)LmN^S
zB^TBH*!`;xGf<eaq0miiFKs*mB7=YG%28=;=RAdsY*GVNgRIL-W((dZiE=Y#J#8_z
z^}*Dtx}&nk9c|oP5e87G)P1d1lJIhz$VW2##6&p0Ai0qez>wV)CAQZb^ji*X)MGxX
zL~JH=&=>W64Td<*T%5#C{;ZEja&)7m@6#xWzLI_sA>~v_jTM3XhL6$0?m47foN>Tt
zM5`84zxFH#@rkjYU{Ag{n>+fr>7yHu1N#&-^t)e0TY9c!)pfNXd<9!EQeID})KyOV
zHV&N=Zfb*xc5>WVYfzJ0!eK#vQX_UDFh<g-+uJw%XIFMhf4eqE{!Euga(#T99spf5
zg#tXqOi5aO#Mm9>^U)tnCQjkHO;6#Kef6f0DL8bxuCeh&?-hG*_7fJ44JD$e6xr{h
z#EvWiR}<%5CA8<tJ@Q4$8>5V5<v99B7uNn&od)vlQdxKphom+q^&s8lcy;dzWgeR=
zuEiB~2g@e~rEM2-6}@#(5UhQ;w{c`FZBQ(3kdZ%4+AX)L8mVY2+xsElhI*6BZqJdH
zcy+fZ{Klw~HulzBT-v`bTGMFKf+IQ{;4rGZxRCo{wuIV^Rv@b~GH&olnOoYC@<Y-m
zM|7r{YKvdY;kGMpk7jZ%2?p`^A51;B1|F58@hH^HPyNXLUEG_Drrs6u2cv&<ofpj<
zN;fnNEW)(~Ji`X76*+o<@JCwaaAVZ8SMA=$rEnLPaX_gxZMXDzgzxkTm0wq9@Ew(z
zqxv5*yC>Qar*Qb|{tVeC(Y|i>_+phJf(+S$L1lbD;|guR7kd$s>m_~CzEBv)S@!Zf
zjW%09yt@5<D3N^0YNud-pk2KwedkDVNr_V_K{sH~FhnEAC;d={s6pJ$*jIb>-Y=pv
z%znnb)5#u(f0|BLZ}mBURDZyUoj!RCD?tLZe^pp3T0{}sO&S@d-~d>abVuyOViPE2
zcG9nz!@D;FMTpgk_`Pl~w;8ven<jk<48<B9R1S!y79@2Eq~)S9ClfA9#hyERVU;pi
zewXGOPmygA4li4D8Lzk`ig2lHs#K**W*qHnfd9PFlq#^8NkCi~Y*W_Z^dLQ9%1uwc
z{!qGDZ`hBW{%qPOm2;CIy_Hh7HTG4OXv}@#3!+*HhlG6eX)f?+xUYe6Mg_~n|JF;%
zN?~`ws$1PJPvegK%ZR?X`@Gcqc%(G(hn=DaWKZtP&gQ}{Bo{;P++Z&?s&WHo&TirG
z{JpI#<@@a*A+G6gN(U9xD-3a7F<*6(NVk;F9lxrOv<ORfuI8m4?XQ{B9?&=mVhnvn
zq8Lrb?Ga~?%QIK~<c$0y{&Meg+BRuoO4(TY%QMMQ;Xh4xjX%h>&R`@;^LL*Voj=gc
zE*UZ|XKnRA3l7}8WRGy2X&(k<4<E^GJUD*vV4$RUs^h_LcT3?T7{93B5UgYcG+@tj
zr1W2#16Akpw68DRrv>?M6%O{~n!=#VIii8cJ-HCnwUc(Z4&??x5v#H0efjGk=Bu()
z;(oxi>$<2oG7eOrPldz!Q0oTl+P)$%{cV|UsD2HYE)d1Ma|H;$W+8qHe6$3zx8ONm
zjR1>m*hVutW&t3N3WJ~X!D8FXbc6E%;^J(?4}qM~%%(N;xzI?l2s#b$n4%Ba>SjRG
zv}>AXO;fFDiZ#tiO~dRsn9H2(;0@1V=DNVG!IED&!>u&U7EQBR(`?c-mYT*w)0m@z
z=h@W9D@C?iK~GCl^IDHeX6HeW?kPl&r3?n3EDR}<SpyhUkRme59)#Q5)AApF&^0o`
zwqMU26c{k#q_?5=CBpOTTaZBfpbo?d<^7RKVVsuz<I>b~3mA|VPur7Zpcry0Ytw~L
zIfz&dE@q_ynp2uu*c2lnV=d|Hp%JF2x#N8b7vFRhQzLE{B|^n(cqv|KZ4yvBkqzBg
zIuK?pR#tzIZ$Q5+tw}|Cva})0dMwm%04u}$8{(2#qLol_3eT~+lHZ~X<ez`s=7v{7
z6d&5+V^`VM$!^j_-Qpo$OLYW)LPj{3+zRTq_SYXKGLy~a$F-Zc(KZ|_I}$SXP&j<{
zn888n;~nRWNq$G3o^3VrVi{sKVplYr6pTA9wW`?4L3j?|ID$2Be>>4<XRB-#*<Ntu
zwOoDbD}Uy}zyHgSa5z7Dg=ZMj9d3alex2YeHGTHAaCJ`?i0@0IfBd3b$|BSc)^xw1
z2t)%s?<5zg`!kr(q38Z`Za;@{XpQ^@&k(FF@NRDB@y_-ipA=V&=ivOVAE5cyU6B?l
zb!Er!XRY#E2`pqlz>(~k8)a?FP<e>_D0cF&vWrc9)6Z-Bu76X(6WlVSf55RmVcd?#
zWvOBN*{RC0j<$9E*Aw5rtI;}<lPf@%wJisn1yL7!S2S*x+wlTZgt8>P6?+3>Qy$6~
z<?7j@u_D3;#{jJ9%PhoRa2%iDX;T6#X(eqwPEMK5c!qhwlV}&X2}o#;LWlYcpoE3K
z6Tdt1+6*I$Uf32Pd;m{5uZ7b8aV5jG#<nMMA8pq|t>&|?@Xq*0B-wXQgD|s&qT(za
z=9U};dn~I>vgfQGfj%}PTn!4w2ve+o_jxv6aZ5Bchj6%>KDztQ@dIugu;B}$xH%-t
z{8r;XhlAX%jAr5jqY5OWqA6`^Ibw;@8e19)3ra83jrs+pa8s@^HgmyS$B@ht`=1id
zB6a}*-||}OuCrfC4Ec0~Vux^8r?nihNO0=&oc4{<QK}+aGzCkt$Zus>VT%FW)3Vg)
z?|d7t7?-j1o|}N2E(a>OB^vO!A*pRrm02v^=aqLvo!Yz>m*r4^5teyvLh6KMTisV;
z<li(WFQ}syokMumK<!$>)!%%hIC$W4*&WI!1L5FWJqUFY@%yPkt_3YzdNeh~6~2BS
zbodvMdGx11r6jkW<A#45vn%DH(1e$w!u}R}+Ta@nl9LhLkC!L3+`5>0_sdNFxs{5N
z8+)hw>q*k9C*ro`w+hZ7+`+0#goC#~4hoRUT~dn^#1F%ah8!JcjvIVr*&>BOrRoes
z68v-TJe(QgIjR;}i@oT#S%yCV?%QXRBZJS3ejgJ^+wf4!KCLuW%u8jEMdhN9`IYAR
ztqM!*=}=hl4xV<>r4~kr2rGQBbnjqR<*|%X-7Hh+x;yPKdKhdZ+m|8B5k6S5muTLT
zc!XvIut3t7UUEX2#8ws5NGE@lM)ZW=t2C007#OyZaXj(K?LQ8NCS$NC!5T!Kqbw+e
zA?g9=XTB&z*JDLAOYu=;4!mi(D}0I$S1KeWz7vu#>Cu$(1?#Wrm#3Zr66~TCPfQgm
zIX<aoc(gp<A$!!}L*1WT;zqb~a#Kg<vbCkUDq<g6^+fQ8S(9YSUhG#*>#;wBb<23#
z3NyxQ#+{sLXZ+5S-tZs%%0CnTArO9;AY)DB&+U7GYlFNAgvoV<OE)S0;Nod9(xcyB
zfBCRu+7rGS81<^CnLE^=nB>f!!oLW!>6y7NTC5V@4K8nMoI+x^%KhzK=4SVJm8YHr
zviK)|0E7h(V=R^DG=x)Y7#rHk`m7ITA?$%wWA7km@W%2+$4e(VdN%R2oq^@d%q7a}
zsvOD??5Y_IRlF5JDv=^2f@$TjXj*S9$mUG{XZD2)6`ATw0@u%9H_ziO+zpO=a}BDF
zH9;!m&*J%mLsTyYtJ>^D_6)o<HS?p&=a(rO6kJY&rCffe{t{Xt@cffym4eJ3Z-{Rb
zP0uCql7_BO`wGSjoEe6s*b(XeHa9pT=UEU&`9_pj`X<*-LS-wuLU@9uFU}0|SxsK@
z)=}*=y<;^~wL;FYp5eLi<8<1Gi@(X{Fmv|5;*Ke=j9!@35l-liKN;xlFlZ6J3!&Z)
zeH@^5BD*Jom*PYOA^IlQTta3`hbqdraGP_34?Ey1-AUF3GZ#>#c`Mw*7zGHsjcfEE
z6KV$jBZCk>^6MJm1gtfz8q3%&Z&hw0aU-YPn%8j}X52a)o!+Pb7uiVg`@#DnH^%!I
zzY~4ej3?xGpPIqWb@bdQPtAA)^4cTAAc@jJ^}<TXF&KBHf3Fx&p!;7e0clc@kHBm+
z2J7A64syk>MBRF-bV6W!NVC2+XMyoGud>e&?<WJ5sWKR{>&`eyHs&DhisK$X7pP^{
z5Y}`CVYAUh1(7<aY!Pz4{`6`JKg2E2yLoF}u|hdb7k*z-1M*ocX{C$-UW>s!8T4v>
zlJqxatl3~#E)!V4@(T$<p@>9}4Mnmh39UPBOV>5Clzja#u*-3Y8~r{~OiJ2koHV0i
z9pa;44U9Y^Y^2Y@<<Q>ospJxYukXa8hB7YVdF5c}u)(>;lYU?m6<hHI2&;`~J*cwV
zfN^^?9Z{sP48mI(PwA7)-n>D>S{}aZ7Y3Jn1Txa}aU(KO9yGg~@Ea%n;FG=zMD68?
zH+TI6v}9WQ#V4i^#HwgoA;@aV*Uy{E%4I%%-&4{dNPF}|3)<Bnk?xshqkk8;5gt)*
z7UxyZiS&HiA(}pKc@2UJslrdKgHlV`l<249_uZu5<f%4J5>7Y}!(b35DnZ;TPwnV2
z?#P?mhaS~7gDGU3)?6KE<Z>T=2$VG6zU&~<nd^e$FiJRhP4h;@6mD|{zm*P~n7#XQ
zc*!oMKz2YHvG>+Kh}n7x&9yE?3$zKnv;JDL8A2gS4{Bf8G8TRFK@cX%Px=ZwoR$Q4
zYks?>0+Fx4_#Rsh6)!crb!6C?E~Kxe3(ektY)S)*)lbPp-4|<s{8y+wp^EA|6r2~~
zrW?1ptw!Y?H_ExV9PobQaBaD=*lQ?HQfLYja@^jKU{FA1)4;(~O`!(2{@@19d;S6^
z_Z4zn)H4;+_xDd&nZBk<t&g2yyj%j(Gh?${d{Jf!*;l?(d};s*)=BtyOYC_;)0|G_
ztX#<1p=KQVl-VSYk{<G?ON><%3ONoDJXPk1SUynDuZW=ImvVi|wmkHLn6=jV@9fa@
zGp=JmgZ>dMTNJfT-j;fx&^GITIdj2E7C`te2h40eXY4f%g43x(|Kjylpt#x^+kV^K
zgo72lyo&4NssW1^MOa&UxNFoyE$H%3(z`UG^zP~2(>l<G-m6Gfe+Qv1I~UY}8@lA4
zt-2|~cgixf>m_i#XMStg_cHNSkmYQoH0yNlSwP}Rw+PH@`lhT7sOMLU+vB-uClpzQ
zogf_+f7QU6K!Q9_ir#Svlr7AgcS1ki6%jYY1G_Db8>}Q_88&B>N2K4LuFuzjeqP~@
zr*nap@`P@?MvnmgqYu_!djJfwpQm5k`3C5*1f*JDVVYMKFwP$!6%&Ax1=&rawf!oM
z+#38OGZ~{QSnh;`EL<KKxdfc?ooI)#aDm5LvZnxUuV>gK?P}=GdxE})wsj#zniq1-
z=w1*i?%i2~S#d)e-i;8G)!Nm%hey?E|5kkO<8x`@y^5*4bER7=lha$#O^VJ&-n35p
z5>T}PK|FYYH*R4W+oVlUKr#N-o4a7W3{ly7VU<B-8|zHdCg$=L?w$mTf+q?K`Xv`k
z5>O@egs~TXEu93R%nMo%Ha*chGWGhMtBYGSrooQx2ceGkL`2t<u`&j=XJQvmpby0u
zpUB=*;w%3HFK>iFq-s#u^=woc5~Z`+5Uwo>|B=Ow<10^jOK0am(bmsj&RBcM{S?B9
zWzfZi<x_c977`Q$?P8X28Yk1vNltNfAZY&8*)>XF47dlJp$9=fb~;Md{c?v40~e!y
z<P5xgO5naoHL>~dboY<t$*<Kj(m>^OMQRgZU*-KMQwBiWPiAT6<^m(>m!{rU%~`5k
zU=%j{NyNMXLH3STH%OTX&$ksFE&bp->4i2F`ITY5qj;h4d^A|^!~v@__(+>Ga$j2U
ze(<gKYH+-~5jv=+UQCP{paCnFg?P0b0u~Rdnd$^(`BNcGH9uG6S=2<u+AvVqn`&Wb
zLCGHSDrL6te3S}Vou;bm)G}~v#m(x(<e;89tw>VIU%kD7`+#A7M$Qt&Xy|SXd->-H
zhE)5F+kAWcMACxwQ!E#Fs7e>1)6){58n4pSt7;u^#~3?kUulG{q>keYT5+cl%|c$A
zHnce`u4bx6G=M4-#lawx;Xt5tX2weQVYCOlZ;2Zo4OK4zz8wPG0nSUQ>*Te;A=Cc1
zp^8@`CaMwC*^t}NpFCmc%c)9yneJHq>EtG8pkM(<Au0pz2M(b6=rWcyWK;cA*gB>1
zdk=U=ys7*Jthp(w$gY2?N}vVVr!FYp+P2b@1a{FLkCxkMH5a{W8bf-9O?bjv>rN-*
zU;}1Ro^RX0odqR4-%}25G|-DnZdJXuuhbGOS_wSawxBiI6aJ_!H#r$LuxOkrPS@|&
z9xW8YdOq>mHbJs$cS054vc`bD+rMtfu0VRjmGFwxLwT<FVTke^1bX9a45nctc0q%`
z^p<XMNrneWdCa_!@h$eNh5+e|ZgEIP)2I7rg!@}13fwafO22{HSBtkQ$Vm6FYv8I5
zv^RG_6}Hhr^sMQED{CGU5N&g&v6(Z8;)rfR#bs71`_euz%&{Y(FyKV$=!Ag+09x21
zKP-sB%=*)Af}nIKO=MlKddi3}KNE;87(d=|ubWlxCmpY7IR+2H`n)`eIFi*_dyGMs
zz6B>OFOIormFHW56}aH#B!BJfooC=aoaxo3jd{g;U)Uo4e)g&8eBRprE+Xfauu0fs
z|9GKB*VYyAhPA@Dg{pf;5&U}R!0U8^Mg9{(9`1EkDWeC}s$x+=G4U9K!H{PtrJ}*y
zwS~2rrNcTX%lz@<c>)32CE^*Of;1OZJv*e3nm2Np+9;Ra{mY?6Rn(87#?<UW)`kHi
zx2#WjI?R-wf_HXN=7nu~Hos?;%1N*wM)WLamc;OH9?V&5Xr~7yU6UN;D(eYZy`UIv
zsIx7^_GiwnyX3nMx*3=J0_}3;sa7)=+*LgY-f#uWbb#rawKrRbxpkFim;hVwggW1*
z0DR#`gbi4!s0$xywa2F+r@csc-{#=cYq#X-6hBs#z_Oc!EX*05;>x+%GrIF_m|3On
z%b8Uh2R^uD#qNXZ*~}JWmq$d{2wQ6rYwdS{t8%{0@vPDV{~`L13jUXP!A*1BH{cgu
zt5v@R`2QOeogm4iiN5(ZRF!4v&^nhhAS(NKaX+7wJ_IF?Y5=@nYx8Pby$uwPwszp~
z%EtW&zLhs{4^x_}PQKFN#SY*lRbPkh?ySzp2cAW}u5HNq=AZ=Sdugq`w3Pn(`RmRU
zUR>%A-_$F*rZNIIC5;4O7_uNsWzo}zvVB>lVoq|(^lz%W1iB9=9}r#s_kM-2YFY`C
Y^tGF(n-2<9zgckE;kmtPThI^x2mW?Su>b%7

literal 0
HcmV?d00001

diff --git a/apps/web/public/favicon.svg b/apps/web/public/favicon.svg
new file mode 100644
index 0000000..7406a1c
--- /dev/null
+++ b/apps/web/public/favicon.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect width="64" height="64" rx="14" fill="#0052FF"/>
+  <path d="M18 16h6v24h14v6H18z" fill="#fff"/>
+  <path d="M40 16h6v18h-6z" fill="#fff" opacity="0.7"/>
+</svg>
diff --git a/apps/web/public/logo-dark.png b/apps/web/public/logo-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce63191592f3c5600485f383d6eac011a4159f83
GIT binary patch
literal 7311
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
HTKN9}eVzj#

literal 0
HcmV?d00001

diff --git a/apps/web/public/logo-light.png b/apps/web/public/logo-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d5e41b765e7cdc579ac76253a2b998e6fdbe8af
GIT binary patch
literal 7480
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
KDO9p~@P7c`K3@s|

literal 0
HcmV?d00001

diff --git a/apps/web/src/App.tsx b/apps/web/src/App.tsx
new file mode 100644
index 0000000..8aad71c
--- /dev/null
+++ b/apps/web/src/App.tsx
@@ -0,0 +1,90 @@
+import { Route, Routes } from 'react-router-dom';
+import LandingPage from './pages/LandingPage';
+import LoginPage from './pages/LoginPage';
+import SignupPage from './pages/SignupPage';
+import ForgotPasswordPage from './pages/ForgotPasswordPage';
+import ResetPasswordPage from './pages/ResetPasswordPage';
+import BillingSuccessPage from './pages/billing/BillingSuccessPage';
+import BillingCancelPage from './pages/billing/BillingCancelPage';
+import { AppLayout } from './components/app/AppLayout';
+import DashboardPage from './pages/app/DashboardPage';
+import ClientsPage from './pages/app/ClientsPage';
+import ClientDetailPage from './pages/app/ClientDetailPage';
+import CasesPage from './pages/app/CasesPage';
+import CaseDetailPage from './pages/app/CaseDetailPage';
+import TimePage from './pages/app/TimePage';
+import InvoicesPage from './pages/app/InvoicesPage';
+import InvoiceDetailPage from './pages/app/InvoiceDetailPage';
+import AccountSettingsPage from './pages/app/AccountSettingsPage';
+import { CookieBanner } from './components/CookieBanner';
+import { AdminLayout } from './components/admin/AdminLayout';
+import AdminDashboardPage from './pages/admin/AdminDashboardPage';
+import AdminFirmsPage from './pages/admin/AdminFirmsPage';
+import AdminFirmDetailPage from './pages/admin/AdminFirmDetailPage';
+import AdminUsersPage from './pages/admin/AdminUsersPage';
+import AdminContactPage from './pages/admin/AdminContactPage';
+import AdminAuditPage from './pages/admin/AdminAuditPage';
+import ToolsIndexPage from './pages/tools/ToolsIndexPage';
+import HourlyRateCalculatorPage from './pages/tools/HourlyRateCalculatorPage';
+import CaseProfitabilityPage from './pages/tools/CaseProfitabilityPage';
+import BillableHoursTrackerPage from './pages/tools/BillableHoursTrackerPage';
+import DocumentTemplatesPage from './pages/tools/DocumentTemplatesPage';
+import BlogIndexPage from './pages/blog/BlogIndexPage';
+import BlogPostPage from './pages/blog/BlogPostPage';
+import PrivacyPage from './pages/legal/PrivacyPage';
+import TermsPage from './pages/legal/TermsPage';
+import CookiesPage from './pages/legal/CookiesPage';
+
+export default function App() {
+  return (
+    <>
+      <Routes>
+        <Route path="/" element={<LandingPage />} />
+        <Route path="/login" element={<LoginPage />} />
+        <Route path="/signup" element={<SignupPage />} />
+        <Route path="/forgot-password" element={<ForgotPasswordPage />} />
+        <Route path="/reset-password" element={<ResetPasswordPage />} />
+
+        <Route path="/billing/success" element={<BillingSuccessPage />} />
+        <Route path="/billing/cancel" element={<BillingCancelPage />} />
+
+        <Route path="/tools" element={<ToolsIndexPage />} />
+        <Route path="/tools/hourly-rate-calculator" element={<HourlyRateCalculatorPage />} />
+        <Route path="/tools/case-profitability" element={<CaseProfitabilityPage />} />
+        <Route path="/tools/billable-hours-tracker" element={<BillableHoursTrackerPage />} />
+        <Route path="/tools/document-templates" element={<DocumentTemplatesPage />} />
+
+        <Route path="/blog" element={<BlogIndexPage />} />
+        <Route path="/blog/:slug" element={<BlogPostPage />} />
+
+        <Route path="/legal/privacy" element={<PrivacyPage />} />
+        <Route path="/legal/terms" element={<TermsPage />} />
+        <Route path="/legal/cookies" element={<CookiesPage />} />
+
+        <Route path="/app" element={<AppLayout />}>
+          <Route index element={<DashboardPage />} />
+          <Route path="clients" element={<ClientsPage />} />
+          <Route path="clients/:id" element={<ClientDetailPage />} />
+          <Route path="cases" element={<CasesPage />} />
+          <Route path="cases/:id" element={<CaseDetailPage />} />
+          <Route path="time" element={<TimePage />} />
+          <Route path="invoices" element={<InvoicesPage />} />
+          <Route path="invoices/:id" element={<InvoiceDetailPage />} />
+          <Route path="settings" element={<AccountSettingsPage />} />
+        </Route>
+
+        <Route path="/admin" element={<AdminLayout />}>
+          <Route index element={<AdminDashboardPage />} />
+          <Route path="firms" element={<AdminFirmsPage />} />
+          <Route path="firms/:id" element={<AdminFirmDetailPage />} />
+          <Route path="users" element={<AdminUsersPage />} />
+          <Route path="contact" element={<AdminContactPage />} />
+          <Route path="audit" element={<AdminAuditPage />} />
+        </Route>
+
+        <Route path="*" element={<LandingPage />} />
+      </Routes>
+      <CookieBanner />
+    </>
+  );
+}
diff --git a/apps/web/src/components/CookieBanner.tsx b/apps/web/src/components/CookieBanner.tsx
new file mode 100644
index 0000000..e8f4c43
--- /dev/null
+++ b/apps/web/src/components/CookieBanner.tsx
@@ -0,0 +1,82 @@
+import { useEffect, useState } from 'react';
+import { Cookie, X } from 'lucide-react';
+
+const STORAGE_KEY = 'lawdesk:cookie-consent';
+
+type Consent = 'all' | 'essentials';
+
+export function getConsent(): Consent | null {
+  if (typeof localStorage === 'undefined') return null;
+  const v = localStorage.getItem(STORAGE_KEY);
+  return v === 'all' || v === 'essentials' ? v : null;
+}
+
+function setConsent(v: Consent) {
+  localStorage.setItem(STORAGE_KEY, v);
+  window.dispatchEvent(new CustomEvent('lawdesk:consent-changed', { detail: v }));
+}
+
+export function CookieBanner() {
+  const [open, setOpen] = useState(false);
+
+  useEffect(() => {
+    setOpen(getConsent() === null);
+  }, []);
+
+  if (!open) return null;
+
+  function choose(v: Consent) {
+    setConsent(v);
+    setOpen(false);
+  }
+
+  return (
+    <div className="fixed inset-x-0 bottom-0 z-50 p-3 sm:p-5">
+      <div className="mx-auto max-w-3xl rounded-2xl border border-ink-100 bg-white shadow-2xl shadow-ink-900/15 p-5 md:p-6">
+        <div className="flex items-start gap-4">
+          <div className="grid h-10 w-10 flex-none place-items-center rounded-xl bg-brand-50 text-brand-600">
+            <Cookie className="h-5 w-5" />
+          </div>
+          <div className="flex-1 min-w-0">
+            <h3 className="text-sm font-semibold text-ink-900">Cookies on this site</h3>
+            <p className="mt-1 text-sm text-ink-600 leading-relaxed">
+              We use a few essential cookies to keep you signed in and secure. With your permission
+              we'd also like to use optional cookies to understand how the product is used so we can
+              improve it. You can change this choice anytime from your account settings.
+            </p>
+            <div className="mt-4 flex flex-wrap items-center gap-2">
+              <button
+                type="button"
+                onClick={() => choose('all')}
+                className="btn-primary text-sm py-2 px-4"
+              >
+                Accept all
+              </button>
+              <button
+                type="button"
+                onClick={() => choose('essentials')}
+                className="btn-secondary text-sm py-2 px-4"
+              >
+                Essentials only
+              </button>
+              <a
+                href="/legal/privacy"
+                className="ml-1 text-xs font-medium text-ink-500 hover:text-ink-800 underline-offset-2 hover:underline"
+              >
+                Learn more
+              </a>
+            </div>
+          </div>
+          <button
+            type="button"
+            onClick={() => choose('essentials')}
+            className="grid h-8 w-8 place-items-center rounded-lg text-ink-400 hover:bg-ink-100 hover:text-ink-700 -mt-1 -mr-1"
+            aria-label="Dismiss with essentials only"
+          >
+            <X className="h-4 w-4" />
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/src/components/admin/AdminLayout.tsx b/apps/web/src/components/admin/AdminLayout.tsx
new file mode 100644
index 0000000..ffd666b
--- /dev/null
+++ b/apps/web/src/components/admin/AdminLayout.tsx
@@ -0,0 +1,57 @@
+import { Navigate, Outlet } from 'react-router-dom';
+import { LogOut } from 'lucide-react';
+import { useLogout, useMe } from '@/hooks/useAuth';
+import { AdminSidebar } from './AdminSidebar';
+
+export function AdminLayout() {
+  const me = useMe();
+  const logout = useLogout();
+
+  if (me.isLoading) {
+    return <div className="min-h-screen grid place-items-center text-sm text-ink-500">Loading…</div>;
+  }
+  if (!me.data) return <Navigate to="/login?next=/admin" replace />;
+  if (!me.data.isSuperadmin) return <Navigate to="/app" replace />;
+
+  return (
+    <div className="min-h-screen flex bg-ink-50">
+      <AdminSidebar />
+      <div className="flex-1 flex flex-col min-w-0">
+        <header className="flex h-16 items-center justify-between gap-4 border-b border-ink-100 bg-white px-6">
+          <p className="text-sm text-ink-500">Signed in as <span className="font-medium text-ink-800">{me.data.email}</span></p>
+          <button
+            type="button"
+            onClick={() => logout.mutate()}
+            className="inline-flex items-center gap-1.5 text-sm text-ink-600 hover:text-ink-900"
+          >
+            <LogOut className="h-4 w-4" />
+            Log out
+          </button>
+        </header>
+        <main className="flex-1 overflow-y-auto">
+          <Outlet />
+        </main>
+      </div>
+    </div>
+  );
+}
+
+export function AdminPageHeader({
+  title,
+  description,
+  action,
+}: {
+  title: string;
+  description?: React.ReactNode;
+  action?: React.ReactNode;
+}) {
+  return (
+    <div className="flex flex-col gap-3 md:flex-row md:items-end md:justify-between mb-6">
+      <div>
+        <h1 className="text-2xl font-bold text-ink-950 font-display">{title}</h1>
+        {description && <p className="mt-1 text-sm text-ink-600">{description}</p>}
+      </div>
+      {action && <div className="flex items-center gap-2">{action}</div>}
+    </div>
+  );
+}
diff --git a/apps/web/src/components/admin/AdminSidebar.tsx b/apps/web/src/components/admin/AdminSidebar.tsx
new file mode 100644
index 0000000..9efec2c
--- /dev/null
+++ b/apps/web/src/components/admin/AdminSidebar.tsx
@@ -0,0 +1,81 @@
+import { NavLink } from 'react-router-dom';
+import {
+  LayoutDashboard,
+  Building2,
+  Users,
+  MessageSquare,
+  ShieldAlert,
+  ArrowLeft,
+  ScrollText,
+} from 'lucide-react';
+import type { ComponentType } from 'react';
+import { cn } from '@/lib/cn';
+
+interface Item {
+  to: string;
+  label: string;
+  icon: ComponentType<{ className?: string }>;
+}
+
+const NAV: Item[] = [
+  { to: '/admin', label: 'Overview', icon: LayoutDashboard },
+  { to: '/admin/firms', label: 'Firms', icon: Building2 },
+  { to: '/admin/users', label: 'Users', icon: Users },
+  { to: '/admin/contact', label: 'Contact inbox', icon: MessageSquare },
+  { to: '/admin/audit', label: 'Audit log', icon: ScrollText },
+];
+
+export function AdminSidebar() {
+  return (
+    <aside className="hidden md:flex md:w-60 lg:w-64 flex-col border-r border-ink-100 bg-ink-950 text-ink-100">
+      <div className="px-5 py-5">
+        <a href="/admin" className="inline-flex" aria-label="Admin home">
+          <img src="/logo-light.png" alt="Legal Software" className="h-7 w-auto" width={450} height={45} />
+        </a>
+      </div>
+
+      <div className="px-5 mb-2">
+        <span className="inline-flex items-center gap-1.5 rounded-full bg-rose-500/20 text-rose-200 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider">
+          <ShieldAlert className="h-3 w-3" />
+          Superadmin
+        </span>
+      </div>
+
+      <nav className="flex-1 px-3 mt-2 space-y-0.5">
+        {NAV.map((item) => (
+          <NavItem key={item.to} item={item} />
+        ))}
+      </nav>
+
+      <div className="p-3 border-t border-ink-900">
+        <NavLink
+          to="/app"
+          className="flex items-center gap-3 rounded-lg px-3 py-2 text-sm text-ink-300 hover:bg-ink-900/60 hover:text-white transition"
+        >
+          <ArrowLeft className="h-4 w-4" />
+          Back to app
+        </NavLink>
+      </div>
+    </aside>
+  );
+}
+
+function NavItem({ item }: { item: Item }) {
+  return (
+    <NavLink
+      to={item.to}
+      end={item.to === '/admin'}
+      className={({ isActive }) =>
+        cn(
+          'flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition',
+          isActive
+            ? 'bg-white text-ink-950 font-medium shadow'
+            : 'text-ink-300 hover:bg-ink-900/60 hover:text-white',
+        )
+      }
+    >
+      <item.icon className="h-4 w-4" />
+      {item.label}
+    </NavLink>
+  );
+}
diff --git a/apps/web/src/components/app/AppLayout.tsx b/apps/web/src/components/app/AppLayout.tsx
new file mode 100644
index 0000000..83f3095
--- /dev/null
+++ b/apps/web/src/components/app/AppLayout.tsx
@@ -0,0 +1,48 @@
+import { Navigate, Outlet } from 'react-router-dom';
+import { useMe } from '@/hooks/useAuth';
+import { Sidebar } from './Sidebar';
+import { Topbar } from './Topbar';
+
+export function AppLayout() {
+  const me = useMe();
+
+  if (me.isLoading) {
+    return <div className="min-h-screen grid place-items-center text-sm text-ink-500">Loading…</div>;
+  }
+
+  if (!me.data) {
+    return <Navigate to="/login" replace />;
+  }
+
+  return (
+    <div className="min-h-screen flex bg-ink-50">
+      <Sidebar />
+      <div className="flex-1 flex flex-col min-w-0">
+        <Topbar />
+        <main className="flex-1 overflow-y-auto">
+          <Outlet />
+        </main>
+      </div>
+    </div>
+  );
+}
+
+export function PageHeader({
+  title,
+  description,
+  action,
+}: {
+  title: string;
+  description?: React.ReactNode;
+  action?: React.ReactNode;
+}) {
+  return (
+    <div className="flex flex-col gap-3 md:flex-row md:items-end md:justify-between mb-6">
+      <div>
+        <h1 className="text-2xl font-bold text-ink-950 font-display">{title}</h1>
+        {description && <p className="mt-1 text-sm text-ink-600">{description}</p>}
+      </div>
+      {action && <div className="flex items-center gap-2">{action}</div>}
+    </div>
+  );
+}
diff --git a/apps/web/src/components/app/BillingCard.tsx b/apps/web/src/components/app/BillingCard.tsx
new file mode 100644
index 0000000..dd4c10d
--- /dev/null
+++ b/apps/web/src/components/app/BillingCard.tsx
@@ -0,0 +1,204 @@
+import { useState } from 'react';
+import { CreditCard, Sparkles, Crown } from 'lucide-react';
+import { Card, CardBody, CardHeader } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Badge } from '@/components/ui/Badge';
+import { useBillingStatus, useStartCheckout, useOpenPortal } from '@/hooks/useBilling';
+
+const PLAN_TONES: Record<'starter' | 'pro' | 'lifetime', 'neutral' | 'brand' | 'emerald'> = {
+  starter: 'neutral',
+  pro: 'brand',
+  lifetime: 'emerald',
+};
+
+const PLAN_LABEL: Record<'starter' | 'pro' | 'lifetime', string> = {
+  starter: 'Starter',
+  pro: 'Professional',
+  lifetime: 'Lifetime',
+};
+
+export function BillingCard() {
+  const status = useBillingStatus();
+  const checkout = useStartCheckout();
+  const portal = useOpenPortal();
+  const [error, setError] = useState<string | null>(null);
+
+  async function startCheckout(plan: 'pro' | 'lifetime') {
+    setError(null);
+    try {
+      const { url } = await checkout.mutateAsync({ plan });
+      if (url) window.location.href = url;
+    } catch (e) {
+      const code = (e as { code?: string }).code;
+      setError(
+        code === 'stripe_not_configured'
+          ? 'Billing is not configured yet. Contact support.'
+          : code === 'plan_not_configured'
+            ? 'This plan is not available yet.'
+            : 'Could not start checkout.',
+      );
+    }
+  }
+
+  async function openPortal() {
+    setError(null);
+    try {
+      const { url } = await portal.mutateAsync();
+      if (url) window.location.href = url;
+    } catch {
+      setError('Could not open billing portal.');
+    }
+  }
+
+  if (status.isLoading) {
+    return (
+      <Card>
+        <CardHeader title="Plan & billing" />
+        <CardBody>
+          <p className="text-sm text-ink-500">Loading…</p>
+        </CardBody>
+      </Card>
+    );
+  }
+
+  const plan = status.data?.plan ?? 'starter';
+  const isPaid = plan !== 'starter';
+  const configured = !!status.data?.configured;
+
+  return (
+    <Card>
+      <CardHeader
+        title="Plan & billing"
+        description={isPaid ? 'Manage your subscription and payment details.' : 'Upgrade to remove limits and watermarks.'}
+      />
+      <CardBody className="space-y-5">
+        <div className="flex items-center justify-between rounded-xl border border-ink-100 bg-ink-50/50 p-4">
+          <div className="flex items-center gap-3">
+            <div className="grid h-10 w-10 place-items-center rounded-lg bg-white text-brand-600 shadow-sm">
+              <CreditCard className="h-4 w-4" />
+            </div>
+            <div>
+              <p className="text-xs uppercase tracking-wider text-ink-500">Current plan</p>
+              <p className="font-semibold text-ink-900">
+                {PLAN_LABEL[plan]} <Badge tone={PLAN_TONES[plan]}>{plan}</Badge>
+              </p>
+            </div>
+          </div>
+          {status.data?.hasCustomer && (
+            <Button variant="secondary" size="sm" onClick={openPortal} disabled={portal.isPending}>
+              {portal.isPending ? 'Opening…' : 'Manage billing'}
+            </Button>
+          )}
+        </div>
+
+        {!configured && (
+          <p className="rounded-lg bg-amber-50 border border-amber-200 px-3 py-2 text-sm text-amber-800">
+            Stripe isn't configured on this server yet. Set <code>STRIPE_SECRET_KEY</code> and the price IDs in your environment to enable checkout.
+          </p>
+        )}
+
+        {plan === 'starter' && (
+          <div className="grid gap-3 sm:grid-cols-2">
+            <PlanOption
+              icon={<Sparkles className="h-4 w-4" />}
+              name="Professional"
+              price="$25/mo"
+              points={['Unlimited clients & invoices', '6 active cases', '8GB storage', 'No watermark']}
+              cta="Upgrade to Pro"
+              onClick={() => startCheckout('pro')}
+              loading={checkout.isPending}
+              disabled={!configured}
+            />
+            <PlanOption
+              icon={<Crown className="h-4 w-4" />}
+              name="Lifetime"
+              price="$129 once"
+              points={['Everything in Pro', 'Unlimited cases', '50GB storage', 'Future updates']}
+              cta="Get Lifetime"
+              onClick={() => startCheckout('lifetime')}
+              loading={checkout.isPending}
+              disabled={!configured}
+              highlight
+            />
+          </div>
+        )}
+
+        {plan === 'pro' && (
+          <p className="text-sm text-ink-600">
+            You're on the Professional plan ($25/mo). Want a lifetime license instead?{' '}
+            <button
+              type="button"
+              className="font-semibold text-brand-600 hover:text-brand-700"
+              onClick={() => startCheckout('lifetime')}
+              disabled={checkout.isPending || !configured}
+            >
+              Upgrade to Lifetime
+            </button>
+            .
+          </p>
+        )}
+
+        {plan === 'lifetime' && (
+          <p className="text-sm text-ink-600">
+            You're on the Lifetime plan. No renewal needed — you have full access forever.
+          </p>
+        )}
+
+        {error && <p className="rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-700">{error}</p>}
+      </CardBody>
+    </Card>
+  );
+}
+
+function PlanOption({
+  icon,
+  name,
+  price,
+  points,
+  cta,
+  onClick,
+  loading,
+  disabled,
+  highlight,
+}: {
+  icon: React.ReactNode;
+  name: string;
+  price: string;
+  points: string[];
+  cta: string;
+  onClick: () => void;
+  loading: boolean;
+  disabled: boolean;
+  highlight?: boolean;
+}) {
+  return (
+    <div
+      className={
+        'rounded-xl border p-4 ' +
+        (highlight ? 'border-brand-300 bg-brand-50/30' : 'border-ink-100')
+      }
+    >
+      <div className="flex items-center gap-2 text-ink-900">
+        <span className="grid h-7 w-7 place-items-center rounded-md bg-white text-brand-600 shadow-sm">
+          {icon}
+        </span>
+        <p className="font-semibold">{name}</p>
+        <span className="ml-auto text-sm font-bold text-ink-950">{price}</span>
+      </div>
+      <ul className="mt-3 space-y-1 text-xs text-ink-600">
+        {points.map((p) => (
+          <li key={p}>· {p}</li>
+        ))}
+      </ul>
+      <Button
+        size="sm"
+        variant={highlight ? 'primary' : 'secondary'}
+        className="mt-4 w-full"
+        onClick={onClick}
+        disabled={loading || disabled}
+      >
+        {loading ? 'Redirecting…' : cta}
+      </Button>
+    </div>
+  );
+}
diff --git a/apps/web/src/components/app/CaseTimeList.tsx b/apps/web/src/components/app/CaseTimeList.tsx
new file mode 100644
index 0000000..5acb4ad
--- /dev/null
+++ b/apps/web/src/components/app/CaseTimeList.tsx
@@ -0,0 +1,84 @@
+import { useState } from 'react';
+import { Plus, Trash2, Clock } from 'lucide-react';
+import { Card, CardHeader, EmptyState } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Badge } from '@/components/ui/Badge';
+import { ManualEntryDrawer } from './ManualEntryDrawer';
+import { useTimeEntries, useDeleteTimeEntry, type TimeEntry } from '@/hooks/useTime';
+import { formatDate, formatHours, formatMoney } from '@/lib/format';
+
+function entryAmount(e: TimeEntry): number {
+  if (!e.billable) return 0;
+  return (Number(e.rate) || 0) * (e.minutes / 60);
+}
+
+export function CaseTimeList({ caseId }: { caseId: string }) {
+  const list = useTimeEntries({ caseId });
+  const del = useDeleteTimeEntry();
+  const [drawerOpen, setDrawerOpen] = useState(false);
+
+  const totalMinutes = (list.data?.items ?? []).reduce((acc, e) => acc + e.minutes, 0);
+  const totalAmount = (list.data?.items ?? []).reduce((acc, e) => acc + entryAmount(e), 0);
+
+  return (
+    <Card>
+      <CardHeader
+        title="Time entries"
+        description={
+          totalMinutes > 0 ? `${formatHours(totalMinutes)} · ${formatMoney(totalAmount)} billable` : 'No time logged yet.'
+        }
+        action={
+          <Button size="sm" onClick={() => setDrawerOpen(true)}>
+            <Plus className="h-3.5 w-3.5" />
+            Log time
+          </Button>
+        }
+      />
+
+      {list.isLoading ? (
+        <div className="px-6 py-10 text-center text-sm text-ink-500">Loading…</div>
+      ) : !list.data?.items.length ? (
+        <EmptyState
+          icon={<Clock className="h-5 w-5" />}
+          title="No time logged"
+          description="Start the timer in the topbar or log time manually."
+        />
+      ) : (
+        <ul className="divide-y divide-ink-100">
+          {list.data.items.map((e) => (
+            <li key={e.id} className="flex items-center gap-4 px-5 py-3 hover:bg-ink-50/50">
+              <div className="min-w-0 flex-1">
+                <p className="text-sm text-ink-900 truncate">{e.description}</p>
+                <p className="text-xs text-ink-500 mt-0.5">{formatDate(e.startedAt)}</p>
+              </div>
+              <div className="text-right">
+                <p className="text-sm font-semibold text-ink-900 tabular-nums">{formatHours(e.minutes)}</p>
+                <p className="text-xs text-ink-500">
+                  {e.billable ? formatMoney(entryAmount(e)) : 'Non-billable'}
+                </p>
+              </div>
+              {e.invoiceItemId ? (
+                <Badge tone="brand">Invoiced</Badge>
+              ) : !e.endedAt ? (
+                <Badge tone="emerald">Running</Badge>
+              ) : (
+                <button
+                  type="button"
+                  onClick={() => {
+                    if (confirm('Delete this time entry?')) del.mutate(e.id);
+                  }}
+                  className="grid h-8 w-8 place-items-center rounded-lg text-ink-400 hover:text-rose-600 hover:bg-rose-50 transition"
+                  aria-label="Delete entry"
+                >
+                  <Trash2 className="h-4 w-4" />
+                </button>
+              )}
+            </li>
+          ))}
+        </ul>
+      )}
+
+      <ManualEntryDrawer open={drawerOpen} onClose={() => setDrawerOpen(false)} initialCaseId={caseId} />
+    </Card>
+  );
+}
diff --git a/apps/web/src/components/app/CreateInvoiceDrawer.tsx b/apps/web/src/components/app/CreateInvoiceDrawer.tsx
new file mode 100644
index 0000000..220eea3
--- /dev/null
+++ b/apps/web/src/components/app/CreateInvoiceDrawer.tsx
@@ -0,0 +1,360 @@
+import { useEffect, useMemo, useState } from 'react';
+import { Plus, Trash2, FileText } from 'lucide-react';
+import { Drawer } from '@/components/ui/Drawer';
+import { Button } from '@/components/ui/Button';
+import { Input, Select, Textarea } from '@/components/ui/Input';
+import { useClients } from '@/hooks/useClients';
+import { useCases } from '@/hooks/useCases';
+import { useTimeEntries } from '@/hooks/useTime';
+import { useCreateInvoice, type CreateInvoiceInput } from '@/hooks/useInvoices';
+import { formatDate, formatHours, formatMoney, planLimitMessage } from '@/lib/format';
+import { cn } from '@/lib/cn';
+
+interface ManualItem {
+  description: string;
+  quantity: string;
+  rate: string;
+}
+
+type Mode = 'manual' | 'time';
+
+interface Props {
+  open: boolean;
+  onClose: () => void;
+  initialClientId?: string;
+  initialCaseId?: string;
+  onCreated?: (invoiceId: string) => void;
+}
+
+function defaultDueDate(): string {
+  const d = new Date();
+  d.setDate(d.getDate() + 30);
+  return d.toISOString().slice(0, 10);
+}
+
+export function CreateInvoiceDrawer({ open, onClose, initialClientId, initialCaseId, onCreated }: Props) {
+  const clients = useClients();
+  const cases = useCases();
+  const create = useCreateInvoice();
+
+  const [mode, setMode] = useState<Mode>(initialCaseId ? 'time' : 'manual');
+  const [clientId, setClientId] = useState(initialClientId ?? '');
+  const [caseId, setCaseId] = useState(initialCaseId ?? '');
+  const [taxRate, setTaxRate] = useState('0');
+  const [dueDate, setDueDate] = useState(defaultDueDate());
+  const [notes, setNotes] = useState('');
+  const [items, setItems] = useState<ManualItem[]>([{ description: '', quantity: '1', rate: '' }]);
+  const [selectedTimeIds, setSelectedTimeIds] = useState<Set<string>>(new Set());
+
+  // Reset on open
+  useEffect(() => {
+    if (!open) return;
+    setMode(initialCaseId ? 'time' : 'manual');
+    setClientId(initialClientId ?? '');
+    setCaseId(initialCaseId ?? '');
+    setTaxRate('0');
+    setDueDate(defaultDueDate());
+    setNotes('');
+    setItems([{ description: '', quantity: '1', rate: '' }]);
+    setSelectedTimeIds(new Set());
+    create.reset();
+  }, [open, initialClientId, initialCaseId, create]);
+
+  // When client changes, clear case selection if the case doesn't belong to that client
+  useEffect(() => {
+    if (!caseId) return;
+    const c = cases.data?.items.find((x) => x.id === caseId);
+    if (c && c.clientId !== clientId) setCaseId('');
+  }, [clientId, caseId, cases.data]);
+
+  // Pull unbilled time entries for the chosen case (or for any case of the client if no case)
+  const unbilledTime = useTimeEntries(
+    mode === 'time'
+      ? caseId
+        ? { caseId, invoiced: 'false' }
+        : { invoiced: 'false' }
+      : { invoiced: 'false' },
+  );
+
+  const filteredEntries = useMemo(() => {
+    const all = unbilledTime.data?.items ?? [];
+    return all.filter((e) => {
+      if (!e.billable) return false;
+      if (e.endedAt === null) return false; // skip running timer
+      if (clientId && e.clientId !== clientId) return false;
+      if (caseId && e.caseId !== caseId) return false;
+      return true;
+    });
+  }, [unbilledTime.data, clientId, caseId]);
+
+  function toggleTime(id: string) {
+    setSelectedTimeIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }
+
+  // Live totals preview
+  const previewSubtotal = useMemo(() => {
+    if (mode === 'manual') {
+      return items.reduce((acc, it) => acc + (Number(it.quantity) || 0) * (Number(it.rate) || 0), 0);
+    }
+    return filteredEntries
+      .filter((e) => selectedTimeIds.has(e.id))
+      .reduce((acc, e) => acc + (Number(e.rate) || 0) * (e.minutes / 60), 0);
+  }, [mode, items, filteredEntries, selectedTimeIds]);
+
+  const previewTotal = previewSubtotal * (1 + (Number(taxRate) || 0) / 100);
+
+  const clientCases = useMemo(
+    () => (cases.data?.items ?? []).filter((c) => !clientId || c.clientId === clientId),
+    [cases.data, clientId],
+  );
+
+  async function onSubmit() {
+    if (!clientId) return;
+    const payload: CreateInvoiceInput = {
+      clientId,
+      caseId: caseId || null,
+      notes: notes.trim() || null,
+      taxRate: Number(taxRate) || 0,
+      dueAt: dueDate ? new Date(`${dueDate}T00:00:00`).toISOString() : null,
+    };
+    if (mode === 'manual') {
+      payload.items = items
+        .filter((it) => it.description.trim() && Number(it.quantity) > 0 && Number(it.rate) >= 0)
+        .map((it) => ({
+          description: it.description.trim(),
+          quantity: Number(it.quantity),
+          rate: Number(it.rate),
+        }));
+    } else {
+      payload.timeEntryIds = Array.from(selectedTimeIds);
+    }
+    if (!payload.items?.length && !payload.timeEntryIds?.length) return;
+
+    const created = await create.mutateAsync(payload);
+    onCreated?.(created.id);
+    onClose();
+  }
+
+  const apiErr = create.error ? planLimitMessage(create.error.code, 'Could not create the invoice.') : null;
+
+  const canSubmit =
+    !!clientId &&
+    ((mode === 'manual' &&
+      items.some((it) => it.description.trim() && Number(it.quantity) > 0 && Number(it.rate) >= 0)) ||
+      (mode === 'time' && selectedTimeIds.size > 0));
+
+  return (
+    <Drawer
+      open={open}
+      onClose={onClose}
+      title="New invoice"
+      description="Create a draft from time entries or build it manually."
+      width="max-w-2xl"
+      footer={
+        <div className="flex items-center justify-between gap-2">
+          <p className="text-sm text-ink-600">
+            <span className="text-xs text-ink-500">Total</span>{' '}
+            <span className="font-semibold text-ink-900">{formatMoney(previewTotal)}</span>
+          </p>
+          <div className="flex items-center gap-2">
+            <Button variant="secondary" onClick={onClose}>
+              Cancel
+            </Button>
+            <Button onClick={onSubmit} disabled={!canSubmit || create.isPending}>
+              {create.isPending ? 'Creating…' : 'Create draft'}
+            </Button>
+          </div>
+        </div>
+      }
+    >
+      <div className="space-y-5">
+        <div className="grid gap-4 md:grid-cols-2">
+          <Select label="Client" value={clientId} onChange={(e) => setClientId(e.target.value)}>
+            <option value="">Select a client…</option>
+            {clients.data?.items.map((c) => (
+              <option key={c.id} value={c.id}>
+                {c.name}
+              </option>
+            ))}
+          </Select>
+          <Select label="Case (optional)" value={caseId} onChange={(e) => setCaseId(e.target.value)} disabled={!clientId}>
+            <option value="">No case</option>
+            {clientCases.map((c) => (
+              <option key={c.id} value={c.id}>
+                {c.title}
+              </option>
+            ))}
+          </Select>
+        </div>
+
+        <div className="flex rounded-xl border border-ink-200 p-1 bg-ink-50/50 w-fit">
+          <ModeButton active={mode === 'time'} onClick={() => setMode('time')}>From time entries</ModeButton>
+          <ModeButton active={mode === 'manual'} onClick={() => setMode('manual')}>Manual</ModeButton>
+        </div>
+
+        {mode === 'time' ? (
+          <div className="rounded-xl border border-ink-100">
+            <div className="border-b border-ink-100 px-4 py-3 flex items-center justify-between">
+              <p className="text-sm font-medium text-ink-700">Unbilled time entries</p>
+              <p className="text-xs text-ink-500">{selectedTimeIds.size} selected</p>
+            </div>
+            {!clientId ? (
+              <div className="px-6 py-10 text-center text-sm text-ink-500">Select a client first.</div>
+            ) : !filteredEntries.length ? (
+              <div className="px-6 py-10 text-center text-sm text-ink-500">
+                No unbilled, billable time entries{caseId ? ' for this case' : ' for this client'}.
+              </div>
+            ) : (
+              <ul className="max-h-72 overflow-y-auto divide-y divide-ink-100">
+                {filteredEntries.map((e) => {
+                  const checked = selectedTimeIds.has(e.id);
+                  const amount = (Number(e.rate) || 0) * (e.minutes / 60);
+                  return (
+                    <li key={e.id}>
+                      <label
+                        className={cn(
+                          'flex items-center gap-3 px-4 py-2.5 cursor-pointer hover:bg-ink-50/50 transition',
+                          checked && 'bg-brand-50/50',
+                        )}
+                      >
+                        <input
+                          type="checkbox"
+                          checked={checked}
+                          onChange={() => toggleTime(e.id)}
+                          className="h-4 w-4 rounded border-ink-300"
+                        />
+                        <div className="min-w-0 flex-1">
+                          <p className="text-sm text-ink-900 truncate">{e.description}</p>
+                          <p className="text-xs text-ink-500 truncate">
+                            {e.caseTitle} · {formatDate(e.startedAt)}
+                          </p>
+                        </div>
+                        <p className="text-xs text-ink-500 tabular-nums">{formatHours(e.minutes)}</p>
+                        <p className="text-sm font-semibold text-ink-900 tabular-nums w-20 text-right">
+                          {formatMoney(amount)}
+                        </p>
+                      </label>
+                    </li>
+                  );
+                })}
+              </ul>
+            )}
+          </div>
+        ) : (
+          <div className="rounded-xl border border-ink-100">
+            <div className="border-b border-ink-100 px-4 py-3 flex items-center justify-between">
+              <p className="text-sm font-medium text-ink-700">Line items</p>
+              <Button
+                size="sm"
+                variant="secondary"
+                onClick={() => setItems((s) => [...s, { description: '', quantity: '1', rate: '' }])}
+              >
+                <Plus className="h-3.5 w-3.5" />
+                Add line
+              </Button>
+            </div>
+            <ul className="divide-y divide-ink-100">
+              {items.map((it, i) => (
+                <li key={i} className="grid grid-cols-12 gap-2 px-4 py-3 items-start">
+                  <input
+                    placeholder="Description"
+                    value={it.description}
+                    onChange={(e) => setItems((s) => s.map((x, j) => (j === i ? { ...x, description: e.target.value } : x)))}
+                    className="col-span-6 rounded-lg border border-ink-200 px-3 py-2 text-sm focus:outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20"
+                  />
+                  <input
+                    type="number"
+                    min="0"
+                    step="0.01"
+                    placeholder="Qty"
+                    value={it.quantity}
+                    onChange={(e) => setItems((s) => s.map((x, j) => (j === i ? { ...x, quantity: e.target.value } : x)))}
+                    className="col-span-2 rounded-lg border border-ink-200 px-3 py-2 text-sm text-right focus:outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20"
+                  />
+                  <input
+                    type="number"
+                    min="0"
+                    step="0.01"
+                    placeholder="Rate"
+                    value={it.rate}
+                    onChange={(e) => setItems((s) => s.map((x, j) => (j === i ? { ...x, rate: e.target.value } : x)))}
+                    className="col-span-3 rounded-lg border border-ink-200 px-3 py-2 text-sm text-right focus:outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20"
+                  />
+                  <button
+                    type="button"
+                    onClick={() => setItems((s) => (s.length > 1 ? s.filter((_, j) => j !== i) : s))}
+                    className="col-span-1 grid place-items-center text-ink-400 hover:text-rose-600 h-9"
+                    aria-label="Remove line"
+                  >
+                    <Trash2 className="h-4 w-4" />
+                  </button>
+                </li>
+              ))}
+            </ul>
+          </div>
+        )}
+
+        <div className="grid gap-4 md:grid-cols-2">
+          <Input
+            label="Tax rate (%)"
+            type="number"
+            min="0"
+            max="100"
+            step="0.01"
+            value={taxRate}
+            onChange={(e) => setTaxRate(e.target.value)}
+          />
+          <Input
+            label="Due date"
+            type="date"
+            value={dueDate}
+            onChange={(e) => setDueDate(e.target.value)}
+          />
+        </div>
+
+        <Textarea
+          label="Notes"
+          rows={3}
+          placeholder="Payment terms, thank-you note, etc."
+          value={notes}
+          onChange={(e) => setNotes(e.target.value)}
+        />
+
+        {apiErr && <p className="rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-700">{apiErr}</p>}
+
+        <p className="flex items-start gap-2 text-xs text-ink-500">
+          <FileText className="h-3.5 w-3.5 mt-0.5 flex-none" />
+          The invoice will be created as a draft. You can review and send it from the invoice page.
+        </p>
+      </div>
+    </Drawer>
+  );
+}
+
+function ModeButton({
+  active,
+  onClick,
+  children,
+}: {
+  active: boolean;
+  onClick: () => void;
+  children: React.ReactNode;
+}) {
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className={cn(
+        'rounded-lg px-3 py-1.5 text-xs font-semibold transition',
+        active ? 'bg-white text-ink-900 shadow-sm' : 'text-ink-500 hover:text-ink-800',
+      )}
+    >
+      {children}
+    </button>
+  );
+}
diff --git a/apps/web/src/components/app/ManualEntryDrawer.tsx b/apps/web/src/components/app/ManualEntryDrawer.tsx
new file mode 100644
index 0000000..29d85cb
--- /dev/null
+++ b/apps/web/src/components/app/ManualEntryDrawer.tsx
@@ -0,0 +1,155 @@
+import { useEffect } from 'react';
+import { useForm } from 'react-hook-form';
+import { Drawer } from '@/components/ui/Drawer';
+import { Button } from '@/components/ui/Button';
+import { Input, Select, Textarea } from '@/components/ui/Input';
+import { useCases } from '@/hooks/useCases';
+import { useCreateTimeEntry } from '@/hooks/useTime';
+
+interface FormValues {
+  caseId: string;
+  date: string;
+  minutes: string;
+  description: string;
+  rate?: string;
+  billable: boolean;
+}
+
+interface Props {
+  open: boolean;
+  onClose: () => void;
+  initialCaseId?: string;
+}
+
+function todayLocal(): string {
+  const d = new Date();
+  d.setMinutes(d.getMinutes() - d.getTimezoneOffset());
+  return d.toISOString().slice(0, 10);
+}
+
+export function ManualEntryDrawer({ open, onClose, initialCaseId }: Props) {
+  const cases = useCases();
+  const create = useCreateTimeEntry();
+
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { errors },
+  } = useForm<FormValues>({
+    defaultValues: {
+      caseId: initialCaseId ?? '',
+      date: todayLocal(),
+      minutes: '60',
+      description: '',
+      rate: '',
+      billable: true,
+    },
+  });
+
+  useEffect(() => {
+    if (open) {
+      reset({
+        caseId: initialCaseId ?? '',
+        date: todayLocal(),
+        minutes: '60',
+        description: '',
+        rate: '',
+        billable: true,
+      });
+      create.reset();
+    }
+  }, [open, initialCaseId, reset, create]);
+
+  async function onSubmit(values: FormValues) {
+    const minutes = Number(values.minutes);
+    if (!Number.isFinite(minutes) || minutes <= 0) return;
+    const startedAt = new Date(`${values.date}T09:00:00`);
+    const endedAt = new Date(startedAt.getTime() + minutes * 60_000);
+    await create.mutateAsync({
+      caseId: values.caseId,
+      description: values.description.trim(),
+      startedAt: startedAt.toISOString(),
+      endedAt: endedAt.toISOString(),
+      minutes,
+      rate: values.rate ? Number(values.rate) : undefined,
+      billable: values.billable,
+    });
+    onClose();
+  }
+
+  return (
+    <Drawer
+      open={open}
+      onClose={onClose}
+      title="Log time"
+      description="Add a manual time entry."
+      footer={
+        <div className="flex items-center justify-end gap-2">
+          <Button variant="secondary" onClick={onClose}>
+            Cancel
+          </Button>
+          <Button onClick={handleSubmit(onSubmit)} disabled={create.isPending}>
+            {create.isPending ? 'Saving…' : 'Save entry'}
+          </Button>
+        </div>
+      }
+    >
+      <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+        <Select
+          label="Case"
+          error={errors.caseId?.message}
+          {...register('caseId', { required: 'Pick a case' })}
+        >
+          <option value="">Select a case…</option>
+          {cases.data?.items.map((c) => (
+            <option key={c.id} value={c.id}>
+              {c.title} · {c.clientName}
+            </option>
+          ))}
+        </Select>
+
+        <div className="grid gap-4 md:grid-cols-2">
+          <Input label="Date" type="date" {...register('date', { required: true })} />
+          <Input
+            label="Minutes"
+            type="number"
+            min={1}
+            step={15}
+            {...register('minutes', { required: true })}
+            hint="Enter the duration in minutes."
+          />
+        </div>
+
+        <Textarea
+          label="Description"
+          rows={3}
+          placeholder="Drafting reply brief, research, client meeting…"
+          {...register('description', { required: 'Required', maxLength: 500 })}
+          error={errors.description?.message}
+        />
+
+        <div className="grid gap-4 md:grid-cols-2">
+          <Input
+            label="Rate (USD)"
+            type="number"
+            min={0}
+            step="0.01"
+            placeholder="Defaults to case rate"
+            {...register('rate')}
+          />
+          <label className="flex items-center gap-2 mt-6 text-sm text-ink-700">
+            <input type="checkbox" className="h-4 w-4 rounded border-ink-300" {...register('billable')} />
+            Billable
+          </label>
+        </div>
+
+        {create.error && (
+          <p className="rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-700">
+            Could not save the entry. {create.error.code ? `(${create.error.code})` : ''}
+          </p>
+        )}
+      </form>
+    </Drawer>
+  );
+}
diff --git a/apps/web/src/components/app/Sidebar.tsx b/apps/web/src/components/app/Sidebar.tsx
new file mode 100644
index 0000000..fd9a770
--- /dev/null
+++ b/apps/web/src/components/app/Sidebar.tsx
@@ -0,0 +1,76 @@
+import { NavLink } from 'react-router-dom';
+import {
+  LayoutDashboard,
+  Users,
+  Briefcase,
+  Clock,
+  FileText,
+  Receipt,
+  Settings,
+} from 'lucide-react';
+import type { ComponentType } from 'react';
+import { Logo } from '@/components/marketing/Logo';
+import { cn } from '@/lib/cn';
+
+interface Item {
+  to: string;
+  label: string;
+  icon: ComponentType<{ className?: string }>;
+  badge?: string;
+}
+
+const NAV: Item[] = [
+  { to: '/app', label: 'Dashboard', icon: LayoutDashboard },
+  { to: '/app/clients', label: 'Clients', icon: Users },
+  { to: '/app/cases', label: 'Cases', icon: Briefcase },
+  { to: '/app/time', label: 'Time', icon: Clock },
+  { to: '/app/documents', label: 'Documents', icon: FileText, badge: 'Soon' },
+  { to: '/app/invoices', label: 'Invoices', icon: Receipt },
+];
+
+const NAV_FOOT: Item[] = [{ to: '/app/settings', label: 'Settings', icon: Settings }];
+
+export function Sidebar() {
+  return (
+    <aside className="hidden md:flex md:w-60 lg:w-64 flex-col border-r border-ink-100 bg-white">
+      <div className="px-5 py-5">
+        <Logo />
+      </div>
+
+      <nav className="flex-1 px-3 space-y-0.5">
+        {NAV.map((item) => (
+          <NavItem key={item.to} item={item} />
+        ))}
+      </nav>
+
+      <div className="p-3 border-t border-ink-100">
+        {NAV_FOOT.map((item) => (
+          <NavItem key={item.to} item={item} />
+        ))}
+      </div>
+    </aside>
+  );
+}
+
+function NavItem({ item }: { item: Item }) {
+  return (
+    <NavLink
+      to={item.to}
+      end={item.to === '/app'}
+      className={({ isActive }) =>
+        cn(
+          'flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition',
+          isActive ? 'bg-brand-50 text-brand-700 font-medium' : 'text-ink-600 hover:bg-ink-50 hover:text-ink-900',
+        )
+      }
+    >
+      <item.icon className="h-4 w-4" />
+      <span className="flex-1">{item.label}</span>
+      {item.badge && (
+        <span className="rounded-full bg-ink-100 text-ink-500 text-[10px] font-semibold uppercase tracking-wider px-1.5 py-0.5">
+          {item.badge}
+        </span>
+      )}
+    </NavLink>
+  );
+}
diff --git a/apps/web/src/components/app/TimerWidget.tsx b/apps/web/src/components/app/TimerWidget.tsx
new file mode 100644
index 0000000..77b1437
--- /dev/null
+++ b/apps/web/src/components/app/TimerWidget.tsx
@@ -0,0 +1,169 @@
+import { useEffect, useRef, useState } from 'react';
+import { Play, Square, Timer } from 'lucide-react';
+import { useActiveTimer, useStartTimer, useStopTimer } from '@/hooks/useTime';
+import { useCases } from '@/hooks/useCases';
+import { Button } from '@/components/ui/Button';
+import { cn } from '@/lib/cn';
+
+function formatElapsed(seconds: number): string {
+  const h = Math.floor(seconds / 3600);
+  const m = Math.floor((seconds % 3600) / 60);
+  const s = seconds % 60;
+  if (h > 0) return `${h}:${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`;
+  return `${m}:${String(s).padStart(2, '0')}`;
+}
+
+export function TimerWidget() {
+  const active = useActiveTimer();
+  const stop = useStopTimer();
+  const [pickerOpen, setPickerOpen] = useState(false);
+
+  const startedAt = active.data?.active?.startedAt;
+  const [, setTick] = useState(0);
+  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);
+
+  useEffect(() => {
+    if (!startedAt) {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+      return;
+    }
+    intervalRef.current = setInterval(() => setTick((t) => t + 1), 1000);
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current);
+    };
+  }, [startedAt]);
+
+  if (active.isLoading) return null;
+
+  const running = active.data?.active;
+
+  if (!running) {
+    return (
+      <>
+        <Button variant="secondary" size="sm" onClick={() => setPickerOpen(true)}>
+          <Play className="h-3.5 w-3.5" />
+          Start timer
+        </Button>
+        {pickerOpen && <StartPicker onClose={() => setPickerOpen(false)} />}
+      </>
+    );
+  }
+
+  const elapsedSec = Math.max(0, Math.floor((Date.now() - new Date(running.startedAt).getTime()) / 1000));
+
+  return (
+    <div className="flex items-center gap-2 rounded-full border border-emerald-200 bg-emerald-50 pl-2 pr-1 py-1">
+      <span className="flex items-center gap-1.5 text-xs">
+        <span className="relative flex h-2 w-2">
+          <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75" />
+          <span className="relative inline-flex h-2 w-2 rounded-full bg-emerald-500" />
+        </span>
+        <span className="hidden md:inline text-emerald-800 font-medium max-w-[180px] truncate">
+          {running.caseTitle}
+        </span>
+      </span>
+      <span className="font-mono text-sm tabular-nums text-emerald-900 px-1.5">
+        {formatElapsed(elapsedSec)}
+      </span>
+      <button
+        type="button"
+        onClick={() => running && stop.mutate(running.id)}
+        disabled={stop.isPending}
+        className={cn(
+          'grid h-7 w-7 place-items-center rounded-full bg-white text-emerald-700 hover:bg-emerald-100 transition',
+          stop.isPending && 'opacity-50',
+        )}
+        aria-label="Stop timer"
+      >
+        <Square className="h-3.5 w-3.5 fill-current" />
+      </button>
+    </div>
+  );
+}
+
+function StartPicker({ onClose }: { onClose: () => void }) {
+  const cases = useCases({ status: 'open' });
+  const start = useStartTimer();
+  const [caseId, setCaseId] = useState('');
+  const [description, setDescription] = useState('');
+
+  useEffect(() => {
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') onClose();
+    };
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, [onClose]);
+
+  async function onStart() {
+    if (!caseId) return;
+    await start.mutateAsync({ caseId, description: description.trim() || undefined });
+    onClose();
+  }
+
+  return (
+    <div className="fixed inset-0 z-50">
+      <div className="absolute inset-0 bg-ink-950/40" onClick={onClose} />
+      <div className="absolute right-6 top-20 w-[360px] rounded-2xl border border-ink-100 bg-white p-5 shadow-2xl">
+        <div className="flex items-center gap-2 text-ink-900">
+          <div className="grid h-8 w-8 place-items-center rounded-lg bg-brand-50 text-brand-600">
+            <Timer className="h-4 w-4" />
+          </div>
+          <h3 className="text-sm font-semibold">Start a timer</h3>
+        </div>
+
+        <div className="mt-4 space-y-3">
+          <div>
+            <label className="text-xs font-medium text-ink-700 block mb-1.5">Case</label>
+            <select
+              value={caseId}
+              onChange={(e) => setCaseId(e.target.value)}
+              className="w-full rounded-xl border border-ink-200 px-3 py-2 text-sm focus:outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20"
+            >
+              <option value="">Select a case…</option>
+              {cases.data?.items.map((c) => (
+                <option key={c.id} value={c.id}>
+                  {c.title} · {c.clientName}
+                </option>
+              ))}
+            </select>
+            {!cases.data?.items.length && (
+              <p className="mt-1.5 text-xs text-ink-500">Open a case first to start tracking time.</p>
+            )}
+          </div>
+
+          <div>
+            <label className="text-xs font-medium text-ink-700 block mb-1.5">What are you working on?</label>
+            <input
+              value={description}
+              onChange={(e) => setDescription(e.target.value)}
+              placeholder="Drafting reply brief"
+              className="w-full rounded-xl border border-ink-200 px-3 py-2 text-sm placeholder:text-ink-400 focus:outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20"
+            />
+          </div>
+
+          {start.error && (
+            <p className="rounded-lg bg-rose-50 px-3 py-2 text-xs text-rose-700">
+              {start.error.code === 'timer_already_running'
+                ? 'You already have a running timer.'
+                : 'Could not start the timer.'}
+            </p>
+          )}
+        </div>
+
+        <div className="mt-5 flex items-center justify-end gap-2">
+          <Button variant="ghost" size="sm" onClick={onClose}>
+            Cancel
+          </Button>
+          <Button size="sm" onClick={onStart} disabled={!caseId || start.isPending}>
+            <Play className="h-3.5 w-3.5" />
+            Start
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/src/components/app/Topbar.tsx b/apps/web/src/components/app/Topbar.tsx
new file mode 100644
index 0000000..f5d68db
--- /dev/null
+++ b/apps/web/src/components/app/Topbar.tsx
@@ -0,0 +1,81 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { LogOut, Search, ChevronDown, ShieldAlert } from 'lucide-react';
+import { useLogout, useMe } from '@/hooks/useAuth';
+import { TimerWidget } from './TimerWidget';
+
+export function Topbar() {
+  const me = useMe();
+  const logout = useLogout();
+  const [open, setOpen] = useState(false);
+
+  const initials = (me.data?.fullName ?? me.data?.email ?? '?')
+    .split(' ')
+    .map((n) => n[0])
+    .join('')
+    .slice(0, 2)
+    .toUpperCase();
+
+  return (
+    <header className="flex h-16 items-center justify-between gap-4 border-b border-ink-100 bg-white px-6">
+      <div className="relative max-w-sm flex-1">
+        <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-ink-400" />
+        <input
+          type="search"
+          placeholder="Search…"
+          className="w-full rounded-xl border border-ink-200 bg-ink-50/40 pl-9 pr-3 py-2 text-sm placeholder:text-ink-400 focus:outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20"
+        />
+      </div>
+
+      <div className="flex items-center gap-3">
+        <TimerWidget />
+
+      <div className="relative">
+        <button
+          type="button"
+          onClick={() => setOpen((v) => !v)}
+          className="flex items-center gap-2 rounded-full px-2 py-1.5 hover:bg-ink-100"
+        >
+          <span className="grid h-8 w-8 place-items-center rounded-full bg-brand-100 text-brand-700 text-xs font-semibold">
+            {initials}
+          </span>
+          <span className="hidden md:inline text-sm font-medium text-ink-800">
+            {me.data?.fullName ?? me.data?.email}
+          </span>
+          <ChevronDown className="h-4 w-4 text-ink-500" />
+        </button>
+
+        {open && (
+          <div
+            className="absolute right-0 top-full z-30 mt-2 w-56 rounded-xl border border-ink-100 bg-white shadow-lg"
+            onMouseLeave={() => setOpen(false)}
+          >
+            <div className="border-b border-ink-100 px-4 py-3">
+              <p className="text-sm font-medium text-ink-900">{me.data?.fullName ?? '—'}</p>
+              <p className="text-xs text-ink-500">{me.data?.email}</p>
+            </div>
+            {me.data?.isSuperadmin && (
+              <Link
+                to="/admin"
+                onClick={() => setOpen(false)}
+                className="flex items-center gap-2 px-4 py-2.5 text-sm text-rose-700 hover:bg-rose-50 border-b border-ink-100"
+              >
+                <ShieldAlert className="h-4 w-4" />
+                Superadmin
+              </Link>
+            )}
+            <button
+              type="button"
+              onClick={() => logout.mutate()}
+              className="flex w-full items-center gap-2 px-4 py-2.5 text-sm text-ink-700 hover:bg-ink-50"
+            >
+              <LogOut className="h-4 w-4" />
+              Log out
+            </button>
+          </div>
+        )}
+      </div>
+      </div>
+    </header>
+  );
+}
diff --git a/apps/web/src/components/auth/AuthLayout.tsx b/apps/web/src/components/auth/AuthLayout.tsx
new file mode 100644
index 0000000..cc7981a
--- /dev/null
+++ b/apps/web/src/components/auth/AuthLayout.tsx
@@ -0,0 +1,58 @@
+import type { ReactNode } from 'react';
+import { Link } from 'react-router-dom';
+
+interface Props {
+  title: string;
+  subtitle?: string;
+  children: ReactNode;
+  footer?: ReactNode;
+}
+
+export function AuthLayout({ title, subtitle, children, footer }: Props) {
+  return (
+    <div className="min-h-screen grid lg:grid-cols-2 bg-white">
+      <div className="flex flex-col px-6 py-10 md:px-12 lg:px-16">
+        <Link to="/" className="inline-flex" aria-label="Home">
+          <img src="/logo-dark.png" alt="eLegal Software" className="h-7 w-auto" width={450} height={45} />
+        </Link>
+
+        <div className="flex-1 flex items-center justify-center">
+          <div className="w-full max-w-sm">
+            <h1 className="text-2xl md:text-3xl font-bold text-ink-950 font-display">{title}</h1>
+            {subtitle && <p className="mt-2 text-sm text-ink-600">{subtitle}</p>}
+            <div className="mt-8">{children}</div>
+            {footer && <div className="mt-6 text-sm text-ink-600">{footer}</div>}
+          </div>
+        </div>
+
+        <p className="text-xs text-ink-400">© {new Date().getFullYear()} eLegal Software</p>
+      </div>
+
+      <aside className="hidden lg:flex relative overflow-hidden bg-gradient-to-br from-brand-600 to-brand-800 text-white">
+        <div className="absolute -top-32 -right-32 h-96 w-96 rounded-full bg-white/10 blur-3xl" />
+        <div className="absolute -bottom-32 -left-32 h-96 w-96 rounded-full bg-white/10 blur-3xl" />
+        <div className="relative m-auto max-w-md px-10 py-16">
+          <p className="text-xs font-semibold uppercase tracking-widest text-white/70">All-in-one</p>
+          <h2 className="mt-3 text-3xl font-bold font-display leading-tight">
+            Run your legal practice like a pro.
+          </h2>
+          <p className="mt-4 text-white/80">
+            Cases, billable hours, documents, and invoicing — one secure platform built exclusively for legal professionals.
+          </p>
+          <ul className="mt-8 space-y-3 text-sm">
+            {[
+              '60% less time on admin tasks',
+              '3× faster client invoicing',
+              '98% billing accuracy rate',
+            ].map((stat) => (
+              <li key={stat} className="flex items-center gap-3">
+                <span className="grid h-6 w-6 place-items-center rounded-full bg-white/15 text-xs">✓</span>
+                {stat}
+              </li>
+            ))}
+          </ul>
+        </div>
+      </aside>
+    </div>
+  );
+}
diff --git a/apps/web/src/components/auth/Field.tsx b/apps/web/src/components/auth/Field.tsx
new file mode 100644
index 0000000..0c1204e
--- /dev/null
+++ b/apps/web/src/components/auth/Field.tsx
@@ -0,0 +1,41 @@
+import { forwardRef } from 'react';
+import { cn } from '@/lib/cn';
+
+interface Props extends React.InputHTMLAttributes<HTMLInputElement> {
+  label: string;
+  hint?: string;
+  error?: string;
+}
+
+export const Field = forwardRef<HTMLInputElement, Props>(function Field(
+  { label, hint, error, className, id, name, ...rest },
+  ref,
+) {
+  const inputId = id ?? name;
+  return (
+    <div>
+      <label htmlFor={inputId} className="text-xs font-medium text-ink-700">
+        {label}
+      </label>
+      <input
+        ref={ref}
+        id={inputId}
+        name={name}
+        className={cn(
+          'mt-1.5 w-full rounded-xl border bg-white px-3.5 py-2.5 text-sm text-ink-900 placeholder:text-ink-400',
+          'focus:outline-none focus:ring-2',
+          error
+            ? 'border-rose-300 focus:border-rose-500 focus:ring-rose-500/20'
+            : 'border-ink-200 focus:border-brand-500 focus:ring-brand-500/20',
+          className,
+        )}
+        {...rest}
+      />
+      {error ? (
+        <p className="mt-1.5 text-xs text-rose-600">{error}</p>
+      ) : hint ? (
+        <p className="mt-1.5 text-xs text-ink-500">{hint}</p>
+      ) : null}
+    </div>
+  );
+});
diff --git a/apps/web/src/components/marketing/BlogTeaser.tsx b/apps/web/src/components/marketing/BlogTeaser.tsx
new file mode 100644
index 0000000..699c9a2
--- /dev/null
+++ b/apps/web/src/components/marketing/BlogTeaser.tsx
@@ -0,0 +1,58 @@
+import { Link } from 'react-router-dom';
+import { Clock, ArrowRight } from 'lucide-react';
+import { POSTS } from '@/content/posts';
+import { formatDate } from '@/lib/format';
+
+export function BlogTeaser() {
+  const latest = POSTS.slice(0, 3);
+  return (
+    <section id="resources" className="section">
+      <div className="container">
+        <div className="flex flex-col gap-3 md:flex-row md:items-end md:justify-between mb-12">
+          <div>
+            <span className="eyebrow">Latest Legal Insights</span>
+            <h2 className="mt-3 text-3xl md:text-5xl font-bold text-ink-950 font-display">
+              Discover strategies and tips
+            </h2>
+            <p className="mt-3 text-lg text-ink-600 max-w-xl">
+              Grow your legal practice and work smarter, not harder.
+            </p>
+          </div>
+          <Link to="/blog" className="btn-secondary text-sm self-start md:self-end">
+            View all articles
+            <ArrowRight className="h-4 w-4" />
+          </Link>
+        </div>
+
+        <div className="grid gap-6 md:grid-cols-3">
+          {latest.map((p) => (
+            <Link
+              key={p.slug}
+              to={`/blog/${p.slug}`}
+              className="group rounded-2xl border border-ink-100 bg-white overflow-hidden hover:border-brand-200 hover:shadow-lg hover:shadow-brand-500/5 transition flex flex-col"
+            >
+              <div className="aspect-[16/9] bg-gradient-to-br from-brand-100 via-brand-50 to-white relative">
+                <div className="absolute inset-0 grid place-items-center px-6">
+                  <span className="text-2xl font-bold text-brand-300/50 font-display select-none text-center leading-tight">
+                    {p.title.split(' ').slice(0, 3).join(' ')}
+                  </span>
+                </div>
+              </div>
+              <div className="p-6 flex flex-col flex-1">
+                <p className="text-xs text-ink-500">{formatDate(p.publishedAt)}</p>
+                <h3 className="mt-2 font-semibold text-ink-900 group-hover:text-brand-700 leading-snug">
+                  {p.title}
+                </h3>
+                <p className="mt-2 text-sm text-ink-600 leading-relaxed flex-1 line-clamp-3">{p.description}</p>
+                <p className="mt-4 inline-flex items-center gap-1.5 text-xs text-ink-500">
+                  <Clock className="h-3.5 w-3.5" />
+                  {p.readMinutes} min read
+                </p>
+              </div>
+            </Link>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/marketing/Contact.tsx b/apps/web/src/components/marketing/Contact.tsx
new file mode 100644
index 0000000..7c6dab6
--- /dev/null
+++ b/apps/web/src/components/marketing/Contact.tsx
@@ -0,0 +1,153 @@
+import { useState } from 'react';
+import { Mail, Send, Clock } from 'lucide-react';
+import { api, type ApiError } from '@/lib/api';
+
+type State = 'idle' | 'submitting' | 'success' | 'error';
+
+export function Contact() {
+  const [state, setState] = useState<State>('idle');
+  const [error, setError] = useState<string | null>(null);
+
+  async function onSubmit(e: React.FormEvent<HTMLFormElement>) {
+    e.preventDefault();
+    setState('submitting');
+    setError(null);
+
+    const fd = new FormData(e.currentTarget);
+    const payload = {
+      fullName: String(fd.get('fullName') ?? '').trim(),
+      email: String(fd.get('email') ?? '').trim(),
+      message: String(fd.get('message') ?? '').trim(),
+    };
+
+    try {
+      await api.post('/api/contact', payload);
+      setState('success');
+      e.currentTarget.reset();
+    } catch (err) {
+      const apiErr = err as ApiError;
+      setError(apiErr.code ?? apiErr.message);
+      setState('error');
+    }
+  }
+
+  return (
+    <section id="contact" className="section bg-ink-50/50">
+      <div className="container">
+        <div className="mx-auto max-w-2xl text-center">
+          <span className="eyebrow">Get In Touch</span>
+          <h2 className="mt-4 text-3xl md:text-5xl font-bold text-ink-950">
+            Have questions about eLegal Software?
+          </h2>
+          <p className="mt-4 text-lg text-ink-600">
+            We're here to help you streamline your legal practice.
+          </p>
+        </div>
+
+        <div className="mx-auto mt-14 grid max-w-5xl gap-8 lg:grid-cols-5">
+          <form
+            onSubmit={onSubmit}
+            className="lg:col-span-3 rounded-2xl border border-ink-100 bg-white p-6 md:p-8 shadow-sm"
+          >
+            <h3 className="text-lg font-semibold text-ink-900 font-display">Send us a message</h3>
+            <p className="mt-1 text-sm text-ink-500">We respond within 24 hours. Promise!</p>
+
+            <div className="mt-6 space-y-4">
+              <Field label="Full name" name="fullName" placeholder="What is your name?" required minLength={1} maxLength={120} />
+              <Field label="Email" name="email" type="email" placeholder="address@email.com" required />
+              <div>
+                <label htmlFor="message" className="text-xs font-medium text-ink-700">Message</label>
+                <textarea
+                  id="message"
+                  name="message"
+                  rows={5}
+                  required
+                  minLength={1}
+                  maxLength={5000}
+                  placeholder="Tell us how we can help you..."
+                  className="mt-1.5 w-full rounded-xl border border-ink-200 bg-white px-3.5 py-2.5 text-sm text-ink-900 placeholder:text-ink-400 focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-500/20"
+                />
+              </div>
+            </div>
+
+            <button type="submit" disabled={state === 'submitting'} className="btn-primary mt-6 w-full">
+              {state === 'submitting' ? 'Sending…' : (
+                <>
+                  Send Message
+                  <Send className="h-4 w-4" />
+                </>
+              )}
+            </button>
+
+            {state === 'success' && (
+              <p className="mt-4 rounded-lg bg-emerald-50 px-3 py-2 text-sm text-emerald-700">
+                Thanks — your message is in. We'll be in touch shortly.
+              </p>
+            )}
+            {state === 'error' && (
+              <p className="mt-4 rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-700">
+                Something went wrong{error ? ` (${error})` : ''}. Please try again.
+              </p>
+            )}
+          </form>
+
+          <aside className="lg:col-span-2 space-y-4">
+            <div className="rounded-2xl border border-ink-100 bg-white p-6">
+              <h4 className="text-sm font-semibold text-ink-900">Other ways to reach us</h4>
+              <p className="mt-1 text-xs text-ink-500">
+                Prefer to talk directly? Choose the method that works best for you.
+              </p>
+              <div className="mt-4 flex items-start gap-3 rounded-xl bg-ink-50 p-3">
+                <div className="grid h-10 w-10 place-items-center rounded-lg bg-white text-brand-600">
+                  <Mail className="h-4 w-4" />
+                </div>
+                <div>
+                  <p className="text-xs font-medium text-ink-500">Direct Email</p>
+                  <p className="text-sm font-semibold text-ink-900">contact@elegalsoftware.com</p>
+                </div>
+              </div>
+            </div>
+
+            <div className="rounded-2xl border border-ink-100 bg-white p-6">
+              <div className="flex items-center gap-2 text-ink-700">
+                <Clock className="h-4 w-4 text-brand-500" />
+                <span className="text-sm font-semibold">We respond quickly</span>
+              </div>
+              <p className="mt-2 text-xs text-ink-500 leading-relaxed">
+                Average response time: 4 hours during weekdays, 12 hours on weekends.
+              </p>
+              <div className="mt-4 inline-flex items-center gap-2 rounded-full bg-emerald-50 px-3 py-1 text-xs font-medium text-emerald-700">
+                <span className="h-2 w-2 rounded-full bg-emerald-500" />
+                Online and ready to help
+              </div>
+            </div>
+          </aside>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function Field({
+  label,
+  name,
+  type = 'text',
+  ...rest
+}: {
+  label: string;
+  name: string;
+  type?: string;
+} & React.InputHTMLAttributes<HTMLInputElement>) {
+  return (
+    <div>
+      <label htmlFor={name} className="text-xs font-medium text-ink-700">{label}</label>
+      <input
+        id={name}
+        name={name}
+        type={type}
+        className="mt-1.5 w-full rounded-xl border border-ink-200 bg-white px-3.5 py-2.5 text-sm text-ink-900 placeholder:text-ink-400 focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-500/20"
+        {...rest}
+      />
+    </div>
+  );
+}
diff --git a/apps/web/src/components/marketing/Faq.tsx b/apps/web/src/components/marketing/Faq.tsx
new file mode 100644
index 0000000..2e76d9c
--- /dev/null
+++ b/apps/web/src/components/marketing/Faq.tsx
@@ -0,0 +1,82 @@
+import { useState } from 'react';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '@/lib/cn';
+
+const ITEMS = [
+  {
+    q: 'What makes eLegal Software different from other legal software?',
+    a: 'eLegal Software is built exclusively for legal professionals and bundles case management, billable-hours tracking, document storage, and invoicing into a single, secure platform — no jumping between tools, no per-feature add-ons.',
+  },
+  {
+    q: 'Can I try eLegal Software before committing?',
+    a: 'Yes. The Starter plan is free forever and lets you manage one active case and two clients so you can experience the workflow end-to-end before upgrading.',
+  },
+  {
+    q: 'How does client billing and payment processing work?',
+    a: 'You can convert any unbilled time entry into a polished invoice in seconds, send it to your client, and track its status from sent to paid. Payment processing is wired through Stripe.',
+  },
+  {
+    q: 'Can I import my existing cases and client data?',
+    a: 'Yes. eLegal Software supports CSV imports for clients and cases. For larger migrations our team will assist directly during onboarding.',
+  },
+  {
+    q: 'Is my client data secure and compliant?',
+    a: 'All data is encrypted at rest and in transit, hosted on enterprise-grade infrastructure with daily backups and audit logging. Access is gated by role-based permissions.',
+  },
+  {
+    q: 'What happens if I need to cancel?',
+    a: 'You can cancel anytime from your billing settings. Your data remains accessible during the current billing period and can be exported in standard formats.',
+  },
+];
+
+export function Faq() {
+  const [open, setOpen] = useState<number | null>(0);
+
+  return (
+    <section id="faq" className="section">
+      <div className="container">
+        <div className="mx-auto max-w-2xl text-center">
+          <span className="eyebrow">FAQ</span>
+          <h2 className="mt-4 text-3xl md:text-5xl font-bold text-ink-950">
+            Frequently asked questions
+          </h2>
+          <p className="mt-4 text-lg text-ink-600">Everything you need to know about eLegal Software.</p>
+        </div>
+
+        <div className="mx-auto mt-12 max-w-3xl divide-y divide-ink-100 rounded-2xl border border-ink-100 bg-white">
+          {ITEMS.map((item, i) => {
+            const isOpen = open === i;
+            return (
+              <div key={item.q}>
+                <button
+                  type="button"
+                  className="flex w-full items-center justify-between gap-4 px-6 py-5 text-left"
+                  onClick={() => setOpen(isOpen ? null : i)}
+                  aria-expanded={isOpen}
+                >
+                  <span className="text-sm md:text-base font-semibold text-ink-900">{item.q}</span>
+                  <ChevronDown
+                    className={cn(
+                      'h-4 w-4 flex-none text-ink-500 transition-transform',
+                      isOpen && 'rotate-180 text-brand-500',
+                    )}
+                  />
+                </button>
+                <div
+                  className={cn(
+                    'grid overflow-hidden transition-all duration-300 ease-out',
+                    isOpen ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0',
+                  )}
+                >
+                  <div className="min-h-0">
+                    <p className="px-6 pb-5 text-sm text-ink-600 leading-relaxed">{item.a}</p>
+                  </div>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/marketing/Features.tsx b/apps/web/src/components/marketing/Features.tsx
new file mode 100644
index 0000000..49aee16
--- /dev/null
+++ b/apps/web/src/components/marketing/Features.tsx
@@ -0,0 +1,72 @@
+import { Briefcase, Clock, FileText, Users, BarChart3, ShieldCheck } from 'lucide-react';
+import { motion } from 'framer-motion';
+
+const FEATURES = [
+  {
+    icon: Briefcase,
+    title: 'Case Management',
+    body: 'Organize all your cases in one place — track deadlines, documents, and client communications effortlessly.',
+  },
+  {
+    icon: Clock,
+    title: 'Client Billing Hours',
+    body: 'Automated time tracking and billing that saves 15+ hours weekly on administrative tasks.',
+  },
+  {
+    icon: FileText,
+    title: 'Legal Documents',
+    body: 'Store, organize, and instantly access all legal documents with powerful search and versioning.',
+  },
+  {
+    icon: Users,
+    title: 'Team Collaboration',
+    body: 'Work seamlessly with associates, paralegals, and staff with role-based access control.',
+  },
+  {
+    icon: BarChart3,
+    title: 'Real-Time Analytics',
+    body: 'Know your most profitable cases, billable-hours trends, and practice performance metrics.',
+  },
+  {
+    icon: ShieldCheck,
+    title: 'Bank-Level Security',
+    body: 'Enterprise-grade encryption and compliance features to protect sensitive client data.',
+  },
+];
+
+export function Features() {
+  return (
+    <section id="features" className="section">
+      <div className="container">
+        <div className="mx-auto max-w-2xl text-center">
+          <span className="eyebrow">Everything You Need</span>
+          <h2 className="mt-4 text-3xl md:text-5xl font-bold text-ink-950">
+            Powerful features for modern law firms
+          </h2>
+          <p className="mt-4 text-lg text-ink-600">
+            All the tools you need to run your legal practice efficiently, professionally, and profitably.
+          </p>
+        </div>
+
+        <div className="mt-14 grid gap-5 md:grid-cols-2 lg:grid-cols-3">
+          {FEATURES.map((f, i) => (
+            <motion.div
+              key={f.title}
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true, margin: '-50px' }}
+              transition={{ duration: 0.4, delay: i * 0.05 }}
+              className="group rounded-2xl border border-ink-100 bg-white p-6 hover:border-brand-200 hover:shadow-lg hover:shadow-brand-500/5 transition"
+            >
+              <div className="grid h-12 w-12 place-items-center rounded-xl bg-brand-50 text-brand-600 group-hover:bg-brand-500 group-hover:text-white transition">
+                <f.icon className="h-5 w-5" />
+              </div>
+              <h3 className="mt-5 text-lg font-semibold text-ink-900">{f.title}</h3>
+              <p className="mt-2 text-sm leading-relaxed text-ink-600">{f.body}</p>
+            </motion.div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/marketing/FinalCta.tsx b/apps/web/src/components/marketing/FinalCta.tsx
new file mode 100644
index 0000000..dc7e01a
--- /dev/null
+++ b/apps/web/src/components/marketing/FinalCta.tsx
@@ -0,0 +1,23 @@
+import { ArrowRight } from 'lucide-react';
+
+export function FinalCta() {
+  return (
+    <section className="section">
+      <div className="container">
+        <div className="relative overflow-hidden rounded-3xl bg-brand-500 p-10 md:p-16 text-center text-white">
+          <div className="absolute -top-24 -right-24 h-72 w-72 rounded-full bg-white/10 blur-3xl" />
+          <div className="absolute -bottom-24 -left-24 h-72 w-72 rounded-full bg-white/10 blur-3xl" />
+          <p className="text-xs font-semibold uppercase tracking-widest text-white/70">Let's start</p>
+          <h2 className="mt-3 text-3xl md:text-5xl font-bold font-display">
+            Transform your practice today
+            <span className="block">with a free trial.</span>
+          </h2>
+          <a href="/signup" className="mt-8 inline-flex items-center gap-2 rounded-full bg-white px-7 py-3.5 font-semibold text-brand-600 hover:bg-ink-50 transition">
+            Get Started for Free
+            <ArrowRight className="h-4 w-4" />
+          </a>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/marketing/Footer.tsx b/apps/web/src/components/marketing/Footer.tsx
new file mode 100644
index 0000000..286134f
--- /dev/null
+++ b/apps/web/src/components/marketing/Footer.tsx
@@ -0,0 +1,68 @@
+
+const COLUMNS = [
+  {
+    title: 'Product',
+    links: [
+      { href: '#features', label: 'Features' },
+      { href: '#pricing', label: 'Pricing' },
+      { href: '/signup', label: 'Sign Up' },
+      { href: '/login', label: 'Login' },
+    ],
+  },
+  {
+    title: 'Free Tools',
+    links: [
+      { href: '/tools/hourly-rate-calculator', label: 'Hourly Rate Calculator' },
+      { href: '/tools/case-profitability', label: 'Case Profitability Analyzer' },
+      { href: '/tools/billable-hours-tracker', label: 'Billable Hours Tracker' },
+      { href: '/tools/document-templates', label: 'Document Templates' },
+    ],
+  },
+  {
+    title: 'Resources',
+    links: [
+      { href: '/resources', label: 'Resource Hub' },
+      { href: '/blog', label: 'Blog' },
+      { href: '/legal', label: 'Legal' },
+    ],
+  },
+];
+
+export function Footer() {
+  return (
+    <footer className="border-t border-ink-100 bg-white">
+      <div className="container py-16 grid gap-10 md:grid-cols-4">
+        <div className="md:col-span-1">
+          <a href="/" className="inline-flex" aria-label="Home">
+            <img src="/logo-dark.png" alt="eLegal Software" className="h-7 w-auto" width={450} height={45} />
+          </a>
+          <p className="mt-4 max-w-xs text-sm text-ink-600">
+            The all-in-one platform for law firms and attorneys to manage their practice.
+          </p>
+        </div>
+
+        {COLUMNS.map((col) => (
+          <div key={col.title}>
+            <h4 className="font-semibold text-ink-900 text-sm">{col.title}</h4>
+            <ul className="mt-4 space-y-2">
+              {col.links.map((l) => (
+                <li key={l.href}>
+                  <a href={l.href} className="text-sm text-ink-600 hover:text-ink-900 transition">
+                    {l.label}
+                  </a>
+                </li>
+              ))}
+            </ul>
+          </div>
+        ))}
+      </div>
+
+      <div className="border-t border-ink-100">
+        <div className="container py-6 flex flex-col md:flex-row items-center justify-between gap-3 text-xs text-ink-500">
+          <p>© {new Date().getFullYear()} eLegal Software. All rights reserved.</p>
+          <p>Built for legal professionals.</p>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/apps/web/src/components/marketing/FreeToolsTeaser.tsx b/apps/web/src/components/marketing/FreeToolsTeaser.tsx
new file mode 100644
index 0000000..13e8854
--- /dev/null
+++ b/apps/web/src/components/marketing/FreeToolsTeaser.tsx
@@ -0,0 +1,89 @@
+import { Link } from 'react-router-dom';
+import { Calculator, BarChart3, Clock, FileText, ArrowRight } from 'lucide-react';
+import type { ComponentType } from 'react';
+import { useToolsOnline } from '@/hooks/useToolUsage';
+
+interface Tool {
+  slug: string;
+  title: string;
+  description: string;
+  icon: ComponentType<{ className?: string }>;
+}
+
+const TOOLS: Tool[] = [
+  {
+    slug: 'hourly-rate-calculator',
+    title: 'Hourly Rate Calculator',
+    description: 'Calculate your optimal billable rate based on expenses, target income, and hours.',
+    icon: Calculator,
+  },
+  {
+    slug: 'case-profitability',
+    title: 'Case Profitability Analyzer',
+    description: 'See whether a matter is making you money once overhead and costs are in.',
+    icon: BarChart3,
+  },
+  {
+    slug: 'billable-hours-tracker',
+    title: 'Billable Hours Tracker',
+    description: 'A no-signup timer with manual entries and CSV export.',
+    icon: Clock,
+  },
+  {
+    slug: 'document-templates',
+    title: 'Document Templates',
+    description: 'Plain-text starting points for engagement letters, NDAs, demand letters, and more.',
+    icon: FileText,
+  },
+];
+
+export function FreeToolsTeaser() {
+  const online = useToolsOnline();
+  return (
+    <section className="section bg-ink-50/50">
+      <div className="container">
+        <div className="flex flex-col gap-3 md:flex-row md:items-end md:justify-between mb-12">
+          <div>
+            <span className="eyebrow">Free Legal Tools</span>
+            <h2 className="mt-3 text-3xl md:text-5xl font-bold text-ink-950 font-display">
+              Professional-grade tools, no signup
+            </h2>
+            <p className="mt-3 text-lg text-ink-600 max-w-xl">
+              Help yourself to a few calculators and templates we built for our own customers.
+            </p>
+          </div>
+          <Link to="/tools" className="btn-secondary text-sm self-start md:self-end">
+            View all tools
+            <ArrowRight className="h-4 w-4" />
+          </Link>
+        </div>
+
+        <div className="grid gap-5 md:grid-cols-2 lg:grid-cols-4">
+          {TOOLS.map((t) => {
+            const count = online.data?.online[t.slug] ?? 0;
+            return (
+              <Link
+                key={t.slug}
+                to={`/tools/${t.slug}`}
+                className="group rounded-2xl border border-ink-100 bg-white p-5 hover:border-brand-200 hover:shadow-lg hover:shadow-brand-500/5 transition flex flex-col"
+              >
+                <div className="flex items-start justify-between">
+                  <div className="grid h-10 w-10 place-items-center rounded-lg bg-brand-50 text-brand-600 group-hover:bg-brand-500 group-hover:text-white transition">
+                    <t.icon className="h-4 w-4" />
+                  </div>
+                  <span className="inline-flex items-center gap-1 text-[10px] font-semibold text-emerald-700">
+                    <span className="h-1.5 w-1.5 rounded-full bg-emerald-500 animate-pulse" />
+                    {count} online
+                  </span>
+                </div>
+                <h3 className="mt-4 text-base font-semibold text-ink-900">{t.title}</h3>
+                <p className="mt-1.5 text-xs text-ink-600 leading-relaxed flex-1">{t.description}</p>
+                <span className="mt-3 text-xs font-semibold text-brand-600">Use tool →</span>
+              </Link>
+            );
+          })}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/marketing/Hero.tsx b/apps/web/src/components/marketing/Hero.tsx
new file mode 100644
index 0000000..ac7537c
--- /dev/null
+++ b/apps/web/src/components/marketing/Hero.tsx
@@ -0,0 +1,152 @@
+import { motion } from 'framer-motion';
+import { ArrowRight, Sparkles, Clock, FileText, Receipt } from 'lucide-react';
+
+export function Hero() {
+  return (
+    <section id="top" className="relative overflow-hidden pt-32 pb-20 md:pt-40 md:pb-28">
+      <div className="absolute inset-0 bg-hero-radial pointer-events-none" />
+      <div className="absolute inset-x-0 top-0 h-[640px] bg-gradient-to-b from-brand-50/60 to-transparent pointer-events-none" />
+
+      <div className="container relative">
+        <div className="mx-auto max-w-3xl text-center">
+          <motion.span
+            initial={{ opacity: 0, y: 8 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.4 }}
+            className="eyebrow"
+          >
+            <Sparkles className="h-3.5 w-3.5" />
+            All-in-One Practice Management for Law Firms
+          </motion.span>
+
+          <motion.h1
+            initial={{ opacity: 0, y: 16 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.5, delay: 0.05 }}
+            className="mt-6 text-4xl md:text-6xl font-bold leading-[1.05] text-ink-950"
+          >
+            Run your legal practice
+            <span className="block text-brand-500">like a pro.</span>
+          </motion.h1>
+
+          <motion.p
+            initial={{ opacity: 0, y: 16 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.5, delay: 0.12 }}
+            className="mt-6 text-lg md:text-xl text-ink-600 leading-relaxed"
+          >
+            Stop juggling spreadsheets, emails, and outdated software. Manage cases, track billable
+            hours, store legal documents, and invoice clients — all in one secure platform built
+            exclusively for legal professionals.
+          </motion.p>
+
+          <motion.div
+            initial={{ opacity: 0, y: 16 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.5, delay: 0.18 }}
+            className="mt-10 flex flex-wrap items-center justify-center gap-3"
+          >
+            <a href="/signup" className="btn-primary">
+              Start free
+              <ArrowRight className="h-4 w-4" />
+            </a>
+            <a href="#features" className="btn-secondary">
+              Explore Features
+            </a>
+          </motion.div>
+
+          <p className="mt-5 text-sm text-ink-500">No credit card required · Cancel anytime</p>
+        </div>
+
+        <motion.div
+          initial={{ opacity: 0, y: 32 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.7, delay: 0.25 }}
+          className="relative mx-auto mt-16 max-w-5xl"
+        >
+          <DashboardPreview />
+        </motion.div>
+      </div>
+    </section>
+  );
+}
+
+function DashboardPreview() {
+  return (
+    <div className="relative">
+      <div className="absolute -inset-4 -z-10 rounded-[28px] bg-gradient-to-br from-brand-500/20 via-brand-400/10 to-transparent blur-2xl" />
+      <div className="rounded-2xl border border-ink-200 bg-white shadow-2xl shadow-ink-900/10 overflow-hidden">
+        {/* Window chrome */}
+        <div className="flex items-center gap-2 border-b border-ink-100 bg-ink-50/60 px-4 py-3">
+          <span className="h-3 w-3 rounded-full bg-red-400" />
+          <span className="h-3 w-3 rounded-full bg-yellow-400" />
+          <span className="h-3 w-3 rounded-full bg-green-400" />
+          <span className="ml-3 text-xs text-ink-500">app.elegalsoftware.com / dashboard</span>
+        </div>
+
+        <div className="grid grid-cols-12 gap-4 p-6">
+          {/* Sidebar */}
+          <aside className="col-span-3 hidden md:block">
+            <div className="space-y-1 text-sm">
+              {['Dashboard', 'Cases', 'Clients', 'Time', 'Documents', 'Invoices'].map((item, i) => (
+                <div
+                  key={item}
+                  className={
+                    'rounded-lg px-3 py-2 ' +
+                    (i === 0 ? 'bg-brand-50 text-brand-700 font-medium' : 'text-ink-600')
+                  }
+                >
+                  {item}
+                </div>
+              ))}
+            </div>
+          </aside>
+
+          {/* Main */}
+          <div className="col-span-12 md:col-span-9 space-y-4">
+            <div className="grid grid-cols-3 gap-3">
+              <KpiCard icon={<Clock className="h-4 w-4" />} label="Billable hours" value="127h" trend="+12%" />
+              <KpiCard icon={<FileText className="h-4 w-4" />} label="Active cases" value="12" trend="+2" />
+              <KpiCard icon={<Receipt className="h-4 w-4" />} label="Outstanding" value="$18,400" trend="-8%" />
+            </div>
+
+            <div className="rounded-xl border border-ink-100 p-4">
+              <div className="flex items-center justify-between mb-3">
+                <p className="text-sm font-medium text-ink-700">Weekly billable hours</p>
+                <span className="text-xs text-ink-500">Last 7 days</span>
+              </div>
+              <div className="flex items-end gap-2 h-28">
+                {[40, 65, 50, 80, 55, 90, 70].map((h, i) => (
+                  <div key={i} className="flex-1 flex flex-col items-center gap-1">
+                    <div
+                      className="w-full rounded-md bg-gradient-to-t from-brand-500 to-brand-400"
+                      style={{ height: `${h}%` }}
+                    />
+                    <span className="text-[10px] text-ink-400">{['M', 'T', 'W', 'T', 'F', 'S', 'S'][i]}</span>
+                  </div>
+                ))}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <p className="mt-3 text-center text-xs text-ink-400">Sample data for demonstration</p>
+    </div>
+  );
+}
+
+function KpiCard({ icon, label, value, trend }: { icon: React.ReactNode; label: string; value: string; trend: string }) {
+  const positive = trend.startsWith('+');
+  return (
+    <div className="rounded-xl border border-ink-100 p-3">
+      <div className="flex items-center gap-2 text-ink-500 text-xs">
+        {icon}
+        {label}
+      </div>
+      <div className="mt-2 flex items-baseline justify-between">
+        <span className="text-xl font-bold text-ink-900">{value}</span>
+        <span className={'text-xs font-medium ' + (positive ? 'text-emerald-600' : 'text-rose-500')}>{trend}</span>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/src/components/marketing/HowItWorks.tsx b/apps/web/src/components/marketing/HowItWorks.tsx
new file mode 100644
index 0000000..c6f01c1
--- /dev/null
+++ b/apps/web/src/components/marketing/HowItWorks.tsx
@@ -0,0 +1,156 @@
+import { motion } from 'framer-motion';
+import { Plus, Clock, BarChart3 } from 'lucide-react';
+import type { ReactNode } from 'react';
+import { cn } from '@/lib/cn';
+
+const STEPS = [
+  {
+    title: 'Add your case details',
+    body:
+      'Enter client information and case details in seconds. Our smart system organizes everything automatically.',
+    visual: <CaseVisual />,
+  },
+  {
+    title: 'Track every billable minute',
+    body:
+      'Automatic time tracking that captures every minute. Never miss a billable hour with our intelligent timer.',
+    visual: <TimeVisual />,
+    flipped: true,
+  },
+  {
+    title: 'Monitor case performance',
+    body:
+      'Real-time analytics show case profitability, time allocation, and billing efficiency at a glance.',
+    visual: <AnalyticsVisual />,
+  },
+];
+
+export function HowItWorks() {
+  return (
+    <section id="how-it-works" className="section">
+      <div className="container">
+        <div className="mx-auto max-w-2xl text-center">
+          <span className="eyebrow">How It Works</span>
+          <h2 className="mt-4 text-3xl md:text-5xl font-bold text-ink-950">
+            How we make the magic happen
+          </h2>
+          <p className="mt-4 text-lg text-ink-600">
+            We handle the heavy lifting of practice management. Relax while we streamline your daily operations and keep you ahead of the competition.
+          </p>
+        </div>
+
+        <div className="mt-16 space-y-20">
+          {STEPS.map((step, i) => (
+            <Row key={step.title} index={i} flipped={!!step.flipped} title={step.title} body={step.body} visual={step.visual} />
+          ))}
+        </div>
+
+        <div className="mt-16 text-center">
+          <a href="/signup" className="btn-primary">Start Free Trial</a>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function Row({
+  index,
+  flipped,
+  title,
+  body,
+  visual,
+}: {
+  index: number;
+  flipped: boolean;
+  title: string;
+  body: string;
+  visual: ReactNode;
+}) {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 20 }}
+      whileInView={{ opacity: 1, y: 0 }}
+      viewport={{ once: true, margin: '-80px' }}
+      transition={{ duration: 0.5 }}
+      className={cn('grid gap-10 items-center md:grid-cols-2', flipped && 'md:[&>*:first-child]:order-2')}
+    >
+      <div className="rounded-2xl border border-ink-100 bg-white p-6 shadow-sm">{visual}</div>
+      <div>
+        <span className="text-xs font-semibold uppercase tracking-wider text-brand-600">
+          Step {String(index + 1).padStart(2, '0')}
+        </span>
+        <h3 className="mt-2 text-2xl md:text-3xl font-bold text-ink-950 font-display">{title}</h3>
+        <p className="mt-3 text-ink-600 leading-relaxed">{body}</p>
+      </div>
+    </motion.div>
+  );
+}
+
+function CaseVisual() {
+  return (
+    <div>
+      <p className="text-xs font-semibold uppercase tracking-wider text-ink-400">Your new case</p>
+      <div className="mt-3 rounded-xl border border-ink-100 p-4">
+        <p className="font-semibold text-ink-900">Smith v. Johnson Corp</p>
+        <p className="mt-1 text-xs text-ink-500">Client · Corporate · Open</p>
+      </div>
+      <button className="mt-4 inline-flex items-center gap-2 rounded-full bg-brand-500 text-white px-4 py-2 text-sm font-medium">
+        <Plus className="h-4 w-4" />
+        Create Case
+      </button>
+    </div>
+  );
+}
+
+function TimeVisual() {
+  const entries = [
+    { day: 'Mon', hours: '4.5h', task: 'Client meeting & research' },
+    { day: 'Tue', hours: '3.0h', task: 'Document preparation' },
+  ];
+  return (
+    <div className="space-y-3">
+      {entries.map((e) => (
+        <div key={e.day} className="flex items-center gap-4 rounded-xl border border-ink-100 p-4">
+          <div className="grid h-12 w-12 place-items-center rounded-lg bg-brand-50 text-brand-700 text-xs font-bold">
+            {e.day}
+          </div>
+          <div className="flex-1">
+            <div className="flex items-center justify-between">
+              <span className="font-semibold text-ink-900">{e.hours}</span>
+              <span className="rounded-full bg-emerald-50 px-2 py-0.5 text-xs font-medium text-emerald-700">
+                Billable
+              </span>
+            </div>
+            <p className="text-xs text-ink-500 mt-0.5">{e.task}</p>
+            <p className="text-[11px] text-ink-400 mt-0.5">Rate: $250/h</p>
+          </div>
+          <Clock className="h-4 w-4 text-ink-400" />
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function AnalyticsVisual() {
+  return (
+    <div>
+      <div className="flex items-center justify-between">
+        <p className="text-sm font-medium text-ink-700">Case Efficiency Score</p>
+        <BarChart3 className="h-4 w-4 text-ink-400" />
+      </div>
+      <p className="mt-2 text-5xl font-bold text-brand-500 font-display">92%</p>
+      <p className="text-xs text-ink-500">Billable</p>
+
+      <div className="mt-5 grid grid-cols-2 gap-3">
+        <div className="rounded-xl border border-ink-100 p-3">
+          <p className="text-xs text-ink-500">Hours</p>
+          <p className="text-xl font-bold text-ink-900">127h</p>
+        </div>
+        <div className="rounded-xl border border-ink-100 p-3">
+          <p className="text-xs text-ink-500">Cases</p>
+          <p className="text-xl font-bold text-ink-900">12</p>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/src/components/marketing/Logo.tsx b/apps/web/src/components/marketing/Logo.tsx
new file mode 100644
index 0000000..a90bb33
--- /dev/null
+++ b/apps/web/src/components/marketing/Logo.tsx
@@ -0,0 +1,15 @@
+import { cn } from '@/lib/cn';
+
+export function Logo({ className }: { className?: string }) {
+  return (
+    <a href="#top" className={cn('flex items-center gap-2 font-display font-bold text-lg', className)}>
+      <span className="grid h-9 w-9 place-items-center rounded-xl bg-brand-500 text-white shadow-md shadow-brand-500/30">
+        <svg viewBox="0 0 24 24" className="h-5 w-5" fill="currentColor">
+          <path d="M5 4h3v13h7v3H5z" />
+          <path d="M14 4h3v9h-3z" opacity=".7" />
+        </svg>
+      </span>
+      <span className="text-ink-900">eLegal Software</span>
+    </a>
+  );
+}
diff --git a/apps/web/src/components/marketing/Navbar.tsx b/apps/web/src/components/marketing/Navbar.tsx
new file mode 100644
index 0000000..54e1249
--- /dev/null
+++ b/apps/web/src/components/marketing/Navbar.tsx
@@ -0,0 +1,100 @@
+import { useEffect, useState } from 'react';
+import { Menu, X } from 'lucide-react';
+import { cn } from '@/lib/cn';
+
+const NAV_LINKS = [
+  { href: '#testimonials', label: 'Testimonials' },
+  { href: '#features', label: 'Features' },
+  { href: '#pricing', label: 'Pricing' },
+  { href: '#resources', label: 'Resources' },
+];
+
+export function Navbar() {
+  const [scrolled, setScrolled] = useState(false);
+  const [open, setOpen] = useState(false);
+
+  useEffect(() => {
+    const onScroll = () => setScrolled(window.scrollY > 8);
+    onScroll();
+    window.addEventListener('scroll', onScroll, { passive: true });
+    return () => window.removeEventListener('scroll', onScroll);
+  }, []);
+
+  return (
+    <header
+      className={cn(
+        'fixed top-0 inset-x-0 z-50 transition-all',
+        scrolled
+          ? 'backdrop-blur-md bg-white/80 border-b border-ink-100'
+          : 'bg-transparent border-b border-transparent',
+      )}
+    >
+      <div className="container flex h-16 items-center justify-between">
+        <a href="/" className="flex items-center" aria-label="Home">
+          <img
+            src="/logo-dark.png"
+            alt="eLegal Software"
+            className="h-7 md:h-8 w-auto"
+            width={450}
+            height={45}
+          />
+        </a>
+
+        <nav className="hidden md:flex items-center gap-8">
+          {NAV_LINKS.map((link) => (
+            <a
+              key={link.href}
+              href={link.href}
+              className="text-sm font-medium text-ink-600 hover:text-ink-900 transition"
+            >
+              {link.label}
+            </a>
+          ))}
+        </nav>
+
+        <div className="hidden md:flex items-center gap-2">
+          <a href="/login" className="btn-ghost text-sm">
+            Login
+          </a>
+          <a href="/signup" className="btn-primary text-sm py-2.5">
+            Get Started
+          </a>
+        </div>
+
+        <button
+          type="button"
+          className="md:hidden grid h-10 w-10 place-items-center rounded-lg text-ink-700"
+          onClick={() => setOpen((v) => !v)}
+          aria-label="Toggle menu"
+        >
+          {open ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
+        </button>
+      </div>
+
+      {open && (
+        <div className="md:hidden border-t border-ink-100 bg-white">
+          <div className="container py-4 flex flex-col gap-3">
+            {NAV_LINKS.map((link) => (
+              <a
+                key={link.href}
+                href={link.href}
+                onClick={() => setOpen(false)}
+                className="py-2 text-sm font-medium text-ink-700"
+              >
+                {link.label}
+              </a>
+            ))}
+            <div className="flex gap-2 pt-2">
+              <a href="/login" className="btn-secondary flex-1 text-sm">
+                Login
+              </a>
+              <a href="/signup" className="btn-primary flex-1 text-sm">
+                Get Started
+              </a>
+            </div>
+          </div>
+        </div>
+      )}
+    </header>
+  );
+}
diff --git a/apps/web/src/components/marketing/Pricing.tsx b/apps/web/src/components/marketing/Pricing.tsx
new file mode 100644
index 0000000..871424d
--- /dev/null
+++ b/apps/web/src/components/marketing/Pricing.tsx
@@ -0,0 +1,122 @@
+import { Check } from 'lucide-react';
+import { cn } from '@/lib/cn';
+
+const TIERS = [
+  {
+    name: 'Starter',
+    tag: 'For solo attorneys',
+    description: 'Perfect for solo practitioners just getting started.',
+    price: '$0',
+    cadence: '/month',
+    cta: 'Get Started',
+    href: '/signup?plan=starter',
+    features: ['Up to 2 clients', '2 invoices per month', '1 active case', '500MB storage', 'Email support'],
+    highlight: false,
+  },
+  {
+    name: 'Professional',
+    tag: 'Most Popular',
+    description: 'For growing firms managing multiple cases.',
+    price: '$25',
+    strike: '$49',
+    cadence: '/month',
+    cta: 'Get Started',
+    href: '/signup?plan=pro',
+    features: [
+      'Unlimited clients',
+      'Unlimited invoices',
+      '6 active cases',
+      '8GB storage',
+      'Priority support',
+      'Remove watermark',
+    ],
+    highlight: true,
+  },
+  {
+    name: 'Lifetime',
+    tag: 'Best Value',
+    description: 'For established practices seeking long-term value.',
+    price: '$129',
+    strike: '$299',
+    cadence: 'one-time',
+    cta: 'Get Lifetime Access',
+    href: '/signup?plan=lifetime',
+    features: [
+      'Everything in Pro',
+      'Unlimited cases',
+      '50GB storage',
+      'Team collaboration',
+      'Premium support',
+      'Future updates',
+    ],
+    highlight: false,
+  },
+];
+
+export function Pricing() {
+  return (
+    <section id="pricing" className="section">
+      <div className="container">
+        <div className="mx-auto max-w-2xl text-center">
+          <span className="eyebrow">Simple Pricing</span>
+          <h2 className="mt-4 text-3xl md:text-5xl font-bold text-ink-950">Invest in growth</h2>
+          <p className="mt-4 text-lg text-ink-600">
+            Start free, upgrade as you grow. No hidden fees, cancel anytime.
+          </p>
+        </div>
+
+        <div className="mt-14 grid gap-6 md:grid-cols-3">
+          {TIERS.map((t) => (
+            <div
+              key={t.name}
+              className={cn(
+                'relative rounded-2xl border bg-white p-8 flex flex-col',
+                t.highlight
+                  ? 'border-brand-500 shadow-2xl shadow-brand-500/15 md:-translate-y-2'
+                  : 'border-ink-100',
+              )}
+            >
+              {t.highlight && (
+                <span className="absolute -top-3 left-1/2 -translate-x-1/2 rounded-full bg-brand-500 px-3 py-1 text-xs font-semibold text-white">
+                  {t.tag}
+                </span>
+              )}
+              {!t.highlight && (
+                <span className="text-xs font-semibold uppercase tracking-wide text-ink-400">
+                  {t.tag}
+                </span>
+              )}
+
+              <h3 className="mt-3 text-2xl font-bold text-ink-900 font-display">{t.name}</h3>
+              <p className="mt-1 text-sm text-ink-600">{t.description}</p>
+
+              <div className="mt-6 flex items-baseline gap-2">
+                {t.strike && <span className="text-lg text-ink-400 line-through">{t.strike}</span>}
+                <span className="text-5xl font-bold text-ink-950 font-display">{t.price}</span>
+                <span className="text-sm text-ink-500">{t.cadence}</span>
+              </div>
+
+              <a
+                href={t.href}
+                className={cn('mt-6 w-full text-center', t.highlight ? 'btn-primary' : 'btn-secondary')}
+              >
+                {t.cta}
+              </a>
+
+              <ul className="mt-8 space-y-3">
+                {t.features.map((f) => (
+                  <li key={f} className="flex items-start gap-2 text-sm text-ink-700">
+                    <Check className="mt-0.5 h-4 w-4 flex-none text-brand-500" />
+                    {f}
+                  </li>
+                ))}
+              </ul>
+            </div>
+          ))}
+        </div>
+
+        <p className="mt-8 text-center text-sm text-ink-500">Cancel anytime. No questions asked.</p>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/marketing/ProblemSolution.tsx b/apps/web/src/components/marketing/ProblemSolution.tsx
new file mode 100644
index 0000000..7e4d1bb
--- /dev/null
+++ b/apps/web/src/components/marketing/ProblemSolution.tsx
@@ -0,0 +1,102 @@
+import { motion } from 'framer-motion';
+import { AlertTriangle, Briefcase, Clock, FileText, Receipt, BarChart3, CheckCircle2 } from 'lucide-react';
+
+const PROBLEMS = [
+  'Multiple software for invoices, documents, and scheduling wastes time and money.',
+  'Client files scattered across Excel, email, and folders — you lose critical information.',
+  'Hours spent on administration instead of focusing on cases and clients.',
+  'No clear visibility on billable hours and case profitability.',
+];
+
+const SOLUTION_STEPS = [
+  { icon: Briefcase, label: 'Case Management' },
+  { icon: Clock, label: 'Billable Hours' },
+  { icon: FileText, label: 'Legal Documents' },
+  { icon: Receipt, label: 'Automated Invoicing' },
+  { icon: BarChart3, label: 'Reports & Analytics' },
+];
+
+export function ProblemSolution() {
+  return (
+    <section className="section bg-ink-50/50">
+      <div className="container">
+        <div className="mx-auto max-w-2xl text-center">
+          <span className="eyebrow">Problem &amp; Solution</span>
+          <h2 className="mt-4 text-3xl md:text-5xl font-bold text-ink-950">
+            Your problem. Our solution.
+          </h2>
+        </div>
+
+        <div className="mt-14 grid gap-8 lg:grid-cols-2 items-start">
+          {/* Problems */}
+          <div className="space-y-4">
+            {PROBLEMS.map((p, i) => (
+              <motion.div
+                key={i}
+                initial={{ opacity: 0, x: -16 }}
+                whileInView={{ opacity: 1, x: 0 }}
+                viewport={{ once: true, margin: '-50px' }}
+                transition={{ duration: 0.4, delay: i * 0.05 }}
+                className="flex items-start gap-4 rounded-2xl border border-ink-100 bg-white p-5"
+              >
+                <div className="grid h-10 w-10 flex-none place-items-center rounded-xl bg-rose-50 text-rose-600">
+                  <AlertTriangle className="h-5 w-5" />
+                </div>
+                <div>
+                  <p className="text-xs font-semibold uppercase tracking-wide text-rose-600">Attorney Problem</p>
+                  <p className="mt-1 text-sm text-ink-700 leading-relaxed">{p}</p>
+                </div>
+              </motion.div>
+            ))}
+          </div>
+
+          {/* Solution */}
+          <motion.div
+            initial={{ opacity: 0, y: 16 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true, margin: '-50px' }}
+            transition={{ duration: 0.5 }}
+            className="relative rounded-3xl border border-brand-200 bg-gradient-to-br from-brand-500 to-brand-700 p-8 text-white shadow-2xl shadow-brand-500/20 lg:sticky lg:top-24"
+          >
+            <div className="flex items-center gap-3">
+              <div className="grid h-10 w-10 place-items-center rounded-xl bg-white/15 backdrop-blur">
+                <CheckCircle2 className="h-5 w-5" />
+              </div>
+              <div>
+                <p className="text-xs font-semibold uppercase tracking-widest text-white/70">eLegal Software</p>
+                <p className="text-lg font-semibold font-display">Everything in one platform</p>
+              </div>
+            </div>
+
+            <ol className="mt-7 space-y-3">
+              {SOLUTION_STEPS.map((step, i) => (
+                <li
+                  key={step.label}
+                  className="flex items-center gap-3 rounded-xl bg-white/10 backdrop-blur px-4 py-3"
+                >
+                  <span className="grid h-7 w-7 place-items-center rounded-full bg-white text-brand-600 text-xs font-bold">
+                    {i + 1}
+                  </span>
+                  <step.icon className="h-4 w-4 text-white/80" />
+                  <span className="text-sm font-medium">{step.label}</span>
+                </li>
+              ))}
+            </ol>
+
+            <div className="mt-7 grid grid-cols-3 gap-3 text-center text-xs">
+              <div className="rounded-lg bg-white/10 px-3 py-3">
+                <p className="font-semibold">One subscription</p>
+              </div>
+              <div className="rounded-lg bg-white/10 px-3 py-3">
+                <p className="font-semibold">Zero hassle</p>
+              </div>
+              <div className="rounded-lg bg-white/10 px-3 py-3">
+                <p className="font-semibold">Guaranteed results</p>
+              </div>
+            </div>
+          </motion.div>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/marketing/Stats.tsx b/apps/web/src/components/marketing/Stats.tsx
new file mode 100644
index 0000000..1f4411f
--- /dev/null
+++ b/apps/web/src/components/marketing/Stats.tsx
@@ -0,0 +1,39 @@
+const STATS = [
+  { value: '60%', label: 'Less time on admin tasks' },
+  { value: '3×', label: 'Faster client invoicing' },
+  { value: '98%', label: 'Billing accuracy rate' },
+];
+
+export function Stats() {
+  return (
+    <section className="section bg-gradient-to-b from-white to-brand-50/40">
+      <div className="container">
+        <div className="mx-auto max-w-2xl text-center">
+          <span className="eyebrow">Real Results</span>
+          <h2 className="mt-4 text-3xl md:text-5xl font-bold text-ink-950">
+            Measurable impact on your practice
+          </h2>
+          <p className="mt-4 text-lg text-ink-600">
+            Don't rely on guesswork. The data speaks for itself about the efficiency gains our platform delivers.
+          </p>
+        </div>
+
+        <div className="mt-14 grid gap-6 md:grid-cols-3">
+          {STATS.map((s) => (
+            <div
+              key={s.label}
+              className="rounded-2xl border border-ink-100 bg-white p-8 text-center shadow-sm"
+            >
+              <div className="text-5xl md:text-6xl font-bold text-brand-500 font-display">{s.value}</div>
+              <p className="mt-3 text-sm text-ink-600">{s.label}</p>
+            </div>
+          ))}
+        </div>
+
+        <div className="mt-12 text-center">
+          <a href="/signup" className="btn-primary">Start your free trial</a>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/marketing/Testimonials.tsx b/apps/web/src/components/marketing/Testimonials.tsx
new file mode 100644
index 0000000..46fdcca
--- /dev/null
+++ b/apps/web/src/components/marketing/Testimonials.tsx
@@ -0,0 +1,99 @@
+import { motion } from 'framer-motion';
+import { Star } from 'lucide-react';
+
+const TESTIMONIALS = [
+  {
+    name: 'Sarah Mitchell',
+    role: 'Partner, Mitchell & Associates',
+    quote:
+      'eLegal Software transformed how our firm manages cases. We cut administrative time by 60% and our billing accuracy improved dramatically.',
+  },
+  {
+    name: 'David Chen',
+    role: 'Solo Attorney, Immigration Law',
+    quote:
+      'Managing 40+ immigration cases used to be overwhelming. Now everything is organized in one place — documents, deadlines, and client communications.',
+  },
+  {
+    name: 'Jennifer Rodriguez',
+    role: 'Managing Partner, Rodriguez Legal Group',
+    quote:
+      'The billable hours tracking is a game-changer. Our team captures every minute accurately, and invoicing takes seconds instead of hours.',
+  },
+  {
+    name: 'Michael Thompson',
+    role: 'Criminal Defense Attorney',
+    quote:
+      'As a solo practitioner, time is everything. eLegal Software helps me stay organized and bill clients accurately. Best investment for my practice.',
+  },
+  {
+    name: 'Lisa Anderson',
+    role: 'Partner, Family Law Firm',
+    quote:
+      'We grew from 3 to 15 cases per month without adding staff. The efficiency gains are incredible — we save 20+ hours weekly.',
+  },
+  {
+    name: 'Robert Kim',
+    role: 'Corporate Law Partner',
+    quote:
+      'Our clients love the transparency. They can see exactly what we are working on and billing for. Trust has never been higher.',
+  },
+];
+
+function initials(name: string) {
+  return name
+    .split(' ')
+    .map((n) => n[0])
+    .join('')
+    .slice(0, 2)
+    .toUpperCase();
+}
+
+export function Testimonials() {
+  return (
+    <section id="testimonials" className="section bg-ink-50/50">
+      <div className="container">
+        <div className="mx-auto max-w-2xl text-center">
+          <span className="eyebrow">Success Stories</span>
+          <h2 className="mt-4 text-3xl md:text-5xl font-bold text-ink-950">
+            Loved by attorneys worldwide
+          </h2>
+          <p className="mt-4 text-lg text-ink-600">
+            Join thousands of legal professionals who transformed their practice with eLegal Software.
+          </p>
+        </div>
+
+        <div className="mt-14 grid gap-5 md:grid-cols-2 lg:grid-cols-3">
+          {TESTIMONIALS.map((t, i) => (
+            <motion.figure
+              key={t.name}
+              initial={{ opacity: 0, y: 16 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true, margin: '-50px' }}
+              transition={{ duration: 0.4, delay: (i % 3) * 0.05 }}
+              className="rounded-2xl border border-ink-100 bg-white p-6 shadow-sm hover:shadow-md transition"
+            >
+              <div className="flex items-center gap-1 text-amber-400">
+                {Array.from({ length: 5 }).map((_, k) => (
+                  <Star key={k} className="h-3.5 w-3.5 fill-current" />
+                ))}
+              </div>
+              <blockquote className="mt-4 text-sm text-ink-700 leading-relaxed">
+                &ldquo;{t.quote}&rdquo;
+              </blockquote>
+              <figcaption className="mt-5 flex items-center gap-3">
+                <div className="grid h-10 w-10 place-items-center rounded-full bg-brand-100 text-brand-700 text-sm font-semibold">
+                  {initials(t.name)}
+                </div>
+                <div>
+                  <p className="text-sm font-semibold text-ink-900">{t.name}</p>
+                  <p className="text-xs text-ink-500">{t.role}</p>
+                </div>
+              </figcaption>
+            </motion.figure>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/public/PublicLayout.tsx b/apps/web/src/components/public/PublicLayout.tsx
new file mode 100644
index 0000000..01f3ec4
--- /dev/null
+++ b/apps/web/src/components/public/PublicLayout.tsx
@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+import { Navbar } from '@/components/marketing/Navbar';
+import { Footer } from '@/components/marketing/Footer';
+
+export function PublicLayout({ children }: { children: ReactNode }) {
+  return (
+    <div className="min-h-screen flex flex-col bg-white">
+      <Navbar />
+      <main className="flex-1 pt-24">{children}</main>
+      <Footer />
+    </div>
+  );
+}
+
+export function PublicHero({
+  eyebrow,
+  title,
+  description,
+  children,
+}: {
+  eyebrow: string;
+  title: string;
+  description?: string;
+  children?: ReactNode;
+}) {
+  return (
+    <section className="border-b border-ink-100 bg-gradient-to-b from-brand-50/40 to-white">
+      <div className="container py-16 text-center">
+        <span className="eyebrow">{eyebrow}</span>
+        <h1 className="mt-4 text-3xl md:text-5xl font-bold text-ink-950 font-display">{title}</h1>
+        {description && <p className="mx-auto mt-4 max-w-2xl text-ink-600">{description}</p>}
+        {children}
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/ui/Badge.tsx b/apps/web/src/components/ui/Badge.tsx
new file mode 100644
index 0000000..b6dbfeb
--- /dev/null
+++ b/apps/web/src/components/ui/Badge.tsx
@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import { cn } from '@/lib/cn';
+
+type Tone = 'neutral' | 'brand' | 'emerald' | 'amber' | 'rose' | 'ink';
+
+const TONES: Record<Tone, string> = {
+  neutral: 'bg-ink-100 text-ink-700',
+  brand: 'bg-brand-50 text-brand-700',
+  emerald: 'bg-emerald-50 text-emerald-700',
+  amber: 'bg-amber-50 text-amber-700',
+  rose: 'bg-rose-50 text-rose-700',
+  ink: 'bg-ink-900 text-white',
+};
+
+export function Badge({ tone = 'neutral', children, className }: { tone?: Tone; children: ReactNode; className?: string }) {
+  return (
+    <span className={cn('inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium', TONES[tone], className)}>
+      {children}
+    </span>
+  );
+}
diff --git a/apps/web/src/components/ui/Button.tsx b/apps/web/src/components/ui/Button.tsx
new file mode 100644
index 0000000..f8d1f3d
--- /dev/null
+++ b/apps/web/src/components/ui/Button.tsx
@@ -0,0 +1,43 @@
+import { forwardRef, type ButtonHTMLAttributes } from 'react';
+import { cn } from '@/lib/cn';
+
+type Variant = 'primary' | 'secondary' | 'ghost' | 'danger';
+type Size = 'sm' | 'md' | 'lg';
+
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: Variant;
+  size?: Size;
+}
+
+const VARIANT: Record<Variant, string> = {
+  primary: 'bg-brand-500 text-white hover:bg-brand-600 shadow-sm shadow-brand-500/25',
+  secondary: 'bg-white text-ink-900 border border-ink-200 hover:border-ink-300',
+  ghost: 'text-ink-700 hover:text-ink-900 hover:bg-ink-100',
+  danger: 'bg-rose-500 text-white hover:bg-rose-600 shadow-sm shadow-rose-500/25',
+};
+
+const SIZE: Record<Size, string> = {
+  sm: 'px-3 py-1.5 text-sm rounded-lg gap-1.5',
+  md: 'px-4 py-2 text-sm rounded-xl gap-2',
+  lg: 'px-5 py-2.5 text-sm rounded-xl gap-2',
+};
+
+export const Button = forwardRef<HTMLButtonElement, Props>(function Button(
+  { variant = 'primary', size = 'md', className, ...rest },
+  ref,
+) {
+  return (
+    <button
+      ref={ref}
+      className={cn(
+        'inline-flex items-center justify-center font-medium transition',
+        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2',
+        'disabled:pointer-events-none disabled:opacity-60',
+        VARIANT[variant],
+        SIZE[size],
+        className,
+      )}
+      {...rest}
+    />
+  );
+});
diff --git a/apps/web/src/components/ui/Card.tsx b/apps/web/src/components/ui/Card.tsx
new file mode 100644
index 0000000..419c7cd
--- /dev/null
+++ b/apps/web/src/components/ui/Card.tsx
@@ -0,0 +1,51 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import { cn } from '@/lib/cn';
+
+export function Card({ className, ...rest }: HTMLAttributes<HTMLDivElement>) {
+  return <div className={cn('rounded-2xl border border-ink-100 bg-white shadow-sm', className)} {...rest} />;
+}
+
+export function CardHeader({
+  title,
+  description,
+  action,
+}: {
+  title: ReactNode;
+  description?: ReactNode;
+  action?: ReactNode;
+}) {
+  return (
+    <div className="flex items-start justify-between gap-4 border-b border-ink-100 px-5 py-4">
+      <div>
+        <h3 className="text-sm font-semibold text-ink-900">{title}</h3>
+        {description && <p className="mt-0.5 text-xs text-ink-500">{description}</p>}
+      </div>
+      {action}
+    </div>
+  );
+}
+
+export function CardBody({ className, ...rest }: HTMLAttributes<HTMLDivElement>) {
+  return <div className={cn('p-5', className)} {...rest} />;
+}
+
+export function EmptyState({
+  title,
+  description,
+  action,
+  icon,
+}: {
+  title: string;
+  description?: string;
+  action?: ReactNode;
+  icon?: ReactNode;
+}) {
+  return (
+    <div className="grid place-items-center px-6 py-16 text-center">
+      {icon && <div className="mb-4 grid h-12 w-12 place-items-center rounded-2xl bg-brand-50 text-brand-600">{icon}</div>}
+      <p className="text-sm font-semibold text-ink-900">{title}</p>
+      {description && <p className="mt-1 max-w-sm text-sm text-ink-500">{description}</p>}
+      {action && <div className="mt-5">{action}</div>}
+    </div>
+  );
+}
diff --git a/apps/web/src/components/ui/Drawer.tsx b/apps/web/src/components/ui/Drawer.tsx
new file mode 100644
index 0000000..3a8070a
--- /dev/null
+++ b/apps/web/src/components/ui/Drawer.tsx
@@ -0,0 +1,64 @@
+import { useEffect, type ReactNode } from 'react';
+import { X } from 'lucide-react';
+import { cn } from '@/lib/cn';
+
+interface Props {
+  open: boolean;
+  onClose: () => void;
+  title: string;
+  description?: string;
+  children: ReactNode;
+  footer?: ReactNode;
+  width?: string;
+}
+
+export function Drawer({ open, onClose, title, description, children, footer, width = 'max-w-md' }: Props) {
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') onClose();
+    };
+    window.addEventListener('keydown', onKey);
+    document.body.style.overflow = 'hidden';
+    return () => {
+      window.removeEventListener('keydown', onKey);
+      document.body.style.overflow = '';
+    };
+  }, [open, onClose]);
+
+  return (
+    <div
+      className={cn(
+        'fixed inset-0 z-50 transition-opacity',
+        open ? 'opacity-100' : 'pointer-events-none opacity-0',
+      )}
+      aria-hidden={!open}
+    >
+      <div className="absolute inset-0 bg-ink-950/40 backdrop-blur-sm" onClick={onClose} />
+      <aside
+        className={cn(
+          'absolute right-0 top-0 h-full w-full bg-white shadow-2xl flex flex-col transition-transform',
+          width,
+          open ? 'translate-x-0' : 'translate-x-full',
+        )}
+      >
+        <header className="flex items-start justify-between gap-4 border-b border-ink-100 px-6 py-5">
+          <div>
+            <h2 className="text-lg font-semibold text-ink-950 font-display">{title}</h2>
+            {description && <p className="mt-1 text-sm text-ink-500">{description}</p>}
+          </div>
+          <button
+            type="button"
+            onClick={onClose}
+            className="grid h-9 w-9 place-items-center rounded-lg text-ink-500 hover:bg-ink-100"
+            aria-label="Close"
+          >
+            <X className="h-4 w-4" />
+          </button>
+        </header>
+        <div className="flex-1 overflow-y-auto px-6 py-5">{children}</div>
+        {footer && <footer className="border-t border-ink-100 px-6 py-4 bg-ink-50/40">{footer}</footer>}
+      </aside>
+    </div>
+  );
+}
diff --git a/apps/web/src/components/ui/Input.tsx b/apps/web/src/components/ui/Input.tsx
new file mode 100644
index 0000000..4ca759d
--- /dev/null
+++ b/apps/web/src/components/ui/Input.tsx
@@ -0,0 +1,77 @@
+import { forwardRef, type InputHTMLAttributes, type SelectHTMLAttributes, type TextareaHTMLAttributes } from 'react';
+import { cn } from '@/lib/cn';
+
+const fieldBase =
+  'w-full rounded-xl border bg-white px-3.5 py-2.5 text-sm text-ink-900 placeholder:text-ink-400 ' +
+  'focus:outline-none focus:ring-2';
+
+const fieldOk = 'border-ink-200 focus:border-brand-500 focus:ring-brand-500/20';
+const fieldErr = 'border-rose-300 focus:border-rose-500 focus:ring-rose-500/20';
+
+interface Common {
+  label?: string;
+  hint?: string;
+  error?: string;
+}
+
+interface InputProps extends InputHTMLAttributes<HTMLInputElement>, Common {}
+
+export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
+  { label, hint, error, className, id, name, ...rest },
+  ref,
+) {
+  const inputId = id ?? name;
+  return (
+    <div>
+      {label && (
+        <label htmlFor={inputId} className="text-xs font-medium text-ink-700 block mb-1.5">
+          {label}
+        </label>
+      )}
+      <input ref={ref} id={inputId} name={name} className={cn(fieldBase, error ? fieldErr : fieldOk, className)} {...rest} />
+      {error ? <p className="mt-1.5 text-xs text-rose-600">{error}</p> : hint ? <p className="mt-1.5 text-xs text-ink-500">{hint}</p> : null}
+    </div>
+  );
+});
+
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, Common {}
+
+export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(
+  { label, hint, error, className, id, name, ...rest },
+  ref,
+) {
+  const inputId = id ?? name;
+  return (
+    <div>
+      {label && (
+        <label htmlFor={inputId} className="text-xs font-medium text-ink-700 block mb-1.5">
+          {label}
+        </label>
+      )}
+      <textarea ref={ref} id={inputId} name={name} className={cn(fieldBase, error ? fieldErr : fieldOk, className)} {...rest} />
+      {error ? <p className="mt-1.5 text-xs text-rose-600">{error}</p> : hint ? <p className="mt-1.5 text-xs text-ink-500">{hint}</p> : null}
+    </div>
+  );
+});
+
+interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement>, Common {}
+
+export const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(
+  { label, hint, error, className, id, name, children, ...rest },
+  ref,
+) {
+  const inputId = id ?? name;
+  return (
+    <div>
+      {label && (
+        <label htmlFor={inputId} className="text-xs font-medium text-ink-700 block mb-1.5">
+          {label}
+        </label>
+      )}
+      <select ref={ref} id={inputId} name={name} className={cn(fieldBase, error ? fieldErr : fieldOk, className)} {...rest}>
+        {children}
+      </select>
+      {error ? <p className="mt-1.5 text-xs text-rose-600">{error}</p> : hint ? <p className="mt-1.5 text-xs text-ink-500">{hint}</p> : null}
+    </div>
+  );
+});
diff --git a/apps/web/src/content/posts.ts b/apps/web/src/content/posts.ts
new file mode 100644
index 0000000..6f3018f
--- /dev/null
+++ b/apps/web/src/content/posts.ts
@@ -0,0 +1,212 @@
+export interface Post {
+  slug: string;
+  title: string;
+  description: string;
+  publishedAt: string; // ISO date
+  readMinutes: number;
+  author: string;
+  // Body is structured as an array of blocks for simple renderable JSX
+  body: Block[];
+}
+
+export type Block =
+  | { type: 'p'; text: string }
+  | { type: 'h2'; text: string }
+  | { type: 'h3'; text: string }
+  | { type: 'ul'; items: string[] }
+  | { type: 'ol'; items: string[] }
+  | { type: 'quote'; text: string }
+  | { type: 'callout'; tone: 'brand' | 'amber'; title: string; text: string };
+
+export const POSTS: Post[] = [
+  {
+    slug: 'maximize-billable-hours-without-burnout',
+    title: 'How to maximize billable hours without burning out',
+    description:
+      'Practical tactics for capturing more billable time, building work that scales, and keeping your evenings.',
+    publishedAt: '2026-04-08',
+    readMinutes: 8,
+    author: 'eLegal Software Team',
+    body: [
+      {
+        type: 'p',
+        text: 'Most attorneys do not have a billing problem. They have a capture problem. The work happens — drafting, calls, research, follow-ups — but a third of it never makes it onto an invoice. The fix is not working longer hours. It is closing the gap between the work and the entry.',
+      },
+      { type: 'h2', text: 'Track in real time, not at the end of the day' },
+      {
+        type: 'p',
+        text: "If you reconstruct your day at 6 PM you will lose 15-30 minutes per day to forgotten micro-tasks. A two-minute call here, a quick email there. None of those go on the invoice. Start a timer the moment a task begins, even if you only run it for four minutes. The point is the entry, not the elegance.",
+      },
+      { type: 'h2', text: 'Build templates for the work you repeat' },
+      {
+        type: 'p',
+        text: 'Look at your last ten matters and find the documents you wrote from scratch that you have written before. Engagement letters, intake forms, demand letters, motion shells. Convert each into a template with merge fields. The first hour you spend templatizing pays back within a month.',
+      },
+      {
+        type: 'callout',
+        tone: 'brand',
+        title: 'Quick win',
+        text: "Pick the single document you've drafted most this quarter and templatize it this week. Put the placeholders in [BRACKETS] so they jump out.",
+      },
+      { type: 'h2', text: 'Set a daily target, not a yearly one' },
+      {
+        type: 'p',
+        text: 'Annual targets are abstract. A daily target is real. If you bill 1,800 hours per year over 220 working days, that is roughly 8 billable hours per day — which actually means about 11 hours at your desk once you factor in admin, breaks, and unbilled time. Translating yearly to daily makes the math honest and lets you adjust before the gap snowballs.',
+      },
+      { type: 'h2', text: 'Defend your deep-work block' },
+      {
+        type: 'p',
+        text: 'Most billable hours come from drafting, research, and analysis — work that requires uninterrupted focus. Block a 90-minute window every morning, decline meetings inside it, and treat email as a chore that happens after the block ends, not before. One protected morning block per day will out-earn three afternoons of context-switching.',
+      },
+      { type: 'h2', text: 'Bill faster' },
+      {
+        type: 'p',
+        text: 'A weekly billing rhythm beats a monthly one. Generate invoices every Friday for the work that closed that week. Clients pay sooner, your cash flow stabilizes, and write-offs go down because the work is fresh in everyone\'s mind. The biggest enemy of recovery is age — every additional week an invoice sits, the harder it is to defend a line item.',
+      },
+      { type: 'h3', text: 'A pragmatic checklist' },
+      {
+        type: 'ul',
+        items: [
+          'Start every task with a timer running, even 2-minute tasks.',
+          'Templatize anything you have drafted twice.',
+          'Convert your annual hours target into a daily one.',
+          'Block one focused morning window per day.',
+          'Bill weekly, not monthly.',
+          'Review your write-off rate every month — that number tells you where the leak is.',
+        ],
+      },
+      {
+        type: 'p',
+        text: 'None of these is a silver bullet. Together they typically claw back 5-8 billable hours a week without working any later. Multiply that by a year at your hourly rate.',
+      },
+    ],
+  },
+  {
+    slug: 'client-intake-best-practices-2026',
+    title: 'Client intake best practices for law firms in 2026',
+    description:
+      'A modern intake flow that converts more inquiries, sets clear expectations, and saves you time on the wrong-fit prospects.',
+    publishedAt: '2026-03-21',
+    readMinutes: 12,
+    author: 'eLegal Software Team',
+    body: [
+      {
+        type: 'p',
+        text: 'Intake is the first hour of the client relationship. It is also the cheapest place to fix bad-fit work, set expectations, and signal that the firm is organized. A good intake flow does three things at once: it qualifies, it informs, and it gathers.',
+      },
+      { type: 'h2', text: 'Qualify before you book the consultation' },
+      {
+        type: 'p',
+        text: 'A consultation should not be the first filter. By the time a prospect is on a call, you have already invested 30 minutes plus the prep before and the follow-up after. Move qualification earlier — into a short intake form that confirms the matter type, jurisdiction, urgency, and ability to pay before any time is committed.',
+      },
+      { type: 'h2', text: 'Keep the intake form short — but specific' },
+      {
+        type: 'p',
+        text: 'A 4-field form converts but tells you nothing. A 30-field form is abandoned. The sweet spot is 8-12 fields, mostly conditional based on practice area. Branch the questions: someone with a corporate matter does not need to answer family-law questions.',
+      },
+      {
+        type: 'callout',
+        tone: 'brand',
+        title: 'Field worth adding',
+        text: '"What outcome would make this representation a success for you?" is the single most useful intake question. The answer tells you scope, expectations, and whether they have realistic goals.',
+      },
+      { type: 'h2', text: 'Acknowledge fast, even if you cannot respond fully' },
+      {
+        type: 'p',
+        text: 'A 24-hour silence is when prospects start contacting other firms. An automated acknowledgment within 5 minutes ("we got your inquiry, we will respond by [day]") buys you the time to respond properly without losing the lead. Keep the substantive response within one business day.',
+      },
+      { type: 'h2', text: 'Send the engagement materials before the call, not after' },
+      {
+        type: 'p',
+        text: 'When you send the engagement letter and fee schedule before the consultation, the call becomes about fit and strategy rather than logistics. Prospects who balk at fees self-select out before you spend the hour. Prospects who proceed are pre-qualified and ready to sign.',
+      },
+      { type: 'h2', text: 'Use a conflict check that is actually run' },
+      {
+        type: 'p',
+        text: 'Conflict checks fail in firms not because the system is bad but because it is skipped under time pressure. Make it the first step that has to be checked off before any other intake action — including booking a consultation. A conflict caught at intake costs nothing. A conflict caught after representation begins costs the matter and damages reputation.',
+      },
+      { type: 'h2', text: 'Document what you decline' },
+      {
+        type: 'p',
+        text: 'Keep a short log of inquiries you turn down, with one-sentence reasons. Patterns emerge: too far away, wrong practice area, can\'t afford, conflict, missed deadline. After 50 entries you will know exactly where to invest in marketing — and exactly which referral partners you should be sending the wrong-fit work to.',
+      },
+      { type: 'h3', text: 'A workable intake flow' },
+      {
+        type: 'ol',
+        items: [
+          'Inquiry hits an intake form — branched by practice area.',
+          'Automated acknowledgment fires within 5 minutes.',
+          'Conflict check runs before anything else (often automated against your existing client list).',
+          'Engagement letter, fee schedule, and prep questionnaire go out together.',
+          'Consultation happens — call is about fit and strategy, not logistics.',
+          'Decision within 24 hours: signed, declined, or pending.',
+          'Declined inquiries logged with a reason.',
+        ],
+      },
+      {
+        type: 'p',
+        text: 'The result is fewer wasted hours on bad-fit prospects, faster conversions on good-fit ones, and a clear paper trail for both.',
+      },
+    ],
+  },
+  {
+    slug: 'legal-billing-software-comparison-2026',
+    title: 'Legal billing software in 2026: how to actually compare options',
+    description:
+      'A framework for choosing legal billing software that focuses on the questions most reviews never ask.',
+    publishedAt: '2026-02-14',
+    readMinutes: 10,
+    author: 'eLegal Software Team',
+    body: [
+      {
+        type: 'p',
+        text: 'Most legal-billing software comparisons are checklists of features. That is the wrong frame. Every product in this category checks the same boxes: time tracking, invoices, trust accounting. The question that matters is not what they do, it is how much friction they add to the work you already do.',
+      },
+      { type: 'h2', text: 'Friction one: time entry' },
+      {
+        type: 'p',
+        text: 'Most timers fail because they require attention. They live in a separate tab, ask questions before starting, or need a case picker open. The best timers are one click away no matter where you are in the app, and they default the case to whatever you were last working on. Watch how the timer feels for ten minutes — does it disappear into the background, or does it constantly ask you to manage it?',
+      },
+      { type: 'h2', text: 'Friction two: turning time into invoices' },
+      {
+        type: 'p',
+        text: 'Generating an invoice should be a roll-up, not a re-entry. If you have to manually copy time entries onto an invoice, the system has lost half its value. A good system shows you unbilled time grouped by case, lets you select what to bill in one click, and produces a draft invoice in under a minute. Try it during the demo with realistic data — not with two pre-loaded sample entries.',
+      },
+      { type: 'h2', text: 'Friction three: where the data lives' },
+      {
+        type: 'p',
+        text: 'Practice management is sticky. The longer you use it, the more painful it is to leave. Three questions before you commit: Can you export everything as standard formats (CSV, PDF, JSON)? Are you the data controller or are they? Where physically does the data live, and who else has access to it? If a vendor cannot answer all three on the spot, treat that as a signal.',
+      },
+      {
+        type: 'callout',
+        tone: 'amber',
+        title: 'Things you only learn after switching',
+        text: 'Hidden costs come in two forms: per-user fees that scale with your team, and "premium" feature gates (e-signing, payments, document storage) that turn a $25/month plan into $150/month. Ask for the all-in cost for your actual usage, not the headline price.',
+      },
+      { type: 'h2', text: 'Onboarding is the real test' },
+      {
+        type: 'p',
+        text: 'Every product looks great in a demo. The honest question is: how long until your team is actually using it? If migration takes three weeks and adoption takes another month, you have lost a quarter of revenue visibility. Ask for an explicit onboarding plan with named milestones — and ask to talk to two recent customers about how it actually went.',
+      },
+      { type: 'h2', text: 'A short evaluation framework' },
+      {
+        type: 'ol',
+        items: [
+          'Time a real billing cycle end-to-end on each candidate. Whichever feels lighter wins.',
+          'Confirm export and data ownership in writing before you commit.',
+          'Get the all-in price including add-ons you will actually use.',
+          'Ask for two recent customer references with similar practice size.',
+          'Pilot with one matter for two weeks before rolling out firm-wide.',
+        ],
+      },
+      {
+        type: 'p',
+        text: "The right software is the one that disappears. You should think about it less than you do today, not more. If a tool requires you to learn a new vocabulary, train your team, and follow a workflow that does not match how you already work, it is the wrong tool — no matter how many features it has.",
+      },
+    ],
+  },
+];
+
+export function getPost(slug: string): Post | undefined {
+  return POSTS.find((p) => p.slug === slug);
+}
diff --git a/apps/web/src/hooks/useAccount.ts b/apps/web/src/hooks/useAccount.ts
new file mode 100644
index 0000000..76c7732
--- /dev/null
+++ b/apps/web/src/hooks/useAccount.ts
@@ -0,0 +1,39 @@
+import { useMutation } from '@tanstack/react-query';
+import { api, type ApiError } from '@/lib/api';
+
+export function useDeleteAccount() {
+  return useMutation<void, ApiError, { password: string }>({
+    mutationFn: (body) => api.post('/api/account/delete', body),
+  });
+}
+
+// Triggers a download of the export JSON. Uses a direct link so the browser handles the file save.
+export async function downloadAccountExport(): Promise<void> {
+  const csrf = readCookie('csrf');
+  const res = await fetch('/api/account/export', {
+    credentials: 'same-origin',
+    headers: csrf ? { 'X-CSRF-Token': csrf } : undefined,
+  });
+  if (!res.ok) {
+    const body = await res.text().catch(() => '');
+    throw new Error(body || `export_failed_${res.status}`);
+  }
+  const blob = await res.blob();
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = `lawdesk-export-${new Date().toISOString().slice(0, 10)}.json`;
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+  URL.revokeObjectURL(url);
+}
+
+function readCookie(name: string): string | undefined {
+  if (typeof document === 'undefined') return undefined;
+  const prefix = `${name}=`;
+  for (const part of document.cookie.split('; ')) {
+    if (part.startsWith(prefix)) return decodeURIComponent(part.slice(prefix.length));
+  }
+  return undefined;
+}
diff --git a/apps/web/src/hooks/useAdmin.ts b/apps/web/src/hooks/useAdmin.ts
new file mode 100644
index 0000000..463db82
--- /dev/null
+++ b/apps/web/src/hooks/useAdmin.ts
@@ -0,0 +1,201 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { api, type ApiError } from '@/lib/api';
+
+export type AdminPlan = 'starter' | 'pro' | 'lifetime';
+
+export interface AdminStats {
+  counters: {
+    firms: number;
+    users: number;
+    cases: number;
+    clients: number;
+    invoices: number;
+    unresolvedContact: number;
+    paidRevenueTotal: string;
+  };
+  planDistribution: Array<{ plan: AdminPlan; count: number }>;
+  signupsLast30Days: Array<{ day: string; count: number }>;
+}
+
+export interface AdminFirmListItem {
+  id: string;
+  name: string;
+  plan: AdminPlan;
+  watermarkEnabled: boolean;
+  createdAt: string;
+  userCount: number;
+  caseCount: number;
+  clientCount: number;
+  paidTotal: string;
+}
+
+export interface AdminFirmDetailResponse {
+  firm: {
+    id: string;
+    name: string;
+    plan: AdminPlan;
+    watermarkEnabled: boolean;
+    storageBytesUsed: number;
+    createdAt: string;
+    updatedAt: string;
+    trialEndsAt: string | null;
+    stripeCustomerId: string | null;
+    stripeSubscriptionId: string | null;
+  };
+  users: Array<{
+    id: string;
+    email: string;
+    fullName: string | null;
+    role: string;
+    isSuspended: boolean;
+    isSuperadmin: boolean;
+    createdAt: string;
+    lastSeenAt: string | null;
+  }>;
+  counts: {
+    clients: number;
+    cases: number;
+    invoices: number;
+    paidTotal: string;
+  };
+}
+
+export interface AdminUserListItem {
+  id: string;
+  email: string;
+  fullName: string | null;
+  role: string;
+  isSuperadmin: boolean;
+  isSuspended: boolean;
+  createdAt: string;
+  lastSeenAt: string | null;
+  firmId: string | null;
+  firmName: string | null;
+}
+
+export interface AdminContactMessage {
+  id: string;
+  fullName: string;
+  email: string;
+  message: string;
+  ip: string | null;
+  resolvedAt: string | null;
+  createdAt: string;
+}
+
+export interface AdminAuditEntry {
+  id: string;
+  userId: string | null;
+  firmId: string | null;
+  action: string;
+  meta: string | null;
+  ip: string | null;
+  createdAt: string;
+  userEmail: string | null;
+}
+
+export function useAdminStats() {
+  return useQuery<AdminStats>({
+    queryKey: ['admin', 'stats'],
+    queryFn: () => api.get('/api/admin/stats'),
+    refetchInterval: 60_000,
+  });
+}
+
+export function useAdminFirms(params: { q?: string; plan?: AdminPlan } = {}) {
+  return useQuery<{ items: AdminFirmListItem[]; total: number }>({
+    queryKey: ['admin', 'firms', params],
+    queryFn: () => {
+      const u = new URLSearchParams();
+      if (params.q) u.set('q', params.q);
+      if (params.plan) u.set('plan', params.plan);
+      const s = u.toString();
+      return api.get(`/api/admin/firms${s ? `?${s}` : ''}`);
+    },
+  });
+}
+
+export function useAdminFirm(id: string | undefined) {
+  return useQuery<AdminFirmDetailResponse>({
+    queryKey: id ? ['admin', 'firms', 'detail', id] : ['admin', 'firms', 'detail', 'noop'],
+    queryFn: () => api.get(`/api/admin/firms/${id}`),
+    enabled: !!id,
+  });
+}
+
+export function useUpdateAdminFirm(id: string) {
+  const qc = useQueryClient();
+  return useMutation<unknown, ApiError, { plan?: AdminPlan; watermarkEnabled?: boolean; name?: string }>({
+    mutationFn: (body) => api.patch(`/api/admin/firms/${id}`, body),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ['admin'] });
+    },
+  });
+}
+
+export function useAdminUsers(params: { q?: string; suspended?: 'true' | 'false' } = {}) {
+  return useQuery<{ items: AdminUserListItem[]; total: number }>({
+    queryKey: ['admin', 'users', params],
+    queryFn: () => {
+      const u = new URLSearchParams();
+      if (params.q) u.set('q', params.q);
+      if (params.suspended) u.set('suspended', params.suspended);
+      const s = u.toString();
+      return api.get(`/api/admin/users${s ? `?${s}` : ''}`);
+    },
+  });
+}
+
+export function useUpdateAdminUser(id: string) {
+  const qc = useQueryClient();
+  return useMutation<unknown, ApiError, { isSuspended?: boolean; role?: string }>({
+    mutationFn: (body) => api.patch(`/api/admin/users/${id}`, body),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ['admin'] });
+    },
+  });
+}
+
+export function useImpersonate() {
+  const qc = useQueryClient();
+  return useMutation<unknown, ApiError, string>({
+    mutationFn: (id) => api.post(`/api/admin/users/${id}/impersonate`),
+    onSuccess: () => {
+      qc.invalidateQueries();
+    },
+  });
+}
+
+export function useAdminContactMessages(params: { resolved?: 'true' | 'false' } = {}) {
+  return useQuery<{ items: AdminContactMessage[]; total: number }>({
+    queryKey: ['admin', 'contact', params],
+    queryFn: () => {
+      const u = new URLSearchParams();
+      if (params.resolved) u.set('resolved', params.resolved);
+      const s = u.toString();
+      return api.get(`/api/admin/contact-messages${s ? `?${s}` : ''}`);
+    },
+  });
+}
+
+export function useResolveContactMessage() {
+  const qc = useQueryClient();
+  return useMutation<unknown, ApiError, { id: string; resolved: boolean }>({
+    mutationFn: ({ id, resolved }) => api.patch(`/api/admin/contact-messages/${id}`, { resolved }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ['admin', 'contact'] }),
+  });
+}
+
+export function useAuditLog(params: { action?: string; userId?: string; firmId?: string } = {}) {
+  return useQuery<{ items: AdminAuditEntry[] }>({
+    queryKey: ['admin', 'audit', params],
+    queryFn: () => {
+      const u = new URLSearchParams();
+      if (params.action) u.set('action', params.action);
+      if (params.userId) u.set('userId', params.userId);
+      if (params.firmId) u.set('firmId', params.firmId);
+      const s = u.toString();
+      return api.get(`/api/admin/audit-log${s ? `?${s}` : ''}`);
+    },
+  });
+}
diff --git a/apps/web/src/hooks/useAuth.ts b/apps/web/src/hooks/useAuth.ts
new file mode 100644
index 0000000..e91b4f6
--- /dev/null
+++ b/apps/web/src/hooks/useAuth.ts
@@ -0,0 +1,66 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { api, type ApiError } from '@/lib/api';
+
+export interface AuthUser {
+  id: string;
+  email: string;
+  fullName?: string | null;
+  firmId: string | null;
+  role: string;
+  isSuperadmin?: boolean;
+  isSuspended?: boolean;
+}
+
+interface MeResponse {
+  user: AuthUser;
+}
+
+const ME_KEY = ['auth', 'me'] as const;
+
+export function useMe() {
+  return useQuery<AuthUser | null>({
+    queryKey: ME_KEY,
+    queryFn: async () => {
+      try {
+        const data = await api.get<MeResponse>('/api/auth/me');
+        return data.user;
+      } catch (err) {
+        if ((err as ApiError).status === 401) return null;
+        throw err;
+      }
+    },
+    staleTime: 60_000,
+  });
+}
+
+export function useLogin() {
+  const qc = useQueryClient();
+  return useMutation<AuthUser, ApiError, { email: string; password: string }>({
+    mutationFn: async (vars) => {
+      const data = await api.post<MeResponse>('/api/auth/login', vars);
+      return data.user;
+    },
+    onSuccess: (user) => qc.setQueryData(ME_KEY, user),
+  });
+}
+
+export function useSignup() {
+  const qc = useQueryClient();
+  return useMutation<AuthUser, ApiError, { email: string; password: string; fullName: string; firmName: string }>({
+    mutationFn: async (vars) => {
+      const data = await api.post<MeResponse>('/api/auth/signup', vars);
+      return data.user;
+    },
+    onSuccess: (user) => qc.setQueryData(ME_KEY, user),
+  });
+}
+
+export function useLogout() {
+  const qc = useQueryClient();
+  return useMutation<void, ApiError>({
+    mutationFn: async () => {
+      await api.post('/api/auth/logout');
+    },
+    onSuccess: () => qc.setQueryData(ME_KEY, null),
+  });
+}
diff --git a/apps/web/src/hooks/useBilling.ts b/apps/web/src/hooks/useBilling.ts
new file mode 100644
index 0000000..d6fbe03
--- /dev/null
+++ b/apps/web/src/hooks/useBilling.ts
@@ -0,0 +1,28 @@
+import { useMutation, useQuery } from '@tanstack/react-query';
+import { api, type ApiError } from '@/lib/api';
+
+export interface BillingStatus {
+  configured: boolean;
+  plan: 'starter' | 'pro' | 'lifetime';
+  hasSubscription: boolean;
+  hasCustomer: boolean;
+}
+
+export function useBillingStatus() {
+  return useQuery<BillingStatus>({
+    queryKey: ['billing', 'status'],
+    queryFn: () => api.get('/api/billing/status'),
+  });
+}
+
+export function useStartCheckout() {
+  return useMutation<{ url: string }, ApiError, { plan: 'pro' | 'lifetime' }>({
+    mutationFn: (body) => api.post('/api/billing/checkout', body),
+  });
+}
+
+export function useOpenPortal() {
+  return useMutation<{ url: string }, ApiError, void>({
+    mutationFn: () => api.post('/api/billing/portal'),
+  });
+}
diff --git a/apps/web/src/hooks/useCases.ts b/apps/web/src/hooks/useCases.ts
new file mode 100644
index 0000000..f1b01cd
--- /dev/null
+++ b/apps/web/src/hooks/useCases.ts
@@ -0,0 +1,108 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { api, type ApiError } from '@/lib/api';
+
+export type CaseStatus = 'open' | 'pending' | 'closed' | 'archived';
+
+export interface CaseListItem {
+  id: string;
+  title: string;
+  caseNumber: string | null;
+  status: CaseStatus;
+  practiceArea: string | null;
+  hourlyRate: string | null;
+  openedAt: string;
+  clientId: string;
+  clientName: string;
+  billedMinutes: number;
+}
+
+export interface CaseDetail {
+  id: string;
+  title: string;
+  caseNumber: string | null;
+  status: CaseStatus;
+  practiceArea: string | null;
+  description: string | null;
+  hourlyRate: string | null;
+  openedAt: string;
+  closedAt: string | null;
+  clientId: string;
+  clientName: string;
+  clientEmail: string | null;
+}
+
+export interface CaseInput {
+  clientId: string;
+  title: string;
+  caseNumber?: string | null;
+  status?: CaseStatus;
+  practiceArea?: string | null;
+  description?: string | null;
+  hourlyRate?: number | null;
+}
+
+interface ListResponse {
+  items: CaseListItem[];
+  total: number;
+}
+
+interface ListParams {
+  q?: string;
+  status?: CaseStatus;
+  clientId?: string;
+}
+
+const KEY = {
+  list: (p: ListParams = {}) => ['cases', 'list', p] as const,
+  detail: (id: string) => ['cases', 'detail', id] as const,
+};
+
+function qs(p: ListParams): string {
+  const u = new URLSearchParams();
+  if (p.q) u.set('q', p.q);
+  if (p.status) u.set('status', p.status);
+  if (p.clientId) u.set('clientId', p.clientId);
+  const s = u.toString();
+  return s ? `?${s}` : '';
+}
+
+export function useCases(params: ListParams = {}) {
+  return useQuery<ListResponse>({
+    queryKey: KEY.list(params),
+    queryFn: () => api.get(`/api/cases${qs(params)}`),
+  });
+}
+
+export function useCase(id: string | undefined) {
+  return useQuery<CaseDetail>({
+    queryKey: id ? KEY.detail(id) : ['cases', 'detail', 'noop'],
+    queryFn: () => api.get(`/api/cases/${id}`),
+    enabled: !!id,
+  });
+}
+
+export function useCreateCase() {
+  const qc = useQueryClient();
+  return useMutation<CaseDetail, ApiError, CaseInput>({
+    mutationFn: (body) => api.post('/api/cases', body),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ['cases'] }),
+  });
+}
+
+export function useUpdateCase(id: string) {
+  const qc = useQueryClient();
+  return useMutation<CaseDetail, ApiError, Partial<CaseInput>>({
+    mutationFn: (body) => api.patch(`/api/cases/${id}`, body),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ['cases'] });
+    },
+  });
+}
+
+export function useDeleteCase() {
+  const qc = useQueryClient();
+  return useMutation<void, ApiError, string>({
+    mutationFn: (id) => api.delete(`/api/cases/${id}`),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ['cases'] }),
+  });
+}
diff --git a/apps/web/src/hooks/useClients.ts b/apps/web/src/hooks/useClients.ts
new file mode 100644
index 0000000..5d99e9b
--- /dev/null
+++ b/apps/web/src/hooks/useClients.ts
@@ -0,0 +1,82 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { api, type ApiError } from '@/lib/api';
+
+export interface ClientListItem {
+  id: string;
+  name: string;
+  email: string | null;
+  phone: string | null;
+  createdAt: string;
+  caseCount: number;
+}
+
+export interface Client {
+  id: string;
+  firmId: string;
+  name: string;
+  email: string | null;
+  phone: string | null;
+  address: string | null;
+  notes: string | null;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface ClientInput {
+  name: string;
+  email?: string | null;
+  phone?: string | null;
+  address?: string | null;
+  notes?: string | null;
+}
+
+interface ListResponse {
+  items: ClientListItem[];
+  total: number;
+}
+
+const KEY = {
+  list: (q?: string) => ['clients', 'list', q ?? ''] as const,
+  detail: (id: string) => ['clients', 'detail', id] as const,
+};
+
+export function useClients(q?: string) {
+  return useQuery<ListResponse>({
+    queryKey: KEY.list(q),
+    queryFn: () => api.get(`/api/clients${q ? `?q=${encodeURIComponent(q)}` : ''}`),
+  });
+}
+
+export function useClient(id: string | undefined) {
+  return useQuery<Client>({
+    queryKey: id ? KEY.detail(id) : ['clients', 'detail', 'noop'],
+    queryFn: () => api.get(`/api/clients/${id}`),
+    enabled: !!id,
+  });
+}
+
+export function useCreateClient() {
+  const qc = useQueryClient();
+  return useMutation<Client, ApiError, ClientInput>({
+    mutationFn: (body) => api.post('/api/clients', body),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ['clients'] }),
+  });
+}
+
+export function useUpdateClient(id: string) {
+  const qc = useQueryClient();
+  return useMutation<Client, ApiError, Partial<ClientInput>>({
+    mutationFn: (body) => api.patch(`/api/clients/${id}`, body),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ['clients'] });
+    },
+  });
+}
+
+export function useDeleteClient() {
+  const qc = useQueryClient();
+  return useMutation<void, ApiError, string>({
+    mutationFn: (id) => api.delete(`/api/clients/${id}`),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ['clients'] }),
+  });
+}
diff --git a/apps/web/src/hooks/useInvoices.ts b/apps/web/src/hooks/useInvoices.ts
new file mode 100644
index 0000000..18d3684
--- /dev/null
+++ b/apps/web/src/hooks/useInvoices.ts
@@ -0,0 +1,160 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { api, type ApiError } from '@/lib/api';
+
+export type InvoiceStatus = 'draft' | 'sent' | 'paid' | 'overdue' | 'void';
+
+export interface InvoiceListItem {
+  id: string;
+  number: string;
+  status: InvoiceStatus;
+  total: string;
+  subtotal: string;
+  issuedAt: string | null;
+  dueAt: string | null;
+  paidAt: string | null;
+  createdAt: string;
+  clientId: string;
+  clientName: string;
+  caseId: string | null;
+  caseTitle: string | null;
+}
+
+export interface InvoiceItem {
+  id: string;
+  invoiceId: string;
+  description: string;
+  quantity: string;
+  rate: string;
+  amount: string;
+  sortOrder: number;
+}
+
+export interface InvoiceDetail {
+  id: string;
+  number: string;
+  status: InvoiceStatus;
+  subtotal: string;
+  taxRate: string;
+  total: string;
+  notes: string | null;
+  issuedAt: string | null;
+  dueAt: string | null;
+  paidAt: string | null;
+  createdAt: string;
+  clientId: string;
+  clientName: string;
+  clientEmail: string | null;
+  caseId: string | null;
+  caseTitle: string | null;
+  items: InvoiceItem[];
+}
+
+export interface CreateInvoiceInput {
+  clientId: string;
+  caseId?: string | null;
+  notes?: string | null;
+  taxRate?: number;
+  dueAt?: string | null;
+  items?: Array<{ description: string; quantity: number; rate: number }>;
+  timeEntryIds?: string[];
+}
+
+export interface UpdateInvoiceInput {
+  notes?: string | null;
+  taxRate?: number;
+  dueAt?: string | null;
+}
+
+export interface ListParams {
+  status?: InvoiceStatus;
+  clientId?: string;
+  caseId?: string;
+}
+
+interface ListResponse {
+  items: InvoiceListItem[];
+  total: number;
+}
+
+const KEY = {
+  list: (p: ListParams = {}) => ['invoices', 'list', p] as const,
+  detail: (id: string) => ['invoices', 'detail', id] as const,
+};
+
+function qs(p: ListParams): string {
+  const u = new URLSearchParams();
+  if (p.status) u.set('status', p.status);
+  if (p.clientId) u.set('clientId', p.clientId);
+  if (p.caseId) u.set('caseId', p.caseId);
+  const s = u.toString();
+  return s ? `?${s}` : '';
+}
+
+export function useInvoices(params: ListParams = {}) {
+  return useQuery<ListResponse>({
+    queryKey: KEY.list(params),
+    queryFn: () => api.get(`/api/invoices${qs(params)}`),
+  });
+}
+
+export function useInvoice(id: string | undefined) {
+  return useQuery<InvoiceDetail>({
+    queryKey: id ? KEY.detail(id) : ['invoices', 'detail', 'noop'],
+    queryFn: () => api.get(`/api/invoices/${id}`),
+    enabled: !!id,
+  });
+}
+
+export function useCreateInvoice() {
+  const qc = useQueryClient();
+  return useMutation<InvoiceDetail, ApiError, CreateInvoiceInput>({
+    mutationFn: (body) => api.post('/api/invoices', body),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ['invoices'] });
+      qc.invalidateQueries({ queryKey: ['time-entries'] });
+    },
+  });
+}
+
+export function useUpdateInvoice(id: string) {
+  const qc = useQueryClient();
+  return useMutation<InvoiceDetail, ApiError, UpdateInvoiceInput>({
+    mutationFn: (body) => api.patch(`/api/invoices/${id}`, body),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ['invoices'] }),
+  });
+}
+
+export function useSendInvoice() {
+  const qc = useQueryClient();
+  return useMutation<InvoiceDetail, ApiError, string>({
+    mutationFn: (id) => api.post(`/api/invoices/${id}/send`),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ['invoices'] }),
+  });
+}
+
+export function useMarkPaid() {
+  const qc = useQueryClient();
+  return useMutation<InvoiceDetail, ApiError, string>({
+    mutationFn: (id) => api.post(`/api/invoices/${id}/mark-paid`),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ['invoices'] }),
+  });
+}
+
+export function useVoidInvoice() {
+  const qc = useQueryClient();
+  return useMutation<InvoiceDetail, ApiError, string>({
+    mutationFn: (id) => api.post(`/api/invoices/${id}/void`),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ['invoices'] }),
+  });
+}
+
+export function useDeleteInvoice() {
+  const qc = useQueryClient();
+  return useMutation<void, ApiError, string>({
+    mutationFn: (id) => api.delete(`/api/invoices/${id}`),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ['invoices'] });
+      qc.invalidateQueries({ queryKey: ['time-entries'] });
+    },
+  });
+}
diff --git a/apps/web/src/hooks/useResetPassword.ts b/apps/web/src/hooks/useResetPassword.ts
new file mode 100644
index 0000000..d4e04fb
--- /dev/null
+++ b/apps/web/src/hooks/useResetPassword.ts
@@ -0,0 +1,14 @@
+import { useMutation } from '@tanstack/react-query';
+import { api, type ApiError } from '@/lib/api';
+
+export function useRequestPasswordReset() {
+  return useMutation<{ ok: boolean }, ApiError, { email: string }>({
+    mutationFn: (body) => api.post('/api/auth/request-password-reset', body),
+  });
+}
+
+export function useResetPassword() {
+  return useMutation<{ ok: boolean }, ApiError, { token: string; password: string }>({
+    mutationFn: (body) => api.post('/api/auth/reset-password', body),
+  });
+}
diff --git a/apps/web/src/hooks/useTime.ts b/apps/web/src/hooks/useTime.ts
new file mode 100644
index 0000000..916f7da
--- /dev/null
+++ b/apps/web/src/hooks/useTime.ts
@@ -0,0 +1,134 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { api, type ApiError } from '@/lib/api';
+
+export interface TimeEntry {
+  id: string;
+  caseId: string;
+  caseTitle: string;
+  clientId: string;
+  clientName: string;
+  userId: string;
+  description: string;
+  startedAt: string;
+  endedAt: string | null;
+  minutes: number;
+  rate: string;
+  billable: boolean;
+  invoiceItemId: string | null;
+}
+
+export interface ActiveTimer {
+  id: string;
+  caseId: string;
+  caseTitle: string;
+  clientName: string;
+  description: string;
+  startedAt: string;
+  rate: string;
+}
+
+export interface TimeListParams {
+  caseId?: string;
+  from?: string;
+  to?: string;
+  invoiced?: 'true' | 'false';
+}
+
+interface ListResponse {
+  items: TimeEntry[];
+  total: number;
+}
+
+const KEY = {
+  list: (p: TimeListParams = {}) => ['time-entries', 'list', p] as const,
+  active: ['time-entries', 'active'] as const,
+};
+
+function qs(p: TimeListParams): string {
+  const u = new URLSearchParams();
+  if (p.caseId) u.set('caseId', p.caseId);
+  if (p.from) u.set('from', p.from);
+  if (p.to) u.set('to', p.to);
+  if (p.invoiced) u.set('invoiced', p.invoiced);
+  const s = u.toString();
+  return s ? `?${s}` : '';
+}
+
+export function useTimeEntries(params: TimeListParams = {}) {
+  return useQuery<ListResponse>({
+    queryKey: KEY.list(params),
+    queryFn: () => api.get(`/api/time-entries${qs(params)}`),
+  });
+}
+
+export function useActiveTimer() {
+  return useQuery<{ active: ActiveTimer | null }>({
+    queryKey: KEY.active,
+    queryFn: () => api.get('/api/time-entries/active'),
+    refetchInterval: 60_000,
+  });
+}
+
+export function useStartTimer() {
+  const qc = useQueryClient();
+  return useMutation<TimeEntry, ApiError, { caseId: string; description?: string }>({
+    mutationFn: (body) => api.post('/api/time-entries/start', body),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ['time-entries'] });
+    },
+  });
+}
+
+export function useStopTimer() {
+  const qc = useQueryClient();
+  return useMutation<TimeEntry, ApiError, string>({
+    mutationFn: (id) => api.post(`/api/time-entries/${id}/stop`),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ['time-entries'] });
+      qc.invalidateQueries({ queryKey: ['cases'] });
+    },
+  });
+}
+
+export interface ManualEntryInput {
+  caseId: string;
+  description: string;
+  startedAt: string;
+  endedAt?: string | null;
+  minutes?: number;
+  rate?: number;
+  billable?: boolean;
+}
+
+export function useCreateTimeEntry() {
+  const qc = useQueryClient();
+  return useMutation<TimeEntry, ApiError, ManualEntryInput>({
+    mutationFn: (body) => api.post('/api/time-entries', body),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ['time-entries'] });
+      qc.invalidateQueries({ queryKey: ['cases'] });
+    },
+  });
+}
+
+export function useUpdateTimeEntry(id: string) {
+  const qc = useQueryClient();
+  return useMutation<TimeEntry, ApiError, Partial<ManualEntryInput>>({
+    mutationFn: (body) => api.patch(`/api/time-entries/${id}`, body),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ['time-entries'] });
+      qc.invalidateQueries({ queryKey: ['cases'] });
+    },
+  });
+}
+
+export function useDeleteTimeEntry() {
+  const qc = useQueryClient();
+  return useMutation<void, ApiError, string>({
+    mutationFn: (id) => api.delete(`/api/time-entries/${id}`),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ['time-entries'] });
+      qc.invalidateQueries({ queryKey: ['cases'] });
+    },
+  });
+}
diff --git a/apps/web/src/hooks/useToolUsage.ts b/apps/web/src/hooks/useToolUsage.ts
new file mode 100644
index 0000000..5661189
--- /dev/null
+++ b/apps/web/src/hooks/useToolUsage.ts
@@ -0,0 +1,42 @@
+import { useEffect } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { api } from '@/lib/api';
+
+export type ToolName =
+  | 'hourly-rate-calculator'
+  | 'case-profitability'
+  | 'billable-hours-tracker'
+  | 'document-templates';
+
+const SESSION_KEY = 'lawdesk:tool-session';
+
+function getSessionId(): string {
+  if (typeof sessionStorage === 'undefined') return '';
+  let v = sessionStorage.getItem(SESSION_KEY);
+  if (!v) {
+    v = crypto.randomUUID();
+    sessionStorage.setItem(SESSION_KEY, v);
+  }
+  return v;
+}
+
+// Fire-and-forget: log a hit when a tool page mounts, then ping every 90 seconds
+// so the visitor counts as "online" until they leave the page.
+export function useTrackTool(tool: ToolName): void {
+  useEffect(() => {
+    const sessionId = getSessionId();
+    const ping = () =>
+      api.post('/api/tool-usage', { tool, sessionId }).catch(() => {});
+    ping();
+    const id = setInterval(ping, 90_000);
+    return () => clearInterval(id);
+  }, [tool]);
+}
+
+export function useToolsOnline() {
+  return useQuery<{ online: Record<string, number>; since: string }>({
+    queryKey: ['tools', 'online'],
+    queryFn: () => api.get('/api/tool-usage/online'),
+    refetchInterval: 30_000,
+  });
+}
diff --git a/apps/web/src/lib/api.ts b/apps/web/src/lib/api.ts
new file mode 100644
index 0000000..c537d15
--- /dev/null
+++ b/apps/web/src/lib/api.ts
@@ -0,0 +1,51 @@
+export interface ApiError extends Error {
+  status: number;
+  code?: string;
+}
+
+const SAFE = new Set(['GET', 'HEAD', 'OPTIONS']);
+
+function readCookie(name: string): string | undefined {
+  if (typeof document === 'undefined') return undefined;
+  const prefix = `${name}=`;
+  for (const part of document.cookie.split('; ')) {
+    if (part.startsWith(prefix)) return decodeURIComponent(part.slice(prefix.length));
+  }
+  return undefined;
+}
+
+async function request<T>(method: string, path: string, body?: unknown): Promise<T> {
+  const headers: Record<string, string> = {};
+  if (body !== undefined) headers['Content-Type'] = 'application/json';
+  if (!SAFE.has(method)) {
+    const csrf = readCookie('csrf');
+    if (csrf) headers['X-CSRF-Token'] = csrf;
+  }
+
+  const res = await fetch(path, {
+    method,
+    credentials: 'same-origin',
+    headers,
+    body: body !== undefined ? JSON.stringify(body) : undefined,
+  });
+
+  const text = await res.text();
+  const data = text ? JSON.parse(text) : null;
+
+  if (!res.ok) {
+    const err = new Error(data?.error ?? `request_failed_${res.status}`) as ApiError;
+    err.status = res.status;
+    err.code = data?.error;
+    throw err;
+  }
+
+  return data as T;
+}
+
+export const api = {
+  get: <T>(path: string) => request<T>('GET', path),
+  post: <T>(path: string, body?: unknown) => request<T>('POST', path, body),
+  put: <T>(path: string, body?: unknown) => request<T>('PUT', path, body),
+  patch: <T>(path: string, body?: unknown) => request<T>('PATCH', path, body),
+  delete: <T>(path: string) => request<T>('DELETE', path),
+};
diff --git a/apps/web/src/lib/cn.ts b/apps/web/src/lib/cn.ts
new file mode 100644
index 0000000..a7c2663
--- /dev/null
+++ b/apps/web/src/lib/cn.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]): string {
+  return twMerge(clsx(inputs));
+}
diff --git a/apps/web/src/lib/format.ts b/apps/web/src/lib/format.ts
new file mode 100644
index 0000000..a1ec93c
--- /dev/null
+++ b/apps/web/src/lib/format.ts
@@ -0,0 +1,32 @@
+export function formatDate(value: string | Date | null | undefined): string {
+  if (!value) return '—';
+  const d = typeof value === 'string' ? new Date(value) : value;
+  return d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });
+}
+
+export function formatHours(minutes: number): string {
+  const h = minutes / 60;
+  return h >= 10 ? `${h.toFixed(0)}h` : `${h.toFixed(1)}h`;
+}
+
+export function formatMoney(amount: string | number | null | undefined): string {
+  if (amount == null || amount === '') return '—';
+  const n = typeof amount === 'string' ? Number(amount) : amount;
+  if (!Number.isFinite(n)) return '—';
+  return new Intl.NumberFormat(undefined, { style: 'currency', currency: 'USD' }).format(n);
+}
+
+export function planLimitMessage(code: string | undefined, fallback = 'Action not allowed.'): string {
+  switch (code) {
+    case 'plan_limit_clients':
+      return "You've hit your plan's client limit. Upgrade to add more.";
+    case 'plan_limit_activeCases':
+      return "You've hit your plan's active-case limit. Close a case or upgrade.";
+    case 'plan_limit_invoicesPerMonth':
+      return "You've hit your monthly invoice limit. Upgrade for unlimited invoicing.";
+    case 'plan_limit_storageBytes':
+      return "You've hit your storage limit. Delete files or upgrade.";
+    default:
+      return fallback;
+  }
+}
diff --git a/apps/web/src/lib/sentry.ts b/apps/web/src/lib/sentry.ts
new file mode 100644
index 0000000..ff7e7f4
--- /dev/null
+++ b/apps/web/src/lib/sentry.ts
@@ -0,0 +1,16 @@
+import * as Sentry from '@sentry/react';
+
+const dsn = import.meta.env.VITE_SENTRY_DSN as string | undefined;
+
+export function initWebSentry(): void {
+  if (!dsn) return;
+  Sentry.init({
+    dsn,
+    environment: import.meta.env.MODE,
+    tracesSampleRate: import.meta.env.PROD ? 0.1 : 0,
+    replaysSessionSampleRate: 0,
+    replaysOnErrorSampleRate: 0.1,
+  });
+}
+
+export { Sentry };
diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx
new file mode 100644
index 0000000..e97f679
--- /dev/null
+++ b/apps/web/src/main.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import App from './App';
+import { initWebSentry } from './lib/sentry';
+import './styles/globals.css';
+
+initWebSentry();
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 30_000,
+      refetchOnWindowFocus: false,
+    },
+  },
+});
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <QueryClientProvider client={queryClient}>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </QueryClientProvider>
+  </React.StrictMode>,
+);
diff --git a/apps/web/src/pages/ForgotPasswordPage.tsx b/apps/web/src/pages/ForgotPasswordPage.tsx
new file mode 100644
index 0000000..aa06295
--- /dev/null
+++ b/apps/web/src/pages/ForgotPasswordPage.tsx
@@ -0,0 +1,80 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { useForm } from 'react-hook-form';
+import { ArrowRight, MailCheck } from 'lucide-react';
+import { z } from 'zod';
+import { AuthLayout } from '@/components/auth/AuthLayout';
+import { Field } from '@/components/auth/Field';
+import { useRequestPasswordReset } from '@/hooks/useResetPassword';
+
+const schema = z.object({ email: z.string().email('Enter a valid email') });
+type FormValues = z.infer<typeof schema>;
+
+export default function ForgotPasswordPage() {
+  const [submitted, setSubmitted] = useState(false);
+  const request = useRequestPasswordReset();
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+  } = useForm<FormValues>({ defaultValues: { email: '' } });
+
+  async function onSubmit(values: FormValues) {
+    const parsed = schema.safeParse(values);
+    if (!parsed.success) return;
+    await request.mutateAsync(parsed.data);
+    setSubmitted(true);
+  }
+
+  return (
+    <AuthLayout
+      title={submitted ? 'Check your inbox' : 'Reset your password'}
+      subtitle={
+        submitted
+          ? 'If an account exists for that email, we just sent a reset link. The link expires in one hour.'
+          : "Enter the email on your account and we'll send you a link to choose a new password."
+      }
+      footer={
+        <>
+          Remembered it?{' '}
+          <Link to="/login" className="font-semibold text-brand-600 hover:text-brand-700">
+            Back to sign in
+          </Link>
+        </>
+      }
+    >
+      {submitted ? (
+        <div className="rounded-2xl border border-emerald-200 bg-emerald-50/40 p-5 text-center">
+          <div className="mx-auto grid h-12 w-12 place-items-center rounded-xl bg-white text-emerald-600 shadow-sm">
+            <MailCheck className="h-5 w-5" />
+          </div>
+          <p className="mt-3 text-sm text-ink-700">Didn't get it? Check your spam folder, or try again in a few minutes.</p>
+        </div>
+      ) : (
+        <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+          <Field
+            label="Email"
+            type="email"
+            autoComplete="email"
+            placeholder="you@firm.com"
+            error={errors.email?.message}
+            {...register('email')}
+          />
+          <button
+            type="submit"
+            disabled={isSubmitting || request.isPending}
+            className="btn-primary w-full"
+          >
+            {request.isPending ? 'Sending…' : (
+              <>
+                Send reset link
+                <ArrowRight className="h-4 w-4" />
+              </>
+            )}
+          </button>
+        </form>
+      )}
+    </AuthLayout>
+  );
+}
diff --git a/apps/web/src/pages/LandingPage.tsx b/apps/web/src/pages/LandingPage.tsx
new file mode 100644
index 0000000..40deded
--- /dev/null
+++ b/apps/web/src/pages/LandingPage.tsx
@@ -0,0 +1,37 @@
+import { Navbar } from '@/components/marketing/Navbar';
+import { Hero } from '@/components/marketing/Hero';
+import { ProblemSolution } from '@/components/marketing/ProblemSolution';
+import { Features } from '@/components/marketing/Features';
+import { Stats } from '@/components/marketing/Stats';
+import { HowItWorks } from '@/components/marketing/HowItWorks';
+import { Testimonials } from '@/components/marketing/Testimonials';
+import { Pricing } from '@/components/marketing/Pricing';
+import { Faq } from '@/components/marketing/Faq';
+import { Contact } from '@/components/marketing/Contact';
+import { BlogTeaser } from '@/components/marketing/BlogTeaser';
+import { FreeToolsTeaser } from '@/components/marketing/FreeToolsTeaser';
+import { FinalCta } from '@/components/marketing/FinalCta';
+import { Footer } from '@/components/marketing/Footer';
+
+export default function LandingPage() {
+  return (
+    <div className="min-h-screen bg-white">
+      <Navbar />
+      <main>
+        <Hero />
+        <ProblemSolution />
+        <Features />
+        <Stats />
+        <HowItWorks />
+        <Testimonials />
+        <Pricing />
+        <Faq />
+        <Contact />
+        <BlogTeaser />
+        <FreeToolsTeaser />
+        <FinalCta />
+      </main>
+      <Footer />
+    </div>
+  );
+}
diff --git a/apps/web/src/pages/LoginPage.tsx b/apps/web/src/pages/LoginPage.tsx
new file mode 100644
index 0000000..0d23689
--- /dev/null
+++ b/apps/web/src/pages/LoginPage.tsx
@@ -0,0 +1,102 @@
+import { useEffect } from 'react';
+import { Link, useNavigate, useLocation } from 'react-router-dom';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { ArrowRight } from 'lucide-react';
+import { AuthLayout } from '@/components/auth/AuthLayout';
+import { Field } from '@/components/auth/Field';
+import { useLogin, useMe } from '@/hooks/useAuth';
+
+const schema = z.object({
+  email: z.string().email('Enter a valid email'),
+  password: z.string().min(1, 'Password is required'),
+});
+
+type FormValues = z.infer<typeof schema>;
+
+const ERROR_COPY: Record<string, string> = {
+  invalid_credentials: 'Email or password is incorrect.',
+  too_many_attempts: 'Too many attempts. Try again in a few minutes.',
+};
+
+export default function LoginPage() {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const me = useMe();
+  const login = useLogin();
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+  } = useForm<FormValues>({
+    defaultValues: { email: '', password: '' },
+  });
+
+  useEffect(() => {
+    if (me.data) navigate('/app', { replace: true });
+  }, [me.data, navigate]);
+
+  async function onSubmit(values: FormValues) {
+    const parsed = schema.safeParse(values);
+    if (!parsed.success) return;
+    await login.mutateAsync(parsed.data);
+    const next = new URLSearchParams(location.search).get('next') ?? '/app';
+    navigate(next, { replace: true });
+  }
+
+  const apiError = login.error?.code ? ERROR_COPY[login.error.code] ?? 'Something went wrong.' : null;
+
+  return (
+    <AuthLayout
+      title="Welcome back"
+      subtitle="Log in to manage your cases, hours, and invoices."
+      footer={
+        <>
+          New to eLegal Software?{' '}
+          <Link to="/signup" className="font-semibold text-brand-600 hover:text-brand-700">
+            Create an account
+          </Link>
+        </>
+      }
+    >
+      <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+        <Field
+          label="Email"
+          type="email"
+          autoComplete="email"
+          placeholder="you@firm.com"
+          error={errors.email?.message}
+          {...register('email')}
+        />
+        <Field
+          label="Password"
+          type="password"
+          autoComplete="current-password"
+          placeholder="Your password"
+          error={errors.password?.message}
+          {...register('password')}
+        />
+
+        <div className="text-right -mt-2">
+          <Link to="/forgot-password" className="text-xs font-medium text-brand-600 hover:text-brand-700">
+            Forgot password?
+          </Link>
+        </div>
+
+        {apiError && (
+          <p className="rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-700">{apiError}</p>
+        )}
+
+        <button type="submit" disabled={isSubmitting || login.isPending} className="btn-primary w-full">
+          {login.isPending ? 'Signing in…' : (
+            <>
+              Sign in
+              <ArrowRight className="h-4 w-4" />
+            </>
+          )}
+        </button>
+      </form>
+    </AuthLayout>
+  );
+}
diff --git a/apps/web/src/pages/ResetPasswordPage.tsx b/apps/web/src/pages/ResetPasswordPage.tsx
new file mode 100644
index 0000000..0bd373d
--- /dev/null
+++ b/apps/web/src/pages/ResetPasswordPage.tsx
@@ -0,0 +1,105 @@
+import { useState } from 'react';
+import { Link, useNavigate, useSearchParams } from 'react-router-dom';
+import { useForm } from 'react-hook-form';
+import { ArrowRight } from 'lucide-react';
+import { z } from 'zod';
+import { AuthLayout } from '@/components/auth/AuthLayout';
+import { Field } from '@/components/auth/Field';
+import { useResetPassword } from '@/hooks/useResetPassword';
+
+const schema = z.object({ password: z.string().min(10, 'At least 10 characters').max(200) });
+type FormValues = z.infer<typeof schema>;
+
+const ERROR_COPY: Record<string, string> = {
+  invalid_or_used_token: 'This reset link is invalid or already used. Request a new one.',
+  token_expired: 'This reset link has expired. Request a new one.',
+  account_suspended: 'This account is suspended. Contact support.',
+};
+
+export default function ResetPasswordPage() {
+  const [params] = useSearchParams();
+  const token = params.get('token') ?? '';
+  const navigate = useNavigate();
+  const reset = useResetPassword();
+  const [done, setDone] = useState(false);
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+  } = useForm<FormValues>({ defaultValues: { password: '' } });
+
+  async function onSubmit(values: FormValues) {
+    if (!token) return;
+    const parsed = schema.safeParse(values);
+    if (!parsed.success) return;
+    await reset.mutateAsync({ token, password: parsed.data.password });
+    setDone(true);
+    setTimeout(() => navigate('/login', { replace: true }), 1500);
+  }
+
+  const apiError = reset.error?.code ? ERROR_COPY[reset.error.code] ?? 'Could not reset password.' : null;
+
+  if (!token) {
+    return (
+      <AuthLayout
+        title="Missing reset link"
+        subtitle="Use the link from the email we sent you."
+        footer={
+          <Link to="/forgot-password" className="font-semibold text-brand-600 hover:text-brand-700">
+            Request a new link
+          </Link>
+        }
+      >
+        <p className="text-sm text-ink-600">
+          The reset link is missing the token parameter. If you copied it manually, make sure you copied the entire URL.
+        </p>
+      </AuthLayout>
+    );
+  }
+
+  return (
+    <AuthLayout
+      title={done ? 'Password updated' : 'Choose a new password'}
+      subtitle={
+        done
+          ? 'Redirecting you to sign in…'
+          : 'Pick something strong. After this, you can sign in with the new password.'
+      }
+      footer={
+        <Link to="/login" className="font-semibold text-brand-600 hover:text-brand-700">
+          Back to sign in
+        </Link>
+      }
+    >
+      {done ? (
+        <p className="text-sm text-ink-600">Your password has been updated. Taking you to the sign-in page now.</p>
+      ) : (
+        <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+          <Field
+            label="New password"
+            type="password"
+            autoComplete="new-password"
+            placeholder="At least 10 characters"
+            hint="Use a strong, unique password."
+            error={errors.password?.message}
+            {...register('password')}
+          />
+          {apiError && <p className="rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-700">{apiError}</p>}
+          <button
+            type="submit"
+            disabled={isSubmitting || reset.isPending}
+            className="btn-primary w-full"
+          >
+            {reset.isPending ? 'Updating…' : (
+              <>
+                Update password
+                <ArrowRight className="h-4 w-4" />
+              </>
+            )}
+          </button>
+        </form>
+      )}
+    </AuthLayout>
+  );
+}
diff --git a/apps/web/src/pages/SignupPage.tsx b/apps/web/src/pages/SignupPage.tsx
new file mode 100644
index 0000000..7713000
--- /dev/null
+++ b/apps/web/src/pages/SignupPage.tsx
@@ -0,0 +1,114 @@
+import { useEffect } from 'react';
+import { Link, useNavigate } from 'react-router-dom';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { ArrowRight } from 'lucide-react';
+import { AuthLayout } from '@/components/auth/AuthLayout';
+import { Field } from '@/components/auth/Field';
+import { useMe, useSignup } from '@/hooks/useAuth';
+
+const schema = z.object({
+  fullName: z.string().min(1, 'Your name is required').max(120),
+  firmName: z.string().min(1, 'Firm name is required').max(160),
+  email: z.string().email('Enter a valid email'),
+  password: z.string().min(10, 'At least 10 characters').max(200),
+});
+
+type FormValues = z.infer<typeof schema>;
+
+const ERROR_COPY: Record<string, string> = {
+  email_taken: 'An account with that email already exists.',
+};
+
+export default function SignupPage() {
+  const navigate = useNavigate();
+  const me = useMe();
+  const signup = useSignup();
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+  } = useForm<FormValues>({
+    defaultValues: { fullName: '', firmName: '', email: '', password: '' },
+  });
+
+  useEffect(() => {
+    if (me.data) navigate('/app', { replace: true });
+  }, [me.data, navigate]);
+
+  async function onSubmit(values: FormValues) {
+    const parsed = schema.safeParse(values);
+    if (!parsed.success) return;
+    await signup.mutateAsync(parsed.data);
+    navigate('/app', { replace: true });
+  }
+
+  const apiError = signup.error?.code ? ERROR_COPY[signup.error.code] ?? 'Something went wrong.' : null;
+
+  return (
+    <AuthLayout
+      title="Start your free trial"
+      subtitle="No credit card required. Cancel anytime."
+      footer={
+        <>
+          Already have an account?{' '}
+          <Link to="/login" className="font-semibold text-brand-600 hover:text-brand-700">
+            Sign in
+          </Link>
+        </>
+      }
+    >
+      <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+        <Field
+          label="Your full name"
+          autoComplete="name"
+          placeholder="Jane Doe"
+          error={errors.fullName?.message}
+          {...register('fullName')}
+        />
+        <Field
+          label="Firm name"
+          autoComplete="organization"
+          placeholder="Doe & Associates"
+          error={errors.firmName?.message}
+          {...register('firmName')}
+        />
+        <Field
+          label="Work email"
+          type="email"
+          autoComplete="email"
+          placeholder="you@firm.com"
+          error={errors.email?.message}
+          {...register('email')}
+        />
+        <Field
+          label="Password"
+          type="password"
+          autoComplete="new-password"
+          placeholder="At least 10 characters"
+          hint="Use a strong, unique password."
+          error={errors.password?.message}
+          {...register('password')}
+        />
+
+        {apiError && (
+          <p className="rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-700">{apiError}</p>
+        )}
+
+        <button type="submit" disabled={isSubmitting || signup.isPending} className="btn-primary w-full">
+          {signup.isPending ? 'Creating your account…' : (
+            <>
+              Create account
+              <ArrowRight className="h-4 w-4" />
+            </>
+          )}
+        </button>
+
+        <p className="text-xs text-ink-500">
+          By creating an account you agree to our Terms of Service and Privacy Policy.
+        </p>
+      </form>
+    </AuthLayout>
+  );
+}
diff --git a/apps/web/src/pages/admin/AdminAuditPage.tsx b/apps/web/src/pages/admin/AdminAuditPage.tsx
new file mode 100644
index 0000000..6e6bcd4
--- /dev/null
+++ b/apps/web/src/pages/admin/AdminAuditPage.tsx
@@ -0,0 +1,64 @@
+import { useState } from 'react';
+import { ScrollText } from 'lucide-react';
+import { AdminPageHeader } from '@/components/admin/AdminLayout';
+import { Card, EmptyState } from '@/components/ui/Card';
+import { useAuditLog } from '@/hooks/useAdmin';
+
+export default function AdminAuditPage() {
+  const [action, setAction] = useState('');
+  const list = useAuditLog({ action: action || undefined });
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <AdminPageHeader title="Audit log" description="Recent privileged and noteworthy actions." />
+
+      <Card>
+        <div className="border-b border-ink-100 p-4 flex items-center gap-2">
+          <input
+            type="search"
+            placeholder="Filter by action (e.g. impersonate, suspend, plan)…"
+            value={action}
+            onChange={(e) => setAction(e.target.value)}
+            className="w-full max-w-sm rounded-xl border border-ink-200 px-3 py-2 text-sm placeholder:text-ink-400 focus:outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20"
+          />
+          <p className="text-xs text-ink-500 ml-auto">{list.data?.items.length ?? 0} entries</p>
+        </div>
+
+        {list.isLoading ? (
+          <div className="px-6 py-16 text-center text-sm text-ink-500">Loading…</div>
+        ) : !list.data?.items.length ? (
+          <EmptyState icon={<ScrollText className="h-5 w-5" />} title="Audit log is empty" />
+        ) : (
+          <div className="overflow-x-auto">
+            <table className="min-w-full text-sm">
+              <thead>
+                <tr className="border-b border-ink-100 text-left text-xs font-semibold uppercase tracking-wider text-ink-500">
+                  <th className="px-5 py-3">When</th>
+                  <th className="px-5 py-3">Actor</th>
+                  <th className="px-5 py-3">Action</th>
+                  <th className="px-5 py-3">Meta</th>
+                  <th className="px-5 py-3">IP</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-ink-100">
+                {list.data.items.map((e) => (
+                  <tr key={e.id} className="hover:bg-ink-50/50 align-top">
+                    <td className="px-5 py-3 text-ink-500 whitespace-nowrap">
+                      {new Date(e.createdAt).toLocaleString()}
+                    </td>
+                    <td className="px-5 py-3 text-ink-900">{e.userEmail ?? '—'}</td>
+                    <td className="px-5 py-3">
+                      <code className="rounded bg-ink-100 px-1.5 py-0.5 text-[11px] text-ink-800">{e.action}</code>
+                    </td>
+                    <td className="px-5 py-3 text-xs text-ink-600 max-w-md truncate font-mono">{e.meta ?? '—'}</td>
+                    <td className="px-5 py-3 text-ink-500 text-xs">{e.ip ?? '—'}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+      </Card>
+    </div>
+  );
+}
diff --git a/apps/web/src/pages/admin/AdminContactPage.tsx b/apps/web/src/pages/admin/AdminContactPage.tsx
new file mode 100644
index 0000000..898cdb6
--- /dev/null
+++ b/apps/web/src/pages/admin/AdminContactPage.tsx
@@ -0,0 +1,115 @@
+import { useState } from 'react';
+import { CheckCircle2, MailOpen, RotateCcw } from 'lucide-react';
+import { AdminPageHeader } from '@/components/admin/AdminLayout';
+import { Card, EmptyState } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Badge } from '@/components/ui/Badge';
+import { useAdminContactMessages, useResolveContactMessage } from '@/hooks/useAdmin';
+import { formatDate } from '@/lib/format';
+import { cn } from '@/lib/cn';
+
+export default function AdminContactPage() {
+  const [resolved, setResolved] = useState<'true' | 'false' | ''>('false');
+  const list = useAdminContactMessages({ resolved: resolved || undefined });
+  const mutate = useResolveContactMessage();
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-5xl mx-auto w-full">
+      <AdminPageHeader
+        title="Contact inbox"
+        description={`${list.data?.total ?? 0} message${(list.data?.total ?? 0) === 1 ? '' : 's'}`}
+      />
+
+      <div className="mb-4 flex items-center gap-2">
+        <Pill active={resolved === 'false'} onClick={() => setResolved('false')}>Unresolved</Pill>
+        <Pill active={resolved === 'true'} onClick={() => setResolved('true')}>Resolved</Pill>
+        <Pill active={resolved === ''} onClick={() => setResolved('')}>All</Pill>
+      </div>
+
+      {list.isLoading ? (
+        <Card>
+          <div className="px-6 py-16 text-center text-sm text-ink-500">Loading…</div>
+        </Card>
+      ) : !list.data?.items.length ? (
+        <Card>
+          <EmptyState icon={<MailOpen className="h-5 w-5" />} title="Inbox zero" description="No messages match this filter." />
+        </Card>
+      ) : (
+        <div className="space-y-3">
+          {list.data.items.map((m) => (
+            <Card key={m.id} className={m.resolvedAt ? 'opacity-80' : ''}>
+              <div className="flex items-start gap-4 px-5 py-4">
+                <div className="grid h-10 w-10 flex-none place-items-center rounded-full bg-brand-100 text-brand-700 text-xs font-semibold">
+                  {m.fullName.split(' ').map((n) => n[0]).join('').slice(0, 2).toUpperCase()}
+                </div>
+                <div className="flex-1 min-w-0">
+                  <div className="flex items-center gap-2">
+                    <p className="font-semibold text-ink-900">{m.fullName}</p>
+                    <a href={`mailto:${m.email}`} className="text-sm text-brand-600 hover:underline">
+                      {m.email}
+                    </a>
+                    {m.resolvedAt && <Badge tone="emerald">resolved</Badge>}
+                  </div>
+                  <p className="text-xs text-ink-500 mt-0.5">
+                    {formatDate(m.createdAt)} · IP {m.ip ?? 'unknown'}
+                  </p>
+                  <p className="mt-3 text-sm text-ink-700 whitespace-pre-wrap">{m.message}</p>
+                  <div className="mt-3 flex items-center gap-2">
+                    <a
+                      href={`mailto:${m.email}?subject=Re%3A%20Your%20message%20to%20eLegal%20Software`}
+                      className="inline-flex items-center gap-1.5 text-xs font-medium text-brand-600 hover:text-brand-700"
+                    >
+                      Reply by email
+                    </a>
+                    <span className="text-ink-300">·</span>
+                    <Button
+                      size="sm"
+                      variant={m.resolvedAt ? 'secondary' : 'primary'}
+                      onClick={() => mutate.mutate({ id: m.id, resolved: !m.resolvedAt })}
+                      disabled={mutate.isPending}
+                    >
+                      {m.resolvedAt ? (
+                        <>
+                          <RotateCcw className="h-3.5 w-3.5" />
+                          Reopen
+                        </>
+                      ) : (
+                        <>
+                          <CheckCircle2 className="h-3.5 w-3.5" />
+                          Mark resolved
+                        </>
+                      )}
+                    </Button>
+                  </div>
+                </div>
+              </div>
+            </Card>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function Pill({
+  active,
+  onClick,
+  children,
+}: {
+  active: boolean;
+  onClick: () => void;
+  children: React.ReactNode;
+}) {
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className={cn(
+        'rounded-full px-3 py-1.5 text-xs font-semibold transition',
+        active ? 'bg-brand-500 text-white' : 'bg-white border border-ink-200 text-ink-600 hover:bg-ink-50',
+      )}
+    >
+      {children}
+    </button>
+  );
+}
diff --git a/apps/web/src/pages/admin/AdminDashboardPage.tsx b/apps/web/src/pages/admin/AdminDashboardPage.tsx
new file mode 100644
index 0000000..567bb84
--- /dev/null
+++ b/apps/web/src/pages/admin/AdminDashboardPage.tsx
@@ -0,0 +1,152 @@
+import { Link } from 'react-router-dom';
+import { Building2, Users, Briefcase, Receipt, MessageSquare, DollarSign } from 'lucide-react';
+import { AdminPageHeader } from '@/components/admin/AdminLayout';
+import { Card, CardBody, CardHeader } from '@/components/ui/Card';
+import { Badge } from '@/components/ui/Badge';
+import { useAdminStats } from '@/hooks/useAdmin';
+import { formatMoney } from '@/lib/format';
+
+export default function AdminDashboardPage() {
+  const stats = useAdminStats();
+
+  if (stats.isLoading) {
+    return <div className="px-10 py-16 text-sm text-ink-500">Loading…</div>;
+  }
+  if (!stats.data) return null;
+
+  const { counters, planDistribution, signupsLast30Days } = stats.data;
+  const maxSignup = Math.max(1, ...signupsLast30Days.map((d) => d.count));
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <AdminPageHeader title="Overview" description="Platform-wide metrics, refreshed every minute." />
+
+      <div className="grid gap-4 md:grid-cols-3 lg:grid-cols-6">
+        <Kpi icon={<Building2 className="h-4 w-4" />} label="Firms" value={String(counters.firms)} to="/admin/firms" />
+        <Kpi icon={<Users className="h-4 w-4" />} label="Users" value={String(counters.users)} to="/admin/users" />
+        <Kpi icon={<Briefcase className="h-4 w-4" />} label="Cases" value={String(counters.cases)} />
+        <Kpi icon={<Receipt className="h-4 w-4" />} label="Invoices" value={String(counters.invoices)} />
+        <Kpi
+          icon={<DollarSign className="h-4 w-4" />}
+          label="Paid revenue"
+          value={formatMoney(counters.paidRevenueTotal)}
+        />
+        <Kpi
+          icon={<MessageSquare className="h-4 w-4" />}
+          label="Inbox"
+          value={String(counters.unresolvedContact)}
+          to="/admin/contact"
+          tone={counters.unresolvedContact > 0 ? 'amber' : 'neutral'}
+        />
+      </div>
+
+      <div className="mt-8 grid gap-6 lg:grid-cols-3">
+        <Card className="lg:col-span-2">
+          <CardHeader title="Signups · last 30 days" />
+          <CardBody>
+            {!signupsLast30Days.length ? (
+              <p className="text-sm text-ink-500">No signups in the last 30 days.</p>
+            ) : (
+              <div className="flex items-end gap-1 h-40">
+                {signupsLast30Days.map((d) => (
+                  <div
+                    key={d.day}
+                    className="group relative flex-1 flex flex-col items-center"
+                    title={`${d.day}: ${d.count}`}
+                  >
+                    <div
+                      className="w-full rounded-t-md bg-gradient-to-t from-brand-500 to-brand-400 hover:from-brand-600 hover:to-brand-500 transition"
+                      style={{ height: `${(d.count / maxSignup) * 100}%`, minHeight: 4 }}
+                    />
+                  </div>
+                ))}
+              </div>
+            )}
+          </CardBody>
+        </Card>
+
+        <Card>
+          <CardHeader title="Plan distribution" />
+          <CardBody className="space-y-3">
+            {(['starter', 'pro', 'lifetime'] as const).map((p) => {
+              const row = planDistribution.find((r) => r.plan === p);
+              const count = row?.count ?? 0;
+              const total = planDistribution.reduce((acc, r) => acc + r.count, 0) || 1;
+              const pct = Math.round((count / total) * 100);
+              return (
+                <div key={p}>
+                  <div className="flex items-center justify-between text-sm">
+                    <span className="capitalize text-ink-700 font-medium">{p}</span>
+                    <span className="text-ink-500">
+                      {count} <span className="text-ink-400">({pct}%)</span>
+                    </span>
+                  </div>
+                  <div className="mt-1.5 h-1.5 rounded-full bg-ink-100 overflow-hidden">
+                    <div
+                      className={
+                        'h-full ' +
+                        (p === 'starter' ? 'bg-ink-400' : p === 'pro' ? 'bg-brand-500' : 'bg-emerald-500')
+                      }
+                      style={{ width: `${pct}%` }}
+                    />
+                  </div>
+                </div>
+              );
+            })}
+          </CardBody>
+        </Card>
+      </div>
+
+      <div className="mt-8 grid gap-6 lg:grid-cols-2">
+        <Card>
+          <CardHeader title="Quick links" />
+          <CardBody className="space-y-2">
+            <QuickLink to="/admin/firms" label="Browse firms" />
+            <QuickLink to="/admin/users" label="Browse users" />
+            <QuickLink to="/admin/contact" label="Open contact inbox" badge={counters.unresolvedContact > 0 ? counters.unresolvedContact : undefined} />
+            <QuickLink to="/admin/audit" label="View audit log" />
+          </CardBody>
+        </Card>
+      </div>
+    </div>
+  );
+}
+
+function Kpi({
+  icon,
+  label,
+  value,
+  to,
+  tone = 'neutral',
+}: {
+  icon: React.ReactNode;
+  label: string;
+  value: string;
+  to?: string;
+  tone?: 'neutral' | 'amber';
+}) {
+  const inner = (
+    <div className="rounded-2xl border border-ink-100 bg-white p-4 shadow-sm">
+      <div className="flex items-center gap-2 text-xs text-ink-500">
+        <span className={tone === 'amber' ? 'text-amber-600' : 'text-brand-600'}>{icon}</span>
+        {label}
+      </div>
+      <p className="mt-2 text-xl font-bold text-ink-950 font-display">{value}</p>
+    </div>
+  );
+  return to ? <Link to={to}>{inner}</Link> : inner;
+}
+
+function QuickLink({ to, label, badge }: { to: string; label: string; badge?: number }) {
+  return (
+    <Link
+      to={to}
+      className="flex items-center justify-between rounded-lg border border-ink-100 px-3 py-2.5 text-sm hover:border-brand-200 hover:bg-brand-50/30 transition"
+    >
+      <span className="font-medium text-ink-800">{label}</span>
+      {badge != null && (
+        <Badge tone="amber">{badge} new</Badge>
+      )}
+    </Link>
+  );
+}
diff --git a/apps/web/src/pages/admin/AdminFirmDetailPage.tsx b/apps/web/src/pages/admin/AdminFirmDetailPage.tsx
new file mode 100644
index 0000000..f6f9a9c
--- /dev/null
+++ b/apps/web/src/pages/admin/AdminFirmDetailPage.tsx
@@ -0,0 +1,145 @@
+import { Link, useParams } from 'react-router-dom';
+import { ArrowLeft } from 'lucide-react';
+import { AdminPageHeader } from '@/components/admin/AdminLayout';
+import { Card, CardBody, CardHeader } from '@/components/ui/Card';
+import { Badge } from '@/components/ui/Badge';
+import { Button } from '@/components/ui/Button';
+import { useAdminFirm, useUpdateAdminFirm, type AdminPlan } from '@/hooks/useAdmin';
+import { formatDate, formatMoney } from '@/lib/format';
+
+export default function AdminFirmDetailPage() {
+  const { id } = useParams<{ id: string }>();
+  const detail = useAdminFirm(id);
+  const update = useUpdateAdminFirm(id ?? '');
+
+  if (detail.isLoading) return <div className="px-10 py-16 text-sm text-ink-500">Loading…</div>;
+  if (!detail.data) {
+    return (
+      <div className="px-10 py-16">
+        <p className="text-sm text-ink-500">Firm not found.</p>
+        <Link to="/admin/firms" className="text-sm text-brand-600 mt-3 inline-block">
+          ← Back to firms
+        </Link>
+      </div>
+    );
+  }
+
+  const { firm, users, counts } = detail.data;
+
+  function changePlan(plan: AdminPlan) {
+    if (!confirm(`Change ${firm.name} to ${plan}?`)) return;
+    // Pro/Lifetime get watermark off automatically
+    update.mutate({ plan, watermarkEnabled: plan === 'starter' });
+  }
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <Link to="/admin/firms" className="inline-flex items-center gap-1.5 text-sm text-ink-500 hover:text-ink-800 mb-4">
+        <ArrowLeft className="h-4 w-4" />
+        Back to firms
+      </Link>
+
+      <AdminPageHeader
+        title={firm.name}
+        description={
+          <span className="inline-flex items-center gap-2">
+            <Badge tone={firm.plan === 'starter' ? 'neutral' : firm.plan === 'pro' ? 'brand' : 'emerald'}>
+              {firm.plan}
+            </Badge>
+            <span className="text-ink-500">·</span>
+            <span>Joined {formatDate(firm.createdAt)}</span>
+          </span>
+        }
+      />
+
+      <div className="grid gap-4 md:grid-cols-4">
+        <Stat label="Users" value={String(users.length)} />
+        <Stat label="Clients" value={String(counts.clients)} />
+        <Stat label="Cases" value={String(counts.cases)} />
+        <Stat label="Paid revenue" value={formatMoney(counts.paidTotal)} />
+      </div>
+
+      <div className="mt-8 grid gap-6 lg:grid-cols-3">
+        <Card className="lg:col-span-2">
+          <CardHeader title="Users in this firm" />
+          {!users.length ? (
+            <CardBody>
+              <p className="text-sm text-ink-500">No users.</p>
+            </CardBody>
+          ) : (
+            <table className="min-w-full text-sm">
+              <thead>
+                <tr className="border-b border-ink-100 text-left text-xs font-semibold uppercase tracking-wider text-ink-500">
+                  <th className="px-5 py-3">Email</th>
+                  <th className="px-5 py-3">Role</th>
+                  <th className="px-5 py-3">Last seen</th>
+                  <th className="px-5 py-3">Joined</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-ink-100">
+                {users.map((u) => (
+                  <tr key={u.id} className="hover:bg-ink-50/50">
+                    <td className="px-5 py-3">
+                      <Link to={`/admin/users?q=${encodeURIComponent(u.email)}`} className="font-medium text-ink-900 hover:text-brand-600">
+                        {u.email}
+                      </Link>
+                      {u.fullName && <p className="text-xs text-ink-500">{u.fullName}</p>}
+                    </td>
+                    <td className="px-5 py-3">
+                      <span className="inline-flex items-center gap-1.5">
+                        <Badge tone="neutral">{u.role}</Badge>
+                        {u.isSuperadmin && <Badge tone="rose">superadmin</Badge>}
+                        {u.isSuspended && <Badge tone="ink">suspended</Badge>}
+                      </span>
+                    </td>
+                    <td className="px-5 py-3 text-ink-500">{u.lastSeenAt ? formatDate(u.lastSeenAt) : '—'}</td>
+                    <td className="px-5 py-3 text-ink-500">{formatDate(u.createdAt)}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          )}
+        </Card>
+
+        <Card>
+          <CardHeader title="Change plan" description="Upgrade, downgrade, or comp this firm." />
+          <CardBody className="space-y-2">
+            {(['starter', 'pro', 'lifetime'] as const).map((p) => (
+              <Button
+                key={p}
+                variant={firm.plan === p ? 'primary' : 'secondary'}
+                size="sm"
+                className="w-full justify-start"
+                disabled={firm.plan === p || update.isPending}
+                onClick={() => changePlan(p)}
+              >
+                <span className="capitalize">{p}</span>
+                {firm.plan === p && <span className="ml-auto text-xs">current</span>}
+              </Button>
+            ))}
+            <p className="mt-3 text-xs text-ink-500">
+              Watermark is {firm.watermarkEnabled ? 'on' : 'off'}.{' '}
+              <button
+                type="button"
+                onClick={() => update.mutate({ watermarkEnabled: !firm.watermarkEnabled })}
+                className="font-semibold text-brand-600 hover:text-brand-700"
+                disabled={update.isPending}
+              >
+                Toggle
+              </button>
+            </p>
+          </CardBody>
+        </Card>
+      </div>
+    </div>
+  );
+}
+
+function Stat({ label, value }: { label: string; value: string }) {
+  return (
+    <div className="rounded-2xl border border-ink-100 bg-white p-4 shadow-sm">
+      <p className="text-xs text-ink-500">{label}</p>
+      <p className="mt-1 text-xl font-bold text-ink-950 font-display">{value}</p>
+    </div>
+  );
+}
diff --git a/apps/web/src/pages/admin/AdminFirmsPage.tsx b/apps/web/src/pages/admin/AdminFirmsPage.tsx
new file mode 100644
index 0000000..e44361c
--- /dev/null
+++ b/apps/web/src/pages/admin/AdminFirmsPage.tsx
@@ -0,0 +1,94 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { Search, Building2 } from 'lucide-react';
+import { AdminPageHeader } from '@/components/admin/AdminLayout';
+import { Card, EmptyState } from '@/components/ui/Card';
+import { Badge } from '@/components/ui/Badge';
+import { useAdminFirms, type AdminPlan } from '@/hooks/useAdmin';
+import { formatDate, formatMoney } from '@/lib/format';
+
+const PLAN_TONES: Record<AdminPlan, 'neutral' | 'brand' | 'emerald'> = {
+  starter: 'neutral',
+  pro: 'brand',
+  lifetime: 'emerald',
+};
+
+export default function AdminFirmsPage() {
+  const [q, setQ] = useState('');
+  const [plan, setPlan] = useState<AdminPlan | ''>('');
+  const list = useAdminFirms({ q: q || undefined, plan: plan || undefined });
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <AdminPageHeader title="Firms" description={`${list.data?.total ?? 0} total`} />
+
+      <Card>
+        <div className="flex flex-col gap-3 border-b border-ink-100 p-4 md:flex-row md:items-center">
+          <div className="relative flex-1 max-w-sm">
+            <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-ink-400" />
+            <input
+              type="search"
+              placeholder="Search firms…"
+              value={q}
+              onChange={(e) => setQ(e.target.value)}
+              className="w-full rounded-xl border border-ink-200 pl-9 pr-3 py-2 text-sm placeholder:text-ink-400 focus:outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20"
+            />
+          </div>
+          <select
+            value={plan}
+            onChange={(e) => setPlan(e.target.value as AdminPlan | '')}
+            className="rounded-xl border border-ink-200 px-3 py-2 text-sm focus:outline-none focus:border-brand-500"
+          >
+            <option value="">All plans</option>
+            <option value="starter">Starter</option>
+            <option value="pro">Pro</option>
+            <option value="lifetime">Lifetime</option>
+          </select>
+        </div>
+
+        {list.isLoading ? (
+          <div className="px-6 py-16 text-center text-sm text-ink-500">Loading…</div>
+        ) : !list.data?.items.length ? (
+          <EmptyState icon={<Building2 className="h-5 w-5" />} title="No firms match" />
+        ) : (
+          <div className="overflow-x-auto">
+            <table className="min-w-full text-sm">
+              <thead>
+                <tr className="border-b border-ink-100 text-left text-xs font-semibold uppercase tracking-wider text-ink-500">
+                  <th className="px-5 py-3">Firm</th>
+                  <th className="px-5 py-3">Plan</th>
+                  <th className="px-5 py-3">Users</th>
+                  <th className="px-5 py-3">Cases</th>
+                  <th className="px-5 py-3">Clients</th>
+                  <th className="px-5 py-3 text-right">Paid revenue</th>
+                  <th className="px-5 py-3">Joined</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-ink-100">
+                {list.data.items.map((f) => (
+                  <tr key={f.id} className="hover:bg-ink-50/50 transition">
+                    <td className="px-5 py-3">
+                      <Link to={`/admin/firms/${f.id}`} className="font-medium text-ink-900 hover:text-brand-600">
+                        {f.name}
+                      </Link>
+                    </td>
+                    <td className="px-5 py-3">
+                      <Badge tone={PLAN_TONES[f.plan]}>{f.plan}</Badge>
+                    </td>
+                    <td className="px-5 py-3 text-ink-700">{f.userCount}</td>
+                    <td className="px-5 py-3 text-ink-700">{f.caseCount}</td>
+                    <td className="px-5 py-3 text-ink-700">{f.clientCount}</td>
+                    <td className="px-5 py-3 text-right font-semibold text-ink-900 tabular-nums">
+                      {formatMoney(f.paidTotal)}
+                    </td>
+                    <td className="px-5 py-3 text-ink-500">{formatDate(f.createdAt)}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+      </Card>
+    </div>
+  );
+}
diff --git a/apps/web/src/pages/admin/AdminUsersPage.tsx b/apps/web/src/pages/admin/AdminUsersPage.tsx
new file mode 100644
index 0000000..0702d5a
--- /dev/null
+++ b/apps/web/src/pages/admin/AdminUsersPage.tsx
@@ -0,0 +1,167 @@
+import { useState } from 'react';
+import { Link, useSearchParams, useNavigate } from 'react-router-dom';
+import { Search, UserCheck, UserX, ShieldAlert, Eye } from 'lucide-react';
+import { AdminPageHeader } from '@/components/admin/AdminLayout';
+import { Card, EmptyState } from '@/components/ui/Card';
+import { Badge } from '@/components/ui/Badge';
+import { Button } from '@/components/ui/Button';
+import {
+  useAdminUsers,
+  useImpersonate,
+  useUpdateAdminUser,
+} from '@/hooks/useAdmin';
+import { useMe } from '@/hooks/useAuth';
+import { formatDate } from '@/lib/format';
+
+export default function AdminUsersPage() {
+  const [params, setParams] = useSearchParams();
+  const initialQ = params.get('q') ?? '';
+  const [q, setQ] = useState(initialQ);
+  const list = useAdminUsers({ q: q || undefined });
+  const me = useMe();
+
+  function setQuery(value: string) {
+    setQ(value);
+    const next = new URLSearchParams(params);
+    if (value) next.set('q', value);
+    else next.delete('q');
+    setParams(next, { replace: true });
+  }
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <AdminPageHeader title="Users" description={`${list.data?.total ?? 0} total`} />
+
+      <Card>
+        <div className="border-b border-ink-100 p-4">
+          <div className="relative max-w-sm">
+            <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-ink-400" />
+            <input
+              type="search"
+              placeholder="Search users by email or name…"
+              value={q}
+              onChange={(e) => setQuery(e.target.value)}
+              className="w-full rounded-xl border border-ink-200 pl-9 pr-3 py-2 text-sm placeholder:text-ink-400 focus:outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20"
+            />
+          </div>
+        </div>
+
+        {list.isLoading ? (
+          <div className="px-6 py-16 text-center text-sm text-ink-500">Loading…</div>
+        ) : !list.data?.items.length ? (
+          <EmptyState icon={<UserX className="h-5 w-5" />} title="No users match" />
+        ) : (
+          <div className="overflow-x-auto">
+            <table className="min-w-full text-sm">
+              <thead>
+                <tr className="border-b border-ink-100 text-left text-xs font-semibold uppercase tracking-wider text-ink-500">
+                  <th className="px-5 py-3">User</th>
+                  <th className="px-5 py-3">Firm</th>
+                  <th className="px-5 py-3">Status</th>
+                  <th className="px-5 py-3">Last seen</th>
+                  <th className="px-5 py-3">Joined</th>
+                  <th className="px-5 py-3 text-right">Actions</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-ink-100">
+                {list.data.items.map((u) => (
+                  <UserRow key={u.id} user={u} isCurrent={me.data?.id === u.id} />
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+      </Card>
+    </div>
+  );
+}
+
+function UserRow({
+  user: u,
+  isCurrent,
+}: {
+  user: import('@/hooks/useAdmin').AdminUserListItem;
+  isCurrent: boolean;
+}) {
+  const update = useUpdateAdminUser(u.id);
+  const impersonate = useImpersonate();
+  const navigate = useNavigate();
+
+  function toggleSuspend() {
+    if (isCurrent) return;
+    if (!confirm(`${u.isSuspended ? 'Unsuspend' : 'Suspend'} ${u.email}?`)) return;
+    update.mutate({ isSuspended: !u.isSuspended });
+  }
+
+  async function onImpersonate() {
+    if (isCurrent) return;
+    if (!confirm(`Take over ${u.email}'s session? You will be logged out as yourself.`)) return;
+    await impersonate.mutateAsync(u.id);
+    navigate('/app', { replace: true });
+  }
+
+  return (
+    <tr className={'hover:bg-ink-50/50 transition ' + (u.isSuspended ? 'opacity-70' : '')}>
+      <td className="px-5 py-3">
+        <p className="font-medium text-ink-900">{u.email}</p>
+        {u.fullName && <p className="text-xs text-ink-500">{u.fullName}</p>}
+      </td>
+      <td className="px-5 py-3 text-ink-700">
+        {u.firmId ? (
+          <Link to={`/admin/firms/${u.firmId}`} className="hover:text-brand-600">
+            {u.firmName}
+          </Link>
+        ) : (
+          <span className="text-ink-400">—</span>
+        )}
+      </td>
+      <td className="px-5 py-3">
+        <span className="inline-flex items-center gap-1.5">
+          <Badge tone="neutral">{u.role}</Badge>
+          {u.isSuperadmin && (
+            <Badge tone="rose">
+              <ShieldAlert className="mr-0.5 h-3 w-3" />
+              superadmin
+            </Badge>
+          )}
+          {u.isSuspended && <Badge tone="ink">suspended</Badge>}
+        </span>
+      </td>
+      <td className="px-5 py-3 text-ink-500">{u.lastSeenAt ? formatDate(u.lastSeenAt) : '—'}</td>
+      <td className="px-5 py-3 text-ink-500">{formatDate(u.createdAt)}</td>
+      <td className="px-5 py-3 text-right">
+        <div className="inline-flex items-center gap-2">
+          <Button
+            size="sm"
+            variant="secondary"
+            onClick={onImpersonate}
+            disabled={isCurrent || u.isSuspended || impersonate.isPending}
+            title={isCurrent ? 'You are this user' : 'Take over this account'}
+          >
+            <Eye className="h-3.5 w-3.5" />
+            Impersonate
+          </Button>
+          <Button
+            size="sm"
+            variant={u.isSuspended ? 'secondary' : 'danger'}
+            onClick={toggleSuspend}
+            disabled={isCurrent || update.isPending}
+            title={isCurrent ? 'Cannot suspend yourself' : ''}
+          >
+            {u.isSuspended ? (
+              <>
+                <UserCheck className="h-3.5 w-3.5" />
+                Unsuspend
+              </>
+            ) : (
+              <>
+                <UserX className="h-3.5 w-3.5" />
+                Suspend
+              </>
+            )}
+          </Button>
+        </div>
+      </td>
+    </tr>
+  );
+}
diff --git a/apps/web/src/pages/app/AccountSettingsPage.tsx b/apps/web/src/pages/app/AccountSettingsPage.tsx
new file mode 100644
index 0000000..6ba18af
--- /dev/null
+++ b/apps/web/src/pages/app/AccountSettingsPage.tsx
@@ -0,0 +1,196 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { Download, Trash2, Cookie, AlertTriangle } from 'lucide-react';
+import { PageHeader } from '@/components/app/AppLayout';
+import { Card, CardBody, CardHeader } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Input } from '@/components/ui/Input';
+import { useMe } from '@/hooks/useAuth';
+import { downloadAccountExport, useDeleteAccount } from '@/hooks/useAccount';
+import { getConsent } from '@/components/CookieBanner';
+import { BillingCard } from '@/components/app/BillingCard';
+
+export default function AccountSettingsPage() {
+  const me = useMe();
+  const navigate = useNavigate();
+  const del = useDeleteAccount();
+
+  const [exporting, setExporting] = useState(false);
+  const [exportError, setExportError] = useState<string | null>(null);
+
+  const [confirmOpen, setConfirmOpen] = useState(false);
+  const [password, setPassword] = useState('');
+  const [confirmText, setConfirmText] = useState('');
+
+  async function onExport() {
+    setExportError(null);
+    setExporting(true);
+    try {
+      await downloadAccountExport();
+    } catch (e) {
+      setExportError((e as Error).message);
+    } finally {
+      setExporting(false);
+    }
+  }
+
+  async function onDelete() {
+    if (confirmText.trim().toUpperCase() !== 'DELETE') return;
+    if (!password) return;
+    try {
+      await del.mutateAsync({ password });
+      navigate('/', { replace: true });
+    } catch {
+      // surfaced via del.error
+    }
+  }
+
+  const consent = getConsent();
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-3xl mx-auto w-full">
+      <PageHeader title="Account & privacy" description="Your data, your choices." />
+
+      <div className="space-y-6">
+        <Card>
+          <CardHeader title="Profile" />
+          <CardBody className="space-y-2 text-sm">
+            <Field label="Email" value={me.data?.email ?? '—'} />
+            <Field label="Role" value={me.data?.role ?? '—'} />
+          </CardBody>
+        </Card>
+
+        <BillingCard />
+
+        <Card>
+          <CardHeader title="Cookie preferences" description="What you've allowed us to store on your device." />
+          <CardBody>
+            <div className="flex items-start gap-3 rounded-xl border border-ink-100 bg-ink-50/50 p-4">
+              <Cookie className="h-5 w-5 text-brand-600 mt-0.5" />
+              <div className="flex-1">
+                <p className="text-sm font-medium text-ink-900">
+                  {consent === 'all'
+                    ? 'You allowed all cookies.'
+                    : consent === 'essentials'
+                      ? 'You allowed essentials only.'
+                      : 'No choice recorded yet.'}
+                </p>
+                <p className="text-xs text-ink-500 mt-1">
+                  Essential cookies (session + CSRF) are required to keep you signed in and the
+                  site secure. Non-essential cookies are off until you opt in.
+                </p>
+                <button
+                  type="button"
+                  onClick={() => {
+                    localStorage.removeItem('lawdesk:cookie-consent');
+                    location.reload();
+                  }}
+                  className="mt-3 text-xs font-semibold text-brand-600 hover:text-brand-700"
+                >
+                  Reset choice
+                </button>
+              </div>
+            </div>
+          </CardBody>
+        </Card>
+
+        <Card>
+          <CardHeader
+            title="Export your data"
+            description="Download a JSON file with everything tied to your account: profile, firm, clients, cases, time entries, invoices, and document metadata."
+          />
+          <CardBody>
+            <Button onClick={onExport} disabled={exporting}>
+              <Download className="h-4 w-4" />
+              {exporting ? 'Preparing…' : 'Download my data'}
+            </Button>
+            {exportError && (
+              <p className="mt-3 text-sm text-rose-700 rounded-lg bg-rose-50 px-3 py-2">{exportError}</p>
+            )}
+          </CardBody>
+        </Card>
+
+        <Card className="border-rose-200">
+          <CardHeader
+            title={
+              <span className="inline-flex items-center gap-2 text-rose-700">
+                <AlertTriangle className="h-4 w-4" />
+                Delete account
+              </span>
+            }
+            description="Permanently delete your account and all associated firm data. This cannot be undone."
+          />
+          <CardBody>
+            {!confirmOpen ? (
+              <Button variant="danger" onClick={() => setConfirmOpen(true)}>
+                <Trash2 className="h-4 w-4" />
+                Delete my account
+              </Button>
+            ) : (
+              <div className="space-y-3 rounded-xl border border-rose-200 bg-rose-50/30 p-4">
+                <p className="text-sm text-ink-700">
+                  This will delete your firm, clients, cases, time entries, invoices, and
+                  documents. You'll be signed out immediately.
+                </p>
+                <Input
+                  label="Confirm your password"
+                  type="password"
+                  autoComplete="current-password"
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                />
+                <Input
+                  label="Type DELETE to confirm"
+                  value={confirmText}
+                  onChange={(e) => setConfirmText(e.target.value)}
+                />
+                {del.error && (
+                  <p className="text-sm text-rose-700 rounded-lg bg-rose-100 px-3 py-2">
+                    {del.error.code === 'invalid_password'
+                      ? 'Password is incorrect.'
+                      : del.error.code === 'firm_has_other_users'
+                        ? 'Your firm has other users. Remove them or transfer ownership first.'
+                        : 'Could not delete the account.'}
+                  </p>
+                )}
+                <div className="flex items-center gap-2">
+                  <Button
+                    variant="danger"
+                    onClick={onDelete}
+                    disabled={
+                      del.isPending ||
+                      !password ||
+                      confirmText.trim().toUpperCase() !== 'DELETE'
+                    }
+                  >
+                    {del.isPending ? 'Deleting…' : 'Permanently delete'}
+                  </Button>
+                  <Button
+                    variant="secondary"
+                    onClick={() => {
+                      setConfirmOpen(false);
+                      setPassword('');
+                      setConfirmText('');
+                      del.reset();
+                    }}
+                  >
+                    Cancel
+                  </Button>
+                </div>
+              </div>
+            )}
+          </CardBody>
+        </Card>
+      </div>
+    </div>
+  );
+}
+
+function Field({ label, value }: { label: string; value: string }) {
+  return (
+    <div className="flex items-center justify-between border-b border-ink-100 py-2 last:border-b-0">
+      <span className="text-xs uppercase tracking-wider text-ink-500">{label}</span>
+      <span className="text-ink-900">{value}</span>
+    </div>
+  );
+}
diff --git a/apps/web/src/pages/app/CaseDetailPage.tsx b/apps/web/src/pages/app/CaseDetailPage.tsx
new file mode 100644
index 0000000..67f50d0
--- /dev/null
+++ b/apps/web/src/pages/app/CaseDetailPage.tsx
@@ -0,0 +1,297 @@
+import { useState } from 'react';
+import { Link, useNavigate, useParams } from 'react-router-dom';
+import { useForm } from 'react-hook-form';
+import { ArrowLeft, Plus, Receipt, Trash2 } from 'lucide-react';
+import { PageHeader } from '@/components/app/AppLayout';
+import { Card, CardBody, CardHeader, EmptyState } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Input, Select, Textarea } from '@/components/ui/Input';
+import { Badge } from '@/components/ui/Badge';
+import { CaseTimeList } from '@/components/app/CaseTimeList';
+import { CreateInvoiceDrawer } from '@/components/app/CreateInvoiceDrawer';
+import { useInvoices, type InvoiceStatus } from '@/hooks/useInvoices';
+import { formatDate, formatMoney } from '@/lib/format';
+import {
+  useCase,
+  useDeleteCase,
+  useUpdateCase,
+  type CaseInput,
+  type CaseStatus,
+} from '@/hooks/useCases';
+
+const STATUSES: CaseStatus[] = ['open', 'pending', 'closed', 'archived'];
+const STATUS_TONES: Record<CaseStatus, 'emerald' | 'amber' | 'neutral' | 'ink'> = {
+  open: 'emerald',
+  pending: 'amber',
+  closed: 'neutral',
+  archived: 'ink',
+};
+
+export default function CaseDetailPage() {
+  const { id } = useParams<{ id: string }>();
+  const navigate = useNavigate();
+  const c = useCase(id);
+  const update = useUpdateCase(id ?? '');
+  const del = useDeleteCase();
+  const [editing, setEditing] = useState(false);
+  const [invoiceDrawerOpen, setInvoiceDrawerOpen] = useState(false);
+  const invoices = useInvoices(id ? { caseId: id } : undefined);
+
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { isDirty },
+  } = useForm<CaseInput>({
+    values: c.data
+      ? {
+          clientId: c.data.clientId,
+          title: c.data.title,
+          caseNumber: c.data.caseNumber,
+          status: c.data.status,
+          practiceArea: c.data.practiceArea,
+          description: c.data.description,
+          hourlyRate: c.data.hourlyRate ? Number(c.data.hourlyRate) : null,
+        }
+      : undefined,
+  });
+
+  if (c.isLoading) return <div className="px-10 py-16 text-sm text-ink-500">Loading…</div>;
+  if (!c.data) {
+    return (
+      <div className="px-10 py-16">
+        <p className="text-sm text-ink-500">Case not found.</p>
+        <Link to="/app/cases" className="text-sm text-brand-600 mt-3 inline-block">
+          ← Back to cases
+        </Link>
+      </div>
+    );
+  }
+
+  async function onSave(values: CaseInput) {
+    await update.mutateAsync({
+      title: values.title?.trim(),
+      caseNumber: values.caseNumber?.toString().trim() || null,
+      status: values.status,
+      practiceArea: values.practiceArea?.toString().trim() || null,
+      description: values.description?.toString().trim() || null,
+      hourlyRate:
+        values.hourlyRate != null && values.hourlyRate !== ('' as unknown as number)
+          ? Number(values.hourlyRate)
+          : null,
+    });
+    setEditing(false);
+  }
+
+  async function onDelete() {
+    if (!id) return;
+    if (!confirm(`Delete case "${c.data?.title}"? This cannot be undone.`)) return;
+    await del.mutateAsync(id);
+    navigate('/app/cases', { replace: true });
+  }
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <Link
+        to="/app/cases"
+        className="inline-flex items-center gap-1.5 text-sm text-ink-500 hover:text-ink-800 mb-4"
+      >
+        <ArrowLeft className="h-4 w-4" />
+        Back to cases
+      </Link>
+
+      <PageHeader
+        title={c.data.title}
+        description={
+          <span className="inline-flex items-center gap-2">
+            {c.data.caseNumber && <span>{c.data.caseNumber}</span>}
+            <Badge tone={STATUS_TONES[c.data.status]}>{c.data.status}</Badge>
+          </span>
+        }
+        action={
+          editing ? (
+            <>
+              <Button
+                variant="secondary"
+                onClick={() => {
+                  reset();
+                  setEditing(false);
+                }}
+              >
+                Cancel
+              </Button>
+              <Button onClick={handleSubmit(onSave)} disabled={update.isPending || !isDirty}>
+                {update.isPending ? 'Saving…' : 'Save changes'}
+              </Button>
+            </>
+          ) : (
+            <>
+              <Button variant="secondary" onClick={() => setEditing(true)}>
+                Edit
+              </Button>
+              <Button variant="danger" onClick={onDelete} disabled={del.isPending}>
+                <Trash2 className="h-4 w-4" />
+                Delete
+              </Button>
+            </>
+          )
+        }
+      />
+
+      <div className="grid gap-6 lg:grid-cols-3">
+        <Card className="lg:col-span-2">
+          <CardHeader title="Details" />
+          <CardBody>
+            {editing ? (
+              <form className="space-y-4" onSubmit={handleSubmit(onSave)}>
+                <Input label="Title" {...register('title', { required: true })} />
+                <div className="grid gap-4 md:grid-cols-2">
+                  <Input label="Case number" {...register('caseNumber')} />
+                  <Select label="Status" {...register('status')}>
+                    {STATUSES.map((s) => (
+                      <option key={s} value={s}>
+                        {s}
+                      </option>
+                    ))}
+                  </Select>
+                </div>
+                <div className="grid gap-4 md:grid-cols-2">
+                  <Input label="Practice area" {...register('practiceArea')} />
+                  <Input
+                    label="Hourly rate (USD)"
+                    type="number"
+                    min={0}
+                    step="0.01"
+                    {...register('hourlyRate')}
+                  />
+                </div>
+                <Textarea label="Description" rows={5} {...register('description')} />
+              </form>
+            ) : (
+              <dl className="grid gap-5 md:grid-cols-2 text-sm">
+                <Field label="Practice area" value={c.data.practiceArea} />
+                <Field label="Hourly rate" value={formatMoney(c.data.hourlyRate)} />
+                <Field label="Opened" value={formatDate(c.data.openedAt)} />
+                <Field label="Closed" value={c.data.closedAt ? formatDate(c.data.closedAt) : '—'} />
+                {c.data.description && (
+                  <div className="md:col-span-2">
+                    <dt className="text-xs font-semibold uppercase tracking-wider text-ink-500">Description</dt>
+                    <dd className="mt-1 whitespace-pre-wrap text-ink-700">{c.data.description}</dd>
+                  </div>
+                )}
+              </dl>
+            )}
+          </CardBody>
+        </Card>
+
+        <Card>
+          <CardHeader title="Client" />
+          <CardBody>
+            <Link
+              to={`/app/clients/${c.data.clientId}`}
+              className="block rounded-lg border border-ink-100 px-4 py-3 hover:border-brand-200 hover:bg-brand-50/30 transition"
+            >
+              <p className="font-medium text-ink-900">{c.data.clientName}</p>
+              {c.data.clientEmail && <p className="text-xs text-ink-500 mt-0.5">{c.data.clientEmail}</p>}
+            </Link>
+          </CardBody>
+        </Card>
+      </div>
+
+      <div className="mt-6">
+        <CaseTimeList caseId={c.data.id} />
+      </div>
+
+      <Card className="mt-6">
+        <CardHeader
+          title="Invoices"
+          description={
+            (invoices.data?.total ?? 0) > 0
+              ? `${invoices.data!.total} invoice${invoices.data!.total === 1 ? '' : 's'} for this case.`
+              : 'Generate an invoice from this case.'
+          }
+          action={
+            <Button size="sm" onClick={() => setInvoiceDrawerOpen(true)}>
+              <Plus className="h-3.5 w-3.5" />
+              New invoice
+            </Button>
+          }
+        />
+        {!invoices.data?.items.length ? (
+          <EmptyState
+            icon={<Receipt className="h-5 w-5" />}
+            title="No invoices yet"
+            description="Roll up unbilled time entries into an invoice, or build one manually."
+          />
+        ) : (
+          <ul className="divide-y divide-ink-100">
+            {invoices.data.items.map((inv) => (
+              <li key={inv.id}>
+                <Link
+                  to={`/app/invoices/${inv.id}`}
+                  className="flex items-center justify-between gap-4 px-5 py-3 hover:bg-ink-50/50 transition"
+                >
+                  <div className="min-w-0">
+                    <p className="text-sm font-medium text-ink-900">{inv.number}</p>
+                    <p className="text-xs text-ink-500 mt-0.5">
+                      {inv.issuedAt
+                        ? `Issued ${new Date(inv.issuedAt).toLocaleDateString()}`
+                        : 'Draft'}
+                    </p>
+                  </div>
+                  <div className="flex items-center gap-3">
+                    <Badge tone={statusTone(inv.status)}>{inv.status}</Badge>
+                    <span className="text-sm font-semibold text-ink-900 tabular-nums">
+                      {formatMoney(inv.total)}
+                    </span>
+                  </div>
+                </Link>
+              </li>
+            ))}
+          </ul>
+        )}
+      </Card>
+
+      <Card className="mt-6">
+        <CardHeader
+          title="Documents"
+          description="Document storage lands in the next iteration."
+        />
+        <CardBody>
+          <p className="text-sm text-ink-500">Coming next.</p>
+        </CardBody>
+      </Card>
+
+      <CreateInvoiceDrawer
+        open={invoiceDrawerOpen}
+        onClose={() => setInvoiceDrawerOpen(false)}
+        initialClientId={c.data.clientId}
+        initialCaseId={c.data.id}
+      />
+    </div>
+  );
+}
+
+function statusTone(status: InvoiceStatus): 'neutral' | 'amber' | 'emerald' | 'rose' | 'ink' {
+  switch (status) {
+    case 'paid':
+      return 'emerald';
+    case 'sent':
+      return 'amber';
+    case 'overdue':
+      return 'rose';
+    case 'void':
+      return 'ink';
+    default:
+      return 'neutral';
+  }
+}
+
+function Field({ label, value }: { label: string; value: React.ReactNode }) {
+  return (
+    <div>
+      <dt className="text-xs font-semibold uppercase tracking-wider text-ink-500">{label}</dt>
+      <dd className="mt-1 text-ink-700">{value || '—'}</dd>
+    </div>
+  );
+}
diff --git a/apps/web/src/pages/app/CasesPage.tsx b/apps/web/src/pages/app/CasesPage.tsx
new file mode 100644
index 0000000..7266593
--- /dev/null
+++ b/apps/web/src/pages/app/CasesPage.tsx
@@ -0,0 +1,253 @@
+import { useState } from 'react';
+import { Link, useSearchParams } from 'react-router-dom';
+import { useForm } from 'react-hook-form';
+import { Plus, Briefcase, Search } from 'lucide-react';
+import { PageHeader } from '@/components/app/AppLayout';
+import { Card, EmptyState } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Input, Select, Textarea } from '@/components/ui/Input';
+import { Drawer } from '@/components/ui/Drawer';
+import { Badge } from '@/components/ui/Badge';
+import { useCases, useCreateCase, type CaseInput, type CaseStatus } from '@/hooks/useCases';
+import { useClients } from '@/hooks/useClients';
+import { formatDate, formatHours, formatMoney, planLimitMessage } from '@/lib/format';
+
+const STATUSES: CaseStatus[] = ['open', 'pending', 'closed', 'archived'];
+const STATUS_TONES: Record<CaseStatus, 'emerald' | 'amber' | 'neutral' | 'ink'> = {
+  open: 'emerald',
+  pending: 'amber',
+  closed: 'neutral',
+  archived: 'ink',
+};
+
+export default function CasesPage() {
+  const [params, setParams] = useSearchParams();
+  const q = params.get('q') ?? '';
+  const status = (params.get('status') as CaseStatus | null) ?? undefined;
+  const clientId = params.get('clientId') ?? undefined;
+  const [drawerOpen, setDrawerOpen] = useState(false);
+
+  const list = useCases({ q: q || undefined, status, clientId });
+
+  function setParam(key: string, value: string) {
+    const next = new URLSearchParams(params);
+    if (value) next.set(key, value);
+    else next.delete(key);
+    setParams(next, { replace: true });
+  }
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <PageHeader
+        title="Cases"
+        description="All matters across your firm."
+        action={
+          <Button onClick={() => setDrawerOpen(true)}>
+            <Plus className="h-4 w-4" />
+            New case
+          </Button>
+        }
+      />
+
+      <Card>
+        <div className="flex flex-col gap-3 border-b border-ink-100 p-4 md:flex-row md:items-center">
+          <div className="relative flex-1 max-w-sm">
+            <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-ink-400" />
+            <input
+              type="search"
+              placeholder="Search by title or case number…"
+              value={q}
+              onChange={(e) => setParam('q', e.target.value)}
+              className="w-full rounded-xl border border-ink-200 pl-9 pr-3 py-2 text-sm placeholder:text-ink-400 focus:outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20"
+            />
+          </div>
+          <select
+            value={status ?? ''}
+            onChange={(e) => setParam('status', e.target.value)}
+            className="rounded-xl border border-ink-200 px-3 py-2 text-sm focus:outline-none focus:border-brand-500"
+          >
+            <option value="">All statuses</option>
+            {STATUSES.map((s) => (
+              <option key={s} value={s}>
+                {s}
+              </option>
+            ))}
+          </select>
+        </div>
+
+        {list.isLoading ? (
+          <div className="px-6 py-16 text-center text-sm text-ink-500">Loading…</div>
+        ) : !list.data?.items.length ? (
+          <EmptyState
+            icon={<Briefcase className="h-5 w-5" />}
+            title={q || status ? 'No cases match your filters' : 'No cases yet'}
+            description={q || status ? 'Adjust your search.' : 'Open your first case to get started.'}
+            action={
+              !q && !status ? (
+                <Button onClick={() => setDrawerOpen(true)}>
+                  <Plus className="h-4 w-4" />
+                  New case
+                </Button>
+              ) : undefined
+            }
+          />
+        ) : (
+          <div className="overflow-x-auto">
+            <table className="min-w-full text-sm">
+              <thead>
+                <tr className="border-b border-ink-100 text-left text-xs font-semibold uppercase tracking-wider text-ink-500">
+                  <th className="px-5 py-3">Case</th>
+                  <th className="px-5 py-3">Client</th>
+                  <th className="px-5 py-3">Status</th>
+                  <th className="px-5 py-3">Hours</th>
+                  <th className="px-5 py-3">Rate</th>
+                  <th className="px-5 py-3">Opened</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-ink-100">
+                {list.data.items.map((c) => (
+                  <tr key={c.id} className="hover:bg-ink-50/50 transition">
+                    <td className="px-5 py-3">
+                      <Link to={`/app/cases/${c.id}`} className="font-medium text-ink-900 hover:text-brand-600">
+                        {c.title}
+                      </Link>
+                      {c.caseNumber && <p className="text-xs text-ink-500">{c.caseNumber}</p>}
+                    </td>
+                    <td className="px-5 py-3 text-ink-600">
+                      <Link to={`/app/clients/${c.clientId}`} className="hover:text-brand-600">
+                        {c.clientName}
+                      </Link>
+                    </td>
+                    <td className="px-5 py-3">
+                      <Badge tone={STATUS_TONES[c.status]}>{c.status}</Badge>
+                    </td>
+                    <td className="px-5 py-3 text-ink-700">{formatHours(c.billedMinutes)}</td>
+                    <td className="px-5 py-3 text-ink-700">{formatMoney(c.hourlyRate)}</td>
+                    <td className="px-5 py-3 text-ink-500">{formatDate(c.openedAt)}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+      </Card>
+
+      <CreateCaseDrawer open={drawerOpen} onClose={() => setDrawerOpen(false)} initialClientId={clientId ?? undefined} />
+    </div>
+  );
+}
+
+function CreateCaseDrawer({
+  open,
+  onClose,
+  initialClientId,
+}: {
+  open: boolean;
+  onClose: () => void;
+  initialClientId?: string;
+}) {
+  const create = useCreateCase();
+  const clients = useClients();
+
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { errors },
+  } = useForm<CaseInput>({
+    defaultValues: { title: '', clientId: initialClientId ?? '', status: 'open' },
+  });
+
+  async function onSubmit(values: CaseInput) {
+    await create.mutateAsync({
+      clientId: values.clientId,
+      title: values.title.trim(),
+      caseNumber: values.caseNumber?.toString().trim() || null,
+      status: values.status ?? 'open',
+      practiceArea: values.practiceArea?.toString().trim() || null,
+      description: values.description?.toString().trim() || null,
+      hourlyRate:
+        values.hourlyRate != null && values.hourlyRate !== ('' as unknown as number)
+          ? Number(values.hourlyRate)
+          : null,
+    });
+    reset();
+    onClose();
+  }
+
+  const apiErr = create.error ? planLimitMessage(create.error.code, 'Could not create the case.') : null;
+
+  return (
+    <Drawer
+      open={open}
+      onClose={() => {
+        reset();
+        create.reset();
+        onClose();
+      }}
+      title="New case"
+      description="Open a new matter for one of your clients."
+      footer={
+        <div className="flex items-center justify-end gap-2">
+          <Button variant="secondary" onClick={onClose}>
+            Cancel
+          </Button>
+          <Button onClick={handleSubmit(onSubmit)} disabled={create.isPending}>
+            {create.isPending ? 'Creating…' : 'Create case'}
+          </Button>
+        </div>
+      }
+    >
+      <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+        <Select
+          label="Client"
+          error={errors.clientId?.message}
+          {...register('clientId', { required: 'Pick a client' })}
+        >
+          <option value="">Select a client…</option>
+          {clients.data?.items.map((c) => (
+            <option key={c.id} value={c.id}>
+              {c.name}
+            </option>
+          ))}
+        </Select>
+
+        <Input
+          label="Title"
+          placeholder="Smith v. Johnson Corp"
+          error={errors.title?.message}
+          {...register('title', { required: 'Title is required', maxLength: 200 })}
+        />
+        <div className="grid gap-4 md:grid-cols-2">
+          <Input label="Case number" placeholder="2025-CV-0142" {...register('caseNumber')} />
+          <Select label="Status" {...register('status')}>
+            {STATUSES.map((s) => (
+              <option key={s} value={s}>
+                {s}
+              </option>
+            ))}
+          </Select>
+        </div>
+        <div className="grid gap-4 md:grid-cols-2">
+          <Input label="Practice area" placeholder="Corporate" {...register('practiceArea')} />
+          <Input
+            label="Hourly rate (USD)"
+            type="number"
+            min={0}
+            step="0.01"
+            placeholder="250"
+            {...register('hourlyRate')}
+          />
+        </div>
+        <Textarea
+          label="Description"
+          rows={4}
+          placeholder="Background, scope, key details…"
+          {...register('description')}
+        />
+
+        {apiErr && <p className="rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-700">{apiErr}</p>}
+      </form>
+    </Drawer>
+  );
+}
diff --git a/apps/web/src/pages/app/ClientDetailPage.tsx b/apps/web/src/pages/app/ClientDetailPage.tsx
new file mode 100644
index 0000000..3853690
--- /dev/null
+++ b/apps/web/src/pages/app/ClientDetailPage.tsx
@@ -0,0 +1,199 @@
+import { useState } from 'react';
+import { Link, useNavigate, useParams } from 'react-router-dom';
+import { useForm } from 'react-hook-form';
+import { ArrowLeft, Briefcase, Mail, MapPin, Phone, Trash2 } from 'lucide-react';
+import { PageHeader } from '@/components/app/AppLayout';
+import { Card, CardBody, CardHeader, EmptyState } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Input, Textarea } from '@/components/ui/Input';
+import { Badge } from '@/components/ui/Badge';
+import {
+  useClient,
+  useDeleteClient,
+  useUpdateClient,
+  type ClientInput,
+} from '@/hooks/useClients';
+import { useCases } from '@/hooks/useCases';
+import { formatDate } from '@/lib/format';
+
+export default function ClientDetailPage() {
+  const { id } = useParams<{ id: string }>();
+  const navigate = useNavigate();
+  const client = useClient(id);
+  const cases = useCases(id ? { clientId: id } : undefined);
+  const update = useUpdateClient(id ?? '');
+  const del = useDeleteClient();
+  const [editing, setEditing] = useState(false);
+
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { errors, isDirty },
+  } = useForm<ClientInput>({
+    values: client.data
+      ? {
+          name: client.data.name,
+          email: client.data.email,
+          phone: client.data.phone,
+          address: client.data.address,
+          notes: client.data.notes,
+        }
+      : undefined,
+  });
+
+  if (client.isLoading) {
+    return <div className="px-10 py-16 text-sm text-ink-500">Loading…</div>;
+  }
+  if (!client.data) {
+    return (
+      <div className="px-10 py-16">
+        <p className="text-sm text-ink-500">Client not found.</p>
+        <Link to="/app/clients" className="text-sm text-brand-600 mt-3 inline-block">
+          ← Back to clients
+        </Link>
+      </div>
+    );
+  }
+
+  async function onSave(values: ClientInput) {
+    await update.mutateAsync({
+      name: values.name?.trim(),
+      email: values.email?.toString().trim() || null,
+      phone: values.phone?.toString().trim() || null,
+      address: values.address?.toString().trim() || null,
+      notes: values.notes?.toString().trim() || null,
+    });
+    setEditing(false);
+  }
+
+  async function onDelete() {
+    if (!id) return;
+    if (!confirm(`Delete ${client.data?.name}? This cannot be undone.`)) return;
+    await del.mutateAsync(id);
+    navigate('/app/clients', { replace: true });
+  }
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <Link
+        to="/app/clients"
+        className="inline-flex items-center gap-1.5 text-sm text-ink-500 hover:text-ink-800 mb-4"
+      >
+        <ArrowLeft className="h-4 w-4" />
+        Back to clients
+      </Link>
+
+      <PageHeader
+        title={client.data.name}
+        description={`Client since ${formatDate(client.data.createdAt)}`}
+        action={
+          editing ? (
+            <>
+              <Button
+                variant="secondary"
+                onClick={() => {
+                  reset();
+                  setEditing(false);
+                }}
+              >
+                Cancel
+              </Button>
+              <Button onClick={handleSubmit(onSave)} disabled={update.isPending || !isDirty}>
+                {update.isPending ? 'Saving…' : 'Save changes'}
+              </Button>
+            </>
+          ) : (
+            <>
+              <Button variant="secondary" onClick={() => setEditing(true)}>
+                Edit
+              </Button>
+              <Button variant="danger" onClick={onDelete} disabled={del.isPending}>
+                <Trash2 className="h-4 w-4" />
+                Delete
+              </Button>
+            </>
+          )
+        }
+      />
+
+      <div className="grid gap-6 lg:grid-cols-3">
+        <Card className="lg:col-span-2">
+          <CardHeader title="Details" />
+          <CardBody>
+            {editing ? (
+              <form className="space-y-4" onSubmit={handleSubmit(onSave)}>
+                <Input label="Name" error={errors.name?.message} {...register('name', { required: 'Name is required' })} />
+                <div className="grid gap-4 md:grid-cols-2">
+                  <Input label="Email" type="email" {...register('email')} />
+                  <Input label="Phone" {...register('phone')} />
+                </div>
+                <Input label="Address" {...register('address')} />
+                <Textarea label="Notes" rows={5} {...register('notes')} />
+              </form>
+            ) : (
+              <dl className="grid gap-4 md:grid-cols-2 text-sm">
+                <Field icon={<Mail className="h-4 w-4" />} label="Email" value={client.data.email} />
+                <Field icon={<Phone className="h-4 w-4" />} label="Phone" value={client.data.phone} />
+                <Field icon={<MapPin className="h-4 w-4" />} label="Address" value={client.data.address} />
+                {client.data.notes && (
+                  <div className="md:col-span-2">
+                    <dt className="text-xs font-semibold uppercase tracking-wider text-ink-500">Notes</dt>
+                    <dd className="mt-1 whitespace-pre-wrap text-ink-700">{client.data.notes}</dd>
+                  </div>
+                )}
+              </dl>
+            )}
+          </CardBody>
+        </Card>
+
+        <Card>
+          <CardHeader
+            title="Cases"
+            description={`${cases.data?.total ?? 0} case${(cases.data?.total ?? 0) === 1 ? '' : 's'}`}
+            action={
+              <Link to={`/app/cases?clientId=${id}`} className="text-xs font-semibold text-brand-600">
+                View all
+              </Link>
+            }
+          />
+          {cases.data?.items.length ? (
+            <div className="divide-y divide-ink-100">
+              {cases.data.items.slice(0, 5).map((c) => (
+                <Link
+                  key={c.id}
+                  to={`/app/cases/${c.id}`}
+                  className="flex items-center justify-between gap-3 px-5 py-3 hover:bg-ink-50/60 transition"
+                >
+                  <div className="min-w-0">
+                    <p className="text-sm font-medium text-ink-900 truncate">{c.title}</p>
+                    <p className="text-xs text-ink-500">Opened {formatDate(c.openedAt)}</p>
+                  </div>
+                  <Badge tone={c.status === 'open' ? 'emerald' : 'neutral'}>{c.status}</Badge>
+                </Link>
+              ))}
+            </div>
+          ) : (
+            <EmptyState
+              icon={<Briefcase className="h-5 w-5" />}
+              title="No cases for this client"
+              description="Open a case from the Cases page."
+            />
+          )}
+        </Card>
+      </div>
+    </div>
+  );
+}
+
+function Field({ icon, label, value }: { icon: React.ReactNode; label: string; value: string | null }) {
+  return (
+    <div>
+      <dt className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-ink-500">
+        {icon}
+        {label}
+      </dt>
+      <dd className="mt-1 text-ink-700">{value || '—'}</dd>
+    </div>
+  );
+}
diff --git a/apps/web/src/pages/app/ClientsPage.tsx b/apps/web/src/pages/app/ClientsPage.tsx
new file mode 100644
index 0000000..36ae963
--- /dev/null
+++ b/apps/web/src/pages/app/ClientsPage.tsx
@@ -0,0 +1,162 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { useForm } from 'react-hook-form';
+import { Plus, Users, Search } from 'lucide-react';
+import { PageHeader } from '@/components/app/AppLayout';
+import { Card, EmptyState } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Input, Textarea } from '@/components/ui/Input';
+import { Drawer } from '@/components/ui/Drawer';
+import { Badge } from '@/components/ui/Badge';
+import { useClients, useCreateClient, type ClientInput } from '@/hooks/useClients';
+import { formatDate, planLimitMessage } from '@/lib/format';
+
+export default function ClientsPage() {
+  const [q, setQ] = useState('');
+  const [drawerOpen, setDrawerOpen] = useState(false);
+  const list = useClients(q || undefined);
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <PageHeader
+        title="Clients"
+        description="Everyone you do work for, in one place."
+        action={
+          <Button onClick={() => setDrawerOpen(true)}>
+            <Plus className="h-4 w-4" />
+            Add client
+          </Button>
+        }
+      />
+
+      <Card>
+        <div className="border-b border-ink-100 p-4">
+          <div className="relative max-w-sm">
+            <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-ink-400" />
+            <input
+              type="search"
+              placeholder="Search clients…"
+              value={q}
+              onChange={(e) => setQ(e.target.value)}
+              className="w-full rounded-xl border border-ink-200 pl-9 pr-3 py-2 text-sm placeholder:text-ink-400 focus:outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20"
+            />
+          </div>
+        </div>
+
+        {list.isLoading ? (
+          <div className="px-6 py-16 text-center text-sm text-ink-500">Loading…</div>
+        ) : !list.data?.items.length ? (
+          <EmptyState
+            icon={<Users className="h-5 w-5" />}
+            title={q ? 'No clients match that search' : 'No clients yet'}
+            description={q ? 'Try a different name or email.' : 'Add your first client to get started.'}
+            action={
+              !q ? (
+                <Button onClick={() => setDrawerOpen(true)}>
+                  <Plus className="h-4 w-4" />
+                  Add client
+                </Button>
+              ) : undefined
+            }
+          />
+        ) : (
+          <div className="overflow-x-auto">
+            <table className="min-w-full text-sm">
+              <thead>
+                <tr className="border-b border-ink-100 text-left text-xs font-semibold uppercase tracking-wider text-ink-500">
+                  <th className="px-5 py-3">Name</th>
+                  <th className="px-5 py-3">Email</th>
+                  <th className="px-5 py-3">Phone</th>
+                  <th className="px-5 py-3">Cases</th>
+                  <th className="px-5 py-3">Added</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-ink-100">
+                {list.data.items.map((c) => (
+                  <tr key={c.id} className="hover:bg-ink-50/50 transition">
+                    <td className="px-5 py-3">
+                      <Link to={`/app/clients/${c.id}`} className="font-medium text-ink-900 hover:text-brand-600">
+                        {c.name}
+                      </Link>
+                    </td>
+                    <td className="px-5 py-3 text-ink-600">{c.email ?? '—'}</td>
+                    <td className="px-5 py-3 text-ink-600">{c.phone ?? '—'}</td>
+                    <td className="px-5 py-3">
+                      <Badge tone={c.caseCount > 0 ? 'brand' : 'neutral'}>{c.caseCount}</Badge>
+                    </td>
+                    <td className="px-5 py-3 text-ink-500">{formatDate(c.createdAt)}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+      </Card>
+
+      <CreateClientDrawer open={drawerOpen} onClose={() => setDrawerOpen(false)} />
+    </div>
+  );
+}
+
+function CreateClientDrawer({ open, onClose }: { open: boolean; onClose: () => void }) {
+  const create = useCreateClient();
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { errors },
+  } = useForm<ClientInput>({ defaultValues: { name: '' } });
+
+  async function onSubmit(values: ClientInput) {
+    const payload: ClientInput = {
+      name: values.name.trim(),
+      email: values.email?.toString().trim() || null,
+      phone: values.phone?.toString().trim() || null,
+      address: values.address?.toString().trim() || null,
+      notes: values.notes?.toString().trim() || null,
+    };
+    await create.mutateAsync(payload);
+    reset();
+    onClose();
+  }
+
+  const apiErr = create.error ? planLimitMessage(create.error.code, 'Could not save the client.') : null;
+
+  return (
+    <Drawer
+      open={open}
+      onClose={() => {
+        reset();
+        create.reset();
+        onClose();
+      }}
+      title="Add client"
+      description="Add a person or company you do work for."
+      footer={
+        <div className="flex items-center justify-end gap-2">
+          <Button variant="secondary" onClick={onClose}>
+            Cancel
+          </Button>
+          <Button onClick={handleSubmit(onSubmit)} disabled={create.isPending}>
+            {create.isPending ? 'Saving…' : 'Save client'}
+          </Button>
+        </div>
+      }
+    >
+      <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+        <Input
+          label="Name"
+          placeholder="Jane Doe / Acme Corp"
+          error={errors.name?.message}
+          {...register('name', { required: 'Name is required', maxLength: 160 })}
+        />
+        <Input label="Email" type="email" placeholder="jane@acme.com" {...register('email')} />
+        <Input label="Phone" placeholder="+1 555 123 4567" {...register('phone')} />
+        <Input label="Address" placeholder="Street, City, Country" {...register('address')} />
+        <Textarea label="Notes" rows={4} placeholder="Anything important about this client…" {...register('notes')} />
+
+        {apiErr && <p className="rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-700">{apiErr}</p>}
+      </form>
+    </Drawer>
+  );
+}
diff --git a/apps/web/src/pages/app/DashboardPage.tsx b/apps/web/src/pages/app/DashboardPage.tsx
new file mode 100644
index 0000000..daabc15
--- /dev/null
+++ b/apps/web/src/pages/app/DashboardPage.tsx
@@ -0,0 +1,157 @@
+import { Link } from 'react-router-dom';
+import { Briefcase, Clock, Receipt, Users, ArrowUpRight } from 'lucide-react';
+import { PageHeader } from '@/components/app/AppLayout';
+import { Card, CardBody, CardHeader, EmptyState } from '@/components/ui/Card';
+import { Badge } from '@/components/ui/Badge';
+import { Button } from '@/components/ui/Button';
+import { useCases } from '@/hooks/useCases';
+import { useClients } from '@/hooks/useClients';
+import { useMe } from '@/hooks/useAuth';
+import { formatHours, formatDate } from '@/lib/format';
+
+export default function DashboardPage() {
+  const me = useMe();
+  const cases = useCases();
+  const clients = useClients();
+
+  const openCases = cases.data?.items.filter((c) => c.status === 'open') ?? [];
+  const totalMinutes = cases.data?.items.reduce((acc, c) => acc + (c.billedMinutes ?? 0), 0) ?? 0;
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <PageHeader
+        title={`Welcome back${me.data?.fullName ? `, ${me.data.fullName.split(' ')[0]}` : ''}`}
+        description="Here's what's happening across your practice."
+        action={
+          <Link to="/app/cases">
+            <Button>Open cases</Button>
+          </Link>
+        }
+      />
+
+      <div className="grid gap-4 md:grid-cols-4">
+        <KpiCard
+          icon={<Briefcase className="h-4 w-4" />}
+          label="Active cases"
+          value={String(openCases.length)}
+          to="/app/cases"
+        />
+        <KpiCard
+          icon={<Users className="h-4 w-4" />}
+          label="Clients"
+          value={String(clients.data?.total ?? 0)}
+          to="/app/clients"
+        />
+        <KpiCard
+          icon={<Clock className="h-4 w-4" />}
+          label="Tracked hours"
+          value={formatHours(totalMinutes)}
+          to="/app/time"
+        />
+        <KpiCard
+          icon={<Receipt className="h-4 w-4" />}
+          label="Outstanding"
+          value="$0"
+          to="/app/invoices"
+        />
+      </div>
+
+      <div className="mt-8 grid gap-6 lg:grid-cols-3">
+        <Card className="lg:col-span-2">
+          <CardHeader
+            title="Recent cases"
+            description="Latest cases across your firm."
+            action={
+              <Link to="/app/cases" className="text-xs font-semibold text-brand-600 hover:text-brand-700">
+                View all
+              </Link>
+            }
+          />
+          {cases.data?.items.length ? (
+            <div className="divide-y divide-ink-100">
+              {cases.data.items.slice(0, 6).map((c) => (
+                <Link
+                  key={c.id}
+                  to={`/app/cases/${c.id}`}
+                  className="flex items-center justify-between gap-4 px-5 py-3 hover:bg-ink-50/60 transition"
+                >
+                  <div className="min-w-0">
+                    <p className="text-sm font-medium text-ink-900 truncate">{c.title}</p>
+                    <p className="text-xs text-ink-500 truncate">
+                      {c.clientName} · Opened {formatDate(c.openedAt)}
+                    </p>
+                  </div>
+                  <Badge tone={c.status === 'open' ? 'emerald' : 'neutral'}>{c.status}</Badge>
+                </Link>
+              ))}
+            </div>
+          ) : (
+            <EmptyState
+              icon={<Briefcase className="h-5 w-5" />}
+              title="No cases yet"
+              description="Create your first case from the Cases page."
+              action={
+                <Link to="/app/cases">
+                  <Button size="sm">Go to Cases</Button>
+                </Link>
+              }
+            />
+          )}
+        </Card>
+
+        <Card>
+          <CardHeader title="Quick actions" />
+          <CardBody className="space-y-2">
+            <Link
+              to="/app/clients"
+              className="flex items-center justify-between rounded-lg border border-ink-100 px-3 py-2.5 text-sm hover:border-brand-200 hover:bg-brand-50/30"
+            >
+              <span className="font-medium text-ink-800">Add a client</span>
+              <ArrowUpRight className="h-4 w-4 text-ink-400" />
+            </Link>
+            <Link
+              to="/app/cases"
+              className="flex items-center justify-between rounded-lg border border-ink-100 px-3 py-2.5 text-sm hover:border-brand-200 hover:bg-brand-50/30"
+            >
+              <span className="font-medium text-ink-800">Open a new case</span>
+              <ArrowUpRight className="h-4 w-4 text-ink-400" />
+            </Link>
+            <Link
+              to="/app/time"
+              className="flex items-center justify-between rounded-lg border border-ink-100 px-3 py-2.5 text-sm hover:border-brand-200 hover:bg-brand-50/30"
+            >
+              <span className="font-medium text-ink-800">Log time</span>
+              <ArrowUpRight className="h-4 w-4 text-ink-400" />
+            </Link>
+          </CardBody>
+        </Card>
+      </div>
+    </div>
+  );
+}
+
+function KpiCard({
+  icon,
+  label,
+  value,
+  to,
+}: {
+  icon: React.ReactNode;
+  label: string;
+  value: string;
+  to: string;
+}) {
+  return (
+    <Link
+      to={to}
+      className="rounded-2xl border border-ink-100 bg-white p-5 shadow-sm hover:border-brand-200 hover:shadow-md transition"
+    >
+      <div className="flex items-center justify-between">
+        <div className="grid h-9 w-9 place-items-center rounded-lg bg-brand-50 text-brand-600">{icon}</div>
+        <ArrowUpRight className="h-4 w-4 text-ink-400" />
+      </div>
+      <p className="mt-4 text-2xl font-bold text-ink-950 font-display">{value}</p>
+      <p className="text-xs text-ink-500">{label}</p>
+    </Link>
+  );
+}
diff --git a/apps/web/src/pages/app/InvoiceDetailPage.tsx b/apps/web/src/pages/app/InvoiceDetailPage.tsx
new file mode 100644
index 0000000..4b97930
--- /dev/null
+++ b/apps/web/src/pages/app/InvoiceDetailPage.tsx
@@ -0,0 +1,219 @@
+import { Link, useNavigate, useParams } from 'react-router-dom';
+import { ArrowLeft, Download, Send, CheckCircle2, Ban, Trash2 } from 'lucide-react';
+import { PageHeader } from '@/components/app/AppLayout';
+import { Card, CardBody, CardHeader } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Badge } from '@/components/ui/Badge';
+import {
+  useInvoice,
+  useSendInvoice,
+  useMarkPaid,
+  useVoidInvoice,
+  useDeleteInvoice,
+  type InvoiceStatus,
+} from '@/hooks/useInvoices';
+import { formatDate, formatMoney } from '@/lib/format';
+
+const STATUS_TONES: Record<InvoiceStatus, 'neutral' | 'amber' | 'emerald' | 'rose' | 'ink'> = {
+  draft: 'neutral',
+  sent: 'amber',
+  paid: 'emerald',
+  overdue: 'rose',
+  void: 'ink',
+};
+
+export default function InvoiceDetailPage() {
+  const { id } = useParams<{ id: string }>();
+  const navigate = useNavigate();
+  const inv = useInvoice(id);
+  const send = useSendInvoice();
+  const markPaid = useMarkPaid();
+  const voidInv = useVoidInvoice();
+  const del = useDeleteInvoice();
+
+  if (inv.isLoading) return <div className="px-10 py-16 text-sm text-ink-500">Loading…</div>;
+  if (!inv.data) {
+    return (
+      <div className="px-10 py-16">
+        <p className="text-sm text-ink-500">Invoice not found.</p>
+        <Link to="/app/invoices" className="text-sm text-brand-600 mt-3 inline-block">
+          ← Back to invoices
+        </Link>
+      </div>
+    );
+  }
+
+  const i = inv.data;
+  const taxAmount = (Number(i.subtotal) * Number(i.taxRate)) / 100;
+
+  async function onDelete() {
+    if (!id) return;
+    if (!confirm(`Delete draft ${i.number}? This cannot be undone.`)) return;
+    await del.mutateAsync(id);
+    navigate('/app/invoices', { replace: true });
+  }
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-5xl mx-auto w-full">
+      <Link
+        to="/app/invoices"
+        className="inline-flex items-center gap-1.5 text-sm text-ink-500 hover:text-ink-800 mb-4"
+      >
+        <ArrowLeft className="h-4 w-4" />
+        Back to invoices
+      </Link>
+
+      <PageHeader
+        title={i.number}
+        description={
+          <span className="inline-flex items-center gap-2">
+            <Badge tone={STATUS_TONES[i.status]}>{i.status}</Badge>
+            <span className="text-ink-500">·</span>
+            <span>{i.clientName}</span>
+            {i.caseTitle && (
+              <>
+                <span className="text-ink-500">·</span>
+                <Link to={`/app/cases/${i.caseId}`} className="text-brand-600 hover:underline">
+                  {i.caseTitle}
+                </Link>
+              </>
+            )}
+          </span>
+        }
+        action={
+          <>
+            <a
+              href={`/api/invoices/${i.id}/pdf`}
+              target="_blank"
+              rel="noreferrer"
+              className="inline-flex items-center gap-2 rounded-xl border border-ink-200 bg-white px-4 py-2 text-sm font-medium text-ink-800 hover:border-ink-300"
+            >
+              <Download className="h-4 w-4" />
+              PDF
+            </a>
+            {i.status === 'draft' && (
+              <>
+                <Button onClick={() => id && send.mutate(id)} disabled={send.isPending}>
+                  <Send className="h-4 w-4" />
+                  {send.isPending ? 'Sending…' : 'Send invoice'}
+                </Button>
+                <Button variant="danger" onClick={onDelete} disabled={del.isPending}>
+                  <Trash2 className="h-4 w-4" />
+                  Delete
+                </Button>
+              </>
+            )}
+            {(i.status === 'sent' || i.status === 'overdue') && (
+              <>
+                <Button onClick={() => id && markPaid.mutate(id)} disabled={markPaid.isPending}>
+                  <CheckCircle2 className="h-4 w-4" />
+                  Mark paid
+                </Button>
+                <Button variant="secondary" onClick={() => id && voidInv.mutate(id)} disabled={voidInv.isPending}>
+                  <Ban className="h-4 w-4" />
+                  Void
+                </Button>
+              </>
+            )}
+          </>
+        }
+      />
+
+      <div className="grid gap-6 lg:grid-cols-3">
+        <Card className="lg:col-span-2">
+          <CardHeader title="Line items" description={`${i.items.length} ${i.items.length === 1 ? 'item' : 'items'}`} />
+          <div className="overflow-x-auto">
+            <table className="min-w-full text-sm">
+              <thead>
+                <tr className="border-b border-ink-100 text-left text-xs font-semibold uppercase tracking-wider text-ink-500">
+                  <th className="px-5 py-3">Description</th>
+                  <th className="px-5 py-3 text-right">Qty</th>
+                  <th className="px-5 py-3 text-right">Rate</th>
+                  <th className="px-5 py-3 text-right">Amount</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-ink-100">
+                {i.items.map((it) => (
+                  <tr key={it.id}>
+                    <td className="px-5 py-3 text-ink-900">{it.description}</td>
+                    <td className="px-5 py-3 text-right text-ink-700 tabular-nums">{Number(it.quantity)}</td>
+                    <td className="px-5 py-3 text-right text-ink-700 tabular-nums">{formatMoney(it.rate)}</td>
+                    <td className="px-5 py-3 text-right font-semibold text-ink-900 tabular-nums">
+                      {formatMoney(it.amount)}
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+              <tfoot>
+                <tr>
+                  <td colSpan={3} className="px-5 pt-4 text-right text-xs uppercase tracking-wider text-ink-500">
+                    Subtotal
+                  </td>
+                  <td className="px-5 pt-4 text-right text-ink-900 tabular-nums">{formatMoney(i.subtotal)}</td>
+                </tr>
+                {Number(i.taxRate) > 0 && (
+                  <tr>
+                    <td colSpan={3} className="px-5 pt-1 text-right text-xs uppercase tracking-wider text-ink-500">
+                      Tax ({i.taxRate}%)
+                    </td>
+                    <td className="px-5 pt-1 text-right text-ink-900 tabular-nums">{formatMoney(taxAmount)}</td>
+                  </tr>
+                )}
+                <tr>
+                  <td colSpan={3} className="px-5 pt-3 pb-5 text-right text-sm font-semibold uppercase tracking-wider text-ink-700">
+                    Total
+                  </td>
+                  <td className="px-5 pt-3 pb-5 text-right text-lg font-bold text-brand-600 tabular-nums">
+                    {formatMoney(i.total)}
+                  </td>
+                </tr>
+              </tfoot>
+            </table>
+          </div>
+        </Card>
+
+        <div className="space-y-6">
+          <Card>
+            <CardHeader title="Billing" />
+            <CardBody className="space-y-3 text-sm">
+              <Field label="Issued" value={formatDate(i.issuedAt)} />
+              <Field label="Due" value={formatDate(i.dueAt)} />
+              {i.paidAt && <Field label="Paid" value={formatDate(i.paidAt)} />}
+            </CardBody>
+          </Card>
+
+          <Card>
+            <CardHeader title="Client" />
+            <CardBody>
+              <Link
+                to={`/app/clients/${i.clientId}`}
+                className="block rounded-lg border border-ink-100 px-3 py-2 hover:border-brand-200 hover:bg-brand-50/30"
+              >
+                <p className="font-medium text-ink-900">{i.clientName}</p>
+                {i.clientEmail && <p className="text-xs text-ink-500 mt-0.5">{i.clientEmail}</p>}
+              </Link>
+            </CardBody>
+          </Card>
+
+          {i.notes && (
+            <Card>
+              <CardHeader title="Notes" />
+              <CardBody>
+                <p className="whitespace-pre-wrap text-sm text-ink-700">{i.notes}</p>
+              </CardBody>
+            </Card>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function Field({ label, value }: { label: string; value: string }) {
+  return (
+    <div className="flex items-center justify-between">
+      <span className="text-xs uppercase tracking-wider text-ink-500">{label}</span>
+      <span className="text-ink-900">{value}</span>
+    </div>
+  );
+}
diff --git a/apps/web/src/pages/app/InvoicesPage.tsx b/apps/web/src/pages/app/InvoicesPage.tsx
new file mode 100644
index 0000000..813bb8b
--- /dev/null
+++ b/apps/web/src/pages/app/InvoicesPage.tsx
@@ -0,0 +1,146 @@
+import { useState } from 'react';
+import { Link, useSearchParams } from 'react-router-dom';
+import { Plus, Receipt } from 'lucide-react';
+import { PageHeader } from '@/components/app/AppLayout';
+import { Card, EmptyState } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Badge } from '@/components/ui/Badge';
+import { CreateInvoiceDrawer } from '@/components/app/CreateInvoiceDrawer';
+import { useInvoices, type InvoiceStatus } from '@/hooks/useInvoices';
+import { formatDate, formatMoney } from '@/lib/format';
+
+const STATUSES: InvoiceStatus[] = ['draft', 'sent', 'paid', 'overdue', 'void'];
+
+const STATUS_TONES: Record<InvoiceStatus, 'neutral' | 'amber' | 'emerald' | 'rose' | 'ink'> = {
+  draft: 'neutral',
+  sent: 'amber',
+  paid: 'emerald',
+  overdue: 'rose',
+  void: 'ink',
+};
+
+export default function InvoicesPage() {
+  const [params, setParams] = useSearchParams();
+  const status = (params.get('status') as InvoiceStatus | null) ?? undefined;
+  const [drawerOpen, setDrawerOpen] = useState(false);
+
+  const list = useInvoices({ status });
+
+  function setStatus(s: InvoiceStatus | '') {
+    const next = new URLSearchParams(params);
+    if (s) next.set('status', s);
+    else next.delete('status');
+    setParams(next, { replace: true });
+  }
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <PageHeader
+        title="Invoices"
+        description="Drafts, sent, paid — all in one place."
+        action={
+          <Button onClick={() => setDrawerOpen(true)}>
+            <Plus className="h-4 w-4" />
+            New invoice
+          </Button>
+        }
+      />
+
+      <div className="mb-4 flex items-center gap-2">
+        <FilterPill active={!status} onClick={() => setStatus('')}>All</FilterPill>
+        {STATUSES.map((s) => (
+          <FilterPill key={s} active={status === s} onClick={() => setStatus(s)}>
+            {s}
+          </FilterPill>
+        ))}
+      </div>
+
+      <Card>
+        {list.isLoading ? (
+          <div className="px-6 py-16 text-center text-sm text-ink-500">Loading…</div>
+        ) : !list.data?.items.length ? (
+          <EmptyState
+            icon={<Receipt className="h-5 w-5" />}
+            title={status ? `No ${status} invoices` : 'No invoices yet'}
+            description={status ? 'Try a different status.' : 'Create your first invoice from time entries or from scratch.'}
+            action={
+              !status ? (
+                <Button onClick={() => setDrawerOpen(true)}>
+                  <Plus className="h-4 w-4" />
+                  New invoice
+                </Button>
+              ) : undefined
+            }
+          />
+        ) : (
+          <div className="overflow-x-auto">
+            <table className="min-w-full text-sm">
+              <thead>
+                <tr className="border-b border-ink-100 text-left text-xs font-semibold uppercase tracking-wider text-ink-500">
+                  <th className="px-5 py-3">Number</th>
+                  <th className="px-5 py-3">Client</th>
+                  <th className="px-5 py-3">Status</th>
+                  <th className="px-5 py-3 text-right">Total</th>
+                  <th className="px-5 py-3">Issued</th>
+                  <th className="px-5 py-3">Due</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-ink-100">
+                {list.data.items.map((inv) => (
+                  <tr key={inv.id} className="hover:bg-ink-50/50 transition">
+                    <td className="px-5 py-3">
+                      <Link to={`/app/invoices/${inv.id}`} className="font-medium text-ink-900 hover:text-brand-600">
+                        {inv.number}
+                      </Link>
+                      {inv.caseTitle && (
+                        <p className="text-xs text-ink-500 truncate max-w-[260px]">{inv.caseTitle}</p>
+                      )}
+                    </td>
+                    <td className="px-5 py-3 text-ink-700">
+                      <Link to={`/app/clients/${inv.clientId}`} className="hover:text-brand-600">
+                        {inv.clientName}
+                      </Link>
+                    </td>
+                    <td className="px-5 py-3">
+                      <Badge tone={STATUS_TONES[inv.status]}>{inv.status}</Badge>
+                    </td>
+                    <td className="px-5 py-3 text-right font-semibold text-ink-900 tabular-nums">
+                      {formatMoney(inv.total)}
+                    </td>
+                    <td className="px-5 py-3 text-ink-500">{formatDate(inv.issuedAt)}</td>
+                    <td className="px-5 py-3 text-ink-500">{formatDate(inv.dueAt)}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+      </Card>
+
+      <CreateInvoiceDrawer open={drawerOpen} onClose={() => setDrawerOpen(false)} />
+    </div>
+  );
+}
+
+function FilterPill({
+  active,
+  onClick,
+  children,
+}: {
+  active: boolean;
+  onClick: () => void;
+  children: React.ReactNode;
+}) {
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className={
+        'rounded-full px-3 py-1.5 text-xs font-semibold capitalize transition ' +
+        (active ? 'bg-brand-500 text-white' : 'bg-white border border-ink-200 text-ink-600 hover:bg-ink-50')
+      }
+    >
+      {children}
+    </button>
+  );
+}
diff --git a/apps/web/src/pages/app/TimePage.tsx b/apps/web/src/pages/app/TimePage.tsx
new file mode 100644
index 0000000..a5709ac
--- /dev/null
+++ b/apps/web/src/pages/app/TimePage.tsx
@@ -0,0 +1,196 @@
+import { useMemo, useState } from 'react';
+import { Link } from 'react-router-dom';
+import { Plus, Clock, Trash2, ChevronLeft, ChevronRight } from 'lucide-react';
+import { PageHeader } from '@/components/app/AppLayout';
+import { Card, EmptyState } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Badge } from '@/components/ui/Badge';
+import { ManualEntryDrawer } from '@/components/app/ManualEntryDrawer';
+import { useTimeEntries, useDeleteTimeEntry, type TimeEntry } from '@/hooks/useTime';
+import { formatHours, formatMoney } from '@/lib/format';
+
+function startOfWeek(d: Date): Date {
+  const x = new Date(d);
+  x.setHours(0, 0, 0, 0);
+  const day = x.getDay(); // 0 Sun .. 6 Sat
+  const diff = day === 0 ? -6 : 1 - day; // make Monday the start
+  x.setDate(x.getDate() + diff);
+  return x;
+}
+
+function addDays(d: Date, n: number): Date {
+  const x = new Date(d);
+  x.setDate(x.getDate() + n);
+  return x;
+}
+
+function ymd(d: Date): string {
+  return d.toISOString().slice(0, 10);
+}
+
+function formatRange(weekStart: Date): string {
+  const end = addDays(weekStart, 6);
+  const fmt: Intl.DateTimeFormatOptions = { month: 'short', day: 'numeric' };
+  return `${weekStart.toLocaleDateString(undefined, fmt)} – ${end.toLocaleDateString(undefined, { ...fmt, year: 'numeric' })}`;
+}
+
+function entryAmount(e: TimeEntry): number {
+  if (!e.billable) return 0;
+  return (Number(e.rate) || 0) * (e.minutes / 60);
+}
+
+export default function TimePage() {
+  const [weekStart, setWeekStart] = useState(() => startOfWeek(new Date()));
+  const [drawerOpen, setDrawerOpen] = useState(false);
+
+  const from = weekStart.toISOString();
+  const to = addDays(weekStart, 7).toISOString();
+
+  const list = useTimeEntries({ from, to });
+  const del = useDeleteTimeEntry();
+
+  const grouped = useMemo(() => {
+    const map = new Map<string, TimeEntry[]>();
+    for (const e of list.data?.items ?? []) {
+      const key = ymd(new Date(e.startedAt));
+      const arr = map.get(key) ?? [];
+      arr.push(e);
+      map.set(key, arr);
+    }
+    return map;
+  }, [list.data]);
+
+  const totalMinutes = (list.data?.items ?? []).reduce((acc, e) => acc + e.minutes, 0);
+  const billableAmount = (list.data?.items ?? []).reduce((acc, e) => acc + entryAmount(e), 0);
+
+  return (
+    <div className="px-6 lg:px-10 py-8 max-w-7xl mx-auto w-full">
+      <PageHeader
+        title="Time"
+        description="Track billable and non-billable work."
+        action={
+          <Button onClick={() => setDrawerOpen(true)}>
+            <Plus className="h-4 w-4" />
+            Log time
+          </Button>
+        }
+      />
+
+      <Card className="mb-6">
+        <div className="flex items-center justify-between gap-4 px-5 py-4">
+          <div className="flex items-center gap-2">
+            <button
+              type="button"
+              onClick={() => setWeekStart((d) => addDays(d, -7))}
+              className="grid h-8 w-8 place-items-center rounded-lg border border-ink-200 hover:bg-ink-50"
+            >
+              <ChevronLeft className="h-4 w-4" />
+            </button>
+            <button
+              type="button"
+              onClick={() => setWeekStart(startOfWeek(new Date()))}
+              className="px-3 py-1.5 text-xs font-medium rounded-lg border border-ink-200 hover:bg-ink-50"
+            >
+              This week
+            </button>
+            <button
+              type="button"
+              onClick={() => setWeekStart((d) => addDays(d, 7))}
+              className="grid h-8 w-8 place-items-center rounded-lg border border-ink-200 hover:bg-ink-50"
+            >
+              <ChevronRight className="h-4 w-4" />
+            </button>
+            <span className="ml-2 text-sm text-ink-700">{formatRange(weekStart)}</span>
+          </div>
+
+          <div className="flex items-center gap-6 text-sm">
+            <div>
+              <p className="text-xs uppercase tracking-wider text-ink-500">Total</p>
+              <p className="font-semibold text-ink-900">{formatHours(totalMinutes)}</p>
+            </div>
+            <div>
+              <p className="text-xs uppercase tracking-wider text-ink-500">Billable</p>
+              <p className="font-semibold text-ink-900">{formatMoney(billableAmount)}</p>
+            </div>
+          </div>
+        </div>
+      </Card>
+
+      {list.isLoading ? (
+        <Card>
+          <div className="px-6 py-16 text-center text-sm text-ink-500">Loading…</div>
+        </Card>
+      ) : !list.data?.items.length ? (
+        <Card>
+          <EmptyState
+            icon={<Clock className="h-5 w-5" />}
+            title="No time logged this week"
+            description="Start the timer in the topbar, or log time manually."
+            action={
+              <Button onClick={() => setDrawerOpen(true)}>
+                <Plus className="h-4 w-4" />
+                Log time
+              </Button>
+            }
+          />
+        </Card>
+      ) : (
+        <div className="space-y-4">
+          {Array.from({ length: 7 }).map((_, i) => {
+            const day = addDays(weekStart, i);
+            const items = grouped.get(ymd(day)) ?? [];
+            if (!items.length) return null;
+            const dayMinutes = items.reduce((acc, e) => acc + e.minutes, 0);
+            return (
+              <Card key={i}>
+                <div className="flex items-center justify-between border-b border-ink-100 px-5 py-3">
+                  <p className="text-sm font-semibold text-ink-900">
+                    {day.toLocaleDateString(undefined, { weekday: 'long', month: 'short', day: 'numeric' })}
+                  </p>
+                  <p className="text-xs text-ink-500">{formatHours(dayMinutes)}</p>
+                </div>
+                <ul className="divide-y divide-ink-100">
+                  {items.map((e) => (
+                    <li key={e.id} className="flex items-center gap-4 px-5 py-3 hover:bg-ink-50/50">
+                      <div className="min-w-0 flex-1">
+                        <p className="text-sm text-ink-900 truncate">{e.description}</p>
+                        <p className="text-xs text-ink-500 mt-0.5 truncate">
+                          <Link to={`/app/cases/${e.caseId}`} className="hover:text-brand-600">
+                            {e.caseTitle}
+                          </Link>{' '}
+                          · {e.clientName}
+                        </p>
+                      </div>
+                      <div className="text-right">
+                        <p className="text-sm font-semibold text-ink-900 tabular-nums">{formatHours(e.minutes)}</p>
+                        <p className="text-xs text-ink-500">{e.billable ? formatMoney(entryAmount(e)) : 'Non-billable'}</p>
+                      </div>
+                      {e.invoiceItemId ? (
+                        <Badge tone="brand">Invoiced</Badge>
+                      ) : !e.endedAt ? (
+                        <Badge tone="emerald">Running</Badge>
+                      ) : (
+                        <button
+                          type="button"
+                          onClick={() => {
+                            if (confirm('Delete this time entry?')) del.mutate(e.id);
+                          }}
+                          className="grid h-8 w-8 place-items-center rounded-lg text-ink-400 hover:text-rose-600 hover:bg-rose-50 transition"
+                          aria-label="Delete entry"
+                        >
+                          <Trash2 className="h-4 w-4" />
+                        </button>
+                      )}
+                    </li>
+                  ))}
+                </ul>
+              </Card>
+            );
+          })}
+        </div>
+      )}
+
+      <ManualEntryDrawer open={drawerOpen} onClose={() => setDrawerOpen(false)} />
+    </div>
+  );
+}
diff --git a/apps/web/src/pages/billing/BillingCancelPage.tsx b/apps/web/src/pages/billing/BillingCancelPage.tsx
new file mode 100644
index 0000000..a816625
--- /dev/null
+++ b/apps/web/src/pages/billing/BillingCancelPage.tsx
@@ -0,0 +1,33 @@
+import { Link } from 'react-router-dom';
+import { XCircle, ArrowRight } from 'lucide-react';
+import { PublicLayout } from '@/components/public/PublicLayout';
+import { Button } from '@/components/ui/Button';
+
+export default function BillingCancelPage() {
+  return (
+    <PublicLayout>
+      <section className="container py-20 max-w-2xl text-center">
+        <div className="mx-auto grid h-16 w-16 place-items-center rounded-2xl bg-ink-100 text-ink-500">
+          <XCircle className="h-8 w-8" />
+        </div>
+        <h1 className="mt-6 text-3xl md:text-4xl font-bold text-ink-950 font-display">
+          Checkout cancelled
+        </h1>
+        <p className="mt-3 text-lg text-ink-600">
+          No charge was made. Your plan is unchanged.
+        </p>
+        <div className="mt-8 flex items-center justify-center gap-2">
+          <Link to="/app/settings">
+            <Button>
+              Back to settings
+              <ArrowRight className="h-4 w-4" />
+            </Button>
+          </Link>
+          <Link to="/#pricing">
+            <Button variant="secondary">See plans</Button>
+          </Link>
+        </div>
+      </section>
+    </PublicLayout>
+  );
+}
diff --git a/apps/web/src/pages/billing/BillingSuccessPage.tsx b/apps/web/src/pages/billing/BillingSuccessPage.tsx
new file mode 100644
index 0000000..01d22ec
--- /dev/null
+++ b/apps/web/src/pages/billing/BillingSuccessPage.tsx
@@ -0,0 +1,51 @@
+import { useEffect } from 'react';
+import { Link, useNavigate } from 'react-router-dom';
+import { CheckCircle2, ArrowRight } from 'lucide-react';
+import { PublicLayout } from '@/components/public/PublicLayout';
+import { Button } from '@/components/ui/Button';
+import { useQueryClient } from '@tanstack/react-query';
+
+export default function BillingSuccessPage() {
+  const navigate = useNavigate();
+  const qc = useQueryClient();
+
+  // Refresh billing/me state when the user lands here from Stripe
+  useEffect(() => {
+    qc.invalidateQueries();
+  }, [qc]);
+
+  return (
+    <PublicLayout>
+      <section className="container py-20 max-w-2xl text-center">
+        <div className="mx-auto grid h-16 w-16 place-items-center rounded-2xl bg-emerald-100 text-emerald-600">
+          <CheckCircle2 className="h-8 w-8" />
+        </div>
+        <h1 className="mt-6 text-3xl md:text-4xl font-bold text-ink-950 font-display">
+          You're upgraded
+        </h1>
+        <p className="mt-3 text-lg text-ink-600">
+          Stripe has confirmed your payment. Your firm's plan is being updated — usually within a
+          few seconds. A confirmation email is on its way.
+        </p>
+        <div className="mt-8 flex items-center justify-center gap-2">
+          <Link to="/app">
+            <Button>
+              Open dashboard
+              <ArrowRight className="h-4 w-4" />
+            </Button>
+          </Link>
+          <Link to="/app/settings">
+            <Button variant="secondary">Manage billing</Button>
+          </Link>
+        </div>
+        <p className="mt-8 text-xs text-ink-500">
+          If your plan still shows as Starter after a minute,{' '}
+          <button onClick={() => navigate(0)} className="underline hover:text-ink-700">
+            refresh
+          </button>{' '}
+          this page.
+        </p>
+      </section>
+    </PublicLayout>
+  );
+}
diff --git a/apps/web/src/pages/blog/BlogIndexPage.tsx b/apps/web/src/pages/blog/BlogIndexPage.tsx
new file mode 100644
index 0000000..5023d03
--- /dev/null
+++ b/apps/web/src/pages/blog/BlogIndexPage.tsx
@@ -0,0 +1,48 @@
+import { Link } from 'react-router-dom';
+import { Clock } from 'lucide-react';
+import { PublicLayout, PublicHero } from '@/components/public/PublicLayout';
+import { POSTS } from '@/content/posts';
+import { formatDate } from '@/lib/format';
+
+export default function BlogIndexPage() {
+  return (
+    <PublicLayout>
+      <PublicHero
+        eyebrow="Blog"
+        title="Practical writing for legal professionals"
+        description="Tactics, frameworks, and short reads on running a profitable, well-organized practice."
+      />
+
+      <section className="container py-16">
+        <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+          {POSTS.map((p) => (
+            <Link
+              key={p.slug}
+              to={`/blog/${p.slug}`}
+              className="group rounded-2xl border border-ink-100 bg-white overflow-hidden hover:border-brand-200 hover:shadow-lg hover:shadow-brand-500/5 transition flex flex-col"
+            >
+              <div className="aspect-[16/9] bg-gradient-to-br from-brand-100 via-brand-50 to-white relative">
+                <div className="absolute inset-0 grid place-items-center">
+                  <span className="text-4xl font-bold text-brand-300/50 font-display select-none">
+                    {p.title.split(' ').slice(0, 2).join(' ')}
+                  </span>
+                </div>
+              </div>
+              <div className="p-6 flex flex-col flex-1">
+                <p className="text-xs text-ink-500">{formatDate(p.publishedAt)}</p>
+                <h3 className="mt-2 text-lg font-semibold text-ink-900 group-hover:text-brand-700 transition leading-snug">
+                  {p.title}
+                </h3>
+                <p className="mt-2 text-sm text-ink-600 leading-relaxed flex-1 line-clamp-3">{p.description}</p>
+                <p className="mt-4 inline-flex items-center gap-1.5 text-xs text-ink-500">
+                  <Clock className="h-3.5 w-3.5" />
+                  {p.readMinutes} min read
+                </p>
+              </div>
+            </Link>
+          ))}
+        </div>
+      </section>
+    </PublicLayout>
+  );
+}
diff --git a/apps/web/src/pages/blog/BlogPostPage.tsx b/apps/web/src/pages/blog/BlogPostPage.tsx
new file mode 100644
index 0000000..a63af8c
--- /dev/null
+++ b/apps/web/src/pages/blog/BlogPostPage.tsx
@@ -0,0 +1,119 @@
+import { Link, useParams } from 'react-router-dom';
+import { ArrowLeft, Clock, Info, AlertTriangle } from 'lucide-react';
+import { PublicLayout } from '@/components/public/PublicLayout';
+import { getPost, type Block } from '@/content/posts';
+import { formatDate } from '@/lib/format';
+import { cn } from '@/lib/cn';
+
+export default function BlogPostPage() {
+  const { slug } = useParams<{ slug: string }>();
+  const post = slug ? getPost(slug) : undefined;
+
+  if (!post) {
+    return (
+      <PublicLayout>
+        <section className="container py-24 max-w-2xl text-center">
+          <h1 className="text-2xl font-bold text-ink-950 font-display">Post not found</h1>
+          <Link to="/blog" className="mt-4 inline-block text-brand-600 hover:text-brand-700">
+            ← Back to blog
+          </Link>
+        </section>
+      </PublicLayout>
+    );
+  }
+
+  return (
+    <PublicLayout>
+      <article className="container py-12 max-w-3xl">
+        <Link to="/blog" className="inline-flex items-center gap-1.5 text-sm text-ink-500 hover:text-ink-800 mb-6">
+          <ArrowLeft className="h-4 w-4" />
+          All posts
+        </Link>
+
+        <header className="mb-10">
+          <p className="text-xs uppercase tracking-wider text-brand-600 font-semibold">Blog</p>
+          <h1 className="mt-3 text-3xl md:text-5xl font-bold text-ink-950 font-display leading-tight">
+            {post.title}
+          </h1>
+          <p className="mt-4 text-lg text-ink-600 leading-relaxed">{post.description}</p>
+          <div className="mt-6 flex items-center gap-3 text-sm text-ink-500">
+            <span>{post.author}</span>
+            <span className="text-ink-300">·</span>
+            <span>{formatDate(post.publishedAt)}</span>
+            <span className="text-ink-300">·</span>
+            <span className="inline-flex items-center gap-1.5">
+              <Clock className="h-3.5 w-3.5" />
+              {post.readMinutes} min read
+            </span>
+          </div>
+        </header>
+
+        <div className="space-y-5">
+          {post.body.map((b, i) => (
+            <RenderBlock key={i} block={b} />
+          ))}
+        </div>
+
+        <footer className="mt-16 border-t border-ink-100 pt-8 flex items-center justify-between">
+          <Link to="/blog" className="text-sm text-brand-600 hover:text-brand-700">
+            ← All posts
+          </Link>
+          <Link to="/signup" className="btn-primary text-sm">
+            Try eLegal Software free
+          </Link>
+        </footer>
+      </article>
+    </PublicLayout>
+  );
+}
+
+function RenderBlock({ block }: { block: Block }) {
+  switch (block.type) {
+    case 'p':
+      return <p className="text-ink-800 leading-relaxed">{block.text}</p>;
+    case 'h2':
+      return <h2 className="mt-10 text-2xl md:text-3xl font-bold text-ink-950 font-display">{block.text}</h2>;
+    case 'h3':
+      return <h3 className="mt-8 text-xl font-semibold text-ink-900 font-display">{block.text}</h3>;
+    case 'ul':
+      return (
+        <ul className="list-disc pl-6 space-y-2 text-ink-800">
+          {block.items.map((item, i) => (
+            <li key={i}>{item}</li>
+          ))}
+        </ul>
+      );
+    case 'ol':
+      return (
+        <ol className="list-decimal pl-6 space-y-2 text-ink-800">
+          {block.items.map((item, i) => (
+            <li key={i}>{item}</li>
+          ))}
+        </ol>
+      );
+    case 'quote':
+      return (
+        <blockquote className="border-l-4 border-brand-500 pl-4 italic text-ink-700">{block.text}</blockquote>
+      );
+    case 'callout': {
+      const tone = block.tone;
+      const Icon = tone === 'amber' ? AlertTriangle : Info;
+      return (
+        <div
+          className={cn(
+            'rounded-2xl p-5 my-2 flex items-start gap-3',
+            tone === 'amber'
+              ? 'border border-amber-200 bg-amber-50/50 text-amber-900'
+              : 'border border-brand-200 bg-brand-50/50 text-ink-800',
+          )}
+        >
+          <Icon className={cn('h-5 w-5 flex-none mt-0.5', tone === 'amber' ? 'text-amber-600' : 'text-brand-600')} />
+          <div>
+            <p className="font-semibold">{block.title}</p>
+            <p className="mt-1 text-sm leading-relaxed">{block.text}</p>
+          </div>
+        </div>
+      );
+    }
+  }
+}
diff --git a/apps/web/src/pages/legal/CookiesPage.tsx b/apps/web/src/pages/legal/CookiesPage.tsx
new file mode 100644
index 0000000..e4df763
--- /dev/null
+++ b/apps/web/src/pages/legal/CookiesPage.tsx
@@ -0,0 +1,86 @@
+import { Link } from 'react-router-dom';
+import { LegalLayout, H2, P, UL } from './LegalLayout';
+
+export default function CookiesPage() {
+  return (
+    <LegalLayout title="Cookie Policy" effectiveDate="April 2026">
+      <P>
+        This page explains the cookies eLegal Software sets, what they are for, and how to control
+        them.
+      </P>
+
+      <H2>What is a cookie?</H2>
+      <P>
+        A cookie is a small piece of data a website asks your browser to store on your device.
+        It can be read back later by the same site. We use a small number of cookies and
+        nothing else (no localStorage tracking, no fingerprinting).
+      </P>
+
+      <H2>Cookies we set</H2>
+      <table className="w-full border border-ink-200 rounded-xl overflow-hidden text-sm">
+        <thead className="bg-ink-50 text-left text-xs uppercase tracking-wider text-ink-500">
+          <tr>
+            <th className="px-4 py-2">Name</th>
+            <th className="px-4 py-2">Purpose</th>
+            <th className="px-4 py-2">Lifetime</th>
+            <th className="px-4 py-2">Type</th>
+          </tr>
+        </thead>
+        <tbody className="divide-y divide-ink-100">
+          <tr>
+            <td className="px-4 py-3 font-mono text-xs">sid</td>
+            <td className="px-4 py-3">Keeps you signed in. Holds an opaque session identifier whose hash is stored in our database.</td>
+            <td className="px-4 py-3">30 days (sliding)</td>
+            <td className="px-4 py-3">Essential</td>
+          </tr>
+          <tr>
+            <td className="px-4 py-3 font-mono text-xs">csrf</td>
+            <td className="px-4 py-3">Cross-site request forgery protection. Echoed back as a header on state-changing requests.</td>
+            <td className="px-4 py-3">Session</td>
+            <td className="px-4 py-3">Essential</td>
+          </tr>
+          <tr>
+            <td className="px-4 py-3 font-mono text-xs">elegal:cookie-consent</td>
+            <td className="px-4 py-3">
+              Stored in <span className="font-mono">localStorage</span>, not as a cookie. Records your cookie banner choice
+              so we don&apos;t ask again.
+            </td>
+            <td className="px-4 py-3">Until cleared</td>
+            <td className="px-4 py-3">Essential</td>
+          </tr>
+        </tbody>
+      </table>
+
+      <H2>Optional cookies</H2>
+      <P>
+        We do not currently set any optional analytics or advertising cookies. If we add any in
+        the future, we will update this page and re-prompt you for consent.
+      </P>
+
+      <H2>Third parties</H2>
+      <UL
+        items={[
+          'Payment processor — when you check out, our payments processor may set its own cookies on its own domain. Those are governed by its policy.',
+          'Error reporting — Sentry runs only when an error occurs and does not set cookies on your device under our domain.',
+        ]}
+      />
+
+      <H2>Controlling cookies</H2>
+      <UL
+        items={[
+          'You can clear or block cookies in your browser settings. Blocking the essential cookies will sign you out and may prevent you from using the service.',
+          'You can change your banner choice anytime from Settings → Cookie preferences while signed in.',
+        ]}
+      />
+
+      <H2>More information</H2>
+      <P>
+        For details on the broader handling of personal information, see the{' '}
+        <Link to="/legal/privacy" className="text-brand-600 hover:underline">
+          Privacy Policy
+        </Link>
+        .
+      </P>
+    </LegalLayout>
+  );
+}
diff --git a/apps/web/src/pages/legal/LegalLayout.tsx b/apps/web/src/pages/legal/LegalLayout.tsx
new file mode 100644
index 0000000..4675010
--- /dev/null
+++ b/apps/web/src/pages/legal/LegalLayout.tsx
@@ -0,0 +1,78 @@
+import type { ReactNode } from 'react';
+import { Link } from 'react-router-dom';
+import { AlertTriangle } from 'lucide-react';
+import { PublicLayout } from '@/components/public/PublicLayout';
+
+const LINKS = [
+  { to: '/legal/privacy', label: 'Privacy Policy' },
+  { to: '/legal/terms', label: 'Terms of Service' },
+  { to: '/legal/cookies', label: 'Cookie Policy' },
+];
+
+export function LegalLayout({
+  title,
+  effectiveDate,
+  children,
+}: {
+  title: string;
+  effectiveDate: string;
+  children: ReactNode;
+}) {
+  return (
+    <PublicLayout>
+      <section className="container py-12 max-w-4xl">
+        <header className="mb-8">
+          <p className="text-xs uppercase tracking-wider text-brand-600 font-semibold">Legal</p>
+          <h1 className="mt-2 text-3xl md:text-4xl font-bold text-ink-950 font-display">{title}</h1>
+          <p className="mt-2 text-sm text-ink-500">Effective {effectiveDate}</p>
+        </header>
+
+        <div className="rounded-2xl border border-amber-200 bg-amber-50/40 p-4 mb-8 flex items-start gap-3 text-sm text-amber-900">
+          <AlertTriangle className="h-4 w-4 flex-none mt-0.5 text-amber-600" />
+          <p>
+            <strong className="font-semibold">Template notice:</strong> these documents are
+            starting points that the eLegal Software team has drafted in plain English. Before you put
+            them on a production site, have a licensed attorney in your jurisdiction review and
+            adapt them to your business and applicable law.
+          </p>
+        </div>
+
+        <nav className="mb-10 flex flex-wrap gap-2">
+          {LINKS.map((l) => (
+            <Link
+              key={l.to}
+              to={l.to}
+              className="rounded-full border border-ink-200 px-3 py-1.5 text-xs font-medium text-ink-600 hover:border-brand-200 hover:bg-brand-50/30 hover:text-brand-700 transition"
+            >
+              {l.label}
+            </Link>
+          ))}
+        </nav>
+
+        <article className="prose-style space-y-5">{children}</article>
+      </section>
+    </PublicLayout>
+  );
+}
+
+export function H2({ children }: { children: ReactNode }) {
+  return <h2 className="mt-10 text-xl md:text-2xl font-bold text-ink-950 font-display">{children}</h2>;
+}
+
+export function H3({ children }: { children: ReactNode }) {
+  return <h3 className="mt-6 text-lg font-semibold text-ink-900 font-display">{children}</h3>;
+}
+
+export function P({ children }: { children: ReactNode }) {
+  return <p className="text-ink-800 leading-relaxed">{children}</p>;
+}
+
+export function UL({ items }: { items: ReactNode[] }) {
+  return (
+    <ul className="list-disc pl-6 space-y-2 text-ink-800">
+      {items.map((item, i) => (
+        <li key={i}>{item}</li>
+      ))}
+    </ul>
+  );
+}
diff --git a/apps/web/src/pages/legal/PrivacyPage.tsx b/apps/web/src/pages/legal/PrivacyPage.tsx
new file mode 100644
index 0000000..6ab771d
--- /dev/null
+++ b/apps/web/src/pages/legal/PrivacyPage.tsx
@@ -0,0 +1,139 @@
+import { Link } from 'react-router-dom';
+import { LegalLayout, H2, H3, P, UL } from './LegalLayout';
+
+export default function PrivacyPage() {
+  return (
+    <LegalLayout title="Privacy Policy" effectiveDate="April 2026">
+      <P>
+        This policy explains what information eLegal Software collects, why we collect it, and the
+        choices you have. We aim for plain language. Where a term has a specific legal meaning,
+        we say so.
+      </P>
+
+      <H2>1. Who we are</H2>
+      <P>
+        eLegal Software (&ldquo;we,&rdquo; &ldquo;us&rdquo;) provides practice-management software for
+        law firms. When you use the service we are the data controller for the information you
+        provide about yourself and your firm. For information your firm uploads about its
+        clients, your firm is the controller and we act as a processor.
+      </P>
+
+      <H2>2. Information we collect</H2>
+      <H3>2.1 Information you give us</H3>
+      <UL
+        items={[
+          'Account information — your name, email address, password (stored only as an argon2id hash), and firm name.',
+          'Practice data — clients, cases, documents, time entries, invoices, and notes you create or upload.',
+          'Communications — messages you send through the contact form, support requests, and email replies.',
+          'Payment information — handled by our payments processor; we never see or store your full card number.',
+        ]}
+      />
+      <H3>2.2 Information we collect automatically</H3>
+      <UL
+        items={[
+          'Log data — IP address, user agent, requested URL, response status, and timestamp. Used for security and debugging.',
+          'Cookies — see the Cookie Policy.',
+          'Aggregate usage — anonymous counts of feature use to help us prioritize improvements.',
+        ]}
+      />
+
+      <H2>3. How we use information</H2>
+      <UL
+        items={[
+          'To operate the service — let you sign in, store your data, generate documents, send invoices.',
+          'To keep accounts secure — rate limiting, anomaly detection, audit logging of privileged actions.',
+          'To support you — respond to questions and resolve issues you report.',
+          'To improve — understand what is working and what is not, in aggregate.',
+          'To comply with law — respond to legal requests, prevent fraud, and enforce our Terms.',
+        ]}
+      />
+      <P>
+        We do not sell your information. We do not use your firm&apos;s practice data to train
+        machine-learning models.
+      </P>
+
+      <H2>4. Where data is stored</H2>
+      <P>
+        Your data is stored on infrastructure operated by DigitalOcean in the region you
+        select. Database backups are encrypted at rest and retained for 30 days. We use TLS for
+        all data in transit.
+      </P>
+
+      <H2>5. Sharing</H2>
+      <P>We share information only with the parties listed below, and only as needed to operate the service:</P>
+      <UL
+        items={[
+          'Hosting and database — DigitalOcean (managed Postgres, app hosting, Spaces object storage).',
+          'Email — our transactional email provider, used to deliver verification, password resets, and invoices.',
+          'Payments — our payments processor, for subscription billing.',
+          'Error monitoring — Sentry, used to capture crashes; we do not send personal practice data to Sentry.',
+        ]}
+      />
+      <P>
+        We may share information when required by law, valid legal process, or to protect the
+        rights, safety, or property of eLegal Software, our users, or others.
+      </P>
+
+      <H2>6. Your rights</H2>
+      <P>
+        Depending on where you live, you may have the right to access, correct, port, or delete
+        your personal information, and to object to or restrict certain processing. You can
+        exercise most of these rights directly inside the app:
+      </P>
+      <UL
+        items={[
+          'Access and portability — go to Settings → Export your data to download a JSON file with everything tied to your account.',
+          'Deletion — go to Settings → Delete account. We will permanently remove your account, your firm, and the firm’s practice data.',
+          'Correction — edit your profile, clients, cases, time entries, invoices, and documents directly.',
+        ]}
+      />
+      <P>
+        For requests we cannot satisfy in-app, email <a href="mailto:privacy@elegalsoftware.com" className="text-brand-600 hover:underline">privacy@elegalsoftware.com</a>.
+      </P>
+
+      <H2>7. Retention</H2>
+      <UL
+        items={[
+          'Account and practice data: kept until you delete it, or up to 30 days after account deletion (in encrypted backups), then purged.',
+          'Audit log: kept for 24 months.',
+          'Payment records: kept as required by tax and accounting laws (typically 7 years).',
+          'Server logs: kept for 30 days.',
+        ]}
+      />
+
+      <H2>8. International transfers</H2>
+      <P>
+        If you access the service from a country other than where the data is hosted, your
+        information may be transferred to and stored in that hosting region. We use standard
+        contractual clauses with our processors where required.
+      </P>
+
+      <H2>9. Children</H2>
+      <P>
+        The service is not directed to children under 16, and we do not knowingly collect
+        personal information from them.
+      </P>
+
+      <H2>10. Changes to this policy</H2>
+      <P>
+        We will post material changes here and update the effective date. If a change is
+        significant we will notify account holders by email at least 14 days before it takes
+        effect.
+      </P>
+
+      <H2>11. Contact</H2>
+      <P>
+        Questions or requests: <a href="mailto:privacy@elegalsoftware.com" className="text-brand-600 hover:underline">privacy@elegalsoftware.com</a>.
+        For details on the cookies we set, see the{' '}
+        <Link to="/legal/cookies" className="text-brand-600 hover:underline">
+          Cookie Policy
+        </Link>
+        . For the contract that governs your use of the service, see the{' '}
+        <Link to="/legal/terms" className="text-brand-600 hover:underline">
+          Terms of Service
+        </Link>
+        .
+      </P>
+    </LegalLayout>
+  );
+}
diff --git a/apps/web/src/pages/legal/TermsPage.tsx b/apps/web/src/pages/legal/TermsPage.tsx
new file mode 100644
index 0000000..d8b6577
--- /dev/null
+++ b/apps/web/src/pages/legal/TermsPage.tsx
@@ -0,0 +1,134 @@
+import { Link } from 'react-router-dom';
+import { LegalLayout, H2, P, UL } from './LegalLayout';
+
+export default function TermsPage() {
+  return (
+    <LegalLayout title="Terms of Service" effectiveDate="April 2026">
+      <P>
+        These Terms govern your access to and use of eLegal Software. By creating an account or using
+        the service, you agree to them. If you are using eLegal Software on behalf of a firm, you
+        represent that you have authority to bind that firm to these Terms.
+      </P>
+
+      <H2>1. The service</H2>
+      <P>
+        eLegal Software is software that helps law firms manage cases, track billable hours, store
+        documents, and produce invoices. We provide the software; you remain responsible for
+        the legal work and the relationships with your own clients.
+      </P>
+
+      <H2>2. Your account</H2>
+      <UL
+        items={[
+          'You are responsible for safeguarding your password and for any activity under your account.',
+          'Notify us promptly if you suspect unauthorized access.',
+          'You must provide accurate registration information and keep it current.',
+          'One person, one account. Sharing accounts is not permitted.',
+        ]}
+      />
+
+      <H2>3. Acceptable use</H2>
+      <P>You agree not to:</P>
+      <UL
+        items={[
+          'Use the service to violate any law or the rights of another person.',
+          'Attempt to access accounts, data, or systems you are not authorized to access.',
+          'Reverse engineer, scrape, or interfere with the service or its security features.',
+          'Upload malware or content that is illegal, infringing, or harmful.',
+          'Resell or sublicense the service without our written consent.',
+        ]}
+      />
+
+      <H2>4. Plans, fees, and trials</H2>
+      <UL
+        items={[
+          'Paid plans renew automatically until canceled. You can cancel anytime from billing settings.',
+          'Fees are charged in advance for each subscription period and are non-refundable except where required by law.',
+          'We may change pricing with at least 30 days’ notice. Existing paid periods are honored at the prior price.',
+          'Trial accounts and the free Starter plan have feature and usage limits. Limits may change as the product evolves.',
+        ]}
+      />
+
+      <H2>5. Your content</H2>
+      <P>
+        You retain ownership of everything you upload (clients, cases, documents, time
+        entries, invoices). You grant us a limited license to host, process, and display that
+        content solely to operate the service for you. We do not use your content to train
+        machine-learning models, and we will not disclose it except as described in our{' '}
+        <Link to="/legal/privacy" className="text-brand-600 hover:underline">
+          Privacy Policy
+        </Link>
+        .
+      </P>
+
+      <H2>6. Confidentiality of your clients’ data</H2>
+      <P>
+        We understand that information about your clients is confidential, often privileged,
+        and subject to professional ethics rules. We treat it accordingly: encrypted in transit
+        and at rest, scoped to your firm by our access-control system, and accessible to our
+        staff only as strictly needed to operate the service or respond to a support request
+        you initiate.
+      </P>
+
+      <H2>7. Suspension and termination</H2>
+      <UL
+        items={[
+          'You may terminate your account anytime from Settings → Delete account.',
+          'We may suspend or terminate accounts that violate these Terms, present a security risk, or are inactive for an extended period (we will notify you first where reasonably possible).',
+          'On termination, you can export your data for up to 30 days; after that, your data is permanently deleted from our active systems and from backups within the following 30 days.',
+        ]}
+      />
+
+      <H2>8. Service availability</H2>
+      <P>
+        We aim for high availability but do not guarantee uninterrupted service. We schedule
+        maintenance during low-traffic windows and post notices for significant changes.
+      </P>
+
+      <H2>9. Disclaimer</H2>
+      <P>
+        The service is provided &ldquo;as is.&rdquo; To the maximum extent permitted by law, we
+        disclaim all warranties, express or implied, including merchantability, fitness for a
+        particular purpose, and non-infringement. eLegal Software is software, not a substitute for
+        professional legal judgment. Use of the service does not create an attorney–client
+        relationship between you and eLegal Software.
+      </P>
+
+      <H2>10. Limitation of liability</H2>
+      <P>
+        To the maximum extent permitted by law, our total liability for any claim arising out
+        of or related to the service is limited to the amount you paid us in the 12 months
+        preceding the event giving rise to the claim. We are not liable for indirect,
+        incidental, special, consequential, or punitive damages, or for lost profits or
+        revenues.
+      </P>
+
+      <H2>11. Indemnification</H2>
+      <P>
+        You agree to indemnify and hold us harmless from any claims, losses, or expenses
+        arising out of (a) your use of the service in violation of these Terms or applicable
+        law, or (b) your content.
+      </P>
+
+      <H2>12. Changes to the Terms</H2>
+      <P>
+        We may update these Terms from time to time. Material changes take effect 30 days after
+        we post them, or sooner if required by law. Continued use after the effective date
+        means you accept the updated Terms.
+      </P>
+
+      <H2>13. Governing law and disputes</H2>
+      <P>
+        These Terms are governed by the laws of the jurisdiction stated in your account region
+        without regard to conflict-of-laws rules. The parties will attempt to resolve any
+        dispute in good faith. Where that fails, disputes will be resolved by the courts
+        located in that jurisdiction unless applicable law requires otherwise.
+      </P>
+
+      <H2>14. Contact</H2>
+      <P>
+        Questions about these Terms: <a href="mailto:legal@elegalsoftware.com" className="text-brand-600 hover:underline">legal@elegalsoftware.com</a>.
+      </P>
+    </LegalLayout>
+  );
+}
diff --git a/apps/web/src/pages/tools/BillableHoursTrackerPage.tsx b/apps/web/src/pages/tools/BillableHoursTrackerPage.tsx
new file mode 100644
index 0000000..fbdf8d9
--- /dev/null
+++ b/apps/web/src/pages/tools/BillableHoursTrackerPage.tsx
@@ -0,0 +1,288 @@
+import { useEffect, useRef, useState } from 'react';
+import { ArrowLeft, Clock, Play, Square, Plus, Download, Trash2 } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { PublicLayout } from '@/components/public/PublicLayout';
+import { Card, CardBody, CardHeader, EmptyState } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Input } from '@/components/ui/Input';
+import { useTrackTool } from '@/hooks/useToolUsage';
+import { formatMoney } from '@/lib/format';
+
+interface Entry {
+  id: string;
+  description: string;
+  matter: string;
+  minutes: number;
+  rate: number;
+  date: string; // YYYY-MM-DD
+}
+
+const STORAGE_KEY = 'lawdesk:tracker-entries';
+
+function loadEntries(): Entry[] {
+  if (typeof localStorage === 'undefined') return [];
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (!raw) return [];
+    return JSON.parse(raw) as Entry[];
+  } catch {
+    return [];
+  }
+}
+
+function saveEntries(entries: Entry[]) {
+  localStorage.setItem(STORAGE_KEY, JSON.stringify(entries));
+}
+
+function fmtElapsed(s: number) {
+  const h = Math.floor(s / 3600);
+  const m = Math.floor((s % 3600) / 60);
+  const sec = s % 60;
+  return h > 0
+    ? `${h}:${String(m).padStart(2, '0')}:${String(sec).padStart(2, '0')}`
+    : `${m}:${String(sec).padStart(2, '0')}`;
+}
+
+function todayLocal() {
+  const d = new Date();
+  d.setMinutes(d.getMinutes() - d.getTimezoneOffset());
+  return d.toISOString().slice(0, 10);
+}
+
+function escapeCsv(v: string) {
+  if (v.includes('"') || v.includes(',') || v.includes('\n')) {
+    return `"${v.replace(/"/g, '""')}"`;
+  }
+  return v;
+}
+
+export default function BillableHoursTrackerPage() {
+  useTrackTool('billable-hours-tracker');
+
+  const [entries, setEntries] = useState<Entry[]>([]);
+  useEffect(() => setEntries(loadEntries()), []);
+
+  // Live timer state
+  const [running, setRunning] = useState<{ startedAt: number; description: string; matter: string; rate: number } | null>(
+    null,
+  );
+  const [, force] = useState(0);
+  const tickRef = useRef<ReturnType<typeof setInterval> | null>(null);
+
+  useEffect(() => {
+    if (running) {
+      tickRef.current = setInterval(() => force((n) => n + 1), 1000);
+      return () => {
+        if (tickRef.current) clearInterval(tickRef.current);
+      };
+    }
+  }, [running]);
+
+  // Form state for the timer + manual entry
+  const [description, setDescription] = useState('');
+  const [matter, setMatter] = useState('');
+  const [rate, setRate] = useState('250');
+  const [manualMinutes, setManualMinutes] = useState('60');
+
+  function startTimer() {
+    if (!description.trim()) return;
+    setRunning({ startedAt: Date.now(), description: description.trim(), matter: matter.trim(), rate: Number(rate) || 0 });
+  }
+
+  function stopTimer() {
+    if (!running) return;
+    const minutes = Math.max(1, Math.round((Date.now() - running.startedAt) / 60000));
+    addEntry({
+      id: crypto.randomUUID(),
+      description: running.description,
+      matter: running.matter,
+      minutes,
+      rate: running.rate,
+      date: todayLocal(),
+    });
+    setRunning(null);
+    setDescription('');
+  }
+
+  function addManual() {
+    const m = Number(manualMinutes);
+    if (!description.trim() || !Number.isFinite(m) || m <= 0) return;
+    addEntry({
+      id: crypto.randomUUID(),
+      description: description.trim(),
+      matter: matter.trim(),
+      minutes: m,
+      rate: Number(rate) || 0,
+      date: todayLocal(),
+    });
+    setDescription('');
+  }
+
+  function addEntry(e: Entry) {
+    const next = [e, ...entries];
+    setEntries(next);
+    saveEntries(next);
+  }
+
+  function removeEntry(id: string) {
+    const next = entries.filter((e) => e.id !== id);
+    setEntries(next);
+    saveEntries(next);
+  }
+
+  function clearAll() {
+    if (!confirm('Delete all entries from this browser?')) return;
+    setEntries([]);
+    saveEntries([]);
+  }
+
+  function exportCsv() {
+    const header = ['Date', 'Matter', 'Description', 'Minutes', 'Rate', 'Amount'];
+    const lines = [header.join(',')];
+    for (const e of entries) {
+      const amount = (e.minutes / 60) * e.rate;
+      lines.push(
+        [e.date, escapeCsv(e.matter), escapeCsv(e.description), e.minutes, e.rate, amount.toFixed(2)].join(','),
+      );
+    }
+    const blob = new Blob([lines.join('\n')], { type: 'text/csv' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `billable-hours-${todayLocal()}.csv`;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(url);
+  }
+
+  const totalMinutes = entries.reduce((s, e) => s + e.minutes, 0);
+  const totalAmount = entries.reduce((s, e) => s + (e.minutes / 60) * e.rate, 0);
+  const elapsed = running ? Math.floor((Date.now() - running.startedAt) / 1000) : 0;
+
+  return (
+    <PublicLayout>
+      <section className="container py-12 max-w-5xl">
+        <Link to="/tools" className="inline-flex items-center gap-1.5 text-sm text-ink-500 hover:text-ink-800 mb-6">
+          <ArrowLeft className="h-4 w-4" />
+          All tools
+        </Link>
+
+        <div className="flex items-center gap-3 mb-6">
+          <div className="grid h-12 w-12 place-items-center rounded-xl bg-brand-50 text-brand-600">
+            <Clock className="h-5 w-5" />
+          </div>
+          <div>
+            <h1 className="text-2xl md:text-3xl font-bold text-ink-950 font-display">Billable Hours Tracker</h1>
+            <p className="text-sm text-ink-600">Saved to your browser, never sent to our server. Export to CSV anytime.</p>
+          </div>
+        </div>
+
+        <div className="grid gap-6 md:grid-cols-5">
+          <Card className="md:col-span-3">
+            <CardHeader title="New entry" description="Start a timer or log time manually." />
+            <CardBody className="space-y-4">
+              <Input label="Matter / case" value={matter} onChange={(e) => setMatter(e.target.value)} placeholder="Smith v. Johnson" />
+              <Input label="What are you working on?" value={description} onChange={(e) => setDescription(e.target.value)} placeholder="Drafting reply brief" />
+              <div className="grid grid-cols-2 gap-4">
+                <Input label="Hourly rate (USD)" type="number" min={0} step="1" value={rate} onChange={(e) => setRate(e.target.value)} />
+                <Input label="Manual minutes" type="number" min={1} step="15" value={manualMinutes} onChange={(e) => setManualMinutes(e.target.value)} />
+              </div>
+
+              {!running ? (
+                <div className="flex flex-wrap items-center gap-2">
+                  <Button onClick={startTimer} disabled={!description.trim()}>
+                    <Play className="h-4 w-4" />
+                    Start timer
+                  </Button>
+                  <Button variant="secondary" onClick={addManual} disabled={!description.trim()}>
+                    <Plus className="h-4 w-4" />
+                    Log manual entry
+                  </Button>
+                </div>
+              ) : (
+                <div className="rounded-xl border border-emerald-200 bg-emerald-50/60 p-4 flex items-center justify-between">
+                  <div>
+                    <p className="text-xs uppercase tracking-wider text-emerald-700">Running</p>
+                    <p className="font-semibold text-emerald-900">{running.description}</p>
+                  </div>
+                  <div className="flex items-center gap-3">
+                    <span className="font-mono text-2xl font-bold text-emerald-900 tabular-nums">{fmtElapsed(elapsed)}</span>
+                    <Button variant="danger" onClick={stopTimer}>
+                      <Square className="h-4 w-4 fill-current" />
+                      Stop
+                    </Button>
+                  </div>
+                </div>
+              )}
+            </CardBody>
+          </Card>
+
+          <Card className="md:col-span-2">
+            <CardHeader title="Today's totals" />
+            <CardBody className="space-y-4">
+              <div>
+                <p className="text-xs uppercase tracking-wider text-ink-500">Hours tracked</p>
+                <p className="text-3xl font-bold font-display text-ink-900 tabular-nums">{(totalMinutes / 60).toFixed(2)}h</p>
+              </div>
+              <div>
+                <p className="text-xs uppercase tracking-wider text-ink-500">Billable amount</p>
+                <p className="text-3xl font-bold font-display text-brand-600 tabular-nums">{formatMoney(totalAmount)}</p>
+              </div>
+              <div className="pt-3 border-t border-ink-100 flex flex-wrap gap-2">
+                <Button size="sm" variant="secondary" onClick={exportCsv} disabled={!entries.length}>
+                  <Download className="h-3.5 w-3.5" />
+                  Export CSV
+                </Button>
+                <Button size="sm" variant="ghost" onClick={clearAll} disabled={!entries.length}>
+                  <Trash2 className="h-3.5 w-3.5" />
+                  Clear all
+                </Button>
+              </div>
+            </CardBody>
+          </Card>
+        </div>
+
+        <Card className="mt-6">
+          <CardHeader title="Entries" description={`${entries.length} entr${entries.length === 1 ? 'y' : 'ies'}`} />
+          {!entries.length ? (
+            <EmptyState icon={<Clock className="h-5 w-5" />} title="Nothing logged yet" description="Start a timer above or add a manual entry." />
+          ) : (
+            <ul className="divide-y divide-ink-100">
+              {entries.map((e) => (
+                <li key={e.id} className="flex items-center gap-4 px-5 py-3 hover:bg-ink-50/50">
+                  <div className="min-w-0 flex-1">
+                    <p className="text-sm text-ink-900 truncate">{e.description}</p>
+                    <p className="text-xs text-ink-500 truncate">
+                      {e.matter || 'No matter'} · {e.date}
+                    </p>
+                  </div>
+                  <div className="text-right">
+                    <p className="text-sm font-semibold text-ink-900 tabular-nums">{(e.minutes / 60).toFixed(2)}h</p>
+                    <p className="text-xs text-ink-500">{formatMoney((e.minutes / 60) * e.rate)}</p>
+                  </div>
+                  <button
+                    type="button"
+                    onClick={() => removeEntry(e.id)}
+                    className="grid h-8 w-8 place-items-center rounded-lg text-ink-400 hover:text-rose-600 hover:bg-rose-50"
+                    aria-label="Delete entry"
+                  >
+                    <Trash2 className="h-4 w-4" />
+                  </button>
+                </li>
+              ))}
+            </ul>
+          )}
+        </Card>
+
+        <div className="mt-6 rounded-2xl border border-brand-200 bg-brand-50/40 p-6 text-sm text-ink-700">
+          <strong className="text-ink-900 font-semibold">Want this synced across devices and tied to client invoices?</strong>{' '}
+          That's exactly what eLegal Software does.{' '}
+          <Link to="/signup" className="font-semibold text-brand-600 hover:text-brand-700">
+            Start free →
+          </Link>
+        </div>
+      </section>
+    </PublicLayout>
+  );
+}
diff --git a/apps/web/src/pages/tools/CaseProfitabilityPage.tsx b/apps/web/src/pages/tools/CaseProfitabilityPage.tsx
new file mode 100644
index 0000000..8c71d79
--- /dev/null
+++ b/apps/web/src/pages/tools/CaseProfitabilityPage.tsx
@@ -0,0 +1,100 @@
+import { useMemo, useState } from 'react';
+import { ArrowLeft, BarChart3 } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { PublicLayout } from '@/components/public/PublicLayout';
+import { Card, CardBody, CardHeader } from '@/components/ui/Card';
+import { Input } from '@/components/ui/Input';
+import { Badge } from '@/components/ui/Badge';
+import { useTrackTool } from '@/hooks/useToolUsage';
+import { formatMoney } from '@/lib/format';
+
+export default function CaseProfitabilityPage() {
+  useTrackTool('case-profitability');
+
+  const [hours, setHours] = useState('40');
+  const [rate, setRate] = useState('250');
+  const [flatFee, setFlatFee] = useState('0');
+  const [hardCosts, setHardCosts] = useState('500');
+  const [overheadPct, setOverheadPct] = useState('25');
+
+  const r = useMemo(() => {
+    const billed = Number(hours) * Number(rate) + Number(flatFee);
+    const overhead = (billed * Number(overheadPct)) / 100;
+    const profit = billed - Number(hardCosts) - overhead;
+    const margin = billed > 0 ? (profit / billed) * 100 : 0;
+    const effectiveRate = Number(hours) > 0 ? profit / Number(hours) : 0;
+    return { billed, overhead, profit, margin, effectiveRate };
+  }, [hours, rate, flatFee, hardCosts, overheadPct]);
+
+  const tone = r.margin >= 35 ? 'emerald' : r.margin >= 15 ? 'amber' : 'rose';
+  const verdict = r.margin >= 35 ? 'Healthy' : r.margin >= 15 ? 'Tight' : r.margin >= 0 ? 'Marginal' : 'Losing money';
+
+  return (
+    <PublicLayout>
+      <section className="container py-12 max-w-4xl">
+        <Link to="/tools" className="inline-flex items-center gap-1.5 text-sm text-ink-500 hover:text-ink-800 mb-6">
+          <ArrowLeft className="h-4 w-4" />
+          All tools
+        </Link>
+
+        <div className="flex items-center gap-3 mb-6">
+          <div className="grid h-12 w-12 place-items-center rounded-xl bg-brand-50 text-brand-600">
+            <BarChart3 className="h-5 w-5" />
+          </div>
+          <div>
+            <h1 className="text-2xl md:text-3xl font-bold text-ink-950 font-display">Case Profitability Analyzer</h1>
+            <p className="text-sm text-ink-600">See whether a matter is making you money once overhead and costs are in.</p>
+          </div>
+        </div>
+
+        <div className="grid gap-6 md:grid-cols-5">
+          <Card className="md:col-span-3">
+            <CardHeader title="Case inputs" />
+            <CardBody className="space-y-4">
+              <Input label="Billable hours on this matter" type="number" min={0} step="0.5"
+                value={hours} onChange={(e) => setHours(e.target.value)} />
+              <Input label="Hourly rate (USD)" type="number" min={0} step="1"
+                value={rate} onChange={(e) => setRate(e.target.value)} />
+              <Input label="Flat fees collected (USD)" type="number" min={0} step="1"
+                value={flatFee} onChange={(e) => setFlatFee(e.target.value)} hint="Set to 0 for purely hourly matters." />
+              <Input label="Hard costs (filing fees, experts, etc.)" type="number" min={0} step="1"
+                value={hardCosts} onChange={(e) => setHardCosts(e.target.value)} />
+              <Input label="Overhead allocation (%)" type="number" min={0} max={100} step="1"
+                value={overheadPct} onChange={(e) => setOverheadPct(e.target.value)}
+                hint="Roughly: total firm overhead ÷ total billed revenue. 20–35% is typical for solos." />
+            </CardBody>
+          </Card>
+
+          <Card className="md:col-span-2">
+            <CardHeader title="Profitability" />
+            <CardBody className="space-y-4">
+              <div className="flex items-baseline justify-between">
+                <span className="text-xs uppercase tracking-wider text-ink-500">Billed</span>
+                <span className="text-lg font-semibold text-ink-900 tabular-nums">{formatMoney(r.billed)}</span>
+              </div>
+              <div className="flex items-baseline justify-between">
+                <span className="text-xs uppercase tracking-wider text-ink-500">Hard costs</span>
+                <span className="text-sm text-ink-700 tabular-nums">−{formatMoney(Number(hardCosts))}</span>
+              </div>
+              <div className="flex items-baseline justify-between">
+                <span className="text-xs uppercase tracking-wider text-ink-500">Overhead share</span>
+                <span className="text-sm text-ink-700 tabular-nums">−{formatMoney(r.overhead)}</span>
+              </div>
+              <div className="flex items-baseline justify-between border-t border-ink-100 pt-3">
+                <span className="text-xs uppercase tracking-wider text-ink-500">Profit</span>
+                <span className="text-2xl font-bold font-display text-brand-600 tabular-nums">{formatMoney(r.profit)}</span>
+              </div>
+              <div className="flex items-center justify-between">
+                <Badge tone={tone}>{verdict}</Badge>
+                <span className="text-sm text-ink-700 tabular-nums">{r.margin.toFixed(1)}% margin</span>
+              </div>
+              <p className="pt-3 border-t border-ink-100 text-xs text-ink-500">
+                Effective hourly profit: <span className="text-ink-700 font-medium">{formatMoney(r.effectiveRate)}</span>
+              </p>
+            </CardBody>
+          </Card>
+        </div>
+      </section>
+    </PublicLayout>
+  );
+}
diff --git a/apps/web/src/pages/tools/DocumentTemplatesPage.tsx b/apps/web/src/pages/tools/DocumentTemplatesPage.tsx
new file mode 100644
index 0000000..c120e8c
--- /dev/null
+++ b/apps/web/src/pages/tools/DocumentTemplatesPage.tsx
@@ -0,0 +1,366 @@
+import { useMemo, useState } from 'react';
+import { ArrowLeft, FileText, Download, Copy, Check } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { PublicLayout } from '@/components/public/PublicLayout';
+import { Card, CardBody, CardHeader } from '@/components/ui/Card';
+import { Input, Textarea } from '@/components/ui/Input';
+import { Button } from '@/components/ui/Button';
+import { useTrackTool } from '@/hooks/useToolUsage';
+import { cn } from '@/lib/cn';
+
+interface TemplateField {
+  key: string;
+  label: string;
+  placeholder?: string;
+  type?: 'text' | 'date' | 'number' | 'textarea';
+  defaultValue?: string;
+}
+
+interface Template {
+  id: string;
+  title: string;
+  description: string;
+  fields: TemplateField[];
+  render: (v: Record<string, string>) => string;
+}
+
+const TEMPLATES: Template[] = [
+  {
+    id: 'engagement-letter',
+    title: 'Engagement Letter',
+    description: 'A short letter confirming the scope, fees, and terms of representation.',
+    fields: [
+      { key: 'firmName', label: 'Your firm name', defaultValue: 'Doe & Associates' },
+      { key: 'attorneyName', label: 'Attorney name', defaultValue: 'Jane Doe, Esq.' },
+      { key: 'clientName', label: 'Client name', placeholder: 'John Smith' },
+      { key: 'matter', label: 'Matter description', type: 'textarea', placeholder: 'Representation in the matter of …' },
+      { key: 'rate', label: 'Hourly rate (USD)', type: 'number', defaultValue: '250' },
+      { key: 'retainer', label: 'Initial retainer (USD)', type: 'number', defaultValue: '2500' },
+      { key: 'date', label: 'Date', type: 'date', defaultValue: new Date().toISOString().slice(0, 10) },
+    ],
+    render: (v) => `${v.firmName}
+${v.date}
+
+Re: Engagement of Legal Services
+
+Dear ${v.clientName || '[Client]'},
+
+Thank you for choosing ${v.firmName} to represent you. This letter confirms the scope and terms of our engagement.
+
+1. Scope of Representation
+We will represent you in the following matter:
+${v.matter || '[Describe the matter being handled]'}
+
+We will not represent you in any other matter unless we agree separately in writing.
+
+2. Fees
+Our services will be billed at $${v.rate || '[Rate]'} per hour. You agree to pay an initial retainer of $${v.retainer || '[Retainer]'}, which will be applied to fees and costs as they are incurred. Invoices are due within thirty (30) days of receipt.
+
+3. Costs
+You will be responsible for direct costs (filing fees, court reporters, expert witnesses, etc.). We will obtain your prior approval for any single expense exceeding $500.
+
+4. Termination
+You may terminate our representation at any time by giving us written notice. We may withdraw with reasonable notice and consistent with our professional obligations.
+
+5. Communication
+We will keep you informed of significant developments and respond to your inquiries promptly. Please direct your communications to the attorney named above.
+
+If this letter accurately reflects our agreement, please sign below and return a copy to us.
+
+Sincerely,
+
+${v.attorneyName || '[Attorney name]'}
+${v.firmName}
+
+Agreed and accepted:
+
+____________________________
+${v.clientName || '[Client name]'}     Date: ____________
+
+— DRAFT TEMPLATE — Have a licensed attorney review before use.`,
+  },
+  {
+    id: 'retainer-agreement',
+    title: 'Retainer Agreement',
+    description: 'A short retainer-fee agreement covering deposit, replenishment, and refund terms.',
+    fields: [
+      { key: 'firmName', label: 'Your firm name', defaultValue: 'Doe & Associates' },
+      { key: 'clientName', label: 'Client name' },
+      { key: 'amount', label: 'Retainer amount (USD)', type: 'number', defaultValue: '5000' },
+      { key: 'minBalance', label: 'Replenish when balance falls below', type: 'number', defaultValue: '1000' },
+      { key: 'date', label: 'Date', type: 'date', defaultValue: new Date().toISOString().slice(0, 10) },
+    ],
+    render: (v) => `RETAINER AGREEMENT
+
+This Agreement is entered into on ${v.date} between ${v.firmName} ("Firm") and ${v.clientName || '[Client]'} ("Client").
+
+1. Retainer Deposit. Client deposits $${v.amount || '[Amount]'} with Firm to secure availability of legal services. The deposit will be held in Firm's IOLTA trust account.
+
+2. Application of Funds. Firm will draw against the deposit as fees and costs are incurred and billed. Client will receive a monthly statement showing time entries, costs, and remaining balance.
+
+3. Replenishment. Whenever the trust balance falls below $${v.minBalance || '[Min]'}, Client agrees to replenish the deposit within ten (10) days of notice from Firm.
+
+4. Refund. Any unused portion of the deposit will be returned to Client at the end of the engagement, after final billing.
+
+5. No Guarantee of Outcome. The retainer secures Firm's availability and best efforts. It does not guarantee any particular result.
+
+Firm:                                             Client:
+
+____________________________            ____________________________
+${v.firmName}                                       ${v.clientName || '[Client name]'}
+Date: ____________                                  Date: ____________
+
+— DRAFT TEMPLATE — Have a licensed attorney review before use.`,
+  },
+  {
+    id: 'nda',
+    title: 'Mutual Non-Disclosure Agreement',
+    description: 'A simple two-party NDA for early-stage discussions.',
+    fields: [
+      { key: 'partyA', label: 'Party A name' },
+      { key: 'partyB', label: 'Party B name' },
+      { key: 'purpose', label: 'Purpose of disclosure', type: 'textarea', placeholder: 'Discussion of a potential business relationship' },
+      { key: 'duration', label: 'Confidentiality period (years)', type: 'number', defaultValue: '3' },
+      { key: 'state', label: 'Governing law (state/country)', defaultValue: 'Delaware' },
+      { key: 'date', label: 'Effective date', type: 'date', defaultValue: new Date().toISOString().slice(0, 10) },
+    ],
+    render: (v) => `MUTUAL NON-DISCLOSURE AGREEMENT
+
+Effective Date: ${v.date}
+Between: ${v.partyA || '[Party A]'} and ${v.partyB || '[Party B]'} (each a "Party").
+
+1. Purpose. The Parties wish to discuss the following matter (the "Purpose"):
+${v.purpose || '[Describe the purpose]'}
+
+2. Confidential Information. "Confidential Information" means any non-public information disclosed by either Party to the other in connection with the Purpose, in any form, that is identified as confidential at the time of disclosure or that a reasonable person would understand to be confidential given its nature and the circumstances.
+
+3. Obligations. Each Party will: (a) use the other Party's Confidential Information only for the Purpose; (b) protect it with at least the same care it uses for its own confidential information, and no less than reasonable care; and (c) not disclose it to any third party except to its own employees, advisors, and contractors who have a need to know and are bound by confidentiality obligations no less protective than this Agreement.
+
+4. Exclusions. Confidential Information does not include information that: (a) is or becomes publicly known through no fault of the receiving Party; (b) was lawfully in the receiving Party's possession before disclosure; (c) is rightfully received from a third party without confidentiality obligations; or (d) is independently developed without use of the disclosing Party's Confidential Information.
+
+5. Term. The obligations in this Agreement remain in effect for ${v.duration || '[N]'} years from the Effective Date.
+
+6. No License. No license or other right is granted by either Party other than the limited right to use Confidential Information for the Purpose.
+
+7. Return or Destruction. On request, each Party will promptly return or destroy the other Party's Confidential Information.
+
+8. Governing Law. This Agreement is governed by the laws of ${v.state || '[State]'}, without regard to conflict-of-laws rules.
+
+9. Entire Agreement. This Agreement is the entire understanding between the Parties regarding its subject matter and supersedes any prior agreements on that subject.
+
+${v.partyA || '[Party A]'}:                                  ${v.partyB || '[Party B]'}:
+
+____________________________            ____________________________
+Name:                                              Name:
+Title:                                              Title:
+Date:                                               Date:
+
+— DRAFT TEMPLATE — Have a licensed attorney review before use.`,
+  },
+  {
+    id: 'demand-letter',
+    title: 'Demand Letter',
+    description: 'A short, firm letter demanding payment or other action before litigation.',
+    fields: [
+      { key: 'firmName', label: 'Your firm name', defaultValue: 'Doe & Associates' },
+      { key: 'attorneyName', label: 'Attorney name', defaultValue: 'Jane Doe, Esq.' },
+      { key: 'recipientName', label: 'Recipient name' },
+      { key: 'recipientAddress', label: 'Recipient address', type: 'textarea' },
+      { key: 'clientName', label: 'Your client' },
+      { key: 'amount', label: 'Amount demanded (USD)', type: 'number' },
+      { key: 'reason', label: 'Reason / underlying matter', type: 'textarea' },
+      { key: 'deadlineDays', label: 'Response deadline (days)', type: 'number', defaultValue: '14' },
+      { key: 'date', label: 'Date', type: 'date', defaultValue: new Date().toISOString().slice(0, 10) },
+    ],
+    render: (v) => `${v.firmName}
+${v.date}
+
+${v.recipientName || '[Recipient]'}
+${v.recipientAddress || '[Recipient address]'}
+
+Re: Demand for Payment — ${v.clientName || '[Client]'}
+
+Dear ${v.recipientName || '[Recipient]'},
+
+This firm represents ${v.clientName || '[Client]'} in connection with the following matter:
+
+${v.reason || '[Describe the underlying obligation, contract, or facts giving rise to the demand]'}
+
+Despite repeated requests, this obligation remains unsatisfied. On behalf of our client, we hereby demand payment in the amount of $${v.amount || '[Amount]'} within ${v.deadlineDays || '14'} days of the date of this letter.
+
+If we do not receive payment, or a satisfactory written response, by that date, our client has authorized us to pursue all available legal remedies, which may include filing suit and seeking interest, costs, and attorneys' fees as permitted by law.
+
+Nothing in this letter is intended to waive any rights or remedies available to our client, all of which are expressly reserved.
+
+We trust this matter can be resolved without further escalation. Please direct any response to the undersigned.
+
+Sincerely,
+
+${v.attorneyName || '[Attorney name]'}
+${v.firmName}
+
+— DRAFT TEMPLATE — Have a licensed attorney review before use.`,
+  },
+];
+
+export default function DocumentTemplatesPage() {
+  useTrackTool('document-templates');
+
+  const [activeId, setActiveId] = useState<string>(TEMPLATES[0]!.id);
+  const active = TEMPLATES.find((t) => t.id === activeId)!;
+
+  const initial = useMemo(() => {
+    const o: Record<string, string> = {};
+    for (const f of active.fields) o[f.key] = f.defaultValue ?? '';
+    return o;
+  }, [active]);
+
+  const [values, setValues] = useState<Record<string, string>>(initial);
+  const [copied, setCopied] = useState(false);
+
+  // Reset values when switching template
+  useMemo(() => setValues(initial), [initial]);
+
+  const rendered = active.render(values);
+
+  function download() {
+    const blob = new Blob([rendered], { type: 'text/plain;charset=utf-8' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `${active.id}.txt`;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(url);
+  }
+
+  async function copy() {
+    try {
+      await navigator.clipboard.writeText(rendered);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    } catch {
+      // ignore
+    }
+  }
+
+  return (
+    <PublicLayout>
+      <section className="container py-12 max-w-6xl">
+        <Link to="/tools" className="inline-flex items-center gap-1.5 text-sm text-ink-500 hover:text-ink-800 mb-6">
+          <ArrowLeft className="h-4 w-4" />
+          All tools
+        </Link>
+
+        <div className="flex items-center gap-3 mb-6">
+          <div className="grid h-12 w-12 place-items-center rounded-xl bg-brand-50 text-brand-600">
+            <FileText className="h-5 w-5" />
+          </div>
+          <div>
+            <h1 className="text-2xl md:text-3xl font-bold text-ink-950 font-display">Document Templates</h1>
+            <p className="text-sm text-ink-600">Plain-text starting points. Always have a licensed attorney review before use.</p>
+          </div>
+        </div>
+
+        <div className="grid gap-6 lg:grid-cols-12">
+          <Card className="lg:col-span-3">
+            <CardHeader title="Templates" />
+            <ul className="p-2 space-y-1">
+              {TEMPLATES.map((t) => (
+                <li key={t.id}>
+                  <button
+                    type="button"
+                    onClick={() => setActiveId(t.id)}
+                    className={cn(
+                      'w-full text-left rounded-lg px-3 py-2.5 text-sm transition',
+                      t.id === activeId
+                        ? 'bg-brand-50 text-brand-700 font-medium'
+                        : 'text-ink-700 hover:bg-ink-50',
+                    )}
+                  >
+                    <p>{t.title}</p>
+                    <p className="text-xs text-ink-500 mt-0.5 line-clamp-2">{t.description}</p>
+                  </button>
+                </li>
+              ))}
+            </ul>
+          </Card>
+
+          <Card className="lg:col-span-4">
+            <CardHeader title="Fill in the details" />
+            <CardBody className="space-y-4">
+              {active.fields.map((f) => (
+                <RenderField
+                  key={f.key}
+                  field={f}
+                  value={values[f.key] ?? ''}
+                  onChange={(v) => setValues((s) => ({ ...s, [f.key]: v }))}
+                />
+              ))}
+            </CardBody>
+          </Card>
+
+          <Card className="lg:col-span-5">
+            <CardHeader
+              title="Preview"
+              action={
+                <div className="flex items-center gap-2">
+                  <Button size="sm" variant="secondary" onClick={copy}>
+                    {copied ? <Check className="h-3.5 w-3.5" /> : <Copy className="h-3.5 w-3.5" />}
+                    {copied ? 'Copied' : 'Copy'}
+                  </Button>
+                  <Button size="sm" onClick={download}>
+                    <Download className="h-3.5 w-3.5" />
+                    .txt
+                  </Button>
+                </div>
+              }
+            />
+            <CardBody>
+              <pre className="whitespace-pre-wrap text-xs leading-relaxed text-ink-800 font-mono max-h-[500px] overflow-y-auto bg-ink-50/40 rounded-lg p-4 border border-ink-100">
+                {rendered}
+              </pre>
+            </CardBody>
+          </Card>
+        </div>
+
+        <div className="mt-6 rounded-2xl border border-amber-200 bg-amber-50/40 p-4 text-xs text-amber-900">
+          <strong>Disclaimer:</strong> these templates are educational starting points, not legal
+          advice. Laws vary by jurisdiction. Have a licensed attorney review and adapt before use.
+        </div>
+      </section>
+    </PublicLayout>
+  );
+}
+
+function RenderField({
+  field,
+  value,
+  onChange,
+}: {
+  field: TemplateField;
+  value: string;
+  onChange: (v: string) => void;
+}) {
+  if (field.type === 'textarea') {
+    return (
+      <Textarea
+        label={field.label}
+        rows={3}
+        placeholder={field.placeholder}
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+      />
+    );
+  }
+  return (
+    <Input
+      label={field.label}
+      type={field.type ?? 'text'}
+      placeholder={field.placeholder}
+      value={value}
+      onChange={(e) => onChange(e.target.value)}
+    />
+  );
+}
diff --git a/apps/web/src/pages/tools/HourlyRateCalculatorPage.tsx b/apps/web/src/pages/tools/HourlyRateCalculatorPage.tsx
new file mode 100644
index 0000000..71fd810
--- /dev/null
+++ b/apps/web/src/pages/tools/HourlyRateCalculatorPage.tsx
@@ -0,0 +1,152 @@
+import { useMemo, useState } from 'react';
+import { ArrowLeft, Calculator } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { PublicLayout } from '@/components/public/PublicLayout';
+import { Card, CardBody, CardHeader } from '@/components/ui/Card';
+import { Input } from '@/components/ui/Input';
+import { useTrackTool } from '@/hooks/useToolUsage';
+import { formatMoney } from '@/lib/format';
+
+export default function HourlyRateCalculatorPage() {
+  useTrackTool('hourly-rate-calculator');
+
+  const [monthlyExpenses, setMonthlyExpenses] = useState('5000');
+  const [desiredProfit, setDesiredProfit] = useState('8000');
+  const [billableHoursPerWeek, setBillableHoursPerWeek] = useState('25');
+  const [weeksPerYear, setWeeksPerYear] = useState('48');
+  const [utilizationPct, setUtilizationPct] = useState('70');
+
+  const result = useMemo(() => {
+    const annualTarget = (Number(monthlyExpenses) + Number(desiredProfit)) * 12;
+    const grossHours = Number(billableHoursPerWeek) * Number(weeksPerYear);
+    const realizedHours = (grossHours * Number(utilizationPct)) / 100;
+    if (realizedHours <= 0) return null;
+    const baseRate = annualTarget / realizedHours;
+    return {
+      annualTarget,
+      realizedHours,
+      baseRate,
+      conservative: baseRate * 1.15, // padding for write-offs and admin
+      premium: baseRate * 1.4, // premium positioning
+    };
+  }, [monthlyExpenses, desiredProfit, billableHoursPerWeek, weeksPerYear, utilizationPct]);
+
+  return (
+    <PublicLayout>
+      <section className="container py-12 max-w-4xl">
+        <Link
+          to="/tools"
+          className="inline-flex items-center gap-1.5 text-sm text-ink-500 hover:text-ink-800 mb-6"
+        >
+          <ArrowLeft className="h-4 w-4" />
+          All tools
+        </Link>
+
+        <div className="flex items-center gap-3 mb-6">
+          <div className="grid h-12 w-12 place-items-center rounded-xl bg-brand-50 text-brand-600">
+            <Calculator className="h-5 w-5" />
+          </div>
+          <div>
+            <h1 className="text-2xl md:text-3xl font-bold text-ink-950 font-display">Hourly Rate Calculator</h1>
+            <p className="text-sm text-ink-600">Find the rate you actually need to charge to hit your numbers.</p>
+          </div>
+        </div>
+
+        <div className="grid gap-6 md:grid-cols-5">
+          <Card className="md:col-span-3">
+            <CardHeader title="Your inputs" />
+            <CardBody className="space-y-4">
+              <Input
+                label="Monthly business expenses (USD)"
+                type="number"
+                min={0}
+                step="100"
+                value={monthlyExpenses}
+                onChange={(e) => setMonthlyExpenses(e.target.value)}
+                hint="Rent, software, malpractice insurance, staff, etc."
+              />
+              <Input
+                label="Desired monthly take-home profit (USD)"
+                type="number"
+                min={0}
+                step="100"
+                value={desiredProfit}
+                onChange={(e) => setDesiredProfit(e.target.value)}
+                hint="What you want to pay yourself, after expenses but before tax."
+              />
+              <Input
+                label="Billable hours per week (target)"
+                type="number"
+                min={1}
+                max={80}
+                value={billableHoursPerWeek}
+                onChange={(e) => setBillableHoursPerWeek(e.target.value)}
+                hint="Most attorneys realistically bill 20–30 hours weekly."
+              />
+              <Input
+                label="Weeks worked per year"
+                type="number"
+                min={1}
+                max={52}
+                value={weeksPerYear}
+                onChange={(e) => setWeeksPerYear(e.target.value)}
+                hint="52 minus vacations, holidays, and CLE time."
+              />
+              <Input
+                label="Utilization rate (%)"
+                type="number"
+                min={1}
+                max={100}
+                value={utilizationPct}
+                onChange={(e) => setUtilizationPct(e.target.value)}
+                hint="What share of those hours actually get billed and collected. 70% is common."
+              />
+            </CardBody>
+          </Card>
+
+          <Card className="md:col-span-2">
+            <CardHeader title="Recommended rates" />
+            <CardBody className="space-y-4">
+              {result ? (
+                <>
+                  <Output label="Minimum to break even + profit" value={formatMoney(result.baseRate)} accent />
+                  <Output label="With 15% padding for write-offs" value={formatMoney(result.conservative)} />
+                  <Output label="Premium positioning (+40%)" value={formatMoney(result.premium)} />
+                  <div className="pt-3 border-t border-ink-100 text-xs text-ink-500 space-y-1">
+                    <p>Annual revenue target: {formatMoney(result.annualTarget)}</p>
+                    <p>Realized billable hours: {Math.round(result.realizedHours)} per year</p>
+                  </div>
+                </>
+              ) : (
+                <p className="text-sm text-ink-500">Enter your inputs to see suggested rates.</p>
+              )}
+            </CardBody>
+          </Card>
+        </div>
+
+        <div className="mt-8 rounded-2xl border border-brand-200 bg-brand-50/40 p-6">
+          <p className="text-sm text-ink-700">
+            <strong className="font-semibold text-ink-900">Heads up:</strong> this is a quick model.
+            It doesn't include taxes, retirement contributions, or one-time costs. For a fuller view
+            of profitability per matter, try the{' '}
+            <Link to="/tools/case-profitability" className="font-semibold text-brand-600 hover:text-brand-700">
+              Case Profitability Analyzer
+            </Link>
+            .
+          </p>
+        </div>
+      </section>
+    </PublicLayout>
+  );
+}
+
+function Output({ label, value, accent }: { label: string; value: string; accent?: boolean }) {
+  return (
+    <div>
+      <p className="text-xs uppercase tracking-wider text-ink-500">{label}</p>
+      <p className={'mt-1 font-display font-bold ' + (accent ? 'text-3xl text-brand-600' : 'text-xl text-ink-900')}>
+        {value}
+      </p>
+    </div>
+  );
+}
diff --git a/apps/web/src/pages/tools/ToolsIndexPage.tsx b/apps/web/src/pages/tools/ToolsIndexPage.tsx
new file mode 100644
index 0000000..4247212
--- /dev/null
+++ b/apps/web/src/pages/tools/ToolsIndexPage.tsx
@@ -0,0 +1,84 @@
+import { Link } from 'react-router-dom';
+import { Calculator, BarChart3, Clock, FileText } from 'lucide-react';
+import type { ComponentType } from 'react';
+import { PublicLayout, PublicHero } from '@/components/public/PublicLayout';
+import { useToolsOnline, type ToolName } from '@/hooks/useToolUsage';
+
+interface Tool {
+  slug: ToolName;
+  title: string;
+  description: string;
+  icon: ComponentType<{ className?: string }>;
+}
+
+const TOOLS: Tool[] = [
+  {
+    slug: 'hourly-rate-calculator',
+    title: 'Hourly Rate Calculator',
+    description:
+      'Work backwards from your target take-home to find the hourly rate you actually need to charge.',
+    icon: Calculator,
+  },
+  {
+    slug: 'case-profitability',
+    title: 'Case Profitability Analyzer',
+    description: 'Plug in hours, rates, and case expenses to see whether a matter is making you money.',
+    icon: BarChart3,
+  },
+  {
+    slug: 'billable-hours-tracker',
+    title: 'Billable Hours Tracker',
+    description: 'A no-signup timer with manual entries and CSV export. Saved locally to your browser.',
+    icon: Clock,
+  },
+  {
+    slug: 'document-templates',
+    title: 'Document Templates',
+    description: 'Fill in a few fields, download a clean text version of common law-firm documents.',
+    icon: FileText,
+  },
+];
+
+export default function ToolsIndexPage() {
+  const online = useToolsOnline();
+
+  return (
+    <PublicLayout>
+      <PublicHero
+        eyebrow="Free Legal Tools"
+        title="Practical calculators for your practice"
+        description="No signup, no email. Use them as much as you like. If you want everything in one place, that's what eLegal Software is for."
+      />
+
+      <section className="container py-16">
+        <div className="grid gap-5 md:grid-cols-2">
+          {TOOLS.map((tool) => {
+            const count = online.data?.online[tool.slug] ?? 0;
+            return (
+              <Link
+                key={tool.slug}
+                to={`/tools/${tool.slug}`}
+                className="group rounded-2xl border border-ink-100 bg-white p-6 hover:border-brand-200 hover:shadow-lg hover:shadow-brand-500/5 transition flex flex-col"
+              >
+                <div className="flex items-start justify-between">
+                  <div className="grid h-12 w-12 place-items-center rounded-xl bg-brand-50 text-brand-600 group-hover:bg-brand-500 group-hover:text-white transition">
+                    <tool.icon className="h-5 w-5" />
+                  </div>
+                  <span className="inline-flex items-center gap-1.5 rounded-full bg-emerald-50 text-emerald-700 px-2 py-0.5 text-[11px] font-semibold">
+                    <span className="h-1.5 w-1.5 rounded-full bg-emerald-500 animate-pulse" />
+                    {count} online
+                  </span>
+                </div>
+                <h3 className="mt-5 text-lg font-semibold text-ink-900">{tool.title}</h3>
+                <p className="mt-2 text-sm leading-relaxed text-ink-600">{tool.description}</p>
+                <span className="mt-4 text-sm font-semibold text-brand-600 group-hover:text-brand-700">
+                  Open tool →
+                </span>
+              </Link>
+            );
+          })}
+        </div>
+      </section>
+    </PublicLayout>
+  );
+}
diff --git a/apps/web/src/styles/globals.css b/apps/web/src/styles/globals.css
new file mode 100644
index 0000000..a30a83b
--- /dev/null
+++ b/apps/web/src/styles/globals.css
@@ -0,0 +1,51 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    color-scheme: light;
+  }
+
+  html {
+    scroll-behavior: smooth;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  body {
+    @apply bg-white text-ink-900 font-sans;
+  }
+
+  h1, h2, h3, h4 {
+    @apply font-display tracking-tight;
+  }
+
+  ::selection {
+    @apply bg-brand-500/20 text-brand-900;
+  }
+}
+
+@layer components {
+  .btn {
+    @apply inline-flex items-center justify-center gap-2 rounded-full font-medium transition
+           focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500
+           focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-60;
+  }
+  .btn-primary {
+    @apply btn bg-brand-500 text-white hover:bg-brand-600 px-6 py-3 shadow-lg shadow-brand-500/25;
+  }
+  .btn-secondary {
+    @apply btn bg-white text-ink-900 border border-ink-200 hover:border-ink-300 px-6 py-3;
+  }
+  .btn-ghost {
+    @apply btn text-ink-700 hover:text-ink-900 px-4 py-2;
+  }
+  .section {
+    @apply py-20 md:py-28;
+  }
+  .eyebrow {
+    @apply inline-flex items-center gap-2 rounded-full bg-brand-50 text-brand-700
+           px-3 py-1 text-xs font-semibold uppercase tracking-wide;
+  }
+}
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
new file mode 100644
index 0000000..ed2fcf6
--- /dev/null
+++ b/apps/web/tailwind.config.ts
@@ -0,0 +1,68 @@
+import type { Config } from 'tailwindcss';
+import animate from 'tailwindcss-animate';
+
+export default {
+  darkMode: ['class'],
+  content: ['./index.html', './src/**/*.{ts,tsx}'],
+  theme: {
+    container: {
+      center: true,
+      padding: {
+        DEFAULT: '1rem',
+        sm: '1.5rem',
+        lg: '2rem',
+      },
+      screens: {
+        '2xl': '1280px',
+      },
+    },
+    extend: {
+      fontFamily: {
+        sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
+        display: ['Poppins', 'Inter', 'ui-sans-serif', 'sans-serif'],
+      },
+      colors: {
+        brand: {
+          50: '#eef3ff',
+          100: '#dae5ff',
+          200: '#bcd0ff',
+          300: '#8eb0ff',
+          400: '#5985ff',
+          500: '#0052ff',
+          600: '#0046dd',
+          700: '#0039b3',
+          800: '#062f8e',
+          900: '#0a2a72',
+          950: '#061847',
+        },
+        ink: {
+          50: '#f6f7f9',
+          100: '#eceef2',
+          200: '#d5d9e0',
+          300: '#b1b8c5',
+          400: '#7c8595',
+          500: '#5b6473',
+          600: '#454c58',
+          700: '#363c46',
+          800: '#23272e',
+          900: '#13161b',
+          950: '#0a0c10',
+        },
+      },
+      backgroundImage: {
+        'hero-radial':
+          'radial-gradient(60% 80% at 50% 0%, rgba(0, 82, 255, 0.18) 0%, rgba(0, 82, 255, 0) 60%)',
+      },
+      keyframes: {
+        'fade-in-up': {
+          '0%': { opacity: '0', transform: 'translateY(12px)' },
+          '100%': { opacity: '1', transform: 'translateY(0)' },
+        },
+      },
+      animation: {
+        'fade-in-up': 'fade-in-up 0.6s ease-out both',
+      },
+    },
+  },
+  plugins: [animate],
+} satisfies Config;
diff --git a/apps/web/tsconfig.app.json b/apps/web/tsconfig.app.json
new file mode 100644
index 0000000..e27be03
--- /dev/null
+++ b/apps/web/tsconfig.app.json
@@ -0,0 +1,16 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "useDefineForClassFields": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "noEmit": true,
+    "types": ["vite/client"],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/apps/web/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/apps/web/tsconfig.node.json b/apps/web/tsconfig.node.json
new file mode 100644
index 0000000..ded2309
--- /dev/null
+++ b/apps/web/tsconfig.node.json
@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "noEmit": true,
+    "types": ["node"]
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
new file mode 100644
index 0000000..9356376
--- /dev/null
+++ b/apps/web/vite.config.ts
@@ -0,0 +1,34 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'node:path';
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+    },
+  },
+  server: {
+    port: 5173,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:8080',
+        changeOrigin: true,
+      },
+    },
+  },
+  build: {
+    outDir: 'dist',
+    sourcemap: false,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          'vendor-react': ['react', 'react-dom', 'react-router-dom'],
+          'vendor-ui': ['framer-motion', 'lucide-react'],
+          'vendor-charts': ['recharts'],
+        },
+      },
+    },
+  },
+});
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..6653392
--- /dev/null
+++ b/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "elegalsoftware",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "packageManager": "pnpm@9.12.0",
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "scripts": {
+    "dev": "pnpm --parallel -r run dev",
+    "dev:web": "pnpm --filter @lawdesk/web dev",
+    "dev:api": "pnpm --filter @lawdesk/api dev",
+    "build": "pnpm --filter @lawdesk/web build",
+    "build:check": "pnpm run build && pnpm run typecheck",
+    "start": "node server.js",
+    "db:generate": "pnpm --filter @lawdesk/db generate",
+    "db:migrate": "pnpm --filter @lawdesk/db migrate",
+    "lint": "pnpm -r run lint",
+    "typecheck": "pnpm -r run typecheck"
+  },
+  "devDependencies": {
+    "typescript": "^5.6.3"
+  }
+}
diff --git a/packages/db/drizzle.config.ts b/packages/db/drizzle.config.ts
new file mode 100644
index 0000000..2e0e6f2
--- /dev/null
+++ b/packages/db/drizzle.config.ts
@@ -0,0 +1,18 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import dotenv from 'dotenv';
+import { defineConfig } from 'drizzle-kit';
+
+const _dir = path.dirname(fileURLToPath(import.meta.url));
+dotenv.config({ path: path.resolve(_dir, '../../.env') });
+
+export default defineConfig({
+  schema: './src/schema/index.ts',
+  out: './migrations',
+  dialect: 'postgresql',
+  dbCredentials: {
+    url: process.env.DATABASE_URL!,
+  },
+  strict: true,
+  verbose: true,
+});
diff --git a/packages/db/migrations/0000_clear_wallop.sql b/packages/db/migrations/0000_clear_wallop.sql
new file mode 100644
index 0000000..9a57a00
--- /dev/null
+++ b/packages/db/migrations/0000_clear_wallop.sql
@@ -0,0 +1,309 @@
+CREATE TABLE IF NOT EXISTS "audit_log" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"user_id" uuid,
+	"firm_id" uuid,
+	"action" text NOT NULL,
+	"meta" text,
+	"ip" "inet",
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "email_verifications" (
+	"token_hash" text PRIMARY KEY NOT NULL,
+	"user_id" uuid NOT NULL,
+	"expires_at" timestamp with time zone NOT NULL,
+	"consumed_at" timestamp with time zone,
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "login_attempts" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"email" text NOT NULL,
+	"ip" "inet",
+	"success" boolean DEFAULT false NOT NULL,
+	"attempted_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "password_resets" (
+	"token_hash" text PRIMARY KEY NOT NULL,
+	"user_id" uuid NOT NULL,
+	"expires_at" timestamp with time zone NOT NULL,
+	"consumed_at" timestamp with time zone,
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "sessions" (
+	"id" text PRIMARY KEY NOT NULL,
+	"user_id" uuid NOT NULL,
+	"expires_at" timestamp with time zone NOT NULL,
+	"ip" "inet",
+	"user_agent" text,
+	"last_seen_at" timestamp with time zone DEFAULT now() NOT NULL,
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "users" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"firm_id" uuid,
+	"email" text NOT NULL,
+	"password_hash" text NOT NULL,
+	"full_name" text,
+	"role" text DEFAULT 'owner' NOT NULL,
+	"email_verified_at" timestamp with time zone,
+	"totp_secret_enc" text,
+	"totp_enabled" boolean DEFAULT false NOT NULL,
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
+	"updated_at" timestamp with time zone DEFAULT now() NOT NULL,
+	CONSTRAINT "users_email_unique" UNIQUE("email")
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "firms" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"name" text NOT NULL,
+	"plan" text DEFAULT 'starter' NOT NULL,
+	"watermark_enabled" boolean DEFAULT true NOT NULL,
+	"storage_bytes_used" integer DEFAULT 0 NOT NULL,
+	"stripe_customer_id" text,
+	"stripe_subscription_id" text,
+	"trial_ends_at" timestamp with time zone,
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
+	"updated_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "clients" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"firm_id" uuid NOT NULL,
+	"name" text NOT NULL,
+	"email" text,
+	"phone" text,
+	"address" text,
+	"notes" text,
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
+	"updated_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "cases" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"firm_id" uuid NOT NULL,
+	"client_id" uuid NOT NULL,
+	"title" text NOT NULL,
+	"case_number" text,
+	"status" text DEFAULT 'open' NOT NULL,
+	"practice_area" text,
+	"description" text,
+	"hourly_rate" numeric(10, 2),
+	"opened_at" timestamp with time zone DEFAULT now() NOT NULL,
+	"closed_at" timestamp with time zone,
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
+	"updated_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "time_entries" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"firm_id" uuid NOT NULL,
+	"case_id" uuid NOT NULL,
+	"user_id" uuid NOT NULL,
+	"description" text NOT NULL,
+	"started_at" timestamp with time zone NOT NULL,
+	"ended_at" timestamp with time zone,
+	"minutes" integer DEFAULT 0 NOT NULL,
+	"rate" numeric(10, 2) NOT NULL,
+	"billable" boolean DEFAULT true NOT NULL,
+	"invoice_item_id" uuid,
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
+	"updated_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "documents" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"firm_id" uuid NOT NULL,
+	"case_id" uuid,
+	"uploaded_by" uuid,
+	"name" text NOT NULL,
+	"storage_key" text NOT NULL,
+	"mime_type" text NOT NULL,
+	"size_bytes" integer NOT NULL,
+	"version" integer DEFAULT 1 NOT NULL,
+	"parent_id" uuid,
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "invoice_items" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"invoice_id" uuid NOT NULL,
+	"description" text NOT NULL,
+	"quantity" numeric(10, 2) DEFAULT '1' NOT NULL,
+	"rate" numeric(10, 2) NOT NULL,
+	"amount" numeric(12, 2) NOT NULL,
+	"sort_order" integer DEFAULT 0 NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "invoices" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"firm_id" uuid NOT NULL,
+	"client_id" uuid NOT NULL,
+	"case_id" uuid,
+	"number" text NOT NULL,
+	"status" text DEFAULT 'draft' NOT NULL,
+	"subtotal" numeric(12, 2) DEFAULT '0' NOT NULL,
+	"tax_rate" numeric(5, 2) DEFAULT '0' NOT NULL,
+	"total" numeric(12, 2) DEFAULT '0' NOT NULL,
+	"notes" text,
+	"issued_at" timestamp with time zone,
+	"due_at" timestamp with time zone,
+	"paid_at" timestamp with time zone,
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
+	"updated_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "contact_messages" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"full_name" text NOT NULL,
+	"email" text NOT NULL,
+	"message" text NOT NULL,
+	"ip" "inet",
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "tool_usage" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"tool" text NOT NULL,
+	"session_id" text,
+	"ip" "inet",
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "audit_log" ADD CONSTRAINT "audit_log_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE set null ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "audit_log" ADD CONSTRAINT "audit_log_firm_id_firms_id_fk" FOREIGN KEY ("firm_id") REFERENCES "public"."firms"("id") ON DELETE set null ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "email_verifications" ADD CONSTRAINT "email_verifications_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "password_resets" ADD CONSTRAINT "password_resets_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "sessions" ADD CONSTRAINT "sessions_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "users" ADD CONSTRAINT "users_firm_id_firms_id_fk" FOREIGN KEY ("firm_id") REFERENCES "public"."firms"("id") ON DELETE set null ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "clients" ADD CONSTRAINT "clients_firm_id_firms_id_fk" FOREIGN KEY ("firm_id") REFERENCES "public"."firms"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "cases" ADD CONSTRAINT "cases_firm_id_firms_id_fk" FOREIGN KEY ("firm_id") REFERENCES "public"."firms"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "cases" ADD CONSTRAINT "cases_client_id_clients_id_fk" FOREIGN KEY ("client_id") REFERENCES "public"."clients"("id") ON DELETE restrict ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "time_entries" ADD CONSTRAINT "time_entries_firm_id_firms_id_fk" FOREIGN KEY ("firm_id") REFERENCES "public"."firms"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "time_entries" ADD CONSTRAINT "time_entries_case_id_cases_id_fk" FOREIGN KEY ("case_id") REFERENCES "public"."cases"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "time_entries" ADD CONSTRAINT "time_entries_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE restrict ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "documents" ADD CONSTRAINT "documents_firm_id_firms_id_fk" FOREIGN KEY ("firm_id") REFERENCES "public"."firms"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "documents" ADD CONSTRAINT "documents_case_id_cases_id_fk" FOREIGN KEY ("case_id") REFERENCES "public"."cases"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "documents" ADD CONSTRAINT "documents_uploaded_by_users_id_fk" FOREIGN KEY ("uploaded_by") REFERENCES "public"."users"("id") ON DELETE set null ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "invoice_items" ADD CONSTRAINT "invoice_items_invoice_id_invoices_id_fk" FOREIGN KEY ("invoice_id") REFERENCES "public"."invoices"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "invoices" ADD CONSTRAINT "invoices_firm_id_firms_id_fk" FOREIGN KEY ("firm_id") REFERENCES "public"."firms"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "invoices" ADD CONSTRAINT "invoices_client_id_clients_id_fk" FOREIGN KEY ("client_id") REFERENCES "public"."clients"("id") ON DELETE restrict ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "invoices" ADD CONSTRAINT "invoices_case_id_cases_id_fk" FOREIGN KEY ("case_id") REFERENCES "public"."cases"("id") ON DELETE set null ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "audit_firm_idx" ON "audit_log" USING btree ("firm_id","created_at");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "login_attempts_email_idx" ON "login_attempts" USING btree ("email","attempted_at");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "login_attempts_ip_idx" ON "login_attempts" USING btree ("ip","attempted_at");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "sessions_user_idx" ON "sessions" USING btree ("user_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "sessions_expires_idx" ON "sessions" USING btree ("expires_at");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "users_firm_idx" ON "users" USING btree ("firm_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "clients_firm_idx" ON "clients" USING btree ("firm_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "cases_firm_idx" ON "cases" USING btree ("firm_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "cases_client_idx" ON "cases" USING btree ("client_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "cases_status_idx" ON "cases" USING btree ("firm_id","status");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "time_firm_idx" ON "time_entries" USING btree ("firm_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "time_case_idx" ON "time_entries" USING btree ("case_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "time_user_idx" ON "time_entries" USING btree ("user_id","started_at");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "time_unbilled_idx" ON "time_entries" USING btree ("firm_id","invoice_item_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "docs_firm_idx" ON "documents" USING btree ("firm_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "docs_case_idx" ON "documents" USING btree ("case_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "invoice_items_invoice_idx" ON "invoice_items" USING btree ("invoice_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "invoices_firm_idx" ON "invoices" USING btree ("firm_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "invoices_status_idx" ON "invoices" USING btree ("firm_id","status");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "tool_usage_tool_idx" ON "tool_usage" USING btree ("tool","created_at");
\ No newline at end of file
diff --git a/packages/db/migrations/0001_orange_jamie_braddock.sql b/packages/db/migrations/0001_orange_jamie_braddock.sql
new file mode 100644
index 0000000..371f156
--- /dev/null
+++ b/packages/db/migrations/0001_orange_jamie_braddock.sql
@@ -0,0 +1,4 @@
+ALTER TABLE "users" ADD COLUMN "is_superadmin" boolean DEFAULT false NOT NULL;--> statement-breakpoint
+ALTER TABLE "users" ADD COLUMN "is_suspended" boolean DEFAULT false NOT NULL;--> statement-breakpoint
+ALTER TABLE "users" ADD COLUMN "last_seen_at" timestamp with time zone;--> statement-breakpoint
+ALTER TABLE "contact_messages" ADD COLUMN "resolved_at" timestamp with time zone;
\ No newline at end of file
diff --git a/packages/db/migrations/meta/0000_snapshot.json b/packages/db/migrations/meta/0000_snapshot.json
new file mode 100644
index 0000000..b96178a
--- /dev/null
+++ b/packages/db/migrations/meta/0000_snapshot.json
@@ -0,0 +1,1663 @@
+{
+  "id": "af39cfd1-db9c-44de-ae7b-10710e0c0f93",
+  "prevId": "00000000-0000-0000-0000-000000000000",
+  "version": "7",
+  "dialect": "postgresql",
+  "tables": {
+    "public.audit_log": {
+      "name": "audit_log",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "action": {
+          "name": "action",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "meta": {
+          "name": "meta",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "ip": {
+          "name": "ip",
+          "type": "inet",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "audit_firm_idx": {
+          "name": "audit_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "created_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "audit_log_user_id_users_id_fk": {
+          "name": "audit_log_user_id_users_id_fk",
+          "tableFrom": "audit_log",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        },
+        "audit_log_firm_id_firms_id_fk": {
+          "name": "audit_log_firm_id_firms_id_fk",
+          "tableFrom": "audit_log",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.email_verifications": {
+      "name": "email_verifications",
+      "schema": "",
+      "columns": {
+        "token_hash": {
+          "name": "token_hash",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "consumed_at": {
+          "name": "consumed_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "email_verifications_user_id_users_id_fk": {
+          "name": "email_verifications_user_id_users_id_fk",
+          "tableFrom": "email_verifications",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.login_attempts": {
+      "name": "login_attempts",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ip": {
+          "name": "ip",
+          "type": "inet",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "success": {
+          "name": "success",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "attempted_at": {
+          "name": "attempted_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "login_attempts_email_idx": {
+          "name": "login_attempts_email_idx",
+          "columns": [
+            {
+              "expression": "email",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "attempted_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "login_attempts_ip_idx": {
+          "name": "login_attempts_ip_idx",
+          "columns": [
+            {
+              "expression": "ip",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "attempted_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.password_resets": {
+      "name": "password_resets",
+      "schema": "",
+      "columns": {
+        "token_hash": {
+          "name": "token_hash",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "consumed_at": {
+          "name": "consumed_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "password_resets_user_id_users_id_fk": {
+          "name": "password_resets_user_id_users_id_fk",
+          "tableFrom": "password_resets",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.sessions": {
+      "name": "sessions",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ip": {
+          "name": "ip",
+          "type": "inet",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "user_agent": {
+          "name": "user_agent",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "last_seen_at": {
+          "name": "last_seen_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "sessions_user_idx": {
+          "name": "sessions_user_idx",
+          "columns": [
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "sessions_expires_idx": {
+          "name": "sessions_expires_idx",
+          "columns": [
+            {
+              "expression": "expires_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "sessions_user_id_users_id_fk": {
+          "name": "sessions_user_id_users_id_fk",
+          "tableFrom": "sessions",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.users": {
+      "name": "users",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "password_hash": {
+          "name": "password_hash",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "full_name": {
+          "name": "full_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'owner'"
+        },
+        "email_verified_at": {
+          "name": "email_verified_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "totp_secret_enc": {
+          "name": "totp_secret_enc",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "totp_enabled": {
+          "name": "totp_enabled",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "users_firm_idx": {
+          "name": "users_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "users_firm_id_firms_id_fk": {
+          "name": "users_firm_id_firms_id_fk",
+          "tableFrom": "users",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "users_email_unique": {
+          "name": "users_email_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "email"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.firms": {
+      "name": "firms",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "plan": {
+          "name": "plan",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'starter'"
+        },
+        "watermark_enabled": {
+          "name": "watermark_enabled",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": true
+        },
+        "storage_bytes_used": {
+          "name": "storage_bytes_used",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "stripe_customer_id": {
+          "name": "stripe_customer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "stripe_subscription_id": {
+          "name": "stripe_subscription_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "trial_ends_at": {
+          "name": "trial_ends_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.clients": {
+      "name": "clients",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "address": {
+          "name": "address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "notes": {
+          "name": "notes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "clients_firm_idx": {
+          "name": "clients_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "clients_firm_id_firms_id_fk": {
+          "name": "clients_firm_id_firms_id_fk",
+          "tableFrom": "clients",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.cases": {
+      "name": "cases",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "client_id": {
+          "name": "client_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "case_number": {
+          "name": "case_number",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'open'"
+        },
+        "practice_area": {
+          "name": "practice_area",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "hourly_rate": {
+          "name": "hourly_rate",
+          "type": "numeric(10, 2)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "opened_at": {
+          "name": "opened_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "closed_at": {
+          "name": "closed_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "cases_firm_idx": {
+          "name": "cases_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "cases_client_idx": {
+          "name": "cases_client_idx",
+          "columns": [
+            {
+              "expression": "client_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "cases_status_idx": {
+          "name": "cases_status_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "status",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "cases_firm_id_firms_id_fk": {
+          "name": "cases_firm_id_firms_id_fk",
+          "tableFrom": "cases",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "cases_client_id_clients_id_fk": {
+          "name": "cases_client_id_clients_id_fk",
+          "tableFrom": "cases",
+          "tableTo": "clients",
+          "columnsFrom": [
+            "client_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "restrict",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.time_entries": {
+      "name": "time_entries",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "case_id": {
+          "name": "case_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "started_at": {
+          "name": "started_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ended_at": {
+          "name": "ended_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "minutes": {
+          "name": "minutes",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "rate": {
+          "name": "rate",
+          "type": "numeric(10, 2)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "billable": {
+          "name": "billable",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": true
+        },
+        "invoice_item_id": {
+          "name": "invoice_item_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "time_firm_idx": {
+          "name": "time_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "time_case_idx": {
+          "name": "time_case_idx",
+          "columns": [
+            {
+              "expression": "case_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "time_user_idx": {
+          "name": "time_user_idx",
+          "columns": [
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "started_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "time_unbilled_idx": {
+          "name": "time_unbilled_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "invoice_item_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "time_entries_firm_id_firms_id_fk": {
+          "name": "time_entries_firm_id_firms_id_fk",
+          "tableFrom": "time_entries",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "time_entries_case_id_cases_id_fk": {
+          "name": "time_entries_case_id_cases_id_fk",
+          "tableFrom": "time_entries",
+          "tableTo": "cases",
+          "columnsFrom": [
+            "case_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "time_entries_user_id_users_id_fk": {
+          "name": "time_entries_user_id_users_id_fk",
+          "tableFrom": "time_entries",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "restrict",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.documents": {
+      "name": "documents",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "case_id": {
+          "name": "case_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "uploaded_by": {
+          "name": "uploaded_by",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "storage_key": {
+          "name": "storage_key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "mime_type": {
+          "name": "mime_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "size_bytes": {
+          "name": "size_bytes",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 1
+        },
+        "parent_id": {
+          "name": "parent_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "docs_firm_idx": {
+          "name": "docs_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "docs_case_idx": {
+          "name": "docs_case_idx",
+          "columns": [
+            {
+              "expression": "case_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "documents_firm_id_firms_id_fk": {
+          "name": "documents_firm_id_firms_id_fk",
+          "tableFrom": "documents",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "documents_case_id_cases_id_fk": {
+          "name": "documents_case_id_cases_id_fk",
+          "tableFrom": "documents",
+          "tableTo": "cases",
+          "columnsFrom": [
+            "case_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "documents_uploaded_by_users_id_fk": {
+          "name": "documents_uploaded_by_users_id_fk",
+          "tableFrom": "documents",
+          "tableTo": "users",
+          "columnsFrom": [
+            "uploaded_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.invoice_items": {
+      "name": "invoice_items",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "invoice_id": {
+          "name": "invoice_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "quantity": {
+          "name": "quantity",
+          "type": "numeric(10, 2)",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'1'"
+        },
+        "rate": {
+          "name": "rate",
+          "type": "numeric(10, 2)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "amount": {
+          "name": "amount",
+          "type": "numeric(12, 2)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        }
+      },
+      "indexes": {
+        "invoice_items_invoice_idx": {
+          "name": "invoice_items_invoice_idx",
+          "columns": [
+            {
+              "expression": "invoice_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "invoice_items_invoice_id_invoices_id_fk": {
+          "name": "invoice_items_invoice_id_invoices_id_fk",
+          "tableFrom": "invoice_items",
+          "tableTo": "invoices",
+          "columnsFrom": [
+            "invoice_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.invoices": {
+      "name": "invoices",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "client_id": {
+          "name": "client_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "case_id": {
+          "name": "case_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "number": {
+          "name": "number",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'draft'"
+        },
+        "subtotal": {
+          "name": "subtotal",
+          "type": "numeric(12, 2)",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'0'"
+        },
+        "tax_rate": {
+          "name": "tax_rate",
+          "type": "numeric(5, 2)",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'0'"
+        },
+        "total": {
+          "name": "total",
+          "type": "numeric(12, 2)",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'0'"
+        },
+        "notes": {
+          "name": "notes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "issued_at": {
+          "name": "issued_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "due_at": {
+          "name": "due_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "paid_at": {
+          "name": "paid_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "invoices_firm_idx": {
+          "name": "invoices_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "invoices_status_idx": {
+          "name": "invoices_status_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "status",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "invoices_firm_id_firms_id_fk": {
+          "name": "invoices_firm_id_firms_id_fk",
+          "tableFrom": "invoices",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "invoices_client_id_clients_id_fk": {
+          "name": "invoices_client_id_clients_id_fk",
+          "tableFrom": "invoices",
+          "tableTo": "clients",
+          "columnsFrom": [
+            "client_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "restrict",
+          "onUpdate": "no action"
+        },
+        "invoices_case_id_cases_id_fk": {
+          "name": "invoices_case_id_cases_id_fk",
+          "tableFrom": "invoices",
+          "tableTo": "cases",
+          "columnsFrom": [
+            "case_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.contact_messages": {
+      "name": "contact_messages",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "full_name": {
+          "name": "full_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ip": {
+          "name": "ip",
+          "type": "inet",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.tool_usage": {
+      "name": "tool_usage",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "tool": {
+          "name": "tool",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "session_id": {
+          "name": "session_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "ip": {
+          "name": "ip",
+          "type": "inet",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "tool_usage_tool_idx": {
+          "name": "tool_usage_tool_idx",
+          "columns": [
+            {
+              "expression": "tool",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "created_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    }
+  },
+  "enums": {},
+  "schemas": {},
+  "sequences": {},
+  "roles": {},
+  "policies": {},
+  "views": {},
+  "_meta": {
+    "columns": {},
+    "schemas": {},
+    "tables": {}
+  }
+}
\ No newline at end of file
diff --git a/packages/db/migrations/meta/0001_snapshot.json b/packages/db/migrations/meta/0001_snapshot.json
new file mode 100644
index 0000000..7304cac
--- /dev/null
+++ b/packages/db/migrations/meta/0001_snapshot.json
@@ -0,0 +1,1689 @@
+{
+  "id": "ac75302b-ea07-473a-a01c-4af66bafc145",
+  "prevId": "af39cfd1-db9c-44de-ae7b-10710e0c0f93",
+  "version": "7",
+  "dialect": "postgresql",
+  "tables": {
+    "public.audit_log": {
+      "name": "audit_log",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "action": {
+          "name": "action",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "meta": {
+          "name": "meta",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "ip": {
+          "name": "ip",
+          "type": "inet",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "audit_firm_idx": {
+          "name": "audit_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "created_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "audit_log_user_id_users_id_fk": {
+          "name": "audit_log_user_id_users_id_fk",
+          "tableFrom": "audit_log",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        },
+        "audit_log_firm_id_firms_id_fk": {
+          "name": "audit_log_firm_id_firms_id_fk",
+          "tableFrom": "audit_log",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.email_verifications": {
+      "name": "email_verifications",
+      "schema": "",
+      "columns": {
+        "token_hash": {
+          "name": "token_hash",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "consumed_at": {
+          "name": "consumed_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "email_verifications_user_id_users_id_fk": {
+          "name": "email_verifications_user_id_users_id_fk",
+          "tableFrom": "email_verifications",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.login_attempts": {
+      "name": "login_attempts",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ip": {
+          "name": "ip",
+          "type": "inet",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "success": {
+          "name": "success",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "attempted_at": {
+          "name": "attempted_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "login_attempts_email_idx": {
+          "name": "login_attempts_email_idx",
+          "columns": [
+            {
+              "expression": "email",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "attempted_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "login_attempts_ip_idx": {
+          "name": "login_attempts_ip_idx",
+          "columns": [
+            {
+              "expression": "ip",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "attempted_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.password_resets": {
+      "name": "password_resets",
+      "schema": "",
+      "columns": {
+        "token_hash": {
+          "name": "token_hash",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "consumed_at": {
+          "name": "consumed_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "password_resets_user_id_users_id_fk": {
+          "name": "password_resets_user_id_users_id_fk",
+          "tableFrom": "password_resets",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.sessions": {
+      "name": "sessions",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ip": {
+          "name": "ip",
+          "type": "inet",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "user_agent": {
+          "name": "user_agent",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "last_seen_at": {
+          "name": "last_seen_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "sessions_user_idx": {
+          "name": "sessions_user_idx",
+          "columns": [
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "sessions_expires_idx": {
+          "name": "sessions_expires_idx",
+          "columns": [
+            {
+              "expression": "expires_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "sessions_user_id_users_id_fk": {
+          "name": "sessions_user_id_users_id_fk",
+          "tableFrom": "sessions",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.users": {
+      "name": "users",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "password_hash": {
+          "name": "password_hash",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "full_name": {
+          "name": "full_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'owner'"
+        },
+        "is_superadmin": {
+          "name": "is_superadmin",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "is_suspended": {
+          "name": "is_suspended",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "email_verified_at": {
+          "name": "email_verified_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "totp_secret_enc": {
+          "name": "totp_secret_enc",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "totp_enabled": {
+          "name": "totp_enabled",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "last_seen_at": {
+          "name": "last_seen_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "users_firm_idx": {
+          "name": "users_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "users_firm_id_firms_id_fk": {
+          "name": "users_firm_id_firms_id_fk",
+          "tableFrom": "users",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "users_email_unique": {
+          "name": "users_email_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "email"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.firms": {
+      "name": "firms",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "plan": {
+          "name": "plan",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'starter'"
+        },
+        "watermark_enabled": {
+          "name": "watermark_enabled",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": true
+        },
+        "storage_bytes_used": {
+          "name": "storage_bytes_used",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "stripe_customer_id": {
+          "name": "stripe_customer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "stripe_subscription_id": {
+          "name": "stripe_subscription_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "trial_ends_at": {
+          "name": "trial_ends_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.clients": {
+      "name": "clients",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "address": {
+          "name": "address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "notes": {
+          "name": "notes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "clients_firm_idx": {
+          "name": "clients_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "clients_firm_id_firms_id_fk": {
+          "name": "clients_firm_id_firms_id_fk",
+          "tableFrom": "clients",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.cases": {
+      "name": "cases",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "client_id": {
+          "name": "client_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "case_number": {
+          "name": "case_number",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'open'"
+        },
+        "practice_area": {
+          "name": "practice_area",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "hourly_rate": {
+          "name": "hourly_rate",
+          "type": "numeric(10, 2)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "opened_at": {
+          "name": "opened_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "closed_at": {
+          "name": "closed_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "cases_firm_idx": {
+          "name": "cases_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "cases_client_idx": {
+          "name": "cases_client_idx",
+          "columns": [
+            {
+              "expression": "client_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "cases_status_idx": {
+          "name": "cases_status_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "status",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "cases_firm_id_firms_id_fk": {
+          "name": "cases_firm_id_firms_id_fk",
+          "tableFrom": "cases",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "cases_client_id_clients_id_fk": {
+          "name": "cases_client_id_clients_id_fk",
+          "tableFrom": "cases",
+          "tableTo": "clients",
+          "columnsFrom": [
+            "client_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "restrict",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.time_entries": {
+      "name": "time_entries",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "case_id": {
+          "name": "case_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "started_at": {
+          "name": "started_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ended_at": {
+          "name": "ended_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "minutes": {
+          "name": "minutes",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "rate": {
+          "name": "rate",
+          "type": "numeric(10, 2)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "billable": {
+          "name": "billable",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": true
+        },
+        "invoice_item_id": {
+          "name": "invoice_item_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "time_firm_idx": {
+          "name": "time_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "time_case_idx": {
+          "name": "time_case_idx",
+          "columns": [
+            {
+              "expression": "case_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "time_user_idx": {
+          "name": "time_user_idx",
+          "columns": [
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "started_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "time_unbilled_idx": {
+          "name": "time_unbilled_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "invoice_item_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "time_entries_firm_id_firms_id_fk": {
+          "name": "time_entries_firm_id_firms_id_fk",
+          "tableFrom": "time_entries",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "time_entries_case_id_cases_id_fk": {
+          "name": "time_entries_case_id_cases_id_fk",
+          "tableFrom": "time_entries",
+          "tableTo": "cases",
+          "columnsFrom": [
+            "case_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "time_entries_user_id_users_id_fk": {
+          "name": "time_entries_user_id_users_id_fk",
+          "tableFrom": "time_entries",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "restrict",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.documents": {
+      "name": "documents",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "case_id": {
+          "name": "case_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "uploaded_by": {
+          "name": "uploaded_by",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "storage_key": {
+          "name": "storage_key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "mime_type": {
+          "name": "mime_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "size_bytes": {
+          "name": "size_bytes",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 1
+        },
+        "parent_id": {
+          "name": "parent_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "docs_firm_idx": {
+          "name": "docs_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "docs_case_idx": {
+          "name": "docs_case_idx",
+          "columns": [
+            {
+              "expression": "case_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "documents_firm_id_firms_id_fk": {
+          "name": "documents_firm_id_firms_id_fk",
+          "tableFrom": "documents",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "documents_case_id_cases_id_fk": {
+          "name": "documents_case_id_cases_id_fk",
+          "tableFrom": "documents",
+          "tableTo": "cases",
+          "columnsFrom": [
+            "case_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "documents_uploaded_by_users_id_fk": {
+          "name": "documents_uploaded_by_users_id_fk",
+          "tableFrom": "documents",
+          "tableTo": "users",
+          "columnsFrom": [
+            "uploaded_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.invoice_items": {
+      "name": "invoice_items",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "invoice_id": {
+          "name": "invoice_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "quantity": {
+          "name": "quantity",
+          "type": "numeric(10, 2)",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'1'"
+        },
+        "rate": {
+          "name": "rate",
+          "type": "numeric(10, 2)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "amount": {
+          "name": "amount",
+          "type": "numeric(12, 2)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        }
+      },
+      "indexes": {
+        "invoice_items_invoice_idx": {
+          "name": "invoice_items_invoice_idx",
+          "columns": [
+            {
+              "expression": "invoice_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "invoice_items_invoice_id_invoices_id_fk": {
+          "name": "invoice_items_invoice_id_invoices_id_fk",
+          "tableFrom": "invoice_items",
+          "tableTo": "invoices",
+          "columnsFrom": [
+            "invoice_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.invoices": {
+      "name": "invoices",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "firm_id": {
+          "name": "firm_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "client_id": {
+          "name": "client_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "case_id": {
+          "name": "case_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "number": {
+          "name": "number",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'draft'"
+        },
+        "subtotal": {
+          "name": "subtotal",
+          "type": "numeric(12, 2)",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'0'"
+        },
+        "tax_rate": {
+          "name": "tax_rate",
+          "type": "numeric(5, 2)",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'0'"
+        },
+        "total": {
+          "name": "total",
+          "type": "numeric(12, 2)",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'0'"
+        },
+        "notes": {
+          "name": "notes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "issued_at": {
+          "name": "issued_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "due_at": {
+          "name": "due_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "paid_at": {
+          "name": "paid_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "invoices_firm_idx": {
+          "name": "invoices_firm_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "invoices_status_idx": {
+          "name": "invoices_status_idx",
+          "columns": [
+            {
+              "expression": "firm_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "status",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "invoices_firm_id_firms_id_fk": {
+          "name": "invoices_firm_id_firms_id_fk",
+          "tableFrom": "invoices",
+          "tableTo": "firms",
+          "columnsFrom": [
+            "firm_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "invoices_client_id_clients_id_fk": {
+          "name": "invoices_client_id_clients_id_fk",
+          "tableFrom": "invoices",
+          "tableTo": "clients",
+          "columnsFrom": [
+            "client_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "restrict",
+          "onUpdate": "no action"
+        },
+        "invoices_case_id_cases_id_fk": {
+          "name": "invoices_case_id_cases_id_fk",
+          "tableFrom": "invoices",
+          "tableTo": "cases",
+          "columnsFrom": [
+            "case_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.contact_messages": {
+      "name": "contact_messages",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "full_name": {
+          "name": "full_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ip": {
+          "name": "ip",
+          "type": "inet",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "resolved_at": {
+          "name": "resolved_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.tool_usage": {
+      "name": "tool_usage",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "tool": {
+          "name": "tool",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "session_id": {
+          "name": "session_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "ip": {
+          "name": "ip",
+          "type": "inet",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "tool_usage_tool_idx": {
+          "name": "tool_usage_tool_idx",
+          "columns": [
+            {
+              "expression": "tool",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "created_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    }
+  },
+  "enums": {},
+  "schemas": {},
+  "sequences": {},
+  "roles": {},
+  "policies": {},
+  "views": {},
+  "_meta": {
+    "columns": {},
+    "schemas": {},
+    "tables": {}
+  }
+}
\ No newline at end of file
diff --git a/packages/db/migrations/meta/_journal.json b/packages/db/migrations/meta/_journal.json
new file mode 100644
index 0000000..c38c818
--- /dev/null
+++ b/packages/db/migrations/meta/_journal.json
@@ -0,0 +1,20 @@
+{
+  "version": "7",
+  "dialect": "postgresql",
+  "entries": [
+    {
+      "idx": 0,
+      "version": "7",
+      "when": 1777165783297,
+      "tag": "0000_clear_wallop",
+      "breakpoints": true
+    },
+    {
+      "idx": 1,
+      "version": "7",
+      "when": 1777169307877,
+      "tag": "0001_orange_jamie_braddock",
+      "breakpoints": true
+    }
+  ]
+}
\ No newline at end of file
diff --git a/packages/db/package.json b/packages/db/package.json
new file mode 100644
index 0000000..eac2b63
--- /dev/null
+++ b/packages/db/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@lawdesk/db",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./schema": "./src/schema/index.ts"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json --noEmit",
+    "generate": "drizzle-kit generate",
+    "migrate": "tsx src/migrate.ts",
+    "studio": "drizzle-kit studio",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "dependencies": {
+    "dotenv": "^16.4.5",
+    "drizzle-orm": "^0.36.4",
+    "pg": "^8.13.1"
+  },
+  "devDependencies": {
+    "@types/pg": "^8.11.10",
+    "drizzle-kit": "^0.28.1",
+    "tsx": "^4.19.2",
+    "typescript": "^5.6.3"
+  }
+}
diff --git a/packages/db/src/index.ts b/packages/db/src/index.ts
new file mode 100644
index 0000000..8286137
--- /dev/null
+++ b/packages/db/src/index.ts
@@ -0,0 +1,56 @@
+import fs from 'node:fs';
+import { drizzle } from 'drizzle-orm/node-postgres';
+import pg from 'pg';
+import * as schema from './schema';
+
+export * from './schema';
+export { schema };
+
+let _pool: pg.Pool | null = null;
+let _db: ReturnType<typeof drizzle<typeof schema>> | null = null;
+
+function stripSslmode(url: string): string {
+  try {
+    const u = new URL(url);
+    u.searchParams.delete('sslmode');
+    u.searchParams.delete('ssl');
+    return u.toString();
+  } catch {
+    return url;
+  }
+}
+
+export function getPool(): pg.Pool {
+  if (_pool) return _pool;
+
+  const connectionString = process.env.DATABASE_URL;
+  if (!connectionString) {
+    throw new Error('DATABASE_URL is not set');
+  }
+
+  const caPath = process.env.DATABASE_CA_CERT_PATH;
+  const ca = caPath && fs.existsSync(caPath) ? fs.readFileSync(caPath, 'utf8') : undefined;
+
+  // Strip sslmode from the URL so our explicit `ssl` option fully controls TLS behavior.
+  // Without this, pg merges URL-derived settings and may force cert verification even when
+  // we want to fall back to TLS-without-verification (no CA cert available).
+  const ssl: pg.PoolConfig['ssl'] = ca
+    ? { ca, rejectUnauthorized: true }
+    : { rejectUnauthorized: false };
+
+  _pool = new pg.Pool({
+    connectionString: stripSslmode(connectionString),
+    max: Number(process.env.DATABASE_POOL_MAX ?? 5),
+    ssl,
+  });
+
+  return _pool;
+}
+
+export function getDb() {
+  if (_db) return _db;
+  _db = drizzle(getPool(), { schema });
+  return _db;
+}
+
+export type Database = ReturnType<typeof getDb>;
diff --git a/packages/db/src/migrate.ts b/packages/db/src/migrate.ts
new file mode 100644
index 0000000..e977b8b
--- /dev/null
+++ b/packages/db/src/migrate.ts
@@ -0,0 +1,21 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import dotenv from 'dotenv';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+dotenv.config({ path: path.resolve(__dirname, '../../../.env') });
+
+import { migrate } from 'drizzle-orm/node-postgres/migrator';
+import { getDb, getPool } from './index';
+
+async function main() {
+  console.log('Running migrations...');
+  await migrate(getDb(), { migrationsFolder: path.resolve(__dirname, '../migrations') });
+  console.log('Migrations complete.');
+  await getPool().end();
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/packages/db/src/schema/auth.ts b/packages/db/src/schema/auth.ts
new file mode 100644
index 0000000..d939e95
--- /dev/null
+++ b/packages/db/src/schema/auth.ts
@@ -0,0 +1,103 @@
+import { pgTable, uuid, text, timestamp, inet, boolean, index } from 'drizzle-orm/pg-core';
+import { relations } from 'drizzle-orm';
+import { firms } from './firms';
+
+export const users = pgTable(
+  'users',
+  {
+    id: uuid('id').defaultRandom().primaryKey(),
+    firmId: uuid('firm_id').references(() => firms.id, { onDelete: 'set null' }),
+    email: text('email').notNull().unique(),
+    passwordHash: text('password_hash').notNull(),
+    fullName: text('full_name'),
+    role: text('role', { enum: ['owner', 'attorney', 'paralegal', 'staff'] })
+      .notNull()
+      .default('owner'),
+    isSuperadmin: boolean('is_superadmin').notNull().default(false),
+    isSuspended: boolean('is_suspended').notNull().default(false),
+    emailVerifiedAt: timestamp('email_verified_at', { withTimezone: true }),
+    totpSecretEnc: text('totp_secret_enc'),
+    totpEnabled: boolean('totp_enabled').notNull().default(false),
+    lastSeenAt: timestamp('last_seen_at', { withTimezone: true }),
+    createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+    updatedAt: timestamp('updated_at', { withTimezone: true }).notNull().defaultNow(),
+  },
+  (t) => ({
+    firmIdx: index('users_firm_idx').on(t.firmId),
+  }),
+);
+
+export const usersRelations = relations(users, ({ one }) => ({
+  firm: one(firms, { fields: [users.firmId], references: [firms.id] }),
+}));
+
+export const sessions = pgTable(
+  'sessions',
+  {
+    // Hash of the cookie token (sha256). Cookie holds the raw token; DB stores the hash.
+    id: text('id').primaryKey(),
+    userId: uuid('user_id')
+      .notNull()
+      .references(() => users.id, { onDelete: 'cascade' }),
+    expiresAt: timestamp('expires_at', { withTimezone: true }).notNull(),
+    ip: inet('ip'),
+    userAgent: text('user_agent'),
+    lastSeenAt: timestamp('last_seen_at', { withTimezone: true }).notNull().defaultNow(),
+    createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+  },
+  (t) => ({
+    userIdx: index('sessions_user_idx').on(t.userId),
+    expiresIdx: index('sessions_expires_idx').on(t.expiresAt),
+  }),
+);
+
+export const emailVerifications = pgTable('email_verifications', {
+  tokenHash: text('token_hash').primaryKey(),
+  userId: uuid('user_id')
+    .notNull()
+    .references(() => users.id, { onDelete: 'cascade' }),
+  expiresAt: timestamp('expires_at', { withTimezone: true }).notNull(),
+  consumedAt: timestamp('consumed_at', { withTimezone: true }),
+  createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+});
+
+export const passwordResets = pgTable('password_resets', {
+  tokenHash: text('token_hash').primaryKey(),
+  userId: uuid('user_id')
+    .notNull()
+    .references(() => users.id, { onDelete: 'cascade' }),
+  expiresAt: timestamp('expires_at', { withTimezone: true }).notNull(),
+  consumedAt: timestamp('consumed_at', { withTimezone: true }),
+  createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+});
+
+export const loginAttempts = pgTable(
+  'login_attempts',
+  {
+    id: uuid('id').defaultRandom().primaryKey(),
+    email: text('email').notNull(),
+    ip: inet('ip'),
+    success: boolean('success').notNull().default(false),
+    attemptedAt: timestamp('attempted_at', { withTimezone: true }).notNull().defaultNow(),
+  },
+  (t) => ({
+    emailIdx: index('login_attempts_email_idx').on(t.email, t.attemptedAt),
+    ipIdx: index('login_attempts_ip_idx').on(t.ip, t.attemptedAt),
+  }),
+);
+
+export const auditLog = pgTable(
+  'audit_log',
+  {
+    id: uuid('id').defaultRandom().primaryKey(),
+    userId: uuid('user_id').references(() => users.id, { onDelete: 'set null' }),
+    firmId: uuid('firm_id').references(() => firms.id, { onDelete: 'set null' }),
+    action: text('action').notNull(),
+    meta: text('meta'),
+    ip: inet('ip'),
+    createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+  },
+  (t) => ({
+    firmIdx: index('audit_firm_idx').on(t.firmId, t.createdAt),
+  }),
+);
diff --git a/packages/db/src/schema/cases.ts b/packages/db/src/schema/cases.ts
new file mode 100644
index 0000000..53336b8
--- /dev/null
+++ b/packages/db/src/schema/cases.ts
@@ -0,0 +1,33 @@
+import { pgTable, uuid, text, timestamp, numeric, index } from 'drizzle-orm/pg-core';
+import { firms } from './firms';
+import { clients } from './clients';
+
+export const cases = pgTable(
+  'cases',
+  {
+    id: uuid('id').defaultRandom().primaryKey(),
+    firmId: uuid('firm_id')
+      .notNull()
+      .references(() => firms.id, { onDelete: 'cascade' }),
+    clientId: uuid('client_id')
+      .notNull()
+      .references(() => clients.id, { onDelete: 'restrict' }),
+    title: text('title').notNull(),
+    caseNumber: text('case_number'),
+    status: text('status', { enum: ['open', 'pending', 'closed', 'archived'] })
+      .notNull()
+      .default('open'),
+    practiceArea: text('practice_area'),
+    description: text('description'),
+    hourlyRate: numeric('hourly_rate', { precision: 10, scale: 2 }),
+    openedAt: timestamp('opened_at', { withTimezone: true }).notNull().defaultNow(),
+    closedAt: timestamp('closed_at', { withTimezone: true }),
+    createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+    updatedAt: timestamp('updated_at', { withTimezone: true }).notNull().defaultNow(),
+  },
+  (t) => ({
+    firmIdx: index('cases_firm_idx').on(t.firmId),
+    clientIdx: index('cases_client_idx').on(t.clientId),
+    statusIdx: index('cases_status_idx').on(t.firmId, t.status),
+  }),
+);
diff --git a/packages/db/src/schema/clients.ts b/packages/db/src/schema/clients.ts
new file mode 100644
index 0000000..8e0c538
--- /dev/null
+++ b/packages/db/src/schema/clients.ts
@@ -0,0 +1,22 @@
+import { pgTable, uuid, text, timestamp, index } from 'drizzle-orm/pg-core';
+import { firms } from './firms';
+
+export const clients = pgTable(
+  'clients',
+  {
+    id: uuid('id').defaultRandom().primaryKey(),
+    firmId: uuid('firm_id')
+      .notNull()
+      .references(() => firms.id, { onDelete: 'cascade' }),
+    name: text('name').notNull(),
+    email: text('email'),
+    phone: text('phone'),
+    address: text('address'),
+    notes: text('notes'),
+    createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+    updatedAt: timestamp('updated_at', { withTimezone: true }).notNull().defaultNow(),
+  },
+  (t) => ({
+    firmIdx: index('clients_firm_idx').on(t.firmId),
+  }),
+);
diff --git a/packages/db/src/schema/documents.ts b/packages/db/src/schema/documents.ts
new file mode 100644
index 0000000..d569633
--- /dev/null
+++ b/packages/db/src/schema/documents.ts
@@ -0,0 +1,27 @@
+import { pgTable, uuid, text, timestamp, integer, index } from 'drizzle-orm/pg-core';
+import { firms } from './firms';
+import { cases } from './cases';
+import { users } from './auth';
+
+export const documents = pgTable(
+  'documents',
+  {
+    id: uuid('id').defaultRandom().primaryKey(),
+    firmId: uuid('firm_id')
+      .notNull()
+      .references(() => firms.id, { onDelete: 'cascade' }),
+    caseId: uuid('case_id').references(() => cases.id, { onDelete: 'cascade' }),
+    uploadedBy: uuid('uploaded_by').references(() => users.id, { onDelete: 'set null' }),
+    name: text('name').notNull(),
+    storageKey: text('storage_key').notNull(),
+    mimeType: text('mime_type').notNull(),
+    sizeBytes: integer('size_bytes').notNull(),
+    version: integer('version').notNull().default(1),
+    parentId: uuid('parent_id'),
+    createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+  },
+  (t) => ({
+    firmIdx: index('docs_firm_idx').on(t.firmId),
+    caseIdx: index('docs_case_idx').on(t.caseId),
+  }),
+);
diff --git a/packages/db/src/schema/firms.ts b/packages/db/src/schema/firms.ts
new file mode 100644
index 0000000..483b7ea
--- /dev/null
+++ b/packages/db/src/schema/firms.ts
@@ -0,0 +1,16 @@
+import { pgTable, uuid, text, timestamp, boolean, integer } from 'drizzle-orm/pg-core';
+
+export const firms = pgTable('firms', {
+  id: uuid('id').defaultRandom().primaryKey(),
+  name: text('name').notNull(),
+  plan: text('plan', { enum: ['starter', 'pro', 'lifetime'] })
+    .notNull()
+    .default('starter'),
+  watermarkEnabled: boolean('watermark_enabled').notNull().default(true),
+  storageBytesUsed: integer('storage_bytes_used').notNull().default(0),
+  stripeCustomerId: text('stripe_customer_id'),
+  stripeSubscriptionId: text('stripe_subscription_id'),
+  trialEndsAt: timestamp('trial_ends_at', { withTimezone: true }),
+  createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+  updatedAt: timestamp('updated_at', { withTimezone: true }).notNull().defaultNow(),
+});
diff --git a/packages/db/src/schema/index.ts b/packages/db/src/schema/index.ts
new file mode 100644
index 0000000..7115bf9
--- /dev/null
+++ b/packages/db/src/schema/index.ts
@@ -0,0 +1,8 @@
+export * from './auth';
+export * from './firms';
+export * from './clients';
+export * from './cases';
+export * from './time';
+export * from './documents';
+export * from './invoices';
+export * from './misc';
diff --git a/packages/db/src/schema/invoices.ts b/packages/db/src/schema/invoices.ts
new file mode 100644
index 0000000..d73f649
--- /dev/null
+++ b/packages/db/src/schema/invoices.ts
@@ -0,0 +1,53 @@
+import { pgTable, uuid, text, timestamp, numeric, integer, index } from 'drizzle-orm/pg-core';
+import { firms } from './firms';
+import { clients } from './clients';
+import { cases } from './cases';
+
+export const invoices = pgTable(
+  'invoices',
+  {
+    id: uuid('id').defaultRandom().primaryKey(),
+    firmId: uuid('firm_id')
+      .notNull()
+      .references(() => firms.id, { onDelete: 'cascade' }),
+    clientId: uuid('client_id')
+      .notNull()
+      .references(() => clients.id, { onDelete: 'restrict' }),
+    caseId: uuid('case_id').references(() => cases.id, { onDelete: 'set null' }),
+    number: text('number').notNull(),
+    status: text('status', { enum: ['draft', 'sent', 'paid', 'overdue', 'void'] })
+      .notNull()
+      .default('draft'),
+    subtotal: numeric('subtotal', { precision: 12, scale: 2 }).notNull().default('0'),
+    taxRate: numeric('tax_rate', { precision: 5, scale: 2 }).notNull().default('0'),
+    total: numeric('total', { precision: 12, scale: 2 }).notNull().default('0'),
+    notes: text('notes'),
+    issuedAt: timestamp('issued_at', { withTimezone: true }),
+    dueAt: timestamp('due_at', { withTimezone: true }),
+    paidAt: timestamp('paid_at', { withTimezone: true }),
+    createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+    updatedAt: timestamp('updated_at', { withTimezone: true }).notNull().defaultNow(),
+  },
+  (t) => ({
+    firmIdx: index('invoices_firm_idx').on(t.firmId),
+    statusIdx: index('invoices_status_idx').on(t.firmId, t.status),
+  }),
+);
+
+export const invoiceItems = pgTable(
+  'invoice_items',
+  {
+    id: uuid('id').defaultRandom().primaryKey(),
+    invoiceId: uuid('invoice_id')
+      .notNull()
+      .references(() => invoices.id, { onDelete: 'cascade' }),
+    description: text('description').notNull(),
+    quantity: numeric('quantity', { precision: 10, scale: 2 }).notNull().default('1'),
+    rate: numeric('rate', { precision: 10, scale: 2 }).notNull(),
+    amount: numeric('amount', { precision: 12, scale: 2 }).notNull(),
+    sortOrder: integer('sort_order').notNull().default(0),
+  },
+  (t) => ({
+    invoiceIdx: index('invoice_items_invoice_idx').on(t.invoiceId),
+  }),
+);
diff --git a/packages/db/src/schema/misc.ts b/packages/db/src/schema/misc.ts
new file mode 100644
index 0000000..17179bd
--- /dev/null
+++ b/packages/db/src/schema/misc.ts
@@ -0,0 +1,25 @@
+import { pgTable, uuid, text, timestamp, inet, index } from 'drizzle-orm/pg-core';
+
+export const contactMessages = pgTable('contact_messages', {
+  id: uuid('id').defaultRandom().primaryKey(),
+  fullName: text('full_name').notNull(),
+  email: text('email').notNull(),
+  message: text('message').notNull(),
+  ip: inet('ip'),
+  resolvedAt: timestamp('resolved_at', { withTimezone: true }),
+  createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+});
+
+export const toolUsage = pgTable(
+  'tool_usage',
+  {
+    id: uuid('id').defaultRandom().primaryKey(),
+    tool: text('tool').notNull(),
+    sessionId: text('session_id'),
+    ip: inet('ip'),
+    createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+  },
+  (t) => ({
+    toolIdx: index('tool_usage_tool_idx').on(t.tool, t.createdAt),
+  }),
+);
diff --git a/packages/db/src/schema/time.ts b/packages/db/src/schema/time.ts
new file mode 100644
index 0000000..0bf8a62
--- /dev/null
+++ b/packages/db/src/schema/time.ts
@@ -0,0 +1,35 @@
+import { pgTable, uuid, text, timestamp, numeric, integer, boolean, index } from 'drizzle-orm/pg-core';
+import { firms } from './firms';
+import { cases } from './cases';
+import { users } from './auth';
+
+export const timeEntries = pgTable(
+  'time_entries',
+  {
+    id: uuid('id').defaultRandom().primaryKey(),
+    firmId: uuid('firm_id')
+      .notNull()
+      .references(() => firms.id, { onDelete: 'cascade' }),
+    caseId: uuid('case_id')
+      .notNull()
+      .references(() => cases.id, { onDelete: 'cascade' }),
+    userId: uuid('user_id')
+      .notNull()
+      .references(() => users.id, { onDelete: 'restrict' }),
+    description: text('description').notNull(),
+    startedAt: timestamp('started_at', { withTimezone: true }).notNull(),
+    endedAt: timestamp('ended_at', { withTimezone: true }),
+    minutes: integer('minutes').notNull().default(0),
+    rate: numeric('rate', { precision: 10, scale: 2 }).notNull(),
+    billable: boolean('billable').notNull().default(true),
+    invoiceItemId: uuid('invoice_item_id'),
+    createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+    updatedAt: timestamp('updated_at', { withTimezone: true }).notNull().defaultNow(),
+  },
+  (t) => ({
+    firmIdx: index('time_firm_idx').on(t.firmId),
+    caseIdx: index('time_case_idx').on(t.caseId),
+    userIdx: index('time_user_idx').on(t.userId, t.startedAt),
+    unbilledIdx: index('time_unbilled_idx').on(t.firmId, t.invoiceItemId),
+  }),
+);
diff --git a/packages/db/tsconfig.json b/packages/db/tsconfig.json
new file mode 100644
index 0000000..231831a
--- /dev/null
+++ b/packages/db/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src",
+    "module": "ESNext",
+    "moduleResolution": "Bundler"
+  },
+  "include": ["src/**/*"]
+}
diff --git a/pinterestmarketingsystem (1).png b/pinterestmarketingsystem (1).png
new file mode 100644
index 0000000000000000000000000000000000000000..8d5e41b765e7cdc579ac76253a2b998e6fdbe8af
GIT binary patch
literal 7480
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
KDO9p~@P7c`K3@s|

literal 0
HcmV?d00001

diff --git a/pinterestmarketingsystem.png b/pinterestmarketingsystem.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce63191592f3c5600485f383d6eac011a4159f83
GIT binary patch
literal 7311
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
HTKN9}eVzj#

literal 0
HcmV?d00001

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..18b3da2
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,5664 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    devDependencies:
+      typescript:
+        specifier: ^5.6.3
+        version: 5.9.3
+
+  apps/api:
+    dependencies:
+      '@fastify/cookie':
+        specifier: ^11.0.1
+        version: 11.0.2
+      '@fastify/cors':
+        specifier: ^10.0.1
+        version: 10.1.0
+      '@fastify/helmet':
+        specifier: ^12.0.1
+        version: 12.0.1
+      '@fastify/multipart':
+        specifier: ^9.0.1
+        version: 9.4.0
+      '@fastify/rate-limit':
+        specifier: ^10.2.1
+        version: 10.3.0
+      '@fastify/static':
+        specifier: ^8.0.3
+        version: 8.3.0
+      '@lawdesk/db':
+        specifier: workspace:*
+        version: link:../../packages/db
+      '@sentry/node':
+        specifier: ^8.45.0
+        version: 8.55.1
+      argon2:
+        specifier: ^0.41.1
+        version: 0.41.1
+      dotenv:
+        specifier: ^16.4.5
+        version: 16.6.1
+      drizzle-orm:
+        specifier: ^0.36.4
+        version: 0.36.4(@opentelemetry/api@1.9.1)(@types/pg@8.20.0)(@types/react@18.3.28)(pg@8.20.0)(react@18.3.1)
+      fastify:
+        specifier: ^5.1.0
+        version: 5.8.5
+      fastify-plugin:
+        specifier: ^5.0.1
+        version: 5.1.0
+      fastify-type-provider-zod:
+        specifier: ^4.0.2
+        version: 4.0.2(fastify@5.8.5)(zod@3.25.76)
+      pdfkit:
+        specifier: ^0.15.0
+        version: 0.15.2
+      pg:
+        specifier: ^8.13.1
+        version: 8.20.0
+      pino:
+        specifier: ^9.5.0
+        version: 9.14.0
+      resend:
+        specifier: ^4.0.1
+        version: 4.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      stripe:
+        specifier: ^17.4.0
+        version: 17.7.0
+      tsx:
+        specifier: ^4.19.2
+        version: 4.21.0
+      zod:
+        specifier: ^3.23.8
+        version: 3.25.76
+    devDependencies:
+      '@types/node':
+        specifier: ^22.9.1
+        version: 22.19.17
+      '@types/pdfkit':
+        specifier: ^0.13.5
+        version: 0.13.9
+      '@types/pg':
+        specifier: ^8.11.10
+        version: 8.20.0
+      pino-pretty:
+        specifier: ^11.3.0
+        version: 11.3.0
+      typescript:
+        specifier: ^5.6.3
+        version: 5.9.3
+
+  apps/web:
+    dependencies:
+      '@sentry/react':
+        specifier: ^8.45.0
+        version: 8.55.1(react@18.3.1)
+      '@tanstack/react-query':
+        specifier: ^5.62.0
+        version: 5.100.5(react@18.3.1)
+      class-variance-authority:
+        specifier: ^0.7.1
+        version: 0.7.1
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      framer-motion:
+        specifier: ^11.13.1
+        version: 11.18.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      lucide-react:
+        specifier: ^0.468.0
+        version: 0.468.0(react@18.3.1)
+      react:
+        specifier: ^18.3.1
+        version: 18.3.1
+      react-dom:
+        specifier: ^18.3.1
+        version: 18.3.1(react@18.3.1)
+      react-hook-form:
+        specifier: ^7.53.2
+        version: 7.74.0(react@18.3.1)
+      react-router-dom:
+        specifier: ^6.28.0
+        version: 6.30.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      recharts:
+        specifier: ^2.13.3
+        version: 2.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      tailwind-merge:
+        specifier: ^2.5.5
+        version: 2.6.1
+      zod:
+        specifier: ^3.23.8
+        version: 3.25.76
+    devDependencies:
+      '@types/node':
+        specifier: ^22.9.1
+        version: 22.19.17
+      '@types/react':
+        specifier: ^18.3.12
+        version: 18.3.28
+      '@types/react-dom':
+        specifier: ^18.3.1
+        version: 18.3.7(@types/react@18.3.28)
+      '@vitejs/plugin-react':
+        specifier: ^4.3.4
+        version: 4.7.0(vite@5.4.21(@types/node@22.19.17))
+      autoprefixer:
+        specifier: ^10.4.20
+        version: 10.5.0(postcss@8.5.10)
+      postcss:
+        specifier: ^8.4.49
+        version: 8.5.10
+      tailwindcss:
+        specifier: ^3.4.15
+        version: 3.4.19(tsx@4.21.0)
+      tailwindcss-animate:
+        specifier: ^1.0.7
+        version: 1.0.7(tailwindcss@3.4.19(tsx@4.21.0))
+      typescript:
+        specifier: ^5.6.3
+        version: 5.9.3
+      vite:
+        specifier: ^5.4.11
+        version: 5.4.21(@types/node@22.19.17)
+
+  packages/db:
+    dependencies:
+      dotenv:
+        specifier: ^16.4.5
+        version: 16.6.1
+      drizzle-orm:
+        specifier: ^0.36.4
+        version: 0.36.4(@opentelemetry/api@1.9.1)(@types/pg@8.20.0)(@types/react@18.3.28)(pg@8.20.0)(react@18.3.1)
+      pg:
+        specifier: ^8.13.1
+        version: 8.20.0
+    devDependencies:
+      '@types/pg':
+        specifier: ^8.11.10
+        version: 8.20.0
+      drizzle-kit:
+        specifier: ^0.28.1
+        version: 0.28.1
+      tsx:
+        specifier: ^4.19.2
+        version: 4.21.0
+      typescript:
+        specifier: ^5.6.3
+        version: 5.9.3
+
+packages:
+
+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.29.0':
+    resolution: {integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.29.0':
+    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.29.1':
+    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.28.6':
+    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.28.6':
+    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.28.6':
+    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-plugin-utils@7.28.6':
+    resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.29.2':
+    resolution: {integrity: sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.2':
+    resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-transform-react-jsx-self@7.27.1':
+    resolution: {integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1':
+    resolution: {integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/runtime@7.29.2':
+    resolution: {integrity: sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.28.6':
+    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.29.0':
+    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+    engines: {node: '>=6.9.0'}
+
+  '@drizzle-team/brocli@0.10.2':
+    resolution: {integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==}
+
+  '@esbuild-kit/core-utils@3.3.2':
+    resolution: {integrity: sha512-sPRAnw9CdSsRmEtnsl2WXWdyquogVpB3yZ3dgwJfe8zrOzTsV7cJvmwrKVa+0ma5BoiGJ+BoqkMvawbayKUsqQ==}
+    deprecated: 'Merged into tsx: https://tsx.is'
+
+  '@esbuild-kit/esm-loader@2.6.5':
+    resolution: {integrity: sha512-FxEMIkJKnodyA1OaCUoEvbYRkoZlLZ4d/eXFu9Fh8CbBBgP5EmZxrfTRyN0qpXZ4vOvqnE5YdRdcrmUUXuU+dA==}
+    deprecated: 'Merged into tsx: https://tsx.is'
+
+  '@esbuild/aix-ppc64@0.19.12':
+    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.21.5':
+    resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.27.7':
+    resolution: {integrity: sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.18.20':
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.19.12':
+    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.21.5':
+    resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.27.7':
+    resolution: {integrity: sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.18.20':
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.19.12':
+    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.21.5':
+    resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.27.7':
+    resolution: {integrity: sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.18.20':
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.19.12':
+    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.21.5':
+    resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.27.7':
+    resolution: {integrity: sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.18.20':
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.19.12':
+    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.21.5':
+    resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.27.7':
+    resolution: {integrity: sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.18.20':
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.19.12':
+    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.21.5':
+    resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.27.7':
+    resolution: {integrity: sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.18.20':
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.19.12':
+    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.21.5':
+    resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.27.7':
+    resolution: {integrity: sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.18.20':
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.19.12':
+    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.21.5':
+    resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.27.7':
+    resolution: {integrity: sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.18.20':
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.19.12':
+    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.21.5':
+    resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.27.7':
+    resolution: {integrity: sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.18.20':
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.19.12':
+    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.21.5':
+    resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.27.7':
+    resolution: {integrity: sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.18.20':
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.19.12':
+    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.21.5':
+    resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.27.7':
+    resolution: {integrity: sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.18.20':
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.19.12':
+    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.21.5':
+    resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.27.7':
+    resolution: {integrity: sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.18.20':
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.19.12':
+    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.21.5':
+    resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.27.7':
+    resolution: {integrity: sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.18.20':
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.19.12':
+    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.21.5':
+    resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.27.7':
+    resolution: {integrity: sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.18.20':
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.19.12':
+    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.21.5':
+    resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.27.7':
+    resolution: {integrity: sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.18.20':
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.19.12':
+    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.21.5':
+    resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.27.7':
+    resolution: {integrity: sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.18.20':
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.19.12':
+    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.21.5':
+    resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.27.7':
+    resolution: {integrity: sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.27.7':
+    resolution: {integrity: sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.18.20':
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.19.12':
+    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.21.5':
+    resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.27.7':
+    resolution: {integrity: sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.27.7':
+    resolution: {integrity: sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.18.20':
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.19.12':
+    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.21.5':
+    resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.27.7':
+    resolution: {integrity: sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.27.7':
+    resolution: {integrity: sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.18.20':
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.19.12':
+    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.21.5':
+    resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.27.7':
+    resolution: {integrity: sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.18.20':
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.19.12':
+    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.21.5':
+    resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.27.7':
+    resolution: {integrity: sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.18.20':
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.19.12':
+    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.21.5':
+    resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.27.7':
+    resolution: {integrity: sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.18.20':
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.19.12':
+    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.21.5':
+    resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.27.7':
+    resolution: {integrity: sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@fastify/accept-negotiator@2.0.1':
+    resolution: {integrity: sha512-/c/TW2bO/v9JeEgoD/g1G5GxGeCF1Hafdf79WPmUlgYiBXummY0oX3VVq4yFkKKVBKDNlaDUYoab7g38RpPqCQ==}
+
+  '@fastify/ajv-compiler@4.0.5':
+    resolution: {integrity: sha512-KoWKW+MhvfTRWL4qrhUwAAZoaChluo0m0vbiJlGMt2GXvL4LVPQEjt8kSpHI3IBq5Rez8fg+XeH3cneztq+C7A==}
+
+  '@fastify/busboy@3.2.0':
+    resolution: {integrity: sha512-m9FVDXU3GT2ITSe0UaMA5rU3QkfC/UXtCU8y0gSN/GugTqtVldOBWIB5V6V3sbmenVZUIpU6f+mPEO2+m5iTaA==}
+
+  '@fastify/cookie@11.0.2':
+    resolution: {integrity: sha512-GWdwdGlgJxyvNv+QcKiGNevSspMQXncjMZ1J8IvuDQk0jvkzgWWZFNC2En3s+nHndZBGV8IbLwOI/sxCZw/mzA==}
+
+  '@fastify/cors@10.1.0':
+    resolution: {integrity: sha512-MZyBCBJtII60CU9Xme/iE4aEy8G7QpzGR8zkdXZkDFt7ElEMachbE61tfhAG/bvSaULlqlf0huMT12T7iqEmdQ==}
+
+  '@fastify/deepmerge@3.2.1':
+    resolution: {integrity: sha512-N5Oqvltoa2r9z1tbx4xjky0oRR60v+T47Ic4J1ukoVQcptLOrIdRnCSdTGmOmajZuHVKlTnfcmrjyqsGEW1ztA==}
+
+  '@fastify/error@4.2.0':
+    resolution: {integrity: sha512-RSo3sVDXfHskiBZKBPRgnQTtIqpi/7zhJOEmAxCiBcM7d0uwdGdxLlsCaLzGs8v8NnxIRlfG0N51p5yFaOentQ==}
+
+  '@fastify/fast-json-stringify-compiler@5.0.3':
+    resolution: {integrity: sha512-uik7yYHkLr6fxd8hJSZ8c+xF4WafPK+XzneQDPU+D10r5X19GW8lJcom2YijX2+qtFF1ENJlHXKFM9ouXNJYgQ==}
+
+  '@fastify/forwarded@3.0.1':
+    resolution: {integrity: sha512-JqDochHFqXs3C3Ml3gOY58zM7OqO9ENqPo0UqAjAjH8L01fRZqwX9iLeX34//kiJubF7r2ZQHtBRU36vONbLlw==}
+
+  '@fastify/helmet@12.0.1':
+    resolution: {integrity: sha512-kkjBcedWwdflRThovGuvN9jB2QQLytBqArCFPdMIb7o2Fp0l/H3xxYi/6x/SSRuH/FFt9qpTGIfJz2bfnMrLqA==}
+
+  '@fastify/merge-json-schemas@0.2.1':
+    resolution: {integrity: sha512-OA3KGBCy6KtIvLf8DINC5880o5iBlDX4SxzLQS8HorJAbqluzLRn80UXU0bxZn7UOFhFgpRJDasfwn9nG4FG4A==}
+
+  '@fastify/multipart@9.4.0':
+    resolution: {integrity: sha512-Z404bzZeLSXTBmp/trCBuoVFX28pM7rhv849Q5TsbTFZHuk1lc4QjQITTPK92DKVpXmNtJXeHSSc7GYvqFpxAQ==}
+
+  '@fastify/proxy-addr@5.1.0':
+    resolution: {integrity: sha512-INS+6gh91cLUjB+PVHfu1UqcB76Sqtpyp7bnL+FYojhjygvOPA9ctiD/JDKsyD9Xgu4hUhCSJBPig/w7duNajw==}
+
+  '@fastify/rate-limit@10.3.0':
+    resolution: {integrity: sha512-eIGkG9XKQs0nyynatApA3EVrojHOuq4l6fhB4eeCk4PIOeadvOJz9/4w3vGI44Go17uaXOWEcPkaD8kuKm7g6Q==}
+
+  '@fastify/send@4.1.0':
+    resolution: {integrity: sha512-TMYeQLCBSy2TOFmV95hQWkiTYgC/SEx7vMdV+wnZVX4tt8VBLKzmH8vV9OzJehV0+XBfg+WxPMt5wp+JBUKsVw==}
+
+  '@fastify/static@8.3.0':
+    resolution: {integrity: sha512-yKxviR5PH1OKNnisIzZKmgZSus0r2OZb8qCSbqmw34aolT4g3UlzYfeBRym+HJ1J471CR8e2ldNub4PubD1coA==}
+
+  '@isaacs/cliui@9.0.0':
+    resolution: {integrity: sha512-AokJm4tuBHillT+FpMtxQ60n8ObyXBatq7jD2/JA9dxbDDokKQm8KMht5ibGzLVU9IJDIKK4TPKgMHEYMn3lMg==}
+    engines: {node: '>=18'}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@lukeed/ms@2.0.2':
+    resolution: {integrity: sha512-9I2Zn6+NJLfaGoz9jN3lpwDgAYvfGeNYdbAIjJOqzs4Tpc+VU3Jqq4IofSUBKajiDS8k9fZIg18/z13mpk1bsA==}
+    engines: {node: '>=8'}
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@opentelemetry/api-logs@0.53.0':
+    resolution: {integrity: sha512-8HArjKx+RaAI8uEIgcORbZIPklyh1YLjPSBus8hjRmvLi6DeFzgOcdZ7KwPabKj8mXF8dX0hyfAyGfycz0DbFw==}
+    engines: {node: '>=14'}
+
+  '@opentelemetry/api-logs@0.57.1':
+    resolution: {integrity: sha512-I4PHczeujhQAQv6ZBzqHYEUiggZL4IdSMixtVD3EYqbdrjujE7kRfI5QohjlPoJm8BvenoW5YaTMWRrbpot6tg==}
+    engines: {node: '>=14'}
+
+  '@opentelemetry/api-logs@0.57.2':
+    resolution: {integrity: sha512-uIX52NnTM0iBh84MShlpouI7UKqkZ7MrUszTmaypHBu4r7NofznSnQRfJ+uUeDtQDj6w8eFGg5KBLDAwAPz1+A==}
+    engines: {node: '>=14'}
+
+  '@opentelemetry/api@1.9.1':
+    resolution: {integrity: sha512-gLyJlPHPZYdAk1JENA9LeHejZe1Ti77/pTeFm/nMXmQH/HFZlcS/O2XJB+L8fkbrNSqhdtlvjBVjxwUYanNH5Q==}
+    engines: {node: '>=8.0.0'}
+
+  '@opentelemetry/context-async-hooks@1.30.1':
+    resolution: {integrity: sha512-s5vvxXPVdjqS3kTLKMeBMvop9hbWkwzBpu+mUO2M7sZtlkyDJGwFe33wRKnbaYDo8ExRVBIIdwIGrqpxHuKttA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.0.0 <1.10.0'
+
+  '@opentelemetry/core@1.30.1':
+    resolution: {integrity: sha512-OOCM2C/QIURhJMuKaekP3TRBxBKxG/TWWA0TL2J6nXUtDnuCtccy49LUJF8xPFXMX+0LMcxFpCo8M9cGY1W6rQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.0.0 <1.10.0'
+
+  '@opentelemetry/instrumentation-amqplib@0.46.1':
+    resolution: {integrity: sha512-AyXVnlCf/xV3K/rNumzKxZqsULyITJH6OVLiW6730JPRqWA7Zc9bvYoVNpN6iOpTU8CasH34SU/ksVJmObFibQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-connect@0.43.0':
+    resolution: {integrity: sha512-Q57JGpH6T4dkYHo9tKXONgLtxzsh1ZEW5M9A/OwKrZFyEpLqWgjhcZ3hIuVvDlhb426iDF1f9FPToV/mi5rpeA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-dataloader@0.16.0':
+    resolution: {integrity: sha512-88+qCHZC02up8PwKHk0UQKLLqGGURzS3hFQBZC7PnGwReuoKjHXS1o29H58S+QkXJpkTr2GACbx8j6mUoGjNPA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-express@0.47.0':
+    resolution: {integrity: sha512-XFWVx6k0XlU8lu6cBlCa29ONtVt6ADEjmxtyAyeF2+rifk8uBJbk1La0yIVfI0DoKURGbaEDTNelaXG9l/lNNQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-fastify@0.44.1':
+    resolution: {integrity: sha512-RoVeMGKcNttNfXMSl6W4fsYoCAYP1vi6ZAWIGhBY+o7R9Y0afA7f9JJL0j8LHbyb0P0QhSYk+6O56OwI2k4iRQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-fs@0.19.0':
+    resolution: {integrity: sha512-JGwmHhBkRT2G/BYNV1aGI+bBjJu4fJUD/5/Jat0EWZa2ftrLV3YE8z84Fiij/wK32oMZ88eS8DI4ecLGZhpqsQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-generic-pool@0.43.0':
+    resolution: {integrity: sha512-at8GceTtNxD1NfFKGAuwtqM41ot/TpcLh+YsGe4dhf7gvv1HW/ZWdq6nfRtS6UjIvZJOokViqLPJ3GVtZItAnQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-graphql@0.47.0':
+    resolution: {integrity: sha512-Cc8SMf+nLqp0fi8oAnooNEfwZWFnzMiBHCGmDFYqmgjPylyLmi83b+NiTns/rKGwlErpW0AGPt0sMpkbNlzn8w==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-hapi@0.45.1':
+    resolution: {integrity: sha512-VH6mU3YqAKTePPfUPwfq4/xr049774qWtfTuJqVHoVspCLiT3bW+fCQ1toZxt6cxRPYASoYaBsMA3CWo8B8rcw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-http@0.57.1':
+    resolution: {integrity: sha512-ThLmzAQDs7b/tdKI3BV2+yawuF09jF111OFsovqT1Qj3D8vjwKBwhi/rDE5xethwn4tSXtZcJ9hBsVAlWFQZ7g==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-ioredis@0.47.0':
+    resolution: {integrity: sha512-4HqP9IBC8e7pW9p90P3q4ox0XlbLGme65YTrA3UTLvqvo4Z6b0puqZQP203YFu8m9rE/luLfaG7/xrwwqMUpJw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-kafkajs@0.7.0':
+    resolution: {integrity: sha512-LB+3xiNzc034zHfCtgs4ITWhq6Xvdo8bsq7amR058jZlf2aXXDrN9SV4si4z2ya9QX4tz6r4eZJwDkXOp14/AQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-knex@0.44.0':
+    resolution: {integrity: sha512-SlT0+bLA0Lg3VthGje+bSZatlGHw/vwgQywx0R/5u9QC59FddTQSPJeWNw29M6f8ScORMeUOOTwihlQAn4GkJQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-koa@0.47.0':
+    resolution: {integrity: sha512-HFdvqf2+w8sWOuwtEXayGzdZ2vWpCKEQv5F7+2DSA74Te/Cv4rvb2E5So5/lh+ok4/RAIPuvCbCb/SHQFzMmbw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-lru-memoizer@0.44.0':
+    resolution: {integrity: sha512-Tn7emHAlvYDFik3vGU0mdwvWJDwtITtkJ+5eT2cUquct6nIs+H8M47sqMJkCpyPe5QIBJoTOHxmc6mj9lz6zDw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-mongodb@0.51.0':
+    resolution: {integrity: sha512-cMKASxCX4aFxesoj3WK8uoQ0YUrRvnfxaO72QWI2xLu5ZtgX/QvdGBlU3Ehdond5eb74c2s1cqRQUIptBnKz1g==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-mongoose@0.46.0':
+    resolution: {integrity: sha512-mtVv6UeaaSaWTeZtLo4cx4P5/ING2obSqfWGItIFSunQBrYROfhuVe7wdIrFUs2RH1tn2YYpAJyMaRe/bnTTIQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-mysql2@0.45.0':
+    resolution: {integrity: sha512-qLslv/EPuLj0IXFvcE3b0EqhWI8LKmrgRPIa4gUd8DllbBpqJAvLNJSv3cC6vWwovpbSI3bagNO/3Q2SuXv2xA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-mysql@0.45.0':
+    resolution: {integrity: sha512-tWWyymgwYcTwZ4t8/rLDfPYbOTF3oYB8SxnYMtIQ1zEf5uDm90Ku3i6U/vhaMyfHNlIHvDhvJh+qx5Nc4Z3Acg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-nestjs-core@0.44.0':
+    resolution: {integrity: sha512-t16pQ7A4WYu1yyQJZhRKIfUNvl5PAaF2pEteLvgJb/BWdd1oNuU1rOYt4S825kMy+0q4ngiX281Ss9qiwHfxFQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-pg@0.50.0':
+    resolution: {integrity: sha512-TtLxDdYZmBhFswm8UIsrDjh/HFBeDXd4BLmE8h2MxirNHewLJ0VS9UUddKKEverb5Sm2qFVjqRjcU+8Iw4FJ3w==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-redis-4@0.46.0':
+    resolution: {integrity: sha512-aTUWbzbFMFeRODn3720TZO0tsh/49T8H3h8vVnVKJ+yE36AeW38Uj/8zykQ/9nO8Vrtjr5yKuX3uMiG/W8FKNw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-tedious@0.18.0':
+    resolution: {integrity: sha512-9zhjDpUDOtD+coeADnYEJQ0IeLVCj7w/hqzIutdp5NqS1VqTAanaEfsEcSypyvYv5DX3YOsTUoF+nr2wDXPETA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-undici@0.10.0':
+    resolution: {integrity: sha512-vm+V255NGw9gaSsPD6CP0oGo8L55BffBc8KnxqsMuc6XiAD1L8SFNzsW0RHhxJFqy9CJaJh+YiJ5EHXuZ5rZBw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.7.0
+
+  '@opentelemetry/instrumentation@0.53.0':
+    resolution: {integrity: sha512-DMwg0hy4wzf7K73JJtl95m/e0boSoWhH07rfvHvYzQtBD3Bmv0Wc1x733vyZBqmFm8OjJD0/pfiUg1W3JjFX0A==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation@0.57.1':
+    resolution: {integrity: sha512-SgHEKXoVxOjc20ZYusPG3Fh+RLIZTSa4x8QtD3NfgAUDyqdFFS9W1F2ZVbZkqDCdyMcQG02Ok4duUGLHJXHgbA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation@0.57.2':
+    resolution: {integrity: sha512-BdBGhQBh8IjZ2oIIX6F2/Q3LKm/FDDKi6ccYKcBTeilh6SNdNKveDOLk73BkSJjQLJk6qe4Yh+hHw1UPhCDdrg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/redis-common@0.36.2':
+    resolution: {integrity: sha512-faYX1N0gpLhej/6nyp6bgRjzAKXn5GOEMYY7YhciSfCoITAktLUtQ36d24QEWNA1/WA1y6qQunCe0OhHRkVl9g==}
+    engines: {node: '>=14'}
+
+  '@opentelemetry/resources@1.30.1':
+    resolution: {integrity: sha512-5UxZqiAgLYGFjS4s9qm5mBVo433u+dSPUFWVWXmLAD4wB65oMCoXaJP1KJa9DIYYMeHu3z4BZcStG3LC593cWA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.0.0 <1.10.0'
+
+  '@opentelemetry/sdk-trace-base@1.30.1':
+    resolution: {integrity: sha512-jVPgBbH1gCy2Lb7X0AVQ8XAfgg0pJ4nvl8/IiQA6nxOsPvS+0zMJaFSs2ltXe0J6C8dqjcnpyqINDJmU30+uOg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.0.0 <1.10.0'
+
+  '@opentelemetry/semantic-conventions@1.27.0':
+    resolution: {integrity: sha512-sAay1RrB+ONOem0OZanAR1ZI/k7yDpnOQSQmTMuGImUQb2y8EbSaCJ94FQluM74xoU03vlb2d2U90hZluL6nQg==}
+    engines: {node: '>=14'}
+
+  '@opentelemetry/semantic-conventions@1.28.0':
+    resolution: {integrity: sha512-lp4qAiMTD4sNWW4DbKLBkfiMZ4jbAboJIGOQr5DvciMRI494OapieI9qiODpOt0XBr1LjIDy1xAGAnVs5supTA==}
+    engines: {node: '>=14'}
+
+  '@opentelemetry/semantic-conventions@1.40.0':
+    resolution: {integrity: sha512-cifvXDhcqMwwTlTK04GBNeIe7yyo28Mfby85QXFe1Yk8nmi36Ab/5UQwptOx84SsoGNRg+EVSjwzfSZMy6pmlw==}
+    engines: {node: '>=14'}
+
+  '@opentelemetry/sql-common@0.40.1':
+    resolution: {integrity: sha512-nSDlnHSqzC3pXn/wZEZVLuAuJ1MYMXPBwtv2qAbCa3847SaHItdE7SzUq/Jtb0KZmh1zfAbNi3AAMjztTT4Ugg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+
+  '@phc/format@1.0.0':
+    resolution: {integrity: sha512-m7X9U6BG2+J+R1lSOdCiITLLrxm+cWlNI3HUFA92oLO77ObGNzaKdh8pMLqdZcshtkKuV84olNNXDfMc4FezBQ==}
+    engines: {node: '>=10'}
+
+  '@pinojs/redact@0.4.0':
+    resolution: {integrity: sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==}
+
+  '@prisma/instrumentation@5.22.0':
+    resolution: {integrity: sha512-LxccF392NN37ISGxIurUljZSh1YWnphO34V5a0+T7FVQG2u9bhAXRTJpgmQ3483woVhkraQZFF7cbRrpbw/F4Q==}
+
+  '@react-email/render@1.1.2':
+    resolution: {integrity: sha512-RnRehYN3v9gVlNMehHPHhyp2RQo7+pSkHDtXPvg3s0GbzM9SQMW4Qrf8GRNvtpLC4gsI+Wt0VatNRUFqjvevbw==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      react: ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^18.0 || ^19.0 || ^19.0.0-rc
+
+  '@remix-run/router@1.23.2':
+    resolution: {integrity: sha512-Ic6m2U/rMjTkhERIa/0ZtXJP17QUi2CbWE7cqx4J58M8aA3QTfW+2UlQ4psvTX9IO1RfNVhK3pcpdjej7L+t2w==}
+    engines: {node: '>=14.0.0'}
+
+  '@rolldown/pluginutils@1.0.0-beta.27':
+    resolution: {integrity: sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==}
+
+  '@rollup/rollup-android-arm-eabi@4.60.2':
+    resolution: {integrity: sha512-dnlp69efPPg6Uaw2dVqzWRfAWRnYVb1XJ8CyyhIbZeaq4CA5/mLeZ1IEt9QqQxmbdvagjLIm2ZL8BxXv5lH4Yw==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.60.2':
+    resolution: {integrity: sha512-OqZTwDRDchGRHHm/hwLOL7uVPB9aUvI0am/eQuWMNyFHf5PSEQmyEeYYheA0EPPKUO/l0uigCp+iaTjoLjVoHg==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.60.2':
+    resolution: {integrity: sha512-UwRE7CGpvSVEQS8gUMBe1uADWjNnVgP3Iusyda1nSRwNDCsRjnGc7w6El6WLQsXmZTbLZx9cecegumcitNfpmA==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.60.2':
+    resolution: {integrity: sha512-gjEtURKLCC5VXm1I+2i1u9OhxFsKAQJKTVB8WvDAHF+oZlq0GTVFOlTlO1q3AlCTE/DF32c16ESvfgqR7343/g==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.60.2':
+    resolution: {integrity: sha512-Bcl6CYDeAgE70cqZaMojOi/eK63h5Me97ZqAQoh77VPjMysA/4ORQBRGo3rRy45x4MzVlU9uZxs8Uwy7ZaKnBw==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.60.2':
+    resolution: {integrity: sha512-LU+TPda3mAE2QB0/Hp5VyeKJivpC6+tlOXd1VMoXV/YFMvk/MNk5iXeBfB4MQGRWyOYVJ01625vjkr0Az98OJQ==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.2':
+    resolution: {integrity: sha512-2QxQrM+KQ7DAW4o22j+XZ6RKdxjLD7BOWTP0Bv0tmjdyhXSsr2Ul1oJDQqh9Zf5qOwTuTc7Ek83mOFaKnodPjg==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.2':
+    resolution: {integrity: sha512-TbziEu2DVsTEOPif2mKWkMeDMLoYjx95oESa9fkQQK7r/Orta0gnkcDpzwufEcAO2BLBsD7mZkXGFqEdMRRwfw==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.2':
+    resolution: {integrity: sha512-bO/rVDiDUuM2YfuCUwZ1t1cP+/yqjqz+Xf2VtkdppefuOFS2OSeAfgafaHNkFn0t02hEyXngZkxtGqXcXwO8Rg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.60.2':
+    resolution: {integrity: sha512-hr26p7e93Rl0Za+JwW7EAnwAvKkehh12BU1Llm9Ykiibg4uIr2rbpxG9WCf56GuvidlTG9KiiQT/TXT1yAWxTA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.2':
+    resolution: {integrity: sha512-pOjB/uSIyDt+ow3k/RcLvUAOGpysT2phDn7TTUB3n75SlIgZzM6NKAqlErPhoFU+npgY3/n+2HYIQVbF70P9/A==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-musl@4.60.2':
+    resolution: {integrity: sha512-2/w+q8jszv9Ww1c+6uJT3OwqhdmGP2/4T17cu8WuwyUuuaCDDJ2ojdyYwZzCxx0GcsZBhzi3HmH+J5pZNXnd+Q==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.2':
+    resolution: {integrity: sha512-11+aL5vKheYgczxtPVVRhdptAM2H7fcDR5Gw4/bTcteuZBlH4oP9f5s9zYO9aGZvoGeBpqXI/9TZZihZ609wKw==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.2':
+    resolution: {integrity: sha512-i16fokAGK46IVZuV8LIIwMdtqhin9hfYkCh8pf8iC3QU3LpwL+1FSFGej+O7l3E/AoknL6Dclh2oTdnRMpTzFQ==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.2':
+    resolution: {integrity: sha512-49FkKS6RGQoriDSK/6E2GkAsAuU5kETFCh7pG4yD/ylj9rKhTmO3elsnmBvRD4PgJPds5W2PkhC82aVwmUcJ7A==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.2':
+    resolution: {integrity: sha512-mjYNkHPfGpUR00DuM1ZZIgs64Hpf4bWcz9Z41+4Q+pgDx73UwWdAYyf6EG/lRFldmdHHzgrYyge5akFUW0D3mQ==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.2':
+    resolution: {integrity: sha512-ALyvJz965BQk8E9Al/JDKKDLH2kfKFLTGMlgkAbbYtZuJt9LU8DW3ZoDMCtQpXAltZxwBHevXz5u+gf0yA0YoA==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.60.2':
+    resolution: {integrity: sha512-UQjrkIdWrKI626Du8lCQ6MJp/6V1LAo2bOK9OTu4mSn8GGXIkPXk/Vsp4bLHCd9Z9Iz2OTEaokUE90VweJgIYQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.60.2':
+    resolution: {integrity: sha512-bTsRGj6VlSdn/XD4CGyzMnzaBs9bsRxy79eTqTCBsA8TMIEky7qg48aPkvJvFe1HyzQ5oMZdg7AnVlWQSKLTnw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-openbsd-x64@4.60.2':
+    resolution: {integrity: sha512-6d4Z3534xitaA1FcMWP7mQPq5zGwBmGbhphh2DwaA1aNIXUu3KTOfwrWpbwI4/Gr0uANo7NTtaykFyO2hPuFLg==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.60.2':
+    resolution: {integrity: sha512-NetAg5iO2uN7eB8zE5qrZ3CSil+7IJt4WDFLcC75Ymywq1VZVD6qJ6EvNLjZ3rEm6gB7XW5JdT60c6MN35Z85Q==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.2':
+    resolution: {integrity: sha512-NCYhOotpgWZ5kdxCZsv6Iudx0wX8980Q/oW4pNFNihpBKsDbEA1zpkfxJGC0yugsUuyDZ7gL37dbzwhR0VI7pQ==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.2':
+    resolution: {integrity: sha512-RXsaOqXxfoUBQoOgvmmijVxJnW2IGB0eoMO7F8FAjaj0UTywUO/luSqimWBJn04WNgUkeNhh7fs7pESXajWmkg==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.60.2':
+    resolution: {integrity: sha512-qdAzEULD+/hzObedtmV6iBpdL5TIbKVztGiK7O3/KYSf+HIzU257+MX1EXJcyIiDbMAqmbwaufcYPvyRryeZtA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.60.2':
+    resolution: {integrity: sha512-Nd/SgG27WoA9e+/TdK74KnHz852TLa94ovOYySo/yMPuTmpckK/jIF2jSwS3g7ELSKXK13/cVdmg1Z/DaCWKxA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@selderee/plugin-htmlparser2@0.11.0':
+    resolution: {integrity: sha512-P33hHGdldxGabLFjPPpaTxVolMrzrcegejx+0GxjrIb9Zv48D8yAIA/QTDR2dFl7Uz7urX8aX6+5bCZslr+gWQ==}
+
+  '@sentry-internal/browser-utils@8.55.1':
+    resolution: {integrity: sha512-SipXiwVhJrxzy3/4kf+YIFmpYlLKtGSRD+er7SBCcuSBtv31Fee8IXMDvk+bq24gRXxyjOLUmT//GGXjy2LL6w==}
+    engines: {node: '>=14.18'}
+
+  '@sentry-internal/feedback@8.55.1':
+    resolution: {integrity: sha512-9iFHaT/ijtzB0ffZhXMnt2rPNIXO/dDiCL1G1Bc55rQMPXgawR9AIaAWciyqQjYcbL1DDOhWbzdVqB+kVs5gXw==}
+    engines: {node: '>=14.18'}
+
+  '@sentry-internal/replay-canvas@8.55.1':
+    resolution: {integrity: sha512-2sKRu96Qe70y6TiYdYbwkhg4um2prgzH/ZJRItuoSEAjPjoFYYlP+1qjE2CcBw4RPS8/PimV7SFheSaeZs2GCw==}
+    engines: {node: '>=14.18'}
+
+  '@sentry-internal/replay@8.55.1':
+    resolution: {integrity: sha512-XaX6r8pXeX47rfiQrSQUwkgxHsDkOKzIT++zfTwrmveVlYSqAhp3x+AKhxAXGmKG62wlmAKQz54GJKcG4cgyKQ==}
+    engines: {node: '>=14.18'}
+
+  '@sentry/browser@8.55.1':
+    resolution: {integrity: sha512-OEn2eg8h3Mr7BmBGQ28BqbWehYA/NklZ0pAZB1FypPPl+kMd85AbaRdGTnaSjgmpc8bKbBO64edq4Y14sbCs5w==}
+    engines: {node: '>=14.18'}
+
+  '@sentry/core@8.55.1':
+    resolution: {integrity: sha512-0ea+yDOgaijR3ba2al1QZxY0bZ9MBZq2a0G+2A0uCBpBkiXnpLFGVAo9UAlEikN1C4M8ROZYiuFU7yZCqacgLQ==}
+    engines: {node: '>=14.18'}
+
+  '@sentry/node@8.55.1':
+    resolution: {integrity: sha512-s8ydn/OxZFIxc9Fvt23gJkrXkCvPnUu2bDKwjQBCx0M1b4DdNdp4FaimT6B9reya7buj+tsNkZAoT11KqFhG/g==}
+    engines: {node: '>=14.18'}
+
+  '@sentry/opentelemetry@8.55.1':
+    resolution: {integrity: sha512-ipiM/k3Hzt8visoBfkDb4AQBWHkJeou3SjoPec7NlDabH/Jj8x6VlK5Hex4z+WOv99rRy+5MUtga/CZnOjvh0A==}
+    engines: {node: '>=14.18'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.9.0
+      '@opentelemetry/context-async-hooks': ^1.30.1
+      '@opentelemetry/core': ^1.30.1
+      '@opentelemetry/instrumentation': ^0.57.1
+      '@opentelemetry/sdk-trace-base': ^1.30.1
+      '@opentelemetry/semantic-conventions': ^1.28.0
+
+  '@sentry/react@8.55.1':
+    resolution: {integrity: sha512-vrqEI1EVRMaeUluHSt84//WFuMecqAfwS+t2SojhvXtsSP6BbaCHd0jt7til5MBzI9kWAQjIxsUUr3pbFAviVg==}
+    engines: {node: '>=14.18'}
+    peerDependencies:
+      react: ^16.14.0 || 17.x || 18.x || 19.x
+
+  '@swc/helpers@0.3.17':
+    resolution: {integrity: sha512-tb7Iu+oZ+zWJZ3HJqwx8oNwSDIU440hmVMDPhpACWQWnrZHK99Bxs70gT1L2dnr5Hg50ZRWEFkQCAnOVVV0z1Q==}
+
+  '@tanstack/query-core@5.100.5':
+    resolution: {integrity: sha512-t20KrhKkf0HXzqQkPbJ5erhFesup68BAbwFgYmTrS7bxMF7O5MdmL8jUkik4thsG7Hg00fblz30h6yF1d5TxGg==}
+
+  '@tanstack/react-query@5.100.5':
+    resolution: {integrity: sha512-aNwj1mi2v2bQ9IxkyR1grLOUkv3BYWoykHy9KDyLNbjC3tsahbOHJibK+Wjtr1wRhG59/AvJhiJG5OlthaCgJA==}
+    peerDependencies:
+      react: ^18 || ^19
+
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+
+  '@types/babel__generator@7.27.0':
+    resolution: {integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==}
+
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+
+  '@types/babel__traverse@7.28.0':
+    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
+
+  '@types/connect@3.4.36':
+    resolution: {integrity: sha512-P63Zd/JUGq+PdrM1lv0Wv5SBYeA2+CORvbrXbngriYY0jzLUWfQMQQxOhjONEz/wlHOAxOdY7CY65rgQdTjq2w==}
+
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-shape@3.1.8':
+    resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/mysql@2.15.26':
+    resolution: {integrity: sha512-DSLCOXhkvfS5WNNPbfn2KdICAmk8lLc+/PNvnPnF7gOdMZCxopXduqv0OQ13y/yA/zXTSikZZqVgybUxOEg6YQ==}
+
+  '@types/node@22.19.17':
+    resolution: {integrity: sha512-wGdMcf+vPYM6jikpS/qhg6WiqSV/OhG+jeeHT/KlVqxYfD40iYJf9/AE1uQxVWFvU7MipKRkRv8NSHiCGgPr8Q==}
+
+  '@types/pdfkit@0.13.9':
+    resolution: {integrity: sha512-RDG8Yb1zT7I01FfpwK7nMSA433XWpblMqSCtA5vJlSyavWZb303HUYPCel6JTiDDFqwGLvtAnYbH8N/e0Cb89g==}
+
+  '@types/pg-pool@2.0.6':
+    resolution: {integrity: sha512-TaAUE5rq2VQYxab5Ts7WZhKNmuN78Q6PiFonTDdpbx8a1H0M1vhy3rhiMjl+e2iHmogyMw7jZF4FrE6eJUy5HQ==}
+
+  '@types/pg@8.20.0':
+    resolution: {integrity: sha512-bEPFOaMAHTEP1EzpvHTbmwR8UsFyHSKsRisLIHVMXnpNefSbGA1bD6CVy+qKjGSqmZqNqBDV2azOBo8TgkcVow==}
+
+  '@types/pg@8.6.1':
+    resolution: {integrity: sha512-1Kc4oAGzAl7uqUStZCDvaLFqZrW9qWSjXOmBfdgyBP5La7Us6Mg4GBvRlSoaZMhQF/zSj1C8CtKMBkoiT8eL8w==}
+
+  '@types/prop-types@15.7.15':
+    resolution: {integrity: sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==}
+
+  '@types/react-dom@18.3.7':
+    resolution: {integrity: sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==}
+    peerDependencies:
+      '@types/react': ^18.0.0
+
+  '@types/react@18.3.28':
+    resolution: {integrity: sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==}
+
+  '@types/shimmer@1.2.0':
+    resolution: {integrity: sha512-UE7oxhQLLd9gub6JKIAhDq06T0F6FnztwMNRvYgjeQSBeMc1ZG/tA47EwfduvkuQS8apbkM/lpLpWsaCeYsXVg==}
+
+  '@types/tedious@4.0.14':
+    resolution: {integrity: sha512-KHPsfX/FoVbUGbyYvk1q9MMQHLPeRZhRJZdO45Q4YjvFkv4hMNghCWTvy7rdKessBsmtz4euWCWAB6/tVpI1Iw==}
+
+  '@vitejs/plugin-react@4.7.0':
+    resolution: {integrity: sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
+
+  abort-controller@3.0.0:
+    resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==}
+    engines: {node: '>=6.5'}
+
+  abstract-logging@2.0.1:
+    resolution: {integrity: sha512-2BjRTZxTPvheOvGbBslFSYOUkr+SjPtOnrLP33f+VIWLzezQpZcqVg7ja3L4dBXmzzgwT+a029jRx5PCi3JuiA==}
+
+  acorn-import-attributes@1.9.5:
+    resolution: {integrity: sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==}
+    peerDependencies:
+      acorn: ^8
+
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ajv-formats@3.0.1:
+    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv@8.20.0:
+    resolution: {integrity: sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==}
+
+  any-promise@1.3.0:
+    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  arg@5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+
+  argon2@0.41.1:
+    resolution: {integrity: sha512-dqCW8kJXke8Ik+McUcMDltrbuAWETPyU6iq+4AhxqKphWi7pChB/Zgd/Tp/o8xRLbg8ksMj46F/vph9wnxpTzQ==}
+    engines: {node: '>=16.17.0'}
+
+  array-buffer-byte-length@1.0.2:
+    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
+    engines: {node: '>= 0.4'}
+
+  atomic-sleep@1.0.0:
+    resolution: {integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==}
+    engines: {node: '>=8.0.0'}
+
+  autoprefixer@10.5.0:
+    resolution: {integrity: sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
+  available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
+    engines: {node: '>= 0.4'}
+
+  avvio@9.2.0:
+    resolution: {integrity: sha512-2t/sy01ArdHHE0vRH5Hsay+RtCZt3dLPji7W7/MMOCEgze5b7SNDC4j5H6FnVgPkI1MTNFGzHdHrVXDDl7QSSQ==}
+
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
+  base64-js@0.0.8:
+    resolution: {integrity: sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==}
+    engines: {node: '>= 0.4'}
+
+  base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+
+  baseline-browser-mapping@2.10.22:
+    resolution: {integrity: sha512-6qruVrb5rse6WylFkU0FhBKKGuecWseqdpQfhkawn6ztyk2QlfwSRjsDxMCLJrkfmfN21qvhl9ABgaMeRkuwww==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+
+  brace-expansion@5.0.5:
+    resolution: {integrity: sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==}
+    engines: {node: 18 || 20 || >=22}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  brotli@1.3.3:
+    resolution: {integrity: sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==}
+
+  browserify-zlib@0.2.0:
+    resolution: {integrity: sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==}
+
+  browserslist@4.28.2:
+    resolution: {integrity: sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
+  buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bind@1.0.9:
+    resolution: {integrity: sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
+  camelcase-css@2.0.1:
+    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
+    engines: {node: '>= 6'}
+
+  caniuse-lite@1.0.30001790:
+    resolution: {integrity: sha512-bOoxfJPyYo+ds6W0YfptaCWbFnJYjh2Y1Eow5lRv+vI2u8ganPZqNm1JwNh0t2ELQCqIWg4B3dWEusgAmsoyOw==}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
+  cjs-module-lexer@1.4.3:
+    resolution: {integrity: sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==}
+
+  class-variance-authority@0.7.1:
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
+
+  clone@2.1.2:
+    resolution: {integrity: sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==}
+    engines: {node: '>=0.8'}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+
+  commander@4.1.1:
+    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
+    engines: {node: '>= 6'}
+
+  content-disposition@0.5.4:
+    resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
+    engines: {node: '>= 0.6'}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie@1.1.1:
+    resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==}
+    engines: {node: '>=18'}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  crypto-js@4.2.0:
+    resolution: {integrity: sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.2:
+    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  dateformat@4.6.3:
+    resolution: {integrity: sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decimal.js-light@2.5.1:
+    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
+
+  deep-equal@2.2.3:
+    resolution: {integrity: sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==}
+    engines: {node: '>= 0.4'}
+
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
+  define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+
+  define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+
+  depd@2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  dfa@1.2.0:
+    resolution: {integrity: sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==}
+
+  didyoumean@1.2.2:
+    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+
+  dlv@1.1.3:
+    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+
+  dom-helpers@5.2.1:
+    resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
+
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
+  dotenv@16.6.1:
+    resolution: {integrity: sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==}
+    engines: {node: '>=12'}
+
+  drizzle-kit@0.28.1:
+    resolution: {integrity: sha512-JimOV+ystXTWMgZkLHYHf2w3oS28hxiH1FR0dkmJLc7GHzdGJoJAQtQS5DRppnabsRZwE2U1F6CuezVBgmsBBQ==}
+    hasBin: true
+
+  drizzle-orm@0.36.4:
+    resolution: {integrity: sha512-1OZY3PXD7BR00Gl61UUOFihslDldfH4NFRH2MbP54Yxi0G/PKn4HfO65JYZ7c16DeP3SpM3Aw+VXVG9j6CRSXA==}
+    peerDependencies:
+      '@aws-sdk/client-rds-data': '>=3'
+      '@cloudflare/workers-types': '>=3'
+      '@electric-sql/pglite': '>=0.2.0'
+      '@libsql/client': '>=0.10.0'
+      '@libsql/client-wasm': '>=0.10.0'
+      '@neondatabase/serverless': '>=0.10.0'
+      '@op-engineering/op-sqlite': '>=2'
+      '@opentelemetry/api': ^1.4.1
+      '@planetscale/database': '>=1'
+      '@prisma/client': '*'
+      '@tidbcloud/serverless': '*'
+      '@types/better-sqlite3': '*'
+      '@types/pg': '*'
+      '@types/react': '>=18'
+      '@types/sql.js': '*'
+      '@vercel/postgres': '>=0.8.0'
+      '@xata.io/client': '*'
+      better-sqlite3: '>=7'
+      bun-types: '*'
+      expo-sqlite: '>=14.0.0'
+      knex: '*'
+      kysely: '*'
+      mysql2: '>=2'
+      pg: '>=8'
+      postgres: '>=3'
+      prisma: '*'
+      react: '>=18'
+      sql.js: '>=1'
+      sqlite3: '>=5'
+    peerDependenciesMeta:
+      '@aws-sdk/client-rds-data':
+        optional: true
+      '@cloudflare/workers-types':
+        optional: true
+      '@electric-sql/pglite':
+        optional: true
+      '@libsql/client':
+        optional: true
+      '@libsql/client-wasm':
+        optional: true
+      '@neondatabase/serverless':
+        optional: true
+      '@op-engineering/op-sqlite':
+        optional: true
+      '@opentelemetry/api':
+        optional: true
+      '@planetscale/database':
+        optional: true
+      '@prisma/client':
+        optional: true
+      '@tidbcloud/serverless':
+        optional: true
+      '@types/better-sqlite3':
+        optional: true
+      '@types/pg':
+        optional: true
+      '@types/react':
+        optional: true
+      '@types/sql.js':
+        optional: true
+      '@vercel/postgres':
+        optional: true
+      '@xata.io/client':
+        optional: true
+      better-sqlite3:
+        optional: true
+      bun-types:
+        optional: true
+      expo-sqlite:
+        optional: true
+      knex:
+        optional: true
+      kysely:
+        optional: true
+      mysql2:
+        optional: true
+      pg:
+        optional: true
+      postgres:
+        optional: true
+      prisma:
+        optional: true
+      react:
+        optional: true
+      sql.js:
+        optional: true
+      sqlite3:
+        optional: true
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  electron-to-chromium@1.5.344:
+    resolution: {integrity: sha512-4MxfbmNDm+KPh066EZy+eUnkcDPcZ35wNmOWzFuh/ijvHsve6kbLTLURy88uCNK5FbpN+yk2nQY6BYh1GEt+wg==}
+
+  end-of-stream@1.4.5:
+    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-get-iterator@1.1.3:
+    resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==}
+
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+
+  esbuild-register@3.6.0:
+    resolution: {integrity: sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==}
+    peerDependencies:
+      esbuild: '>=0.12 <1'
+
+  esbuild@0.18.20:
+    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.19.12:
+    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.21.5:
+    resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.27.7:
+    resolution: {integrity: sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
+  event-target-shim@5.0.1:
+    resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
+    engines: {node: '>=6'}
+
+  eventemitter3@4.0.7:
+    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
+
+  events@3.3.0:
+    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
+    engines: {node: '>=0.8.x'}
+
+  fast-copy@3.0.2:
+    resolution: {integrity: sha512-dl0O9Vhju8IrcLndv2eU4ldt1ftXMqqfgN4H1cpmGV7P6jeB9FwpN9a2c8DPGE1Ys88rNUJVYDHq73CGAGOPfQ==}
+
+  fast-decode-uri-component@1.0.1:
+    resolution: {integrity: sha512-WKgKWg5eUxvRZGwW8FvfbaH7AXSh2cL+3j5fMGzUMCxWBJ3dV3a7Wz8y2f/uQ0e3B6WmodD3oS54jTQ9HVTIIg==}
+
+  fast-deep-equal@2.0.1:
+    resolution: {integrity: sha512-bCK/2Z4zLidyB4ReuIsvALH6w31YfAQDmXMqMx6FyfHqvBxtjC0eRumeSu4Bs3XtXwpyIywtSTrVT99BxY1f9w==}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-equals@5.4.0:
+    resolution: {integrity: sha512-jt2DW/aNFNwke7AUd+Z+e6pz39KO5rzdbbFCg2sGafS4mk13MI7Z8O5z9cADNn5lhGODIgLwug6TZO2ctf7kcw==}
+    engines: {node: '>=6.0.0'}
+
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-stringify@6.3.0:
+    resolution: {integrity: sha512-oRCntNDY/329HJPlmdNLIdogNtt6Vyjb1WuT01Soss3slIdyUp8kAcDU3saQTOquEK8KFVfwIIF7FebxUAu+yA==}
+
+  fast-querystring@1.1.2:
+    resolution: {integrity: sha512-g6KuKWmFXc0fID8WWH0jit4g0AGBoJhCkJMb1RmbsSEUNvQ+ZC8D6CUZ+GtF8nMzSPXnhiePyyqqipzNNEnHjg==}
+
+  fast-safe-stringify@2.1.1:
+    resolution: {integrity: sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==}
+
+  fast-uri@3.1.0:
+    resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
+
+  fastify-plugin@5.1.0:
+    resolution: {integrity: sha512-FAIDA8eovSt5qcDgcBvDuX/v0Cjz0ohGhENZ/wpc3y+oZCY2afZ9Baqql3g/lC+OHRnciQol4ww7tuthOb9idw==}
+
+  fastify-type-provider-zod@4.0.2:
+    resolution: {integrity: sha512-FDRzSL3ZuoZ+4YDevR1YOinmDKkxOdy3QB9dDR845sK+bQvDroPKhHAXLEAOObDxL7SMA0OZN/A4osrNBTdDTQ==}
+    peerDependencies:
+      fastify: ^5.0.0
+      zod: ^3.14.2
+
+  fastify@5.8.5:
+    resolution: {integrity: sha512-Yqptv59pQzPgQUSIm87hMqHJmdkb1+GPxdE6vW6FRyVE9G86mt7rOghitiU4JHRaTyDUk9pfeKmDeu70lAwM4Q==}
+
+  fastq@1.20.1:
+    resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-my-way@9.5.0:
+    resolution: {integrity: sha512-VW2RfnmscZO5KgBY5XVyKREMW5nMZcxDy+buTOsL+zIPnBlbKm+00sgzoQzq1EVh4aALZLfKdwv6atBGcjvjrQ==}
+    engines: {node: '>=20'}
+
+  fontkit@1.9.0:
+    resolution: {integrity: sha512-HkW/8Lrk8jl18kzQHvAw9aTHe1cqsyx5sDnxncx652+CIfhawokEPkeM3BoIC+z/Xv7a0yMr0f3pRRwhGH455g==}
+
+  for-each@0.3.5:
+    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
+    engines: {node: '>= 0.4'}
+
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
+    engines: {node: '>=14'}
+
+  forwarded-parse@2.1.2:
+    resolution: {integrity: sha512-alTFZZQDKMporBH77856pXgzhEzaUVmLCDk+egLgIgHst3Tpndzz8MnKe+GzRJRfvVdn69HhpW7cmXzvtLvJAw==}
+
+  fraction.js@5.3.4:
+    resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
+
+  framer-motion@11.18.2:
+    resolution: {integrity: sha512-5F5Och7wrvtLVElIpclDT0CBzMVg3dL22B64aZwHtsIY8RB4mXICLrkajK4G9R+ieSAGcgrLeae2SeUTg2pr6w==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
+  get-tsconfig@4.14.0:
+    resolution: {integrity: sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob@11.1.0:
+    resolution: {integrity: sha512-vuNwKSaKiqm7g0THUBu2x7ckSs3XJLXE+2ssL7/MfTGPLLcrJQ/4Uq1CjPTtO5cCIiRxqvN6Twy1qOwhL0Xjcw==}
+    engines: {node: 20 || >=22}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
+    hasBin: true
+
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
+  has-bigints@1.1.0:
+    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
+    engines: {node: '>= 0.4'}
+
+  has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.3:
+    resolution: {integrity: sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==}
+    engines: {node: '>= 0.4'}
+
+  helmet@7.2.0:
+    resolution: {integrity: sha512-ZRiwvN089JfMXokizgqEPXsl2Guk094yExfoDXR0cBYWxtBbaSww/w+vT4WEJsBW2iTUi1GgZ6swmoug3Oy4Xw==}
+    engines: {node: '>=16.0.0'}
+
+  help-me@5.0.0:
+    resolution: {integrity: sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==}
+
+  hoist-non-react-statics@3.3.2:
+    resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
+
+  html-to-text@9.0.5:
+    resolution: {integrity: sha512-qY60FjREgVZL03vJU6IfMV4GDjGBIoOyvuFdpBDIX9yTlDw0TjxVBQp+P8NvpdIXNJvfWBTNul7fsAQJq2FNpg==}
+    engines: {node: '>=14'}
+
+  htmlparser2@8.0.2:
+    resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}
+
+  http-errors@2.0.1:
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
+
+  ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+
+  import-in-the-middle@1.15.0:
+    resolution: {integrity: sha512-bpQy+CrsRmYmoPMAE/0G33iwRqwW4ouqdRg8jgbH3aKuCtOc8lxgmYXg2dMM92CRiGP660EtBcymH/eVUpCSaA==}
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  internal-slot@1.1.0:
+    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
+    engines: {node: '>= 0.4'}
+
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
+  ipaddr.js@2.3.0:
+    resolution: {integrity: sha512-Zv/pA+ciVFbCSBBjGfaKUya/CcGmUHzTydLMaTwrUUEM2DIEO3iZvueGxmacvmN50fGpGVKeTXpb2LcYQxeVdg==}
+    engines: {node: '>= 10'}
+
+  is-arguments@1.2.0:
+    resolution: {integrity: sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==}
+    engines: {node: '>= 0.4'}
+
+  is-array-buffer@3.0.5:
+    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
+    engines: {node: '>= 0.4'}
+
+  is-bigint@1.1.0:
+    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
+    engines: {node: '>= 0.4'}
+
+  is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+
+  is-boolean-object@1.2.2:
+    resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
+    engines: {node: '>= 0.4'}
+
+  is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+
+  is-core-module@2.16.1:
+    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
+    engines: {node: '>= 0.4'}
+
+  is-date-object@1.1.0:
+    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
+    engines: {node: '>= 0.4'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-map@2.0.3:
+    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
+    engines: {node: '>= 0.4'}
+
+  is-number-object@1.1.1:
+    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
+    engines: {node: '>= 0.4'}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-regex@1.2.1:
+    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
+    engines: {node: '>= 0.4'}
+
+  is-set@2.0.3:
+    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
+    engines: {node: '>= 0.4'}
+
+  is-shared-array-buffer@1.0.4:
+    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
+    engines: {node: '>= 0.4'}
+
+  is-string@1.1.1:
+    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
+    engines: {node: '>= 0.4'}
+
+  is-symbol@1.1.1:
+    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
+    engines: {node: '>= 0.4'}
+
+  is-weakmap@2.0.2:
+    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
+    engines: {node: '>= 0.4'}
+
+  is-weakset@2.0.4:
+    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
+    engines: {node: '>= 0.4'}
+
+  isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  jackspeak@4.2.3:
+    resolution: {integrity: sha512-ykkVRwrYvFm1nb2AJfKKYPr0emF6IiXDYUaFx4Zn9ZuIH7MrzEZ3sD5RlqGXNRpHtvUHJyOnCEFxOlNDtGo7wg==}
+    engines: {node: 20 || >=22}
+
+  jiti@1.21.7:
+    resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
+    hasBin: true
+
+  joycon@3.1.1:
+    resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
+    engines: {node: '>=10'}
+
+  jpeg-exif@1.1.4:
+    resolution: {integrity: sha512-a+bKEcCjtuW5WTdgeXFzswSrdqi0jk4XlEtZlx5A94wCoBpFjfFTbo/Tra5SpNCl/YFZPvcV1dJc+TAYeg6ROQ==}
+    deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-schema-ref-resolver@3.0.0:
+    resolution: {integrity: sha512-hOrZIVL5jyYFjzk7+y7n5JDzGlU8rfWDuYyHwGa2WA8/pcmMHezp2xsVwxrebD/Q9t8Nc5DboieySDpCp4WG4A==}
+
+  json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  leac@0.6.0:
+    resolution: {integrity: sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg==}
+
+  light-my-request@6.6.0:
+    resolution: {integrity: sha512-CHYbu8RtboSIoVsHZ6Ye4cj4Aw/yg2oAFimlF7mNvfDV192LR7nDiKtSIfCuLT7KokPSTn/9kfVLm5OGN0A28A==}
+
+  lilconfig@3.1.3:
+    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
+    engines: {node: '>=14'}
+
+  linebreak@1.1.0:
+    resolution: {integrity: sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  lodash@4.18.1:
+    resolution: {integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==}
+
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
+  lru-cache@11.3.5:
+    resolution: {integrity: sha512-NxVFwLAnrd9i7KUBxC4DrUhmgjzOs+1Qm50D3oF1/oL+r1NpZ4gA7xvG0/zJ8evR7zIKn4vLf7qTNduWFtCrRw==}
+    engines: {node: 20 || >=22}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  lucide-react@0.468.0:
+    resolution: {integrity: sha512-6koYRhnM2N0GGZIdXzSeiNwguv1gt/FAjZOiPl76roBi3xKEXa4WmfpxgQwTTL4KipXjefrnf3oV4IsYhi4JFA==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  mime@3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+
+  minimatch@10.2.5:
+    resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minipass@7.1.3:
+    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  mnemonist@0.40.0:
+    resolution: {integrity: sha512-kdd8AFNig2AD5Rkih7EPCXhu/iMvwevQFX/uEiGhZyPZi7fHqOoF4V4kHLpCfysxXMgQ4B52kdPMCwARshKvEg==}
+
+  module-details-from-path@1.0.4:
+    resolution: {integrity: sha512-EGWKgxALGMgzvxYF1UyGTy0HXX/2vHLkw6+NvDKW2jypWbHpjQuj4UMcqQWXHERJhVGKikolT06G3bcKe4fi7w==}
+
+  motion-dom@11.18.1:
+    resolution: {integrity: sha512-g76KvA001z+atjfxczdRtw/RXOM3OMSdd1f4DL77qCTF/+avrRJiawSG4yDibEQ215sr9kpinSlX2pCTJ9zbhw==}
+
+  motion-utils@11.18.1:
+    resolution: {integrity: sha512-49Kt+HKjtbJKLtgO/LKj9Ld+6vw9BjH5d9sc40R/kVyH8GLAXgT42M2NnuPcJNuA3s9ZfZBUcwIgpmZWGEE+hA==}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  mz@2.7.0:
+    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  node-addon-api@8.7.0:
+    resolution: {integrity: sha512-9MdFxmkKaOYVTV+XVRG8ArDwwQ77XIgIPyKASB1k3JPq3M8fGQQQE3YpMOrKm6g//Ktx8ivZr8xo1Qmtqub+GA==}
+    engines: {node: ^18 || ^20 || >= 21}
+
+  node-gyp-build@4.8.4:
+    resolution: {integrity: sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==}
+    hasBin: true
+
+  node-releases@2.0.38:
+    resolution: {integrity: sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==}
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  object-hash@3.0.0:
+    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
+    engines: {node: '>= 6'}
+
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
+
+  object-is@1.1.6:
+    resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
+    engines: {node: '>= 0.4'}
+
+  object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+
+  object.assign@4.1.7:
+    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
+    engines: {node: '>= 0.4'}
+
+  obliterator@2.0.5:
+    resolution: {integrity: sha512-42CPE9AhahZRsMNslczq0ctAEtqk8Eka26QofnqC346BZdHDySk3LWka23LI7ULIw11NmltpiLagIq8gBozxTw==}
+
+  on-exit-leak-free@2.1.2:
+    resolution: {integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==}
+    engines: {node: '>=14.0.0'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
+  pako@0.2.9:
+    resolution: {integrity: sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==}
+
+  pako@1.0.11:
+    resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
+
+  parseley@0.12.1:
+    resolution: {integrity: sha512-e6qHKe3a9HWr0oMRVDTRhKce+bRO8VGQR3NyVwcjwrbhMmFCX9KszEV35+rn4AdilFAq9VPxP/Fe1wC9Qjd2lw==}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+  path-scurry@2.0.2:
+    resolution: {integrity: sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==}
+    engines: {node: 18 || 20 || >=22}
+
+  pdfkit@0.15.2:
+    resolution: {integrity: sha512-s3GjpdBFSCaeDSX/v73MI5UsPqH1kjKut2AXCgxQ5OH10lPVOu5q5vLAG0OCpz/EYqKsTSw1WHpENqMvp43RKg==}
+
+  peberminta@0.9.0:
+    resolution: {integrity: sha512-XIxfHpEuSJbITd1H3EeQwpcZbTLHc+VVr8ANI9t5sit565tsI4/xK3KWTUFE2e6QiangUkh3B0jihzmGnNrRsQ==}
+
+  pg-cloudflare@1.3.0:
+    resolution: {integrity: sha512-6lswVVSztmHiRtD6I8hw4qP/nDm1EJbKMRhf3HCYaqud7frGysPv7FYJ5noZQdhQtN2xJnimfMtvQq21pdbzyQ==}
+
+  pg-connection-string@2.12.0:
+    resolution: {integrity: sha512-U7qg+bpswf3Cs5xLzRqbXbQl85ng0mfSV/J0nnA31MCLgvEaAo7CIhmeyrmJpOr7o+zm0rXK+hNnT5l9RHkCkQ==}
+
+  pg-int8@1.0.1:
+    resolution: {integrity: sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==}
+    engines: {node: '>=4.0.0'}
+
+  pg-pool@3.13.0:
+    resolution: {integrity: sha512-gB+R+Xud1gLFuRD/QgOIgGOBE2KCQPaPwkzBBGC9oG69pHTkhQeIuejVIk3/cnDyX39av2AxomQiyPT13WKHQA==}
+    peerDependencies:
+      pg: '>=8.0'
+
+  pg-protocol@1.13.0:
+    resolution: {integrity: sha512-zzdvXfS6v89r6v7OcFCHfHlyG/wvry1ALxZo4LqgUoy7W9xhBDMaqOuMiF3qEV45VqsN6rdlcehHrfDtlCPc8w==}
+
+  pg-types@2.2.0:
+    resolution: {integrity: sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==}
+    engines: {node: '>=4'}
+
+  pg@8.20.0:
+    resolution: {integrity: sha512-ldhMxz2r8fl/6QkXnBD3CR9/xg694oT6DZQ2s6c/RI28OjtSOpxnPrUCGOBJ46RCUxcWdx3p6kw/xnDHjKvaRA==}
+    engines: {node: '>= 16.0.0'}
+    peerDependencies:
+      pg-native: '>=3.0.1'
+    peerDependenciesMeta:
+      pg-native:
+        optional: true
+
+  pgpass@1.0.5:
+    resolution: {integrity: sha512-FdW9r/jQZhSeohs1Z3sI1yxFQNFvMcnmfuj4WBMUTxOrAyLMaTcE1aAMBiTlbMNaXvBCQuVi0R7hd8udDSP7ug==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.2:
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
+  pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+
+  pino-abstract-transport@2.0.0:
+    resolution: {integrity: sha512-F63x5tizV6WCh4R6RHyi2Ml+M70DNRXt/+HANowMflpgGFMAym/VKm6G7ZOQRjqN7XbGxK1Lg9t6ZrtzOaivMw==}
+
+  pino-pretty@11.3.0:
+    resolution: {integrity: sha512-oXwn7ICywaZPHmu3epHGU2oJX4nPmKvHvB/bwrJHlGcbEWaVcotkpyVHMKLKmiVryWYByNp0jpgAcXpFJDXJzA==}
+    hasBin: true
+
+  pino-std-serializers@7.1.0:
+    resolution: {integrity: sha512-BndPH67/JxGExRgiX1dX0w1FvZck5Wa4aal9198SrRhZjH3GxKQUKIBnYJTdj2HDN3UQAS06HlfcSbQj2OHmaw==}
+
+  pino@9.14.0:
+    resolution: {integrity: sha512-8OEwKp5juEvb/MjpIc4hjqfgCNysrS94RIOMXYvpYCdm/jglrKEiAYmiumbmGhCvs+IcInsphYDFwqrjr7398w==}
+    hasBin: true
+
+  pirates@4.0.7:
+    resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
+    engines: {node: '>= 6'}
+
+  png-js@1.1.0:
+    resolution: {integrity: sha512-PM/uYGzGdNSzqeOgly68+6wKQDL1SY0a/N+OEa/+br6LnHWOAJB0Npiamnodfq3jd2LS/i2fMeOKSAILjA+m5Q==}
+
+  possible-typed-array-names@1.1.0:
+    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
+    engines: {node: '>= 0.4'}
+
+  postcss-import@15.1.0:
+    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-js@4.1.0:
+    resolution: {integrity: sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==}
+    engines: {node: ^12 || ^14 || >= 16}
+    peerDependencies:
+      postcss: ^8.4.21
+
+  postcss-load-config@6.0.1:
+    resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      jiti: '>=1.21.0'
+      postcss: '>=8.0.9'
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+      postcss:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  postcss-nested@6.2.0:
+    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+
+  postcss-selector-parser@6.1.2:
+    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
+    engines: {node: '>=4'}
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.5.10:
+    resolution: {integrity: sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  postgres-array@2.0.0:
+    resolution: {integrity: sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==}
+    engines: {node: '>=4'}
+
+  postgres-bytea@1.0.1:
+    resolution: {integrity: sha512-5+5HqXnsZPE65IJZSMkZtURARZelel2oXUEO8rH83VS/hxH5vv1uHquPg5wZs8yMAfdv971IU+kcPUczi7NVBQ==}
+    engines: {node: '>=0.10.0'}
+
+  postgres-date@1.0.7:
+    resolution: {integrity: sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==}
+    engines: {node: '>=0.10.0'}
+
+  postgres-interval@1.2.0:
+    resolution: {integrity: sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==}
+    engines: {node: '>=0.10.0'}
+
+  prettier@3.8.3:
+    resolution: {integrity: sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  process-warning@4.0.1:
+    resolution: {integrity: sha512-3c2LzQ3rY9d0hc1emcsHhfT9Jwz0cChib/QN89oME2R451w5fy3f0afAhERFZAwrbDU43wk12d0ORBpDVME50Q==}
+
+  process-warning@5.0.0:
+    resolution: {integrity: sha512-a39t9ApHNx2L4+HBnQKqxxHNs1r7KF+Intd8Q/g1bUh6q0WIp9voPXJ/x0j+ZL45KF1pJd9+q2jLIRMfvEshkA==}
+
+  process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
+  pump@3.0.4:
+    resolution: {integrity: sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==}
+
+  qs@6.15.1:
+    resolution: {integrity: sha512-6YHEFRL9mfgcAvql/XhwTvf5jKcOiiupt2FiJxHkiX1z4j7WL8J/jRHYLluORvc1XxB5rV20KoeK00gVJamspg==}
+    engines: {node: '>=0.6'}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  quick-format-unescaped@4.0.4:
+    resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
+
+  react-dom@18.3.1:
+    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
+    peerDependencies:
+      react: ^18.3.1
+
+  react-hook-form@7.74.0:
+    resolution: {integrity: sha512-yR6wHr99p9wFv686jhRWVSFhUvDvNbdUf2dKlbno8/VKOCuoNobDGC6S+M2dua9A9Yo8vpcrp8assIYbsZCQ9g==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      react: ^16.8.0 || ^17 || ^18 || ^19
+
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
+  react-is@18.3.1:
+    resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
+
+  react-promise-suspense@0.3.4:
+    resolution: {integrity: sha512-I42jl7L3Ze6kZaq+7zXWSunBa3b1on5yfvUW6Eo/3fFOj6dZ5Bqmcd264nJbTK/gn1HjjILAjSwnZbV4RpSaNQ==}
+
+  react-refresh@0.17.0:
+    resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
+    engines: {node: '>=0.10.0'}
+
+  react-router-dom@6.30.3:
+    resolution: {integrity: sha512-pxPcv1AczD4vso7G4Z3TKcvlxK7g7TNt3/FNGMhfqyntocvYKj+GCatfigGDjbLozC4baguJ0ReCigoDJXb0ag==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: '>=16.8'
+      react-dom: '>=16.8'
+
+  react-router@6.30.3:
+    resolution: {integrity: sha512-XRnlbKMTmktBkjCLE8/XcZFlnHvr2Ltdr1eJX4idL55/9BbORzyZEaIkBFDhFGCEWBBItsVrDxwx3gnisMitdw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: '>=16.8'
+
+  react-smooth@4.0.4:
+    resolution: {integrity: sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  react-transition-group@4.4.5:
+    resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
+    peerDependencies:
+      react: '>=16.6.0'
+      react-dom: '>=16.6.0'
+
+  react@18.3.1:
+    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
+    engines: {node: '>=0.10.0'}
+
+  read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
+  readable-stream@4.7.0:
+    resolution: {integrity: sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+
+  real-require@0.2.0:
+    resolution: {integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==}
+    engines: {node: '>= 12.13.0'}
+
+  recharts-scale@0.4.5:
+    resolution: {integrity: sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==}
+
+  recharts@2.15.4:
+    resolution: {integrity: sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      react: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  regexp.prototype.flags@1.5.4:
+    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
+    engines: {node: '>= 0.4'}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  require-in-the-middle@7.5.2:
+    resolution: {integrity: sha512-gAZ+kLqBdHarXB64XpAe2VCjB7rIRv+mU8tfRWziHRJ5umKsIHN2tLLv6EtMw7WCdP19S0ERVMldNvxYCHnhSQ==}
+    engines: {node: '>=8.6.0'}
+
+  resend@4.8.0:
+    resolution: {integrity: sha512-R8eBOFQDO6dzRTDmaMEdpqrkmgSjPpVXt4nGfWsZdYOet0kqra0xgbvTES6HmCriZEXbmGk3e0DiGIaLFTFSHA==}
+    engines: {node: '>=18'}
+
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
+  resolve@1.22.12:
+    resolution: {integrity: sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==}
+    engines: {node: '>= 0.4'}
+    hasBin: true
+
+  restructure@2.0.1:
+    resolution: {integrity: sha512-e0dOpjm5DseomnXx2M5lpdZ5zoHqF1+bqdMJUohoYVVQa7cBdnk7fdmeI6byNWP/kiME72EeTiSypTCVnpLiDg==}
+
+  ret@0.5.0:
+    resolution: {integrity: sha512-I1XxrZSQ+oErkRR4jYbAyEEu2I0avBvvMM5JN+6EBprOGRCs63ENqZ3vjavq8fBw2+62G5LF5XelKwuJpcvcxw==}
+    engines: {node: '>=10'}
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
+  rollup@4.60.2:
+    resolution: {integrity: sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+
+  safe-regex-test@1.1.0:
+    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
+    engines: {node: '>= 0.4'}
+
+  safe-regex2@5.1.1:
+    resolution: {integrity: sha512-mOSBvHGDZMuIEZMdOz/aCEYDCv0E7nfcNsIhUF+/P+xC7Hyf3FkvymqgPbg9D1EdSGu+uKbJgy09K/RKKc7kJA==}
+    hasBin: true
+
+  safe-stable-stringify@2.5.0:
+    resolution: {integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==}
+    engines: {node: '>=10'}
+
+  scheduler@0.23.2:
+    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
+
+  secure-json-parse@2.7.0:
+    resolution: {integrity: sha512-6aU+Rwsezw7VR8/nyvKTx8QpWH9FrcYiXXlqC4z5d5XQBDRqtbfsRjnwGyqbi3gddNtWHuEk9OANUotL26qKUw==}
+
+  secure-json-parse@4.1.0:
+    resolution: {integrity: sha512-l4KnYfEyqYJxDwlNVyRfO2E4NTHfMKAWdUuA8J0yve2Dz/E/PdBepY03RvyJpssIpRFwJoCD55wA+mEDs6ByWA==}
+
+  selderee@0.11.0:
+    resolution: {integrity: sha512-5TF+l7p4+OsnP8BCCvSyZiSPc4x4//p5uPwK8TCnVPJYRmU2aYKMpOXvw8zM5a5JvuuCGN1jmsMwuU2W02ukfA==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.7.4:
+    resolution: {integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  set-cookie-parser@2.7.2:
+    resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==}
+
+  set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+
+  set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+
+  setprototypeof@1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  shimmer@1.2.1:
+    resolution: {integrity: sha512-sQTKC1Re/rM6XyFM6fIAGHRPVGvyXfgzIDvzoq608vM+jeyVD0Tu1E6Np0Kc2zAIFWIj963V2800iF/9LPieQw==}
+
+  side-channel-list@1.0.1:
+    resolution: {integrity: sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
+  side-channel@1.1.0:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
+    engines: {node: '>= 0.4'}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  sonic-boom@4.2.1:
+    resolution: {integrity: sha512-w6AxtubXa2wTXAUsZMMWERrsIRAdrK0Sc+FUytWvYAhBJLyuI4llrMIC1DtlNSdI99EI86KZum2MMq3EAZlF9Q==}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  split2@4.2.0:
+    resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
+    engines: {node: '>= 10.x'}
+
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
+
+  stop-iteration-iterator@1.1.0:
+    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
+    engines: {node: '>= 0.4'}
+
+  string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  stripe@17.7.0:
+    resolution: {integrity: sha512-aT2BU9KkizY9SATf14WhhYVv2uOapBWX0OFWF4xvcj1mPaNotlSc2CsxpS4DS46ZueSppmCF5BX1sNYBtwBvfw==}
+    engines: {node: '>=12.*'}
+
+  sucrase@3.35.1:
+    resolution: {integrity: sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    hasBin: true
+
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
+  tailwind-merge@2.6.1:
+    resolution: {integrity: sha512-Oo6tHdpZsGpkKG88HJ8RR1rg/RdnEkQEfMoEk2x1XRI3F1AxeU+ijRXpiVUF4UbLfcxxRGw6TbUINKYdWVsQTQ==}
+
+  tailwindcss-animate@1.0.7:
+    resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
+    peerDependencies:
+      tailwindcss: '>=3.0.0 || insiders'
+
+  tailwindcss@3.4.19:
+    resolution: {integrity: sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  thenify-all@1.6.0:
+    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+    engines: {node: '>=0.8'}
+
+  thenify@3.3.1:
+    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+
+  thread-stream@3.1.0:
+    resolution: {integrity: sha512-OqyPZ9u96VohAyMfJykzmivOrY2wfMSf3C5TtFJVgN+Hm6aj+voFhlK+kZEIv2FBh1X6Xp3DlnCOfEQ3B2J86A==}
+
+  tiny-inflate@1.0.3:
+    resolution: {integrity: sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==}
+
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
+  tinyglobby@0.2.16:
+    resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==}
+    engines: {node: '>=12.0.0'}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  toad-cache@3.7.0:
+    resolution: {integrity: sha512-/m8M+2BJUpoJdgAHoG+baCwBT+tf2VraSfkBgl0Y00qIWt41DJ8R5B8nsEw0I58YwF5IZH6z24/2TobDKnqSWw==}
+    engines: {node: '>=12'}
+
+  toidentifier@1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+
+  ts-interface-checker@0.1.13:
+    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  tsx@4.21.0:
+    resolution: {integrity: sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
+  unicode-properties@1.4.1:
+    resolution: {integrity: sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==}
+
+  unicode-trie@2.0.0:
+    resolution: {integrity: sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==}
+
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  victory-vendor@36.9.2:
+    resolution: {integrity: sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==}
+
+  vite@5.4.21:
+    resolution: {integrity: sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      sass-embedded: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
+  which-boxed-primitive@1.1.1:
+    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
+    engines: {node: '>= 0.4'}
+
+  which-collection@1.0.2:
+    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
+    engines: {node: '>= 0.4'}
+
+  which-typed-array@1.1.20:
+    resolution: {integrity: sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==}
+    engines: {node: '>= 0.4'}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  xtend@4.0.2:
+    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
+    engines: {node: '>=0.4'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  zod-to-json-schema@3.25.2:
+    resolution: {integrity: sha512-O/PgfnpT1xKSDeQYSCfRI5Gy3hPf91mKVDuYLUHZJMiDFptvP41MSnWofm8dnCm0256ZNfZIM7DSzuSMAFnjHA==}
+    peerDependencies:
+      zod: ^3.25.28 || ^4
+
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
+
+snapshots:
+
+  '@alloc/quick-lru@5.2.0': {}
+
+  '@babel/code-frame@7.29.0':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.29.0': {}
+
+  '@babel/core@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helpers': 7.29.2
+      '@babel/parser': 7.29.2
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.29.1':
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/helper-compilation-targets@7.28.6':
+    dependencies:
+      '@babel/compat-data': 7.29.0
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.28.2
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-globals@7.28.0': {}
+
+  '@babel/helper-module-imports@7.28.6':
+    dependencies:
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-plugin-utils@7.28.6': {}
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.28.5': {}
+
+  '@babel/helper-validator-option@7.27.1': {}
+
+  '@babel/helpers@7.29.2':
+    dependencies:
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+
+  '@babel/parser@7.29.2':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/runtime@7.29.2': {}
+
+  '@babel/template@7.28.6':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+
+  '@babel/traverse@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.29.2
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.29.0':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@drizzle-team/brocli@0.10.2': {}
+
+  '@esbuild-kit/core-utils@3.3.2':
+    dependencies:
+      esbuild: 0.18.20
+      source-map-support: 0.5.21
+
+  '@esbuild-kit/esm-loader@2.6.5':
+    dependencies:
+      '@esbuild-kit/core-utils': 3.3.2
+      get-tsconfig: 4.14.0
+
+  '@esbuild/aix-ppc64@0.19.12':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.27.7':
+    optional: true
+
+  '@esbuild/android-arm64@0.18.20':
+    optional: true
+
+  '@esbuild/android-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/android-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/android-arm@0.18.20':
+    optional: true
+
+  '@esbuild/android-arm@0.19.12':
+    optional: true
+
+  '@esbuild/android-arm@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm@0.27.7':
+    optional: true
+
+  '@esbuild/android-x64@0.18.20':
+    optional: true
+
+  '@esbuild/android-x64@0.19.12':
+    optional: true
+
+  '@esbuild/android-x64@0.21.5':
+    optional: true
+
+  '@esbuild/android-x64@0.27.7':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.18.20':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/darwin-x64@0.18.20':
+    optional: true
+
+  '@esbuild/darwin-x64@0.19.12':
+    optional: true
+
+  '@esbuild/darwin-x64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-x64@0.27.7':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.18.20':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.18.20':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-arm64@0.18.20':
+    optional: true
+
+  '@esbuild/linux-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-arm@0.18.20':
+    optional: true
+
+  '@esbuild/linux-arm@0.19.12':
+    optional: true
+
+  '@esbuild/linux-arm@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm@0.27.7':
+    optional: true
+
+  '@esbuild/linux-ia32@0.18.20':
+    optional: true
+
+  '@esbuild/linux-ia32@0.19.12':
+    optional: true
+
+  '@esbuild/linux-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ia32@0.27.7':
+    optional: true
+
+  '@esbuild/linux-loong64@0.18.20':
+    optional: true
+
+  '@esbuild/linux-loong64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-loong64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-loong64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.18.20':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.19.12':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.21.5':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.27.7':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.18.20':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.18.20':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-s390x@0.18.20':
+    optional: true
+
+  '@esbuild/linux-s390x@0.19.12':
+    optional: true
+
+  '@esbuild/linux-s390x@0.21.5':
+    optional: true
+
+  '@esbuild/linux-s390x@0.27.7':
+    optional: true
+
+  '@esbuild/linux-x64@0.18.20':
+    optional: true
+
+  '@esbuild/linux-x64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-x64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-x64@0.27.7':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.18.20':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.18.20':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/sunos-x64@0.18.20':
+    optional: true
+
+  '@esbuild/sunos-x64@0.19.12':
+    optional: true
+
+  '@esbuild/sunos-x64@0.21.5':
+    optional: true
+
+  '@esbuild/sunos-x64@0.27.7':
+    optional: true
+
+  '@esbuild/win32-arm64@0.18.20':
+    optional: true
+
+  '@esbuild/win32-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/win32-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/win32-ia32@0.18.20':
+    optional: true
+
+  '@esbuild/win32-ia32@0.19.12':
+    optional: true
+
+  '@esbuild/win32-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/win32-ia32@0.27.7':
+    optional: true
+
+  '@esbuild/win32-x64@0.18.20':
+    optional: true
+
+  '@esbuild/win32-x64@0.19.12':
+    optional: true
+
+  '@esbuild/win32-x64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-x64@0.27.7':
+    optional: true
+
+  '@fastify/accept-negotiator@2.0.1': {}
+
+  '@fastify/ajv-compiler@4.0.5':
+    dependencies:
+      ajv: 8.20.0
+      ajv-formats: 3.0.1(ajv@8.20.0)
+      fast-uri: 3.1.0
+
+  '@fastify/busboy@3.2.0': {}
+
+  '@fastify/cookie@11.0.2':
+    dependencies:
+      cookie: 1.1.1
+      fastify-plugin: 5.1.0
+
+  '@fastify/cors@10.1.0':
+    dependencies:
+      fastify-plugin: 5.1.0
+      mnemonist: 0.40.0
+
+  '@fastify/deepmerge@3.2.1': {}
+
+  '@fastify/error@4.2.0': {}
+
+  '@fastify/fast-json-stringify-compiler@5.0.3':
+    dependencies:
+      fast-json-stringify: 6.3.0
+
+  '@fastify/forwarded@3.0.1': {}
+
+  '@fastify/helmet@12.0.1':
+    dependencies:
+      fastify-plugin: 5.1.0
+      helmet: 7.2.0
+
+  '@fastify/merge-json-schemas@0.2.1':
+    dependencies:
+      dequal: 2.0.3
+
+  '@fastify/multipart@9.4.0':
+    dependencies:
+      '@fastify/busboy': 3.2.0
+      '@fastify/deepmerge': 3.2.1
+      '@fastify/error': 4.2.0
+      fastify-plugin: 5.1.0
+      secure-json-parse: 4.1.0
+
+  '@fastify/proxy-addr@5.1.0':
+    dependencies:
+      '@fastify/forwarded': 3.0.1
+      ipaddr.js: 2.3.0
+
+  '@fastify/rate-limit@10.3.0':
+    dependencies:
+      '@lukeed/ms': 2.0.2
+      fastify-plugin: 5.1.0
+      toad-cache: 3.7.0
+
+  '@fastify/send@4.1.0':
+    dependencies:
+      '@lukeed/ms': 2.0.2
+      escape-html: 1.0.3
+      fast-decode-uri-component: 1.0.1
+      http-errors: 2.0.1
+      mime: 3.0.0
+
+  '@fastify/static@8.3.0':
+    dependencies:
+      '@fastify/accept-negotiator': 2.0.1
+      '@fastify/send': 4.1.0
+      content-disposition: 0.5.4
+      fastify-plugin: 5.1.0
+      fastq: 1.20.1
+      glob: 11.1.0
+
+  '@isaacs/cliui@9.0.0': {}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@lukeed/ms@2.0.2': {}
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.20.1
+
+  '@opentelemetry/api-logs@0.53.0':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+
+  '@opentelemetry/api-logs@0.57.1':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+
+  '@opentelemetry/api-logs@0.57.2':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+
+  '@opentelemetry/api@1.9.1': {}
+
+  '@opentelemetry/context-async-hooks@1.30.1(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+
+  '@opentelemetry/core@1.30.1(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/semantic-conventions': 1.28.0
+
+  '@opentelemetry/instrumentation-amqplib@0.46.1(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-connect@0.43.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+      '@types/connect': 3.4.36
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-dataloader@0.16.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-express@0.47.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-fastify@0.44.1(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-fs@0.19.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-generic-pool@0.43.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-graphql@0.47.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-hapi@0.45.1(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-http@0.57.1(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.28.0
+      forwarded-parse: 2.1.2
+      semver: 7.7.4
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-ioredis@0.47.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/redis-common': 0.36.2
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-kafkajs@0.7.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-knex@0.44.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-koa@0.47.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-lru-memoizer@0.44.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-mongodb@0.51.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-mongoose@0.46.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-mysql2@0.45.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+      '@opentelemetry/sql-common': 0.40.1(@opentelemetry/api@1.9.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-mysql@0.45.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+      '@types/mysql': 2.15.26
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-nestjs-core@0.44.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-pg@0.50.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.27.0
+      '@opentelemetry/sql-common': 0.40.1(@opentelemetry/api@1.9.1)
+      '@types/pg': 8.6.1
+      '@types/pg-pool': 2.0.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-redis-4@0.46.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/redis-common': 0.36.2
+      '@opentelemetry/semantic-conventions': 1.40.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-tedious@0.18.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+      '@types/tedious': 4.0.14
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-undici@0.10.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation@0.53.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/api-logs': 0.53.0
+      '@types/shimmer': 1.2.0
+      import-in-the-middle: 1.15.0
+      require-in-the-middle: 7.5.2
+      semver: 7.7.4
+      shimmer: 1.2.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation@0.57.1(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/api-logs': 0.57.1
+      '@types/shimmer': 1.2.0
+      import-in-the-middle: 1.15.0
+      require-in-the-middle: 7.5.2
+      semver: 7.7.4
+      shimmer: 1.2.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation@0.57.2(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/api-logs': 0.57.2
+      '@types/shimmer': 1.2.0
+      import-in-the-middle: 1.15.0
+      require-in-the-middle: 7.5.2
+      semver: 7.7.4
+      shimmer: 1.2.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/redis-common@0.36.2': {}
+
+  '@opentelemetry/resources@1.30.1(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.28.0
+
+  '@opentelemetry/sdk-trace-base@1.30.1(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/resources': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.28.0
+
+  '@opentelemetry/semantic-conventions@1.27.0': {}
+
+  '@opentelemetry/semantic-conventions@1.28.0': {}
+
+  '@opentelemetry/semantic-conventions@1.40.0': {}
+
+  '@opentelemetry/sql-common@0.40.1(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+
+  '@phc/format@1.0.0': {}
+
+  '@pinojs/redact@0.4.0': {}
+
+  '@prisma/instrumentation@5.22.0':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.53.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/sdk-trace-base': 1.30.1(@opentelemetry/api@1.9.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@react-email/render@1.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      html-to-text: 9.0.5
+      prettier: 3.8.3
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-promise-suspense: 0.3.4
+
+  '@remix-run/router@1.23.2': {}
+
+  '@rolldown/pluginutils@1.0.0-beta.27': {}
+
+  '@rollup/rollup-android-arm-eabi@4.60.2':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.60.2':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.60.2':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.60.2':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.60.2':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.60.2':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.60.2':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.60.2':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.2':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.2':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.60.2':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.60.2':
+    optional: true
+
+  '@selderee/plugin-htmlparser2@0.11.0':
+    dependencies:
+      domhandler: 5.0.3
+      selderee: 0.11.0
+
+  '@sentry-internal/browser-utils@8.55.1':
+    dependencies:
+      '@sentry/core': 8.55.1
+
+  '@sentry-internal/feedback@8.55.1':
+    dependencies:
+      '@sentry/core': 8.55.1
+
+  '@sentry-internal/replay-canvas@8.55.1':
+    dependencies:
+      '@sentry-internal/replay': 8.55.1
+      '@sentry/core': 8.55.1
+
+  '@sentry-internal/replay@8.55.1':
+    dependencies:
+      '@sentry-internal/browser-utils': 8.55.1
+      '@sentry/core': 8.55.1
+
+  '@sentry/browser@8.55.1':
+    dependencies:
+      '@sentry-internal/browser-utils': 8.55.1
+      '@sentry-internal/feedback': 8.55.1
+      '@sentry-internal/replay': 8.55.1
+      '@sentry-internal/replay-canvas': 8.55.1
+      '@sentry/core': 8.55.1
+
+  '@sentry/core@8.55.1': {}
+
+  '@sentry/node@8.55.1':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/context-async-hooks': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-amqplib': 0.46.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-connect': 0.43.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-dataloader': 0.16.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-express': 0.47.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-fastify': 0.44.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-fs': 0.19.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-generic-pool': 0.43.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-graphql': 0.47.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-hapi': 0.45.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-http': 0.57.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-ioredis': 0.47.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-kafkajs': 0.7.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-knex': 0.44.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-koa': 0.47.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-lru-memoizer': 0.44.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-mongodb': 0.51.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-mongoose': 0.46.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-mysql': 0.45.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-mysql2': 0.45.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-nestjs-core': 0.44.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-pg': 0.50.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-redis-4': 0.46.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-tedious': 0.18.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation-undici': 0.10.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/resources': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/sdk-trace-base': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+      '@prisma/instrumentation': 5.22.0
+      '@sentry/core': 8.55.1
+      '@sentry/opentelemetry': 8.55.1(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@1.30.1(@opentelemetry/api@1.9.1))(@opentelemetry/core@1.30.1(@opentelemetry/api@1.9.1))(@opentelemetry/instrumentation@0.57.2(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@1.30.1(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.40.0)
+      import-in-the-middle: 1.15.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@sentry/opentelemetry@8.55.1(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@1.30.1(@opentelemetry/api@1.9.1))(@opentelemetry/core@1.30.1(@opentelemetry/api@1.9.1))(@opentelemetry/instrumentation@0.57.2(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@1.30.1(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.40.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/context-async-hooks': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.57.2(@opentelemetry/api@1.9.1)
+      '@opentelemetry/sdk-trace-base': 1.30.1(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.40.0
+      '@sentry/core': 8.55.1
+
+  '@sentry/react@8.55.1(react@18.3.1)':
+    dependencies:
+      '@sentry/browser': 8.55.1
+      '@sentry/core': 8.55.1
+      hoist-non-react-statics: 3.3.2
+      react: 18.3.1
+
+  '@swc/helpers@0.3.17':
+    dependencies:
+      tslib: 2.8.1
+
+  '@tanstack/query-core@5.100.5': {}
+
+  '@tanstack/react-query@5.100.5(react@18.3.1)':
+    dependencies:
+      '@tanstack/query-core': 5.100.5
+      react: 18.3.1
+
+  '@types/babel__core@7.20.5':
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+      '@types/babel__generator': 7.27.0
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.28.0
+
+  '@types/babel__generator@7.27.0':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@types/babel__template@7.4.4':
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+
+  '@types/babel__traverse@7.28.0':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@types/connect@3.4.36':
+    dependencies:
+      '@types/node': 22.19.17
+
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-shape@3.1.8':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
+  '@types/estree@1.0.8': {}
+
+  '@types/mysql@2.15.26':
+    dependencies:
+      '@types/node': 22.19.17
+
+  '@types/node@22.19.17':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/pdfkit@0.13.9':
+    dependencies:
+      '@types/node': 22.19.17
+
+  '@types/pg-pool@2.0.6':
+    dependencies:
+      '@types/pg': 8.20.0
+
+  '@types/pg@8.20.0':
+    dependencies:
+      '@types/node': 22.19.17
+      pg-protocol: 1.13.0
+      pg-types: 2.2.0
+
+  '@types/pg@8.6.1':
+    dependencies:
+      '@types/node': 22.19.17
+      pg-protocol: 1.13.0
+      pg-types: 2.2.0
+
+  '@types/prop-types@15.7.15': {}
+
+  '@types/react-dom@18.3.7(@types/react@18.3.28)':
+    dependencies:
+      '@types/react': 18.3.28
+
+  '@types/react@18.3.28':
+    dependencies:
+      '@types/prop-types': 15.7.15
+      csstype: 3.2.3
+
+  '@types/shimmer@1.2.0': {}
+
+  '@types/tedious@4.0.14':
+    dependencies:
+      '@types/node': 22.19.17
+
+  '@vitejs/plugin-react@4.7.0(vite@5.4.21(@types/node@22.19.17))':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.29.0)
+      '@rolldown/pluginutils': 1.0.0-beta.27
+      '@types/babel__core': 7.20.5
+      react-refresh: 0.17.0
+      vite: 5.4.21(@types/node@22.19.17)
+    transitivePeerDependencies:
+      - supports-color
+
+  abort-controller@3.0.0:
+    dependencies:
+      event-target-shim: 5.0.1
+
+  abstract-logging@2.0.1: {}
+
+  acorn-import-attributes@1.9.5(acorn@8.16.0):
+    dependencies:
+      acorn: 8.16.0
+
+  acorn@8.16.0: {}
+
+  ajv-formats@3.0.1(ajv@8.20.0):
+    optionalDependencies:
+      ajv: 8.20.0
+
+  ajv@8.20.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.0
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
+  any-promise@1.3.0: {}
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.2
+
+  arg@5.0.2: {}
+
+  argon2@0.41.1:
+    dependencies:
+      '@phc/format': 1.0.0
+      node-addon-api: 8.7.0
+      node-gyp-build: 4.8.4
+
+  array-buffer-byte-length@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      is-array-buffer: 3.0.5
+
+  atomic-sleep@1.0.0: {}
+
+  autoprefixer@10.5.0(postcss@8.5.10):
+    dependencies:
+      browserslist: 4.28.2
+      caniuse-lite: 1.0.30001790
+      fraction.js: 5.3.4
+      picocolors: 1.1.1
+      postcss: 8.5.10
+      postcss-value-parser: 4.2.0
+
+  available-typed-arrays@1.0.7:
+    dependencies:
+      possible-typed-array-names: 1.1.0
+
+  avvio@9.2.0:
+    dependencies:
+      '@fastify/error': 4.2.0
+      fastq: 1.20.1
+
+  balanced-match@4.0.4: {}
+
+  base64-js@0.0.8: {}
+
+  base64-js@1.5.1: {}
+
+  baseline-browser-mapping@2.10.22: {}
+
+  binary-extensions@2.3.0: {}
+
+  brace-expansion@5.0.5:
+    dependencies:
+      balanced-match: 4.0.4
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  brotli@1.3.3:
+    dependencies:
+      base64-js: 1.5.1
+
+  browserify-zlib@0.2.0:
+    dependencies:
+      pako: 1.0.11
+
+  browserslist@4.28.2:
+    dependencies:
+      baseline-browser-mapping: 2.10.22
+      caniuse-lite: 1.0.30001790
+      electron-to-chromium: 1.5.344
+      node-releases: 2.0.38
+      update-browserslist-db: 1.2.3(browserslist@4.28.2)
+
+  buffer-from@1.1.2: {}
+
+  buffer@6.0.3:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
+  call-bind@1.0.9:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      get-intrinsic: 1.3.0
+      set-function-length: 1.2.2
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
+  camelcase-css@2.0.1: {}
+
+  caniuse-lite@1.0.30001790: {}
+
+  chokidar@3.6.0:
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  cjs-module-lexer@1.4.3: {}
+
+  class-variance-authority@0.7.1:
+    dependencies:
+      clsx: 2.1.1
+
+  clone@2.1.2: {}
+
+  clsx@2.1.1: {}
+
+  colorette@2.0.20: {}
+
+  commander@4.1.1: {}
+
+  content-disposition@0.5.4:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  convert-source-map@2.0.0: {}
+
+  cookie@1.1.1: {}
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  crypto-js@4.2.0: {}
+
+  cssesc@3.0.0: {}
+
+  csstype@3.2.3: {}
+
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-color@3.1.0: {}
+
+  d3-ease@3.0.1: {}
+
+  d3-format@3.1.2: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@3.1.0: {}
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
+  dateformat@4.6.3: {}
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  decimal.js-light@2.5.1: {}
+
+  deep-equal@2.2.3:
+    dependencies:
+      array-buffer-byte-length: 1.0.2
+      call-bind: 1.0.9
+      es-get-iterator: 1.1.3
+      get-intrinsic: 1.3.0
+      is-arguments: 1.2.0
+      is-array-buffer: 3.0.5
+      is-date-object: 1.1.0
+      is-regex: 1.2.1
+      is-shared-array-buffer: 1.0.4
+      isarray: 2.0.5
+      object-is: 1.1.6
+      object-keys: 1.1.1
+      object.assign: 4.1.7
+      regexp.prototype.flags: 1.5.4
+      side-channel: 1.1.0
+      which-boxed-primitive: 1.1.1
+      which-collection: 1.0.2
+      which-typed-array: 1.1.20
+
+  deepmerge@4.3.1: {}
+
+  define-data-property@1.1.4:
+    dependencies:
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  define-properties@1.2.1:
+    dependencies:
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
+      object-keys: 1.1.1
+
+  depd@2.0.0: {}
+
+  dequal@2.0.3: {}
+
+  dfa@1.2.0: {}
+
+  didyoumean@1.2.2: {}
+
+  dlv@1.1.3: {}
+
+  dom-helpers@5.2.1:
+    dependencies:
+      '@babel/runtime': 7.29.2
+      csstype: 3.2.3
+
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
+  dotenv@16.6.1: {}
+
+  drizzle-kit@0.28.1:
+    dependencies:
+      '@drizzle-team/brocli': 0.10.2
+      '@esbuild-kit/esm-loader': 2.6.5
+      esbuild: 0.19.12
+      esbuild-register: 3.6.0(esbuild@0.19.12)
+    transitivePeerDependencies:
+      - supports-color
+
+  drizzle-orm@0.36.4(@opentelemetry/api@1.9.1)(@types/pg@8.20.0)(@types/react@18.3.28)(pg@8.20.0)(react@18.3.1):
+    optionalDependencies:
+      '@opentelemetry/api': 1.9.1
+      '@types/pg': 8.20.0
+      '@types/react': 18.3.28
+      pg: 8.20.0
+      react: 18.3.1
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  electron-to-chromium@1.5.344: {}
+
+  end-of-stream@1.4.5:
+    dependencies:
+      once: 1.4.0
+
+  entities@4.5.0: {}
+
+  es-define-property@1.0.1: {}
+
+  es-errors@1.3.0: {}
+
+  es-get-iterator@1.1.3:
+    dependencies:
+      call-bind: 1.0.9
+      get-intrinsic: 1.3.0
+      has-symbols: 1.1.0
+      is-arguments: 1.2.0
+      is-map: 2.0.3
+      is-set: 2.0.3
+      is-string: 1.1.1
+      isarray: 2.0.5
+      stop-iteration-iterator: 1.1.0
+
+  es-object-atoms@1.1.1:
+    dependencies:
+      es-errors: 1.3.0
+
+  esbuild-register@3.6.0(esbuild@0.19.12):
+    dependencies:
+      debug: 4.4.3
+      esbuild: 0.19.12
+    transitivePeerDependencies:
+      - supports-color
+
+  esbuild@0.18.20:
+    optionalDependencies:
+      '@esbuild/android-arm': 0.18.20
+      '@esbuild/android-arm64': 0.18.20
+      '@esbuild/android-x64': 0.18.20
+      '@esbuild/darwin-arm64': 0.18.20
+      '@esbuild/darwin-x64': 0.18.20
+      '@esbuild/freebsd-arm64': 0.18.20
+      '@esbuild/freebsd-x64': 0.18.20
+      '@esbuild/linux-arm': 0.18.20
+      '@esbuild/linux-arm64': 0.18.20
+      '@esbuild/linux-ia32': 0.18.20
+      '@esbuild/linux-loong64': 0.18.20
+      '@esbuild/linux-mips64el': 0.18.20
+      '@esbuild/linux-ppc64': 0.18.20
+      '@esbuild/linux-riscv64': 0.18.20
+      '@esbuild/linux-s390x': 0.18.20
+      '@esbuild/linux-x64': 0.18.20
+      '@esbuild/netbsd-x64': 0.18.20
+      '@esbuild/openbsd-x64': 0.18.20
+      '@esbuild/sunos-x64': 0.18.20
+      '@esbuild/win32-arm64': 0.18.20
+      '@esbuild/win32-ia32': 0.18.20
+      '@esbuild/win32-x64': 0.18.20
+
+  esbuild@0.19.12:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.19.12
+      '@esbuild/android-arm': 0.19.12
+      '@esbuild/android-arm64': 0.19.12
+      '@esbuild/android-x64': 0.19.12
+      '@esbuild/darwin-arm64': 0.19.12
+      '@esbuild/darwin-x64': 0.19.12
+      '@esbuild/freebsd-arm64': 0.19.12
+      '@esbuild/freebsd-x64': 0.19.12
+      '@esbuild/linux-arm': 0.19.12
+      '@esbuild/linux-arm64': 0.19.12
+      '@esbuild/linux-ia32': 0.19.12
+      '@esbuild/linux-loong64': 0.19.12
+      '@esbuild/linux-mips64el': 0.19.12
+      '@esbuild/linux-ppc64': 0.19.12
+      '@esbuild/linux-riscv64': 0.19.12
+      '@esbuild/linux-s390x': 0.19.12
+      '@esbuild/linux-x64': 0.19.12
+      '@esbuild/netbsd-x64': 0.19.12
+      '@esbuild/openbsd-x64': 0.19.12
+      '@esbuild/sunos-x64': 0.19.12
+      '@esbuild/win32-arm64': 0.19.12
+      '@esbuild/win32-ia32': 0.19.12
+      '@esbuild/win32-x64': 0.19.12
+
+  esbuild@0.21.5:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.21.5
+      '@esbuild/android-arm': 0.21.5
+      '@esbuild/android-arm64': 0.21.5
+      '@esbuild/android-x64': 0.21.5
+      '@esbuild/darwin-arm64': 0.21.5
+      '@esbuild/darwin-x64': 0.21.5
+      '@esbuild/freebsd-arm64': 0.21.5
+      '@esbuild/freebsd-x64': 0.21.5
+      '@esbuild/linux-arm': 0.21.5
+      '@esbuild/linux-arm64': 0.21.5
+      '@esbuild/linux-ia32': 0.21.5
+      '@esbuild/linux-loong64': 0.21.5
+      '@esbuild/linux-mips64el': 0.21.5
+      '@esbuild/linux-ppc64': 0.21.5
+      '@esbuild/linux-riscv64': 0.21.5
+      '@esbuild/linux-s390x': 0.21.5
+      '@esbuild/linux-x64': 0.21.5
+      '@esbuild/netbsd-x64': 0.21.5
+      '@esbuild/openbsd-x64': 0.21.5
+      '@esbuild/sunos-x64': 0.21.5
+      '@esbuild/win32-arm64': 0.21.5
+      '@esbuild/win32-ia32': 0.21.5
+      '@esbuild/win32-x64': 0.21.5
+
+  esbuild@0.27.7:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.7
+      '@esbuild/android-arm': 0.27.7
+      '@esbuild/android-arm64': 0.27.7
+      '@esbuild/android-x64': 0.27.7
+      '@esbuild/darwin-arm64': 0.27.7
+      '@esbuild/darwin-x64': 0.27.7
+      '@esbuild/freebsd-arm64': 0.27.7
+      '@esbuild/freebsd-x64': 0.27.7
+      '@esbuild/linux-arm': 0.27.7
+      '@esbuild/linux-arm64': 0.27.7
+      '@esbuild/linux-ia32': 0.27.7
+      '@esbuild/linux-loong64': 0.27.7
+      '@esbuild/linux-mips64el': 0.27.7
+      '@esbuild/linux-ppc64': 0.27.7
+      '@esbuild/linux-riscv64': 0.27.7
+      '@esbuild/linux-s390x': 0.27.7
+      '@esbuild/linux-x64': 0.27.7
+      '@esbuild/netbsd-arm64': 0.27.7
+      '@esbuild/netbsd-x64': 0.27.7
+      '@esbuild/openbsd-arm64': 0.27.7
+      '@esbuild/openbsd-x64': 0.27.7
+      '@esbuild/openharmony-arm64': 0.27.7
+      '@esbuild/sunos-x64': 0.27.7
+      '@esbuild/win32-arm64': 0.27.7
+      '@esbuild/win32-ia32': 0.27.7
+      '@esbuild/win32-x64': 0.27.7
+
+  escalade@3.2.0: {}
+
+  escape-html@1.0.3: {}
+
+  event-target-shim@5.0.1: {}
+
+  eventemitter3@4.0.7: {}
+
+  events@3.3.0: {}
+
+  fast-copy@3.0.2: {}
+
+  fast-decode-uri-component@1.0.1: {}
+
+  fast-deep-equal@2.0.1: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-equals@5.4.0: {}
+
+  fast-glob@3.3.3:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-json-stringify@6.3.0:
+    dependencies:
+      '@fastify/merge-json-schemas': 0.2.1
+      ajv: 8.20.0
+      ajv-formats: 3.0.1(ajv@8.20.0)
+      fast-uri: 3.1.0
+      json-schema-ref-resolver: 3.0.0
+      rfdc: 1.4.1
+
+  fast-querystring@1.1.2:
+    dependencies:
+      fast-decode-uri-component: 1.0.1
+
+  fast-safe-stringify@2.1.1: {}
+
+  fast-uri@3.1.0: {}
+
+  fastify-plugin@5.1.0: {}
+
+  fastify-type-provider-zod@4.0.2(fastify@5.8.5)(zod@3.25.76):
+    dependencies:
+      '@fastify/error': 4.2.0
+      fastify: 5.8.5
+      zod: 3.25.76
+      zod-to-json-schema: 3.25.2(zod@3.25.76)
+
+  fastify@5.8.5:
+    dependencies:
+      '@fastify/ajv-compiler': 4.0.5
+      '@fastify/error': 4.2.0
+      '@fastify/fast-json-stringify-compiler': 5.0.3
+      '@fastify/proxy-addr': 5.1.0
+      abstract-logging: 2.0.1
+      avvio: 9.2.0
+      fast-json-stringify: 6.3.0
+      find-my-way: 9.5.0
+      light-my-request: 6.6.0
+      pino: 9.14.0
+      process-warning: 5.0.0
+      rfdc: 1.4.1
+      secure-json-parse: 4.1.0
+      semver: 7.7.4
+      toad-cache: 3.7.0
+
+  fastq@1.20.1:
+    dependencies:
+      reusify: 1.1.0
+
+  fdir@6.5.0(picomatch@4.0.4):
+    optionalDependencies:
+      picomatch: 4.0.4
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  find-my-way@9.5.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-querystring: 1.1.2
+      safe-regex2: 5.1.1
+
+  fontkit@1.9.0:
+    dependencies:
+      '@swc/helpers': 0.3.17
+      brotli: 1.3.3
+      clone: 2.1.2
+      deep-equal: 2.2.3
+      dfa: 1.2.0
+      restructure: 2.0.1
+      tiny-inflate: 1.0.3
+      unicode-properties: 1.4.1
+      unicode-trie: 2.0.0
+
+  for-each@0.3.5:
+    dependencies:
+      is-callable: 1.2.7
+
+  foreground-child@3.3.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
+  forwarded-parse@2.1.2: {}
+
+  fraction.js@5.3.4: {}
+
+  framer-motion@11.18.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      motion-dom: 11.18.1
+      motion-utils: 11.18.1
+      tslib: 2.8.1
+    optionalDependencies:
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  fsevents@2.3.3:
+    optional: true
+
+  function-bind@1.1.2: {}
+
+  functions-have-names@1.2.3: {}
+
+  gensync@1.0.0-beta.2: {}
+
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.3
+      math-intrinsics: 1.1.0
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
+  get-tsconfig@4.14.0:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob@11.1.0:
+    dependencies:
+      foreground-child: 3.3.1
+      jackspeak: 4.2.3
+      minimatch: 10.2.5
+      minipass: 7.1.3
+      package-json-from-dist: 1.0.1
+      path-scurry: 2.0.2
+
+  gopd@1.2.0: {}
+
+  has-bigints@1.1.0: {}
+
+  has-property-descriptors@1.0.2:
+    dependencies:
+      es-define-property: 1.0.1
+
+  has-symbols@1.1.0: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.1.0
+
+  hasown@2.0.3:
+    dependencies:
+      function-bind: 1.1.2
+
+  helmet@7.2.0: {}
+
+  help-me@5.0.0: {}
+
+  hoist-non-react-statics@3.3.2:
+    dependencies:
+      react-is: 16.13.1
+
+  html-to-text@9.0.5:
+    dependencies:
+      '@selderee/plugin-htmlparser2': 0.11.0
+      deepmerge: 4.3.1
+      dom-serializer: 2.0.0
+      htmlparser2: 8.0.2
+      selderee: 0.11.0
+
+  htmlparser2@8.0.2:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      entities: 4.5.0
+
+  http-errors@2.0.1:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      toidentifier: 1.0.1
+
+  ieee754@1.2.1: {}
+
+  import-in-the-middle@1.15.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-import-attributes: 1.9.5(acorn@8.16.0)
+      cjs-module-lexer: 1.4.3
+      module-details-from-path: 1.0.4
+
+  inherits@2.0.4: {}
+
+  internal-slot@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      hasown: 2.0.3
+      side-channel: 1.1.0
+
+  internmap@2.0.3: {}
+
+  ipaddr.js@2.3.0: {}
+
+  is-arguments@1.2.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-array-buffer@3.0.5:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
+  is-bigint@1.1.0:
+    dependencies:
+      has-bigints: 1.1.0
+
+  is-binary-path@2.1.0:
+    dependencies:
+      binary-extensions: 2.3.0
+
+  is-boolean-object@1.2.2:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-callable@1.2.7: {}
+
+  is-core-module@2.16.1:
+    dependencies:
+      hasown: 2.0.3
+
+  is-date-object@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-extglob@2.1.1: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-map@2.0.3: {}
+
+  is-number-object@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-number@7.0.0: {}
+
+  is-regex@1.2.1:
+    dependencies:
+      call-bound: 1.0.4
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.3
+
+  is-set@2.0.3: {}
+
+  is-shared-array-buffer@1.0.4:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-string@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-symbol@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-symbols: 1.1.0
+      safe-regex-test: 1.1.0
+
+  is-weakmap@2.0.2: {}
+
+  is-weakset@2.0.4:
+    dependencies:
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
+  isarray@2.0.5: {}
+
+  isexe@2.0.0: {}
+
+  jackspeak@4.2.3:
+    dependencies:
+      '@isaacs/cliui': 9.0.0
+
+  jiti@1.21.7: {}
+
+  joycon@3.1.1: {}
+
+  jpeg-exif@1.1.4: {}
+
+  js-tokens@4.0.0: {}
+
+  jsesc@3.1.0: {}
+
+  json-schema-ref-resolver@3.0.0:
+    dependencies:
+      dequal: 2.0.3
+
+  json-schema-traverse@1.0.0: {}
+
+  json5@2.2.3: {}
+
+  leac@0.6.0: {}
+
+  light-my-request@6.6.0:
+    dependencies:
+      cookie: 1.1.1
+      process-warning: 4.0.1
+      set-cookie-parser: 2.7.2
+
+  lilconfig@3.1.3: {}
+
+  linebreak@1.1.0:
+    dependencies:
+      base64-js: 0.0.8
+      unicode-trie: 2.0.0
+
+  lines-and-columns@1.2.4: {}
+
+  lodash@4.18.1: {}
+
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
+  lru-cache@11.3.5: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  lucide-react@0.468.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
+  math-intrinsics@1.1.0: {}
+
+  merge2@1.4.1: {}
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.2
+
+  mime@3.0.0: {}
+
+  minimatch@10.2.5:
+    dependencies:
+      brace-expansion: 5.0.5
+
+  minimist@1.2.8: {}
+
+  minipass@7.1.3: {}
+
+  mnemonist@0.40.0:
+    dependencies:
+      obliterator: 2.0.5
+
+  module-details-from-path@1.0.4: {}
+
+  motion-dom@11.18.1:
+    dependencies:
+      motion-utils: 11.18.1
+
+  motion-utils@11.18.1: {}
+
+  ms@2.1.3: {}
+
+  mz@2.7.0:
+    dependencies:
+      any-promise: 1.3.0
+      object-assign: 4.1.1
+      thenify-all: 1.6.0
+
+  nanoid@3.3.11: {}
+
+  node-addon-api@8.7.0: {}
+
+  node-gyp-build@4.8.4: {}
+
+  node-releases@2.0.38: {}
+
+  normalize-path@3.0.0: {}
+
+  object-assign@4.1.1: {}
+
+  object-hash@3.0.0: {}
+
+  object-inspect@1.13.4: {}
+
+  object-is@1.1.6:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+
+  object-keys@1.1.1: {}
+
+  object.assign@4.1.7:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+      has-symbols: 1.1.0
+      object-keys: 1.1.1
+
+  obliterator@2.0.5: {}
+
+  on-exit-leak-free@2.1.2: {}
+
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
+  package-json-from-dist@1.0.1: {}
+
+  pako@0.2.9: {}
+
+  pako@1.0.11: {}
+
+  parseley@0.12.1:
+    dependencies:
+      leac: 0.6.0
+      peberminta: 0.9.0
+
+  path-key@3.1.1: {}
+
+  path-parse@1.0.7: {}
+
+  path-scurry@2.0.2:
+    dependencies:
+      lru-cache: 11.3.5
+      minipass: 7.1.3
+
+  pdfkit@0.15.2:
+    dependencies:
+      crypto-js: 4.2.0
+      fontkit: 1.9.0
+      jpeg-exif: 1.1.4
+      linebreak: 1.1.0
+      png-js: 1.1.0
+
+  peberminta@0.9.0: {}
+
+  pg-cloudflare@1.3.0:
+    optional: true
+
+  pg-connection-string@2.12.0: {}
+
+  pg-int8@1.0.1: {}
+
+  pg-pool@3.13.0(pg@8.20.0):
+    dependencies:
+      pg: 8.20.0
+
+  pg-protocol@1.13.0: {}
+
+  pg-types@2.2.0:
+    dependencies:
+      pg-int8: 1.0.1
+      postgres-array: 2.0.0
+      postgres-bytea: 1.0.1
+      postgres-date: 1.0.7
+      postgres-interval: 1.2.0
+
+  pg@8.20.0:
+    dependencies:
+      pg-connection-string: 2.12.0
+      pg-pool: 3.13.0(pg@8.20.0)
+      pg-protocol: 1.13.0
+      pg-types: 2.2.0
+      pgpass: 1.0.5
+    optionalDependencies:
+      pg-cloudflare: 1.3.0
+
+  pgpass@1.0.5:
+    dependencies:
+      split2: 4.2.0
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.2: {}
+
+  picomatch@4.0.4: {}
+
+  pify@2.3.0: {}
+
+  pino-abstract-transport@2.0.0:
+    dependencies:
+      split2: 4.2.0
+
+  pino-pretty@11.3.0:
+    dependencies:
+      colorette: 2.0.20
+      dateformat: 4.6.3
+      fast-copy: 3.0.2
+      fast-safe-stringify: 2.1.1
+      help-me: 5.0.0
+      joycon: 3.1.1
+      minimist: 1.2.8
+      on-exit-leak-free: 2.1.2
+      pino-abstract-transport: 2.0.0
+      pump: 3.0.4
+      readable-stream: 4.7.0
+      secure-json-parse: 2.7.0
+      sonic-boom: 4.2.1
+      strip-json-comments: 3.1.1
+
+  pino-std-serializers@7.1.0: {}
+
+  pino@9.14.0:
+    dependencies:
+      '@pinojs/redact': 0.4.0
+      atomic-sleep: 1.0.0
+      on-exit-leak-free: 2.1.2
+      pino-abstract-transport: 2.0.0
+      pino-std-serializers: 7.1.0
+      process-warning: 5.0.0
+      quick-format-unescaped: 4.0.4
+      real-require: 0.2.0
+      safe-stable-stringify: 2.5.0
+      sonic-boom: 4.2.1
+      thread-stream: 3.1.0
+
+  pirates@4.0.7: {}
+
+  png-js@1.1.0:
+    dependencies:
+      browserify-zlib: 0.2.0
+
+  possible-typed-array-names@1.1.0: {}
+
+  postcss-import@15.1.0(postcss@8.5.10):
+    dependencies:
+      postcss: 8.5.10
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.12
+
+  postcss-js@4.1.0(postcss@8.5.10):
+    dependencies:
+      camelcase-css: 2.0.1
+      postcss: 8.5.10
+
+  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.10)(tsx@4.21.0):
+    dependencies:
+      lilconfig: 3.1.3
+    optionalDependencies:
+      jiti: 1.21.7
+      postcss: 8.5.10
+      tsx: 4.21.0
+
+  postcss-nested@6.2.0(postcss@8.5.10):
+    dependencies:
+      postcss: 8.5.10
+      postcss-selector-parser: 6.1.2
+
+  postcss-selector-parser@6.1.2:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-value-parser@4.2.0: {}
+
+  postcss@8.5.10:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  postgres-array@2.0.0: {}
+
+  postgres-bytea@1.0.1: {}
+
+  postgres-date@1.0.7: {}
+
+  postgres-interval@1.2.0:
+    dependencies:
+      xtend: 4.0.2
+
+  prettier@3.8.3: {}
+
+  process-warning@4.0.1: {}
+
+  process-warning@5.0.0: {}
+
+  process@0.11.10: {}
+
+  prop-types@15.8.1:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+
+  pump@3.0.4:
+    dependencies:
+      end-of-stream: 1.4.5
+      once: 1.4.0
+
+  qs@6.15.1:
+    dependencies:
+      side-channel: 1.1.0
+
+  queue-microtask@1.2.3: {}
+
+  quick-format-unescaped@4.0.4: {}
+
+  react-dom@18.3.1(react@18.3.1):
+    dependencies:
+      loose-envify: 1.4.0
+      react: 18.3.1
+      scheduler: 0.23.2
+
+  react-hook-form@7.74.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
+  react-is@16.13.1: {}
+
+  react-is@18.3.1: {}
+
+  react-promise-suspense@0.3.4:
+    dependencies:
+      fast-deep-equal: 2.0.1
+
+  react-refresh@0.17.0: {}
+
+  react-router-dom@6.30.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@remix-run/router': 1.23.2
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-router: 6.30.3(react@18.3.1)
+
+  react-router@6.30.3(react@18.3.1):
+    dependencies:
+      '@remix-run/router': 1.23.2
+      react: 18.3.1
+
+  react-smooth@4.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      fast-equals: 5.4.0
+      prop-types: 15.8.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-transition-group: 4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+
+  react-transition-group@4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@babel/runtime': 7.29.2
+      dom-helpers: 5.2.1
+      loose-envify: 1.4.0
+      prop-types: 15.8.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  react@18.3.1:
+    dependencies:
+      loose-envify: 1.4.0
+
+  read-cache@1.0.0:
+    dependencies:
+      pify: 2.3.0
+
+  readable-stream@4.7.0:
+    dependencies:
+      abort-controller: 3.0.0
+      buffer: 6.0.3
+      events: 3.3.0
+      process: 0.11.10
+      string_decoder: 1.3.0
+
+  readdirp@3.6.0:
+    dependencies:
+      picomatch: 2.3.2
+
+  real-require@0.2.0: {}
+
+  recharts-scale@0.4.5:
+    dependencies:
+      decimal.js-light: 2.5.1
+
+  recharts@2.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      clsx: 2.1.1
+      eventemitter3: 4.0.7
+      lodash: 4.18.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-is: 18.3.1
+      react-smooth: 4.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      recharts-scale: 0.4.5
+      tiny-invariant: 1.3.3
+      victory-vendor: 36.9.2
+
+  regexp.prototype.flags@1.5.4:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-errors: 1.3.0
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      set-function-name: 2.0.2
+
+  require-from-string@2.0.2: {}
+
+  require-in-the-middle@7.5.2:
+    dependencies:
+      debug: 4.4.3
+      module-details-from-path: 1.0.4
+      resolve: 1.22.12
+    transitivePeerDependencies:
+      - supports-color
+
+  resend@4.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@react-email/render': 1.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+    transitivePeerDependencies:
+      - react
+      - react-dom
+
+  resolve-pkg-maps@1.0.0: {}
+
+  resolve@1.22.12:
+    dependencies:
+      es-errors: 1.3.0
+      is-core-module: 2.16.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  restructure@2.0.1: {}
+
+  ret@0.5.0: {}
+
+  reusify@1.1.0: {}
+
+  rfdc@1.4.1: {}
+
+  rollup@4.60.2:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.60.2
+      '@rollup/rollup-android-arm64': 4.60.2
+      '@rollup/rollup-darwin-arm64': 4.60.2
+      '@rollup/rollup-darwin-x64': 4.60.2
+      '@rollup/rollup-freebsd-arm64': 4.60.2
+      '@rollup/rollup-freebsd-x64': 4.60.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.60.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.60.2
+      '@rollup/rollup-linux-arm64-gnu': 4.60.2
+      '@rollup/rollup-linux-arm64-musl': 4.60.2
+      '@rollup/rollup-linux-loong64-gnu': 4.60.2
+      '@rollup/rollup-linux-loong64-musl': 4.60.2
+      '@rollup/rollup-linux-ppc64-gnu': 4.60.2
+      '@rollup/rollup-linux-ppc64-musl': 4.60.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.60.2
+      '@rollup/rollup-linux-riscv64-musl': 4.60.2
+      '@rollup/rollup-linux-s390x-gnu': 4.60.2
+      '@rollup/rollup-linux-x64-gnu': 4.60.2
+      '@rollup/rollup-linux-x64-musl': 4.60.2
+      '@rollup/rollup-openbsd-x64': 4.60.2
+      '@rollup/rollup-openharmony-arm64': 4.60.2
+      '@rollup/rollup-win32-arm64-msvc': 4.60.2
+      '@rollup/rollup-win32-ia32-msvc': 4.60.2
+      '@rollup/rollup-win32-x64-gnu': 4.60.2
+      '@rollup/rollup-win32-x64-msvc': 4.60.2
+      fsevents: 2.3.3
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  safe-buffer@5.2.1: {}
+
+  safe-regex-test@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-regex: 1.2.1
+
+  safe-regex2@5.1.1:
+    dependencies:
+      ret: 0.5.0
+
+  safe-stable-stringify@2.5.0: {}
+
+  scheduler@0.23.2:
+    dependencies:
+      loose-envify: 1.4.0
+
+  secure-json-parse@2.7.0: {}
+
+  secure-json-parse@4.1.0: {}
+
+  selderee@0.11.0:
+    dependencies:
+      parseley: 0.12.1
+
+  semver@6.3.1: {}
+
+  semver@7.7.4: {}
+
+  set-cookie-parser@2.7.2: {}
+
+  set-function-length@1.2.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.3.0
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+
+  set-function-name@2.0.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.2
+
+  setprototypeof@1.2.0: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  shimmer@1.2.1: {}
+
+  side-channel-list@1.0.1:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-list: 1.0.1
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
+
+  signal-exit@4.1.0: {}
+
+  sonic-boom@4.2.1:
+    dependencies:
+      atomic-sleep: 1.0.0
+
+  source-map-js@1.2.1: {}
+
+  source-map-support@0.5.21:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
+  source-map@0.6.1: {}
+
+  split2@4.2.0: {}
+
+  statuses@2.0.2: {}
+
+  stop-iteration-iterator@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      internal-slot: 1.1.0
+
+  string_decoder@1.3.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  strip-json-comments@3.1.1: {}
+
+  stripe@17.7.0:
+    dependencies:
+      '@types/node': 22.19.17
+      qs: 6.15.1
+
+  sucrase@3.35.1:
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      commander: 4.1.1
+      lines-and-columns: 1.2.4
+      mz: 2.7.0
+      pirates: 4.0.7
+      tinyglobby: 0.2.16
+      ts-interface-checker: 0.1.13
+
+  supports-preserve-symlinks-flag@1.0.0: {}
+
+  tailwind-merge@2.6.1: {}
+
+  tailwindcss-animate@1.0.7(tailwindcss@3.4.19(tsx@4.21.0)):
+    dependencies:
+      tailwindcss: 3.4.19(tsx@4.21.0)
+
+  tailwindcss@3.4.19(tsx@4.21.0):
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      arg: 5.0.2
+      chokidar: 3.6.0
+      didyoumean: 1.2.2
+      dlv: 1.1.3
+      fast-glob: 3.3.3
+      glob-parent: 6.0.2
+      is-glob: 4.0.3
+      jiti: 1.21.7
+      lilconfig: 3.1.3
+      micromatch: 4.0.8
+      normalize-path: 3.0.0
+      object-hash: 3.0.0
+      picocolors: 1.1.1
+      postcss: 8.5.10
+      postcss-import: 15.1.0(postcss@8.5.10)
+      postcss-js: 4.1.0(postcss@8.5.10)
+      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.10)(tsx@4.21.0)
+      postcss-nested: 6.2.0(postcss@8.5.10)
+      postcss-selector-parser: 6.1.2
+      resolve: 1.22.12
+      sucrase: 3.35.1
+    transitivePeerDependencies:
+      - tsx
+      - yaml
+
+  thenify-all@1.6.0:
+    dependencies:
+      thenify: 3.3.1
+
+  thenify@3.3.1:
+    dependencies:
+      any-promise: 1.3.0
+
+  thread-stream@3.1.0:
+    dependencies:
+      real-require: 0.2.0
+
+  tiny-inflate@1.0.3: {}
+
+  tiny-invariant@1.3.3: {}
+
+  tinyglobby@0.2.16:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  toad-cache@3.7.0: {}
+
+  toidentifier@1.0.1: {}
+
+  ts-interface-checker@0.1.13: {}
+
+  tslib@2.8.1: {}
+
+  tsx@4.21.0:
+    dependencies:
+      esbuild: 0.27.7
+      get-tsconfig: 4.14.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  typescript@5.9.3: {}
+
+  undici-types@6.21.0: {}
+
+  unicode-properties@1.4.1:
+    dependencies:
+      base64-js: 1.5.1
+      unicode-trie: 2.0.0
+
+  unicode-trie@2.0.0:
+    dependencies:
+      pako: 0.2.9
+      tiny-inflate: 1.0.3
+
+  update-browserslist-db@1.2.3(browserslist@4.28.2):
+    dependencies:
+      browserslist: 4.28.2
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  util-deprecate@1.0.2: {}
+
+  victory-vendor@36.9.2:
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-ease': 3.0.2
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-shape': 3.1.8
+      '@types/d3-time': 3.0.4
+      '@types/d3-timer': 3.0.2
+      d3-array: 3.2.4
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-timer: 3.0.1
+
+  vite@5.4.21(@types/node@22.19.17):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.5.10
+      rollup: 4.60.2
+    optionalDependencies:
+      '@types/node': 22.19.17
+      fsevents: 2.3.3
+
+  which-boxed-primitive@1.1.1:
+    dependencies:
+      is-bigint: 1.1.0
+      is-boolean-object: 1.2.2
+      is-number-object: 1.1.1
+      is-string: 1.1.1
+      is-symbol: 1.1.1
+
+  which-collection@1.0.2:
+    dependencies:
+      is-map: 2.0.3
+      is-set: 2.0.3
+      is-weakmap: 2.0.2
+      is-weakset: 2.0.4
+
+  which-typed-array@1.1.20:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      for-each: 0.3.5
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  wrappy@1.0.2: {}
+
+  xtend@4.0.2: {}
+
+  yallist@3.1.1: {}
+
+  zod-to-json-schema@3.25.2(zod@3.25.76):
+    dependencies:
+      zod: 3.25.76
+
+  zod@3.25.76: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
new file mode 100644
index 0000000..3ff5faa
--- /dev/null
+++ b/pnpm-workspace.yaml
@@ -0,0 +1,3 @@
+packages:
+  - "apps/*"
+  - "packages/*"
diff --git a/ramework Monster (512 x 512 px).png b/ramework Monster (512 x 512 px).png
new file mode 100644
index 0000000000000000000000000000000000000000..1e4a0e660ad610c1dd457351023b84b90d02ada7
GIT binary patch
literal 10140
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
Y^tGF(n-2<9zgckE;kmtPThI^x2mW?Su>b%7

literal 0
HcmV?d00001

diff --git a/scripts/plesk-deploy.sh b/scripts/plesk-deploy.sh
new file mode 100644
index 0000000..ccd1d1a
--- /dev/null
+++ b/scripts/plesk-deploy.sh
@@ -0,0 +1,20 @@
+#!/usr/bin/env bash
+# Run inside the Plesk app directory after `git pull`.
+# Configure as a Plesk "Run script" hook on Git push, or run manually via SSH.
+
+set -euo pipefail
+
+echo "==> Installing dependencies"
+pnpm install --frozen-lockfile
+
+echo "==> Building"
+pnpm build
+
+echo "==> Running database migrations"
+pnpm db:migrate
+
+echo "==> Restarting Passenger"
+mkdir -p tmp
+touch tmp/restart.txt
+
+echo "==> Done"
diff --git a/server.js b/server.js
new file mode 100644
index 0000000..09a308a
--- /dev/null
+++ b/server.js
@@ -0,0 +1,45 @@
+// server.js — Phusion Passenger / Plesk production entrypoint
+//
+// Plesk sets PORT, then runs: node server.js
+// We register the tsx ESM loader so TypeScript source is imported directly
+// (no compile step needed), build the Fastify app, then start listening.
+
+import { register } from 'tsx/esm/api';
+register();
+
+// server.ts exports buildServer(); env.ts exports the validated env object.
+// Both are loaded through tsx so TypeScript is handled transparently.
+const { buildServer } = await import('./apps/api/src/server.ts');
+const { env }         = await import('./apps/api/src/env.ts');
+
+const app = await buildServer();
+
+// ── Graceful shutdown ──────────────────────────────────────────────────────
+async function shutdown(signal) {
+  app.log.info(`${signal} received — closing server`);
+  try {
+    await app.close();
+  } catch (err) {
+    app.log.error(err, 'error during shutdown');
+  }
+  process.exit(0);
+}
+
+process.on('SIGTERM', () => void shutdown('SIGTERM'));
+process.on('SIGINT',  () => void shutdown('SIGINT'));
+
+// Surface hard crashes — Sentry is already initialised inside buildServer().
+process.on('uncaughtException', (err) => {
+  app.log.error(err, 'uncaughtException');
+  process.exit(1);
+});
+
+process.on('unhandledRejection', (reason) => {
+  app.log.error({ reason }, 'unhandledRejection');
+  process.exit(1);
+});
+
+// ── Start ──────────────────────────────────────────────────────────────────
+// Passenger injects PORT; env.ts validates and defaults it to 8080 in dev.
+await app.listen({ host: '0.0.0.0', port: env.PORT });
+app.log.info(`eLegal Software ready · port ${env.PORT}`);
diff --git a/tmp/.gitkeep b/tmp/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/tsconfig.base.json b/tsconfig.base.json
new file mode 100644
index 0000000..395e386
--- /dev/null
+++ b/tsconfig.base.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "noImplicitOverride": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "verbatimModuleSyntax": false
+  }
+}