diff --git a/.env.d.ts b/.env.d.ts
new file mode 100644
index 0000000..151dc49
--- /dev/null
+++ b/.env.d.ts
@@ -0,0 +1,7 @@
+/// <reference types="astro/client" />
+
+declare namespace App {
+  interface Locals {
+    canAddInventory: boolean;
+  }
+}
\ No newline at end of file
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..971ac8e
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,58 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+Pokemon TCG card database and inventory management app. Users search cards, track market prices, and manage their collections. Closed beta.
+
+## Commands
+
+```bash
+npm run dev        # Start dev server (binds 0.0.0.0:4321)
+npm run build      # Production build → ./dist/
+npm run preview    # Preview production build
+```
+
+No test framework or linter is configured.
+
+Utility scripts in `scripts/` are run directly with `tsx` (e.g., `npx tsx scripts/reindex.ts`).
+
+## Tech Stack
+
+- **Astro 5** (SSR mode, Node.js standalone adapter)
+- **PostgreSQL** via Drizzle ORM (schema in `pokemon` namespace, snake_case DB columns)
+- **Typesense** for full-text card search
+- **Clerk** for authentication
+- **HTMX** for dynamic interactions (no SPA framework)
+- **Bootstrap 5** with custom SCSS overrides, dark theme
+- **Chart.js** for price history charts
+
+## Architecture
+
+### Data Flow
+
+TCGPlayer source data → `tcg_cards` → denormalized `cards` (per variant) → `skus` (per condition/language) → `price_history` / `sales_history`. User collections stored in `inventory` table linked to Clerk userId.
+
+PostgreSQL is source of truth. Typesense mirrors card/sku/inventory data for search. Both must be kept in sync — see `src/pages/api/inventory.ts` for the sync pattern (write to PG, then upsert/delete in Typesense).
+
+### Key Directories
+
+- `src/pages/` — Astro routes and API endpoints
+- `src/pages/partials/` — HTMX partial responses (HTML fragments returned to `hx-post` targets)
+- `src/pages/api/` — JSON/file API endpoints (`upload.ts` for CSV, `inventory.ts` for CRUD)
+- `src/components/` — Reusable `.astro` components
+- `src/db/` — Drizzle schema (`schema.ts`), relations (`relations.ts`), DB connection (`index.ts`), Typesense client (`typesense.ts`)
+- `scripts/` — Data ingestion and indexing utilities (not part of the app runtime)
+
+### Authentication
+
+Clerk middleware in `src/middleware.ts` protects routes via `createRouteMatcher`. Auth context accessed via `Astro.locals.auth()` in pages/API routes.
+
+### Database Schema
+
+Drizzle config uses `casing: 'snake_case'` — define schema fields in camelCase, they map to snake_case columns automatically. Migrations live in `./drizzle/`. Schema is scoped to the `pokemon` PostgreSQL schema.
+
+### Frontend Patterns
+
+Pages use HTMX for interactivity — forms POST to `/partials/*` endpoints that return HTML fragments. No client-side routing. View Transitions API enabled for page navigation animations. Card modals and inventory forms are HTMX-driven with `hx-post`, `hx-target`, and `hx-swap` attributes.
diff --git a/astro.config.mjs b/astro.config.mjs
index 96573d2..0fed92a 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -18,5 +18,17 @@ export default defineConfig({
   output: "server",
   security: {
     checkOrigin: false
-  }
+  },
+  vite: {
+    css: {
+      preprocessorOptions: {
+        scss: {
+          // Silences deprecation warnings from dependencies
+          quietDeps: true,
+          // Specifically silence color function warnings
+          silenceDeprecations: ['color-functions', 'import','global-builtin'],
+        },
+      },
+    },
+  },
 });
diff --git a/package-lock.json b/package-lock.json
index b893144..6659f94 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "@clerk/astro": "^3.0.1",
         "@clerk/shared": "^4.0.0",
         "@clerk/themes": "^2.4.55",
+        "@popperjs/core": "^2.11.8",
         "astro": "^5.17.1",
         "bootstrap": "^5.3.8",
         "chalk": "^5.6.2",
@@ -117,9 +118,9 @@
       }
     },
     "node_modules/@azure-rest/core-client": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@azure-rest/core-client/-/core-client-2.5.1.tgz",
-      "integrity": "sha512-EHaOXW0RYDKS5CFffnixdyRPak5ytiCtU7uXDcP/uiY+A6jFRwNGzzJBiznkCzvi5EYpY+YWinieqHb0oY916A==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@azure-rest/core-client/-/core-client-2.6.0.tgz",
+      "integrity": "sha512-iuFKDm8XPzNxPfRjhyU5/xKZmcRDzSuEghXDHHk4MjBV/wFL34GmYVBZnn9wmuoLBeS1qAw9ceMdaeJBPcB1QQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -182,9 +183,9 @@
       }
     },
     "node_modules/@azure/core-http-compat": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/@azure/core-http-compat/-/core-http-compat-2.3.2.tgz",
-      "integrity": "sha512-Tf6ltdKzOJEgxZeWLCjMxrxbodB/ZeCbzzA1A2qHbhzAjzjHoBVSUeSl/baT/oHAxhc4qdqVaDKnc2+iE932gw==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/@azure/core-http-compat/-/core-http-compat-2.4.0.tgz",
+      "integrity": "sha512-f1P96IB399YiN2ARYHP7EpZi3Bf3wH4SN2lGzrw7JVwm7bbsVYtf2iKSBwTywD2P62NOPZGHFSZi+6jjb75JuA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -275,9 +276,9 @@
       }
     },
     "node_modules/@azure/identity": {
-      "version": "4.13.0",
-      "resolved": "https://registry.npmjs.org/@azure/identity/-/identity-4.13.0.tgz",
-      "integrity": "sha512-uWC0fssc+hs1TGGVkkghiaFkkS7NkTxfnCH+Hdg+yTehTpMcehpok4PgUKKdyCH+9ldu6FhiHRv84Ntqj1vVcw==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmjs.org/@azure/identity/-/identity-4.13.1.tgz",
+      "integrity": "sha512-5C/2WD5Vb1lHnZS16dNQRPMjN6oV/Upba+C9nBIs15PmOi6A3ZGs4Lr2u60zw4S04gi+u3cEXiqTVP7M4Pz3kw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -288,8 +289,8 @@
         "@azure/core-tracing": "^1.0.0",
         "@azure/core-util": "^1.11.0",
         "@azure/logger": "^1.0.0",
-        "@azure/msal-browser": "^4.2.0",
-        "@azure/msal-node": "^3.5.0",
+        "@azure/msal-browser": "^5.5.0",
+        "@azure/msal-node": "^5.1.0",
         "open": "^10.1.0",
         "tslib": "^2.2.0"
       },
@@ -356,22 +357,22 @@
       }
     },
     "node_modules/@azure/msal-browser": {
-      "version": "4.29.0",
-      "resolved": "https://registry.npmjs.org/@azure/msal-browser/-/msal-browser-4.29.0.tgz",
-      "integrity": "sha512-/f3eHkSNUTl6DLQHm+bKecjBKcRQxbd/XLx8lvSYp8Nl/HRyPuIPOijt9Dt0sH50/SxOwQ62RnFCmFlGK+bR/w==",
+      "version": "5.6.3",
+      "resolved": "https://registry.npmjs.org/@azure/msal-browser/-/msal-browser-5.6.3.tgz",
+      "integrity": "sha512-sTjMtUm+bJpENU/1WlRzHEsgEHppZDZ1EtNyaOODg/sQBtMxxJzGB+MOCM+T2Q5Qe1fKBrdxUmjyRxm0r7Ez9w==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@azure/msal-common": "15.15.0"
+        "@azure/msal-common": "16.4.1"
       },
       "engines": {
         "node": ">=0.8.0"
       }
     },
     "node_modules/@azure/msal-common": {
-      "version": "15.15.0",
-      "resolved": "https://registry.npmjs.org/@azure/msal-common/-/msal-common-15.15.0.tgz",
-      "integrity": "sha512-/n+bN0AKlVa+AOcETkJSKj38+bvFs78BaP4rNtv3MJCmPH0YrHiskMRe74OhyZ5DZjGISlFyxqvf9/4QVEi2tw==",
+      "version": "16.4.1",
+      "resolved": "https://registry.npmjs.org/@azure/msal-common/-/msal-common-16.4.1.tgz",
+      "integrity": "sha512-Bl8f+w37xkXsYh7QRkAKCFGYtWMYuOVO7Lv+BxILrvGz3HbIEF22Pt0ugyj0QPOl6NLrHcnNUQ9yeew98P/5iw==",
       "license": "MIT",
       "peer": true,
       "engines": {
@@ -379,18 +380,18 @@
       }
     },
     "node_modules/@azure/msal-node": {
-      "version": "3.8.8",
-      "resolved": "https://registry.npmjs.org/@azure/msal-node/-/msal-node-3.8.8.tgz",
-      "integrity": "sha512-+f1VrJH1iI517t4zgmuhqORja0bL6LDQXfBqkjuMmfTYXTQQnh1EvwwxO3UbKLT05N0obF72SRHFrC1RBDv5Gg==",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@azure/msal-node/-/msal-node-5.1.2.tgz",
+      "integrity": "sha512-DoeSJ9U5KPAIZoHsPywvfEj2MhBniQe0+FSpjLUTdWoIkI999GB5USkW6nNEHnIaLVxROHXvprWA1KzdS1VQ4A==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@azure/msal-common": "15.15.0",
+        "@azure/msal-common": "16.4.1",
         "jsonwebtoken": "^9.0.0",
         "uuid": "^8.3.0"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=20"
       }
     },
     "node_modules/@babel/helper-string-parser": {
@@ -412,9 +413,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
-      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
+      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.29.0"
@@ -427,9 +428,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
-      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz",
+      "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==",
       "license": "MIT",
       "peer": true,
       "engines": {
@@ -462,13 +463,13 @@
       }
     },
     "node_modules/@clerk/astro": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@clerk/astro/-/astro-3.0.4.tgz",
-      "integrity": "sha512-UVp/Xu607b2QD7AnG3aUZZIVrPFC5nUP9PHEmjle65PArPouB3BSjP4NE1Fo4CfzedKTJotNOq3Qwzc5qNVSxg==",
+      "version": "3.0.12",
+      "resolved": "https://registry.npmjs.org/@clerk/astro/-/astro-3.0.12.tgz",
+      "integrity": "sha512-Vwtek7WiGWuQmsqgPF9klePF9pZoQa7jBgI9+K1YTBcAecuLjXyeFHDqtQwfdHomX9NpJIB06dXyVBWX/q3dKw==",
       "license": "MIT",
       "dependencies": {
-        "@clerk/backend": "^3.2.0",
-        "@clerk/shared": "^4.3.0",
+        "@clerk/backend": "^3.2.8",
+        "@clerk/shared": "^4.6.0",
         "nanoid": "5.1.6",
         "nanostores": "1.0.1"
       },
@@ -480,12 +481,12 @@
       }
     },
     "node_modules/@clerk/backend": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@clerk/backend/-/backend-3.2.0.tgz",
-      "integrity": "sha512-3APNJ5jt5Db9f441FPVTjgzvPxjLhekygomkMOhsvPpItRNNEHgFZM/bGXYetgcOtUrO6vWcuhf1rlNSTRelhg==",
+      "version": "3.2.8",
+      "resolved": "https://registry.npmjs.org/@clerk/backend/-/backend-3.2.8.tgz",
+      "integrity": "sha512-N9yqCQCdkn/4XpfiVnaoS6wXDeC2yQf85ioHGolOIOCWXOPwMd63fONUfRhwOZSlXGTAsgyUNZu87Ps0tcVYsg==",
       "license": "MIT",
       "dependencies": {
-        "@clerk/shared": "^4.3.0",
+        "@clerk/shared": "^4.6.0",
         "standardwebhooks": "^1.0.0",
         "tslib": "2.8.1"
       },
@@ -494,9 +495,9 @@
       }
     },
     "node_modules/@clerk/shared": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/@clerk/shared/-/shared-4.3.0.tgz",
-      "integrity": "sha512-Ydt8YGohNXEs6aBBLnti80OJT551yYWVTugFTO8Ee+uIZpStyqXF+ufBtJleuhfxs1D5KjtpIxc+hTqkZtqMyQ==",
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@clerk/shared/-/shared-4.6.0.tgz",
+      "integrity": "sha512-dtbsO/+xK5e+qWuOAY1ekZ8BJxsB0F0LYDpXWjRON7JSoFKSaqqaH5cwBvdjbbWaehb6jz1YUQmWVV8gBOx6Ag==",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -536,9 +537,9 @@
       }
     },
     "node_modules/@clerk/themes/node_modules/@clerk/shared": {
-      "version": "3.47.2",
-      "resolved": "https://registry.npmjs.org/@clerk/shared/-/shared-3.47.2.tgz",
-      "integrity": "sha512-dwUT27DKq3Gr9vn9lAfc/LSe79P1rKIib8/mTWA7ZEzY7XX2Yq5UnDMCMznYrI8oVLdJrCT4ypFXRgnH306Oew==",
+      "version": "3.47.3",
+      "resolved": "https://registry.npmjs.org/@clerk/shared/-/shared-3.47.3.tgz",
+      "integrity": "sha512-jG0wMIZuuc8zaKieg9Os8ocTphG+llluRukUUdyVnu4+ZI1syVf+dkpDP3ZK69yLavTX3D0KAmkmQqTPzQV/Nw==",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -573,9 +574,9 @@
       "license": "Apache-2.0"
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
-      "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz",
+      "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -583,9 +584,9 @@
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.3.tgz",
-      "integrity": "sha512-9fJMTNFTWZMh5qwrBItuziu834eOCUcEqymSH7pY+zoMVEZg3gcPuBNxH1EvfVYe9h0x/Ptw8KBzv7qxb7l8dg==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz",
+      "integrity": "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==",
       "cpu": [
         "ppc64"
       ],
@@ -599,9 +600,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.3.tgz",
-      "integrity": "sha512-i5D1hPY7GIQmXlXhs2w8AWHhenb00+GxjxRncS2ZM7YNVGNfaMxgzSGuO8o8SJzRc/oZwU2bcScvVERk03QhzA==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.7.tgz",
+      "integrity": "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==",
       "cpu": [
         "arm"
       ],
@@ -615,9 +616,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.3.tgz",
-      "integrity": "sha512-YdghPYUmj/FX2SYKJ0OZxf+iaKgMsKHVPF1MAq/P8WirnSpCStzKJFjOjzsW0QQ7oIAiccHdcqjbHmJxRb/dmg==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.7.tgz",
+      "integrity": "sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==",
       "cpu": [
         "arm64"
       ],
@@ -631,9 +632,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.3.tgz",
-      "integrity": "sha512-IN/0BNTkHtk8lkOM8JWAYFg4ORxBkZQf9zXiEOfERX/CzxW3Vg1ewAhU7QSWQpVIzTW+b8Xy+lGzdYXV6UZObQ==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.7.tgz",
+      "integrity": "sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==",
       "cpu": [
         "x64"
       ],
@@ -647,9 +648,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.3.tgz",
-      "integrity": "sha512-Re491k7ByTVRy0t3EKWajdLIr0gz2kKKfzafkth4Q8A5n1xTHrkqZgLLjFEHVD+AXdUGgQMq+Godfq45mGpCKg==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.7.tgz",
+      "integrity": "sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==",
       "cpu": [
         "arm64"
       ],
@@ -663,9 +664,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.3.tgz",
-      "integrity": "sha512-vHk/hA7/1AckjGzRqi6wbo+jaShzRowYip6rt6q7VYEDX4LEy1pZfDpdxCBnGtl+A5zq8iXDcyuxwtv3hNtHFg==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.7.tgz",
+      "integrity": "sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==",
       "cpu": [
         "x64"
       ],
@@ -679,9 +680,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.3.tgz",
-      "integrity": "sha512-ipTYM2fjt3kQAYOvo6vcxJx3nBYAzPjgTCk7QEgZG8AUO3ydUhvelmhrbOheMnGOlaSFUoHXB6un+A7q4ygY9w==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==",
       "cpu": [
         "arm64"
       ],
@@ -695,9 +696,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.3.tgz",
-      "integrity": "sha512-dDk0X87T7mI6U3K9VjWtHOXqwAMJBNN2r7bejDsc+j03SEjtD9HrOl8gVFByeM0aJksoUuUVU9TBaZa2rgj0oA==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.7.tgz",
+      "integrity": "sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==",
       "cpu": [
         "x64"
       ],
@@ -711,9 +712,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.3.tgz",
-      "integrity": "sha512-s6nPv2QkSupJwLYyfS+gwdirm0ukyTFNl3KTgZEAiJDd+iHZcbTPPcWCcRYH+WlNbwChgH2QkE9NSlNrMT8Gfw==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.7.tgz",
+      "integrity": "sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==",
       "cpu": [
         "arm"
       ],
@@ -727,9 +728,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.3.tgz",
-      "integrity": "sha512-sZOuFz/xWnZ4KH3YfFrKCf1WyPZHakVzTiqji3WDc0BCl2kBwiJLCXpzLzUBLgmp4veFZdvN5ChW4Eq/8Fc2Fg==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.7.tgz",
+      "integrity": "sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==",
       "cpu": [
         "arm64"
       ],
@@ -743,9 +744,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.3.tgz",
-      "integrity": "sha512-yGlQYjdxtLdh0a3jHjuwOrxQjOZYD/C9PfdbgJJF3TIZWnm/tMd/RcNiLngiu4iwcBAOezdnSLAwQDPqTmtTYg==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.7.tgz",
+      "integrity": "sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==",
       "cpu": [
         "ia32"
       ],
@@ -759,9 +760,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.3.tgz",
-      "integrity": "sha512-WO60Sn8ly3gtzhyjATDgieJNet/KqsDlX5nRC5Y3oTFcS1l0KWba+SEa9Ja1GfDqSF1z6hif/SkpQJbL63cgOA==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.7.tgz",
+      "integrity": "sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==",
       "cpu": [
         "loong64"
       ],
@@ -775,9 +776,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.3.tgz",
-      "integrity": "sha512-APsymYA6sGcZ4pD6k+UxbDjOFSvPWyZhjaiPyl/f79xKxwTnrn5QUnXR5prvetuaSMsb4jgeHewIDCIWljrSxw==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.7.tgz",
+      "integrity": "sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==",
       "cpu": [
         "mips64el"
       ],
@@ -791,9 +792,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.3.tgz",
-      "integrity": "sha512-eizBnTeBefojtDb9nSh4vvVQ3V9Qf9Df01PfawPcRzJH4gFSgrObw+LveUyDoKU3kxi5+9RJTCWlj4FjYXVPEA==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.7.tgz",
+      "integrity": "sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==",
       "cpu": [
         "ppc64"
       ],
@@ -807,9 +808,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.3.tgz",
-      "integrity": "sha512-3Emwh0r5wmfm3ssTWRQSyVhbOHvqegUDRd0WhmXKX2mkHJe1SFCMJhagUleMq+Uci34wLSipf8Lagt4LlpRFWQ==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.7.tgz",
+      "integrity": "sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==",
       "cpu": [
         "riscv64"
       ],
@@ -823,9 +824,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.3.tgz",
-      "integrity": "sha512-pBHUx9LzXWBc7MFIEEL0yD/ZVtNgLytvx60gES28GcWMqil8ElCYR4kvbV2BDqsHOvVDRrOxGySBM9Fcv744hw==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.7.tgz",
+      "integrity": "sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==",
       "cpu": [
         "s390x"
       ],
@@ -839,9 +840,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.3.tgz",
-      "integrity": "sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.7.tgz",
+      "integrity": "sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==",
       "cpu": [
         "x64"
       ],
@@ -855,9 +856,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.3.tgz",
-      "integrity": "sha512-sDpk0RgmTCR/5HguIZa9n9u+HVKf40fbEUt+iTzSnCaGvY9kFP0YKBWZtJaraonFnqef5SlJ8/TiPAxzyS+UoA==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==",
       "cpu": [
         "arm64"
       ],
@@ -871,9 +872,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.3.tgz",
-      "integrity": "sha512-P14lFKJl/DdaE00LItAukUdZO5iqNH7+PjoBm+fLQjtxfcfFE20Xf5CrLsmZdq5LFFZzb5JMZ9grUwvtVYzjiA==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.7.tgz",
+      "integrity": "sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==",
       "cpu": [
         "x64"
       ],
@@ -887,9 +888,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.3.tgz",
-      "integrity": "sha512-AIcMP77AvirGbRl/UZFTq5hjXK+2wC7qFRGoHSDrZ5v5b8DK/GYpXW3CPRL53NkvDqb9D+alBiC/dV0Fb7eJcw==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==",
       "cpu": [
         "arm64"
       ],
@@ -903,9 +904,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.3.tgz",
-      "integrity": "sha512-DnW2sRrBzA+YnE70LKqnM3P+z8vehfJWHXECbwBmH/CU51z6FiqTQTHFenPlHmo3a8UgpLyH3PT+87OViOh1AQ==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.7.tgz",
+      "integrity": "sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==",
       "cpu": [
         "x64"
       ],
@@ -919,9 +920,9 @@
       }
     },
     "node_modules/@esbuild/openharmony-arm64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.3.tgz",
-      "integrity": "sha512-NinAEgr/etERPTsZJ7aEZQvvg/A6IsZG/LgZy+81wON2huV7SrK3e63dU0XhyZP4RKGyTm7aOgmQk0bGp0fy2g==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.7.tgz",
+      "integrity": "sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==",
       "cpu": [
         "arm64"
       ],
@@ -935,9 +936,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.3.tgz",
-      "integrity": "sha512-PanZ+nEz+eWoBJ8/f8HKxTTD172SKwdXebZ0ndd953gt1HRBbhMsaNqjTyYLGLPdoWHy4zLU7bDVJztF5f3BHA==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.7.tgz",
+      "integrity": "sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==",
       "cpu": [
         "x64"
       ],
@@ -951,9 +952,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.3.tgz",
-      "integrity": "sha512-B2t59lWWYrbRDw/tjiWOuzSsFh1Y/E95ofKz7rIVYSQkUYBjfSgf6oeYPNWHToFRr2zx52JKApIcAS/D5TUBnA==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.7.tgz",
+      "integrity": "sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==",
       "cpu": [
         "arm64"
       ],
@@ -967,9 +968,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.3.tgz",
-      "integrity": "sha512-QLKSFeXNS8+tHW7tZpMtjlNb7HKau0QDpwm49u0vUp9y1WOF+PEzkU84y9GqYaAVW8aH8f3GcBck26jh54cX4Q==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.7.tgz",
+      "integrity": "sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==",
       "cpu": [
         "ia32"
       ],
@@ -983,9 +984,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.3.tgz",
-      "integrity": "sha512-4uJGhsxuptu3OcpVAzli+/gWusVGwZZHTlS63hh++ehExkVT8SgiEf7/uC/PclrPPkLhZqGgCTjd0VWLo6xMqA==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.7.tgz",
+      "integrity": "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==",
       "cpu": [
         "x64"
       ],
@@ -1837,9 +1838,9 @@
       "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
-      "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.1.tgz",
+      "integrity": "sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA==",
       "cpu": [
         "arm"
       ],
@@ -1850,9 +1851,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz",
-      "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.1.tgz",
+      "integrity": "sha512-YjG/EwIDvvYI1YvYbHvDz/BYHtkY4ygUIXHnTdLhG+hKIQFBiosfWiACWortsKPKU/+dUwQQCKQM3qrDe8c9BA==",
       "cpu": [
         "arm64"
       ],
@@ -1863,9 +1864,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
-      "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.1.tgz",
+      "integrity": "sha512-mjCpF7GmkRtSJwon+Rq1N8+pI+8l7w5g9Z3vWj4T7abguC4Czwi3Yu/pFaLvA3TTeMVjnu3ctigusqWUfjZzvw==",
       "cpu": [
         "arm64"
       ],
@@ -1876,9 +1877,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz",
-      "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.1.tgz",
+      "integrity": "sha512-haZ7hJ1JT4e9hqkoT9R/19XW2QKqjfJVv+i5AGg57S+nLk9lQnJ1F/eZloRO3o9Scy9CM3wQ9l+dkXtcBgN5Ew==",
       "cpu": [
         "x64"
       ],
@@ -1889,9 +1890,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz",
-      "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.1.tgz",
+      "integrity": "sha512-czw90wpQq3ZsAVBlinZjAYTKduOjTywlG7fEeWKUA7oCmpA8xdTkxZZlwNJKWqILlq0wehoZcJYfBvOyhPTQ6w==",
       "cpu": [
         "arm64"
       ],
@@ -1902,9 +1903,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz",
-      "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.1.tgz",
+      "integrity": "sha512-KVB2rqsxTHuBtfOeySEyzEOB7ltlB/ux38iu2rBQzkjbwRVlkhAGIEDiiYnO2kFOkJp+Z7pUXKyrRRFuFUKt+g==",
       "cpu": [
         "x64"
       ],
@@ -1915,9 +1916,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz",
-      "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.1.tgz",
+      "integrity": "sha512-L+34Qqil+v5uC0zEubW7uByo78WOCIrBvci69E7sFASRl0X7b/MB6Cqd1lky/CtcSVTydWa2WZwFuWexjS5o6g==",
       "cpu": [
         "arm"
       ],
@@ -1928,9 +1929,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz",
-      "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.1.tgz",
+      "integrity": "sha512-n83O8rt4v34hgFzlkb1ycniJh7IR5RCIqt6mz1VRJD6pmhRi0CXdmfnLu9dIUS6buzh60IvACM842Ffb3xd6Gg==",
       "cpu": [
         "arm"
       ],
@@ -1941,9 +1942,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz",
-      "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.1.tgz",
+      "integrity": "sha512-Nql7sTeAzhTAja3QXeAI48+/+GjBJ+QmAH13snn0AJSNL50JsDqotyudHyMbO2RbJkskbMbFJfIJKWA6R1LCJQ==",
       "cpu": [
         "arm64"
       ],
@@ -1954,9 +1955,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz",
-      "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.1.tgz",
+      "integrity": "sha512-+pUymDhd0ys9GcKZPPWlFiZ67sTWV5UU6zOJat02M1+PiuSGDziyRuI/pPue3hoUwm2uGfxdL+trT6Z9rxnlMA==",
       "cpu": [
         "arm64"
       ],
@@ -1967,9 +1968,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz",
-      "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.1.tgz",
+      "integrity": "sha512-VSvgvQeIcsEvY4bKDHEDWcpW4Yw7BtlKG1GUT4FzBUlEKQK0rWHYBqQt6Fm2taXS+1bXvJT6kICu5ZwqKCnvlQ==",
       "cpu": [
         "loong64"
       ],
@@ -1980,9 +1981,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz",
-      "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.1.tgz",
+      "integrity": "sha512-4LqhUomJqwe641gsPp6xLfhqWMbQV04KtPp7/dIp0nzPxAkNY1AbwL5W0MQpcalLYk07vaW9Kp1PBhdpZYYcEw==",
       "cpu": [
         "loong64"
       ],
@@ -1993,9 +1994,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz",
-      "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.1.tgz",
+      "integrity": "sha512-tLQQ9aPvkBxOc/EUT6j3pyeMD6Hb8QF2BTBnCQWP/uu1lhc9AIrIjKnLYMEroIz/JvtGYgI9dF3AxHZNaEH0rw==",
       "cpu": [
         "ppc64"
       ],
@@ -2006,9 +2007,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz",
-      "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.1.tgz",
+      "integrity": "sha512-RMxFhJwc9fSXP6PqmAz4cbv3kAyvD1etJFjTx4ONqFP9DkTkXsAMU4v3Vyc5BgzC+anz7nS/9tp4obsKfqkDHg==",
       "cpu": [
         "ppc64"
       ],
@@ -2019,9 +2020,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz",
-      "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.1.tgz",
+      "integrity": "sha512-QKgFl+Yc1eEk6MmOBfRHYF6lTxiiiV3/z/BRrbSiW2I7AFTXoBFvdMEyglohPj//2mZS4hDOqeB0H1ACh3sBbg==",
       "cpu": [
         "riscv64"
       ],
@@ -2032,9 +2033,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz",
-      "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.1.tgz",
+      "integrity": "sha512-RAjXjP/8c6ZtzatZcA1RaQr6O1TRhzC+adn8YZDnChliZHviqIjmvFwHcxi4JKPSDAt6Uhf/7vqcBzQJy0PDJg==",
       "cpu": [
         "riscv64"
       ],
@@ -2045,9 +2046,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz",
-      "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.1.tgz",
+      "integrity": "sha512-wcuocpaOlaL1COBYiA89O6yfjlp3RwKDeTIA0hM7OpmhR1Bjo9j31G1uQVpDlTvwxGn2nQs65fBFL5UFd76FcQ==",
       "cpu": [
         "s390x"
       ],
@@ -2058,9 +2059,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
-      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.1.tgz",
+      "integrity": "sha512-77PpsFQUCOiZR9+LQEFg9GClyfkNXj1MP6wRnzYs0EeWbPcHs02AXu4xuUbM1zhwn3wqaizle3AEYg5aeoohhg==",
       "cpu": [
         "x64"
       ],
@@ -2071,9 +2072,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
-      "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.1.tgz",
+      "integrity": "sha512-5cIATbk5vynAjqqmyBjlciMJl1+R/CwX9oLk/EyiFXDWd95KpHdrOJT//rnUl4cUcskrd0jCCw3wpZnhIHdD9w==",
       "cpu": [
         "x64"
       ],
@@ -2084,9 +2085,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz",
-      "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.1.tgz",
+      "integrity": "sha512-cl0w09WsCi17mcmWqqglez9Gk8isgeWvoUZ3WiJFYSR3zjBQc2J5/ihSjpl+VLjPqjQ/1hJRcqBfLjssREQILw==",
       "cpu": [
         "x64"
       ],
@@ -2097,9 +2098,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz",
-      "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.1.tgz",
+      "integrity": "sha512-4Cv23ZrONRbNtbZa37mLSueXUCtN7MXccChtKpUnQNgF010rjrjfHx3QxkS2PI7LqGT5xXyYs1a7LbzAwT0iCA==",
       "cpu": [
         "arm64"
       ],
@@ -2110,9 +2111,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz",
-      "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.1.tgz",
+      "integrity": "sha512-i1okWYkA4FJICtr7KpYzFpRTHgy5jdDbZiWfvny21iIKky5YExiDXP+zbXzm3dUcFpkEeYNHgQ5fuG236JPq0g==",
       "cpu": [
         "arm64"
       ],
@@ -2123,9 +2124,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz",
-      "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.1.tgz",
+      "integrity": "sha512-u09m3CuwLzShA0EYKMNiFgcjjzwqtUMLmuCJLeZWjjOYA3IT2Di09KaxGBTP9xVztWyIWjVdsB2E9goMjZvTQg==",
       "cpu": [
         "ia32"
       ],
@@ -2136,9 +2137,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz",
-      "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.1.tgz",
+      "integrity": "sha512-k+600V9Zl1CM7eZxJgMyTUzmrmhB/0XZnF4pRypKAlAgxmedUA+1v9R+XOFv56W4SlHEzfeMtzujLJD22Uz5zg==",
       "cpu": [
         "x64"
       ],
@@ -2149,9 +2150,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz",
-      "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.1.tgz",
+      "integrity": "sha512-lWMnixq/QzxyhTV6NjQJ4SFo1J6PvOX8vUx5Wb4bBPsEb+8xZ89Bz6kOXpfXj9ak9AHTQVQzlgzBEc1SyM27xQ==",
       "cpu": [
         "x64"
       ],
@@ -2262,9 +2263,9 @@
       }
     },
     "node_modules/@types/debug": {
-      "version": "4.1.12",
-      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
-      "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.13.tgz",
+      "integrity": "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==",
       "license": "MIT",
       "dependencies": {
         "@types/ms": "*"
@@ -2301,9 +2302,9 @@
       "license": "MIT"
     },
     "node_modules/@types/mssql": {
-      "version": "9.1.9",
-      "resolved": "https://registry.npmjs.org/@types/mssql/-/mssql-9.1.9.tgz",
-      "integrity": "sha512-P0nCgw6vzY23UxZMnbI4N7fnLGANt4LI4yvxze1paPj+LuN28cFv5EI+QidP8udnId/BKhkcRhm/BleNsjK65A==",
+      "version": "9.1.11",
+      "resolved": "https://registry.npmjs.org/@types/mssql/-/mssql-9.1.11.tgz",
+      "integrity": "sha512-vcujgrDbDezCxNDO4KY6gjwduLYOKfrexpRUwhoysRvcXZ3+IgZ/PMYFDgh8c3cQIxZ6skAwYo+H6ibMrBWPjQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -2322,18 +2323,18 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "25.4.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.4.0.tgz",
-      "integrity": "sha512-9wLpoeWuBlcbBpOY3XmzSTG3oscB6xjBEEtn+pYXTfhyXhIxC5FsBer2KTopBlvKEiW9l13po9fq+SJY/5lkhw==",
+      "version": "25.5.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.5.2.tgz",
+      "integrity": "sha512-tO4ZIRKNC+MDWV4qKVZe3Ql/woTnmHDr5JD8UI5hn2pwBrHEwOEMZK7WlNb5RKB6EoJ02gwmQS9OrjuFnZYdpg==",
       "license": "MIT",
       "dependencies": {
         "undici-types": "~7.18.0"
       }
     },
     "node_modules/@types/pg": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@types/pg/-/pg-8.18.0.tgz",
-      "integrity": "sha512-gT+oueVQkqnj6ajGJXblFR4iavIXWsGAFCk3dP4Kki5+a9R4NMt0JARdk6s8cUKcfUoqP5dAtDSLU8xYUTFV+Q==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/@types/pg/-/pg-8.20.0.tgz",
+      "integrity": "sha512-bEPFOaMAHTEP1EzpvHTbmwR8UsFyHSKsRisLIHVMXnpNefSbGA1bD6CVy+qKjGSqmZqNqBDV2azOBo8TgkcVow==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
@@ -2359,9 +2360,9 @@
       "license": "MIT"
     },
     "node_modules/@typespec/ts-http-runtime": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@typespec/ts-http-runtime/-/ts-http-runtime-0.3.4.tgz",
-      "integrity": "sha512-CI0NhTrz4EBaa0U+HaaUZrJhPoso8sG7ZFya8uQoBA57fjzrjRSv87ekCjLZOFExN+gXE/z0xuN2QfH4H2HrLQ==",
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@typespec/ts-http-runtime/-/ts-http-runtime-0.3.5.tgz",
+      "integrity": "sha512-yURCknZhvywvQItHMMmFSo+fq5arCUIyz/CVk7jD89MSai7dkaX8ufjCWp3NttLojoTVbcE72ri+be/TnEbMHw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -2502,9 +2503,9 @@
       }
     },
     "node_modules/anymatch/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -2631,9 +2632,9 @@
       "license": "MIT"
     },
     "node_modules/axios": {
-      "version": "1.13.6",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.6.tgz",
-      "integrity": "sha512-ChTCHMouEe2kn713WHbQGcuYrr6fXTBiu460OTwWrWob16g1bXn4vtz07Ope7ewMozJAnEquLk5lWQWtBig9DQ==",
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.5.tgz",
+      "integrity": "sha512-cz4ur7Vb0xS4/KUN0tPWe44eqxrIu31me+fbang3ijiNscE129POzipJJA6zniq2C/Z6sJCjMimjS8Lc/GAs8Q==",
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.11",
@@ -2986,9 +2987,9 @@
       }
     },
     "node_modules/cookie-es": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/cookie-es/-/cookie-es-1.2.2.tgz",
-      "integrity": "sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/cookie-es/-/cookie-es-1.2.3.tgz",
+      "integrity": "sha512-lXVyvUvrNXblMqzIRrxHb57UUVmqsSWlxqt3XIjCkUP0wDAf6uicO6KMbEgYrMNtEvWgWHwe42CKxPu9MYAnWw==",
       "license": "MIT"
     },
     "node_modules/crossws": {
@@ -3093,36 +3094,36 @@
       "license": "MIT"
     },
     "node_modules/csv": {
-      "version": "6.4.1",
-      "resolved": "https://registry.npmjs.org/csv/-/csv-6.4.1.tgz",
-      "integrity": "sha512-ajGosmTGnTwYyGl8STqZDu7R6LkDf3xL39XiOmliV/GufQeVUxHzTKIm4NOBCwmEuujK7B6isxs4Uqt9GcRCvA==",
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/csv/-/csv-6.5.1.tgz",
+      "integrity": "sha512-oZwQSayvtn3nGrLUl8epnbfSCsvhOmCKeMHEOVmZ/3YCTG+x26nhgrP1vB3Kjs4lUJF6jcsjjIEn2gYbbq5+Gw==",
       "license": "MIT",
       "dependencies": {
-        "csv-generate": "^4.5.0",
-        "csv-parse": "^6.1.0",
-        "csv-stringify": "^6.6.0",
-        "stream-transform": "^3.4.0"
+        "csv-generate": "^4.5.1",
+        "csv-parse": "^6.2.1",
+        "csv-stringify": "^6.7.0",
+        "stream-transform": "^3.4.1"
       },
       "engines": {
         "node": ">= 0.1.90"
       }
     },
     "node_modules/csv-generate": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/csv-generate/-/csv-generate-4.5.0.tgz",
-      "integrity": "sha512-aQr/vmOKyBSBHNwYhAoXw1+kUsPnMSwmYgpNoo36rIXoG1ecWILnvPGZeQ6oUjzrWknZAD3+jfpqYOBAl4x15A==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/csv-generate/-/csv-generate-4.5.1.tgz",
+      "integrity": "sha512-nWVtFBfyK+YX1fHtKkMqzULc6sH5ise6baD64SmYTq3GEDSErVZ5xzyMa0hNP/a9PGJTTTyQTU69xpjcuCx2IA==",
       "license": "MIT"
     },
     "node_modules/csv-parse": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/csv-parse/-/csv-parse-6.1.0.tgz",
-      "integrity": "sha512-CEE+jwpgLn+MmtCpVcPtiCZpVtB6Z2OKPTr34pycYYoL7sxdOkXDdQ4lRiw6ioC0q6BLqhc6cKweCVvral8yhw==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/csv-parse/-/csv-parse-6.2.1.tgz",
+      "integrity": "sha512-LRLMV+UCyfMokp8Wb411duBf1gaBKJfOfBWU9eHMJ+b+cJYZsNu3AFmjJf3+yPGd59Exz1TsMjaSFyxnYB9+IQ==",
       "license": "MIT"
     },
     "node_modules/csv-stringify": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/csv-stringify/-/csv-stringify-6.6.0.tgz",
-      "integrity": "sha512-YW32lKOmIBgbxtu3g5SaiqWNwa/9ISQt2EcgOq0+RAIFufFp9is6tqNnKahqE5kuKvrnYAzs28r+s6pXJR8Vcw==",
+      "version": "6.7.0",
+      "resolved": "https://registry.npmjs.org/csv-stringify/-/csv-stringify-6.7.0.tgz",
+      "integrity": "sha512-UdtziYp5HuTz7e5j8Nvq+a/3HQo+2/aJZ9xntNTpmRRIg/3YYqDVgiS9fvAhtNbnyfbv2ZBe0bqCHqzhE7FqWQ==",
       "license": "MIT"
     },
     "node_modules/debug": {
@@ -3199,9 +3200,9 @@
       }
     },
     "node_modules/defu": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
-      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+      "version": "6.1.7",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.7.tgz",
+      "integrity": "sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==",
       "license": "MIT"
     },
     "node_modules/delayed-stream": {
@@ -3260,9 +3261,9 @@
       }
     },
     "node_modules/devalue": {
-      "version": "5.6.3",
-      "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.6.3.tgz",
-      "integrity": "sha512-nc7XjUU/2Lb+SvEFVGcWLiKkzfw8+qHI7zn8WYXKkLMgfGSHbgCEaR6bJpev8Cm6Rmrb19Gfd/tZvGqx9is3wg==",
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.7.1.tgz",
+      "integrity": "sha512-MUbZ586EgQqdRnC4yDrlod3BEdyvE4TapGYHMW2CiaW+KkkFmWEFqBUaLltEZCGi0iFXCEjRF0OjF0DV2QHjOA==",
       "license": "MIT"
     },
     "node_modules/devlop": {
@@ -3279,9 +3280,9 @@
       }
     },
     "node_modules/diff": {
-      "version": "8.0.3",
-      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.3.tgz",
-      "integrity": "sha512-qejHi7bcSD4hQAZE0tNAawRK1ZtafHDmMTMkrrIGgSLl7hTnQHmKCeB45xAcbfTqK2zowkM3j3bHt/4b/ARbYQ==",
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.4.tgz",
+      "integrity": "sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.3.1"
@@ -3361,9 +3362,9 @@
       }
     },
     "node_modules/dotenv": {
-      "version": "17.3.1",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.3.1.tgz",
-      "integrity": "sha512-IO8C/dzEb6O3F9/twg6ZLXz164a2fhTnEWb95H23Dm4OuN+92NmEAlTrupP9VW6Jm3sO26tQlqyvyi4CsnY9GA==",
+      "version": "17.4.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.4.1.tgz",
+      "integrity": "sha512-k8DaKGP6r1G30Lx8V4+pCsLzKr8vLmV2paqEj1Y55GdAgJuIqpRp5FfajGF8KtwMxCz9qJc6wUIJnm053d/WCw==",
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=12"
@@ -4133,9 +4134,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.3.tgz",
-      "integrity": "sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==",
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz",
+      "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==",
       "hasInstallScript": true,
       "license": "MIT",
       "bin": {
@@ -4145,32 +4146,32 @@
         "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.27.3",
-        "@esbuild/android-arm": "0.27.3",
-        "@esbuild/android-arm64": "0.27.3",
-        "@esbuild/android-x64": "0.27.3",
-        "@esbuild/darwin-arm64": "0.27.3",
-        "@esbuild/darwin-x64": "0.27.3",
-        "@esbuild/freebsd-arm64": "0.27.3",
-        "@esbuild/freebsd-x64": "0.27.3",
-        "@esbuild/linux-arm": "0.27.3",
-        "@esbuild/linux-arm64": "0.27.3",
-        "@esbuild/linux-ia32": "0.27.3",
-        "@esbuild/linux-loong64": "0.27.3",
-        "@esbuild/linux-mips64el": "0.27.3",
-        "@esbuild/linux-ppc64": "0.27.3",
-        "@esbuild/linux-riscv64": "0.27.3",
-        "@esbuild/linux-s390x": "0.27.3",
-        "@esbuild/linux-x64": "0.27.3",
-        "@esbuild/netbsd-arm64": "0.27.3",
-        "@esbuild/netbsd-x64": "0.27.3",
-        "@esbuild/openbsd-arm64": "0.27.3",
-        "@esbuild/openbsd-x64": "0.27.3",
-        "@esbuild/openharmony-arm64": "0.27.3",
-        "@esbuild/sunos-x64": "0.27.3",
-        "@esbuild/win32-arm64": "0.27.3",
-        "@esbuild/win32-ia32": "0.27.3",
-        "@esbuild/win32-x64": "0.27.3"
+        "@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"
       }
     },
     "node_modules/escape-html": {
@@ -4433,9 +4434,9 @@
       }
     },
     "node_modules/get-tsconfig": {
-      "version": "4.13.6",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.6.tgz",
-      "integrity": "sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==",
+      "version": "4.13.7",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.7.tgz",
+      "integrity": "sha512-7tN6rFgBlMgpBML5j8typ92BKFi2sFQvIdpAqLA2beia5avZDrMs0FLZiM5etShWq5irVyGcGMEA1jcDaK7A/Q==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
@@ -4470,14 +4471,14 @@
       }
     },
     "node_modules/h3": {
-      "version": "1.15.6",
-      "resolved": "https://registry.npmjs.org/h3/-/h3-1.15.6.tgz",
-      "integrity": "sha512-oi15ESLW5LRthZ+qPCi5GNasY/gvynSKUQxgiovrY63bPAtG59wtM+LSrlcwvOHAXzGrXVLnI97brbkdPF9WoQ==",
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/h3/-/h3-1.15.11.tgz",
+      "integrity": "sha512-L3THSe2MPeBwgIZVSH5zLdBBU90TOxarvhK9d04IDY2AmVS8j2Jz2LIWtwsGOU3lu2I5jCN7FNvVfY2+XyF+mg==",
       "license": "MIT",
       "dependencies": {
-        "cookie-es": "^1.2.2",
+        "cookie-es": "^1.2.3",
         "crossws": "^0.3.5",
-        "defu": "^6.1.4",
+        "defu": "^6.1.6",
         "destr": "^2.0.5",
         "iron-webcrypto": "^1.2.1",
         "node-mock-http": "^1.0.4",
@@ -5096,9 +5097,9 @@
       }
     },
     "node_modules/lru-cache": {
-      "version": "11.2.6",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
-      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
+      "version": "11.3.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.3.tgz",
+      "integrity": "sha512-JvNw9Y81y33E+BEYPr0U7omo+U9AySnsMsEiXgwT6yqd31VQWTLNQqmT4ou5eqPFUrTfIDFta2wKhB1hyohtAQ==",
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": "20 || >=22"
@@ -6171,13 +6172,13 @@
       "license": "MIT"
     },
     "node_modules/oniguruma-to-es": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-4.3.4.tgz",
-      "integrity": "sha512-3VhUGN3w2eYxnTzHn+ikMI+fp/96KoRSVK9/kMTcFqj1NRDh2IhQCKvYxDnWePKRXY/AqH+Fuiyb7VHSzBjHfA==",
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-4.3.5.tgz",
+      "integrity": "sha512-Zjygswjpsewa0NLTsiizVuMQZbp0MDyM6lIt66OxsF21npUDlzpHi1Mgb/qhQdkb+dWFTzJmFbEWdvZgRho8eQ==",
       "license": "MIT",
       "dependencies": {
         "oniguruma-parser": "^0.12.1",
-        "regex": "^6.0.1",
+        "regex": "^6.1.0",
         "regex-recursion": "^6.0.2"
       }
     },
@@ -6381,9 +6382,9 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -6393,9 +6394,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.8",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
-      "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
+      "version": "8.5.9",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.9.tgz",
+      "integrity": "sha512-7a70Nsot+EMX9fFU3064K/kdHWZqGVY+BADLyXc8Dfv+mTLLVl6JzJpPaCZ2kQL9gIJvKXSLMHhqdRRjwQeFtw==",
       "funding": [
         {
           "type": "opencollective",
@@ -6541,9 +6542,9 @@
       }
     },
     "node_modules/react": {
-      "version": "19.2.4",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
-      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
+      "version": "19.2.5",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.5.tgz",
+      "integrity": "sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA==",
       "license": "MIT",
       "peer": true,
       "engines": {
@@ -6825,9 +6826,9 @@
       "peer": true
     },
     "node_modules/rollup": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
-      "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.1.tgz",
+      "integrity": "sha512-VmtB2rFU/GroZ4oL8+ZqXgSA38O6GR8KSIvWmEFv63pQ0G6KaBH9s07PO8XTXP4vI+3UJUEypOfjkGfmSBBR0w==",
       "license": "MIT",
       "dependencies": {
         "@types/estree": "1.0.8"
@@ -6840,31 +6841,31 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.59.0",
-        "@rollup/rollup-android-arm64": "4.59.0",
-        "@rollup/rollup-darwin-arm64": "4.59.0",
-        "@rollup/rollup-darwin-x64": "4.59.0",
-        "@rollup/rollup-freebsd-arm64": "4.59.0",
-        "@rollup/rollup-freebsd-x64": "4.59.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.59.0",
-        "@rollup/rollup-linux-arm-musleabihf": "4.59.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.59.0",
-        "@rollup/rollup-linux-arm64-musl": "4.59.0",
-        "@rollup/rollup-linux-loong64-gnu": "4.59.0",
-        "@rollup/rollup-linux-loong64-musl": "4.59.0",
-        "@rollup/rollup-linux-ppc64-gnu": "4.59.0",
-        "@rollup/rollup-linux-ppc64-musl": "4.59.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.59.0",
-        "@rollup/rollup-linux-riscv64-musl": "4.59.0",
-        "@rollup/rollup-linux-s390x-gnu": "4.59.0",
-        "@rollup/rollup-linux-x64-gnu": "4.59.0",
-        "@rollup/rollup-linux-x64-musl": "4.59.0",
-        "@rollup/rollup-openbsd-x64": "4.59.0",
-        "@rollup/rollup-openharmony-arm64": "4.59.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.59.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.59.0",
-        "@rollup/rollup-win32-x64-gnu": "4.59.0",
-        "@rollup/rollup-win32-x64-msvc": "4.59.0",
+        "@rollup/rollup-android-arm-eabi": "4.60.1",
+        "@rollup/rollup-android-arm64": "4.60.1",
+        "@rollup/rollup-darwin-arm64": "4.60.1",
+        "@rollup/rollup-darwin-x64": "4.60.1",
+        "@rollup/rollup-freebsd-arm64": "4.60.1",
+        "@rollup/rollup-freebsd-x64": "4.60.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.60.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.60.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.60.1",
+        "@rollup/rollup-linux-arm64-musl": "4.60.1",
+        "@rollup/rollup-linux-loong64-gnu": "4.60.1",
+        "@rollup/rollup-linux-loong64-musl": "4.60.1",
+        "@rollup/rollup-linux-ppc64-gnu": "4.60.1",
+        "@rollup/rollup-linux-ppc64-musl": "4.60.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.60.1",
+        "@rollup/rollup-linux-riscv64-musl": "4.60.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.60.1",
+        "@rollup/rollup-linux-x64-gnu": "4.60.1",
+        "@rollup/rollup-linux-x64-musl": "4.60.1",
+        "@rollup/rollup-openbsd-x64": "4.60.1",
+        "@rollup/rollup-openharmony-arm64": "4.60.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.60.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.60.1",
+        "@rollup/rollup-win32-x64-gnu": "4.60.1",
+        "@rollup/rollup-win32-x64-msvc": "4.60.1",
         "fsevents": "~2.3.2"
       }
     },
@@ -6910,9 +6911,9 @@
       "peer": true
     },
     "node_modules/sass": {
-      "version": "1.98.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.98.0.tgz",
-      "integrity": "sha512-+4N/u9dZ4PrgzGgPlKnaaRQx64RO0JBKs9sDhQ2pLgN6JQZ25uPQZKQYaBJU48Kd5BxgXoJ4e09Dq7nMcOUW3A==",
+      "version": "1.99.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.99.0.tgz",
+      "integrity": "sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==",
       "license": "MIT",
       "dependencies": {
         "chokidar": "^4.0.0",
@@ -6930,9 +6931,9 @@
       }
     },
     "node_modules/sax": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.5.0.tgz",
-      "integrity": "sha512-21IYA3Q5cQf089Z6tgaUTr7lDAyzoTPx5HRtbhsME8Udispad8dC/+sziTNugOEx54ilvatQ9YCzl4KQLPcRHA==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.0.tgz",
+      "integrity": "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==",
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": ">=11.0.0"
@@ -7056,9 +7057,9 @@
       "license": "MIT"
     },
     "node_modules/smol-toml": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.6.0.tgz",
-      "integrity": "sha512-4zemZi0HvTnYwLfrpk/CF9LOd9Lt87kAt50GnqhMpyF9U3poDAP2+iukq2bZsO/ufegbYehBkqINbsWxj4l4cw==",
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.6.1.tgz",
+      "integrity": "sha512-dWUG8F5sIIARXih1DTaQAX4SsiTXhInKf1buxdY9DIg4ZYPZK5nGM1VRIYmEbDbsHt7USo99xSLFu5Q1IqTmsg==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">= 18"
@@ -7128,9 +7129,9 @@
       "license": "MIT"
     },
     "node_modules/stream-transform": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/stream-transform/-/stream-transform-3.4.0.tgz",
-      "integrity": "sha512-QO3OGhKyeIV8p6eRQdG+W6WounFw519zk690hHCNfhgfP9bylVS+NTXsuBc7n+RsGn31UgFPGrWYIgoAbArKEw==",
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/stream-transform/-/stream-transform-3.4.1.tgz",
+      "integrity": "sha512-4P7GsGr95QaRsN09ws40kVdaR6VAeeJtprKVQPOnRp9rOuuW8kzONeYbhikCrbg2RSsHqfIJOnAf+RMNZcKOFQ==",
       "license": "MIT"
     },
     "node_modules/string_decoder": {
@@ -7266,22 +7267,22 @@
       "license": "MIT"
     },
     "node_modules/tinyexec": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.2.tgz",
-      "integrity": "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.1.1.tgz",
+      "integrity": "sha512-VKS/ZaQhhkKFMANmAOhhXVoIfBXblQxGX1myCQ2faQrfmobMftXeJPcZGp0gS07ocvGJWDLZGyOZDadDBqYIJg==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
+        "picomatch": "^4.0.4"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -7391,12 +7392,12 @@
       }
     },
     "node_modules/typesense": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/typesense/-/typesense-3.0.2.tgz",
-      "integrity": "sha512-MNspMeIdhcyH0lDVwJX2rVBB3DSXbE1t3k318JC1e1AL1/sRyovi44Aze7n9JzRxnAoFnlhkIB3kWgWGIEozbQ==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/typesense/-/typesense-3.0.5.tgz",
+      "integrity": "sha512-Pw/yWosbqEOFMM/wQDsnS8FA6r3Qp5ilxuqZTMBoUc95SGCEBflMd39kvDEZZFoTORzNDxCLiiQ+LfYJTl1ulQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "axios": "^1.13.5",
+        "axios": "1.13.5",
         "loglevel": "^1.9.2",
         "tslib": "^2.8.1"
       },
@@ -7585,16 +7586,16 @@
       }
     },
     "node_modules/unstorage": {
-      "version": "1.17.4",
-      "resolved": "https://registry.npmjs.org/unstorage/-/unstorage-1.17.4.tgz",
-      "integrity": "sha512-fHK0yNg38tBiJKp/Vgsq4j0JEsCmgqH58HAn707S7zGkArbZsVr/CwINoi+nh3h98BRCwKvx1K3Xg9u3VV83sw==",
+      "version": "1.17.5",
+      "resolved": "https://registry.npmjs.org/unstorage/-/unstorage-1.17.5.tgz",
+      "integrity": "sha512-0i3iqvRfx29hkNntHyQvJTpf5W9dQ9ZadSoRU8+xVlhVtT7jAX57fazYO9EHvcRCfBCyi5YRya7XCDOsbTgkPg==",
       "license": "MIT",
       "dependencies": {
         "anymatch": "^3.1.3",
         "chokidar": "^5.0.0",
         "destr": "^2.0.5",
-        "h3": "^1.15.5",
-        "lru-cache": "^11.2.0",
+        "h3": "^1.15.10",
+        "lru-cache": "^11.2.7",
         "node-fetch-native": "^1.6.7",
         "ofetch": "^1.5.1",
         "ufo": "^1.6.3"
@@ -7770,9 +7771,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "6.4.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
-      "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.2.tgz",
+      "integrity": "sha512-2N/55r4JDJ4gdrCvGgINMy+HH3iRpNIz8K6SFwVsA+JbQScLiC+clmAxBgwiSPgcG9U15QmvqCGWzMbqda5zGQ==",
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.25.0",
@@ -8301,9 +8302,9 @@
       }
     },
     "node_modules/vitefu": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-1.1.2.tgz",
-      "integrity": "sha512-zpKATdUbzbsycPFBN71nS2uzBUQiVnFoOrr2rvqv34S1lcAgMKKkjWleLGeiJlZ8lwCXvtWaRn7R3ZC16SYRuw==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-1.1.3.tgz",
+      "integrity": "sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg==",
       "license": "MIT",
       "workspaces": [
         "tests/deps/*",
@@ -8311,7 +8312,7 @@
         "tests/projects/workspace/packages/*"
       ],
       "peerDependencies": {
-        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-beta.0"
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
       },
       "peerDependenciesMeta": {
         "vite": {
@@ -8459,12 +8460,12 @@
       }
     },
     "node_modules/zod-to-json-schema": {
-      "version": "3.25.1",
-      "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.25.1.tgz",
-      "integrity": "sha512-pM/SU9d3YAggzi6MtR4h7ruuQlqKtad8e9S0fmxcMi+ueAK5Korys/aWcV9LIIHTVbj01NdzxcnXSN+O74ZIVA==",
+      "version": "3.25.2",
+      "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.25.2.tgz",
+      "integrity": "sha512-O/PgfnpT1xKSDeQYSCfRI5Gy3hPf91mKVDuYLUHZJMiDFptvP41MSnWofm8dnCm0256ZNfZIM7DSzuSMAFnjHA==",
       "license": "ISC",
       "peerDependencies": {
-        "zod": "^3.25 || ^4"
+        "zod": "^3.25.28 || ^4"
       }
     },
     "node_modules/zod-to-ts": {
diff --git a/package.json b/package.json
index 4178539..4661872 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@clerk/astro": "^3.0.1",
     "@clerk/shared": "^4.0.0",
     "@clerk/themes": "^2.4.55",
+    "@popperjs/core": "^2.11.8",
     "astro": "^5.17.1",
     "bootstrap": "^5.3.8",
     "chalk": "^5.6.2",
diff --git a/scripts/diagnose-join.ts b/scripts/diagnose-join.ts
new file mode 100644
index 0000000..446a92e
--- /dev/null
+++ b/scripts/diagnose-join.ts
@@ -0,0 +1,33 @@
+import 'dotenv/config';
+import chalk from 'chalk';
+import util from 'node:util';
+import { client } from '../src/db/typesense.ts';
+
+const variants = [
+    '$skus(*, $cards(*))',
+    '$skus(*,$cards(*))',
+    '$skus(*, card_id, $cards(*))',
+    '$skus(*, $cards(*, strategy:nest))',
+    '$skus(*, $cards(*, strategy:merge))',
+];
+
+const debug = await client.debug.retrieve();
+console.log(chalk.cyan(`Typesense server version: ${debug.version}`));
+console.log();
+
+for (const include of variants) {
+    console.log(chalk.yellow(`include_fields: ${include}`));
+    try {
+        const res: any = await client.collections('inventories').documents().search({
+            q: '*',
+            query_by: 'content',
+            per_page: 1,
+            include_fields: include,
+        });
+        const doc = res.hits?.[0]?.document;
+        console.log(util.inspect(doc, { depth: null, colors: false }));
+    } catch (err: any) {
+        console.log(chalk.red(`  ERROR: ${err.message ?? err}`));
+    }
+    console.log();
+}
diff --git a/scripts/pokemon-helper.ts b/scripts/pokemon-helper.ts
index f2c94f6..1943f38 100644
--- a/scripts/pokemon-helper.ts
+++ b/scripts/pokemon-helper.ts
@@ -4,6 +4,8 @@ import type { DBInstance } from '../src/db/index.ts';
 import fs from "node:fs/promises";
 import { sql } from 'drizzle-orm'
 
+import * as util from 'util';
+
 
 const DollarToInt = (dollar: any) => {
     if (dollar === null) return null;
@@ -63,7 +65,7 @@ export const createCardCollection = async () => {
             { name: 'releaseDate', type: 'int32' },
             { name: 'marketPrice', type: 'int32', optional: true, sort: true },
             { name: 'content', type: 'string', token_separators: ['/'] },
-            { name: 'sku_id', type: 'string[]', optional: true, reference: 'skus.id', async_reference: true }
+            // { name: 'sku_id', type: 'string[]', optional: true, reference: 'skus.id', async_reference: true }
         ],
     });
     console.log(chalk.green('Collection "cards" created successfully.'));
@@ -84,11 +86,40 @@ export const createSkuCollection = async () => {
             { name: 'highestPrice', type: 'int32', optional: true },
             { name: 'lowestPrice', type: 'int32', optional: true },
             { name: 'marketPrice', type: 'int32', optional: true },
+            { name: 'card_id', type: 'string', reference: 'cards.id', async_reference: true },
         ]
     });
     console.log(chalk.green('Collection "skus" created successfully.'));
 }
 
+// Delete and recreate the 'inventory' index
+export const createInventoryCollection = async () => {
+    try {
+        await client.collections('inventories').delete();
+    } catch (error) {
+        // Ignore error, just means collection doesn't exist
+    }
+    await client.collections().create({
+        name: 'inventories',
+        fields: [
+            { name: 'id', type: 'string' },
+            { name: 'userId', type: 'string' },
+            { name: 'catalogName', type: 'string' },
+            { name: 'card_id', type: 'string', reference: 'cards.id', async_reference: true },
+            { name: 'sku_id', type: 'string', reference: 'skus.id', async_reference: true },
+            { name: 'purchasePrice', type: 'int32', optional: true },
+            // content,setName,productLineName,rarityName,energyType,cardType from cards for searching
+            { name: 'content', type: 'string', token_separators: ['/'] },
+            { name: 'setName', type: 'string' },
+            { name: 'productLineName', type: 'string' },
+            { name: 'rarityName', type: 'string' },
+            { name: 'energyType', type: 'string' },
+            { name: 'cardType', type: 'string' },
+        ]
+    });
+    console.log(chalk.green('Collection "inventories" created successfully.'));
+}
+
 
 export const upsertCardCollection = async (db:DBInstance) => {
     const pokemon = await db.query.cards.findMany({
@@ -123,7 +154,7 @@ export const upsertCardCollection = async (db:DBInstance) => {
             content: [card.productName, card.productLineName, card.set?.setName || "", card.set?.setCode || "", card.number, card.rarityName, card.artist || ""].join(' '),
             releaseDate: card.tcgdata?.releaseDate ? Math.floor(new Date(card.tcgdata.releaseDate).getTime() / 1000) : 0,
             ...(marketPrice !== null && { marketPrice }),
-            sku_id: card.prices.map(price => price.skuId.toString())
+            // sku_id: card.prices.map(price => price.skuId.toString())
         };
     }), { action: 'upsert' });
     console.log(chalk.green('Collection "cards" indexed successfully.'));
@@ -137,10 +168,39 @@ export const upsertSkuCollection = async (db:DBInstance) => {
         highestPrice: DollarToInt(sku.highestPrice),
         lowestPrice: DollarToInt(sku.lowestPrice),
         marketPrice: DollarToInt(sku.marketPrice),
-    })), { action: 'upsert' });
+        card_id: sku.cardId.toString(),
+    })), { action: 'upsert' }); 
     console.log(chalk.green('Collection "skus" indexed successfully.'));
 }
 
+export const upsertInventoryCollection = async (db:DBInstance) => {
+    const inv = await db.query.inventory.findMany({
+        with: { sku: { with: { card: { with: { set: true } } } } }
+    });
+    await client.collections('inventories').documents().import(inv.map(i => ({
+        id: i.inventoryId,
+        userId: i.userId,
+        catalogName: i.catalogName,
+        card_id: i.sku?.cardId.toString(),
+        sku_id: i.skuId.toString(),
+        purchasePrice: DollarToInt(i.purchasePrice),
+        productLineName: i.sku?.card?.productLineName,
+        rarityName: i.sku?.card?.rarityName,
+        setName: i.sku?.card?.set?.setName || "",
+        cardType: i.sku?.card?.cardType || "",
+        energyType: i.sku?.card?.energyType || "",
+        content: [
+            i.sku?.card?.productName, 
+            i.sku?.card?.productLineName, 
+            i.sku?.card?.set?.setName || "", 
+            i.sku?.card?.number, 
+            i.sku?.card?.rarityName, 
+            i.sku?.card?.artist || ""
+        ].join(' '),
+    })), { action: 'upsert' });
+    console.log(chalk.green('Collection "inventories" indexed successfully.'));
+}
+
 
 
 
@@ -184,4 +244,7 @@ where not exists (select 1 from cards where product_id=t.product_id and variant=
 `);
     console.log(`Inserted ${inserts.rowCount} rows into cards table`);
 
+    const skuUpdates = await db.execute(sql`update skus s set card_id = c.card_id from cards c where s.product_id = c.product_id and s.variant = c.variant and s.card_id is distinct from c.card_id`);
+    console.log(`Updated ${skuUpdates.rowCount} rows in skus table`);
+
 }
diff --git a/scripts/preload-tcgplayer.ts b/scripts/preload-tcgplayer.ts
index 96b4db3..6a5fec4 100644
--- a/scripts/preload-tcgplayer.ts
+++ b/scripts/preload-tcgplayer.ts
@@ -204,9 +204,9 @@ async function syncProductLine(productLine: string, field: string, fieldValue: s
         },
       });
 
-      console.log(`item: ${item.setId}\tdetail: ${detailData.setId}`);
-      console.log(`item: ${item.setCode}\tdetail: ${detailData.setCode}`);
-      console.log(`item: ${item.setName}\tdetail: ${detailData.setName}`);
+      // console.log(`item: ${item.setId}\tdetail: ${detailData.setId}`);
+      // console.log(`item: ${item.setCode}\tdetail: ${detailData.setCode}`);
+      // console.log(`item: ${item.setName}\tdetail: ${detailData.setName}`);
       // set is...
       await db.insert(schema.sets).values({
         setId: detailData.setId,
diff --git a/scripts/reindex.ts b/scripts/reindex.ts
index 7a93288..22fc3ab 100644
--- a/scripts/reindex.ts
+++ b/scripts/reindex.ts
@@ -3,9 +3,12 @@ import { db, ClosePool } from '../src/db/index.ts';
 import * as Indexing from './pokemon-helper.ts';
 
 
-//await Indexing.createCardCollection();
-//await Indexing.createSkuCollection();
-await Indexing.upsertCardCollection(db);
+// await Indexing.createCardCollection();
+await Indexing.createSkuCollection();
+await Indexing.createInventoryCollection();
+
+// await Indexing.upsertCardCollection(db);
 await Indexing.upsertSkuCollection(db);
+await Indexing.upsertInventoryCollection(db);
 await ClosePool();
 console.log(chalk.green('Pokémon reindex complete.'));
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index a7a80f4..ee8ded4 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -32,44 +32,33 @@ $container-max-widths: (
 :root {
   --total: 11;
   --radius: 40px;
+  --snow: hsl(13, 60%, 97%);
+  --lilac: hsl(262, 47%, 63%);
+  --purple: hsl(262, 47%, 45%);
+  --mauve: hsl(262, 80%, 82%);
+  --orchid: hsl(291, 47%, 60%);
+  --ice: hsl(160, 24%, 85%);
+  --hero-bg: hsl(258, 30%, 10%);
+  --edit: hsl(45, 100%, 71%);
+  --gold: hsl(45, 94%, 21%);
+  --delete: hsl(354, 71%, 63%);
+  --dark-red: hsl(354, 61%, 21%);
 }
 
 html {
   scroll-behavior: smooth;
 }
 
-/* --------------------------------------------------
-   View Transitions
--------------------------------------------------- */
-@view-transition {
-  navigation: auto;
-}
-
-::view-transition-group(card-image) {
-  animation-duration: 300ms;
-  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-::view-transition-old(card-image),
-::view-transition-new(card-image) {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-/* Optional: fade everything else */
-::view-transition-old(root),
-::view-transition-new(root) {
-  animation-duration: 150ms;
-}
-
 /* --------------------------------------------------
    Layout
 -------------------------------------------------- */
+body {
+  min-height: 100dvh;
+}
+
 .wrapper {
   display: flex;
   flex-direction: column;
-  min-height: 100dvh !important;
 }
 
 .main {
@@ -81,40 +70,71 @@ html {
 }
 
 /* --------------------------------------------------
-   Energy Wheel
+   Typography
 -------------------------------------------------- */
-.energy-wheel {
-  position: relative;
-  width: calc(var(--radius) * 2);
-  height: calc(var(--radius) * 2);
-  margin: 5px 0 10px;
+.copy-small {
+  font-size: 0.75rem;
+  opacity: 0.87;
+
+  @media (min-width: 768px) { font-size: 0.85rem; }
+  @media (min-width: 1400px) { font-size: 1rem; }
 }
 
-.energy-wheel-item {
-  position: absolute;
-  width: 25px;
-  height: 25px;
-  top: 50%;
-  left: 50%;
-  --angle: calc(360deg / var(--total) * var(--i));
-  transform: rotate(var(--angle)) translateX(var(--radius)) rotate(calc(-1 * var(--angle)));
+.eyebrow {
+  font-size: 0.8rem;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
 
-  &:first-of-type {
-    z-index: 100;
-  }
+.fs-7 { font-size: 0.9rem !important; }
+.py-6 { padding-top: 5rem; padding-bottom: 5rem; }
+.hover-white:hover { color: #fff !important; }
+
+$colors: mauve, lilac, "purple", "orchid", "snow";
+@each $c in $colors {
+  .text-#{$c} { color: var(--#{$c}); }
+}
+
+.text-gradient {
+  background: linear-gradient(
+    90deg,
+    var(--mauve),
+    var(--lilac),
+    var(--purple),
+    var(--snow),
+    var(--orchid),
+    var(--ice)
+  );
+  background-size: 300% 300%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  animation: gradientShift 12s ease-in-out infinite;
+}
+
+@keyframes gradientShift {
+  0%, 100% { background-position: 0% 50%; }
+  50%       { background-position: 100% 50%; }
 }
 
 /* --------------------------------------------------
-   Navbar & Icons
+   Navbar
 -------------------------------------------------- */
 .navbar {
-  background-color: var(--bs-danger) !important;
+  background-color: rgb(126, 87, 194) !important;
+  border-bottom: #1d1f21 solid 1px;
+  z-index: 1030;
+}
+
+.navbar-toggler-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3e%3cpath fill='%23FFFAFA' d='M68.1 149.7C68.1 132 82.4 117.7 100.1 117.7C136.4 117.7 172.5 118.9 207.9 120.2C319.4 125.6 429.1 119.8 540.8 119.4C558.5 119.4 572.8 133.7 572.8 151.4C572.8 169.1 558.5 183.4 540.8 183.4C503.3 183.4 465.7 184.2 427.7 185C319 189.4 208.4 183.2 100.1 181.7C82.4 181.7 68.1 167.4 68.1 149.7zM552 348C479.7 341.2 405.9 353.8 333 353.2C254.4 353.3 174.2 342.4 96.9 347.5C79.3 348.7 64 335.3 62.9 317.7C61.8 300.1 75.1 284.8 92.7 283.7C173.8 278.2 253.1 289.1 333 289.2C408 289.4 482.4 276.8 558 284.2C575.6 285.9 588.5 301.5 586.8 319.1C585.1 336.7 569.6 349.6 552 348zM465.5 506.2C414 506.6 162.5 506.4 106.4 506.5C64.7 506.3 64.4 442.7 106.4 442.5C211 442.7 438.9 442.4 540.4 442C558.1 442 572.4 456.3 572.4 474C567.3 525.1 500.2 500.5 465.4 506.2z'/%3e%3c/svg%3e");
 }
 
 .sticky-top {
   position: sticky;
   top: 0;
-  z-index: 1000;
+  z-index: 1030;
 }
 
 .nav-icon {
@@ -131,93 +151,26 @@ html {
   }
 }
 
-/* --------------------------------------------------
-   Typography
--------------------------------------------------- */
-.copy-small {
-  font-size: 0.75rem;
-  opacity: 0.87;
+.navbar .logo-svg > svg {
+  width: 8rem;
+  transition: width 0.3s ease;
+  animation: logo-shrink linear both;
+  animation-timeline: scroll();
+  animation-range: 0px 100px;
 
-  @media (min-width: 768px) {
-    font-size: 0.85rem;
-  }
-  @media (min-width: 1400px) {
-    font-size: 1rem;
-  }
+  @media (max-width: 1024px) { width: 20vw; }
 }
 
-/* --------------------------------------------------
-   Modal & Cards
--------------------------------------------------- */
-.modal-xl {
-  @media (min-width: 768px) {
-    max-width: 95vw;
+@keyframes logo-shrink {
+  to {
+    width: 5rem;
+    @media (max-width: 1024px) { width: 10vw; }
   }
-  @media (min-width: 1400px) {
-    max-width: 85vw;
-  }
-  @media (min-width: 1921px) {
-    max-width: 75vw;
-  }
-}
-
-.image-grow {
-  transition: box-shadow 350ms ease, transform 350ms ease;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
-
-  &:hover,
-  &:focus {
-    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
-    transform: translateY(-0.9rem) scale(1.02);
-  }
-}
-
-.card-modal {
-  background-color: rgba(1, 11, 18, 0.8);
-  cursor: default;
-}
-
-.pokedex-page {
-  position: relative;
-  top: 50px;
-  z-index: 99;
-
-  @media (min-width: 768px) {
-    top: 100px !important;
-  }
-}
-
-.modal-nav-btn {
-  position: fixed;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 1060; /* above modal backdrop (1050) */
-  background: rgba(255,255,255,0.1);
-  border: 1px solid rgba(255,255,255,0.2);
-  color: white;
-  border-radius: 50%;
-  width: 48px;
-  height: 48px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: background 0.2s;
-  backdrop-filter: blur(4px);
-}
-.modal-nav-btn:hover { background: rgba(255,255,255,0.25); }
-.modal-nav-btn.d-none { display: none !important; }
-.modal-nav-prev { left: 12px; }
-.modal-nav-next { right: 12px; }
-
-@media (max-width: 768px) {
-  .modal-nav-btn { display: none !important; } /* use swipe on mobile */
 }
 
 /* --------------------------------------------------
    Navigation Tabs & Tier Colors
 -------------------------------------------------- */
-
 .nav-link {
   font-weight: 600;
   color: rgba(255, 255, 255, 0.67);
@@ -245,12 +198,12 @@ html {
 }
 
 $tiers: (
-  nm: rgba(156, 204, 102, 1),
-  lp: rgba(211, 225, 86, 1),
-  mp: rgba(255, 238, 87, 1),
-  hp: rgba(255, 201, 41, 1),
-  dmg: rgba(255, 167, 36, 1),
-  vendor: hsl(262, 47%, 55%)
+  nm:     hsla(88, 50%, 67%, 1),
+  lp:     hsla(66, 70%, 68%, 1),
+  mp:     hsla(54, 100%, 73%, 1),
+  hp:     hsla(46, 100%, 65%, 1),
+  dmg:    hsla(36, 100%, 65%, 1),
+  vendor: hsla(262, 47%, 63%, 1)
 );
 
 @each $name, $color in $tiers {
@@ -258,231 +211,73 @@ $tiers: (
     border-bottom: 3px solid $color;
 
     &:hover,
-    &:focus {
-      background-color: rgba($color, 0.67);
-    }
+    &:focus { background-color: rgba($color, 0.67); }
 
     &.active {
       background-color: $color;
       border-bottom-color: $color;
-
-      @if $name == vendor {
-        color: rgba(255, 255, 255, 0.87);
-      }
     }
   }
 
-  /* price-row alert left borders */
   .nav-#{$name} div.alert {
     border-left: 3px solid $color;
   }
 }
 
-/* --------------------------------------------------
-   Misc UI
--------------------------------------------------- */
-
-.dark-callout {
-  @media (min-width: 768px) {
-    background-color: rgba(44, 48, 59, 1);
-  }
-}
-
-.price-area {
-  max-height: 75px;
-}
-
-.card-image {
-  aspect-ratio: 23 / 32;
-  object-fit: cover;
-  z-index: 1;
-  cursor: pointer;
-}
-
-/* Icon Sizes */
-.small-icon svg { max-height: 16px; width: 100%; margin-top: -0.25rem; }
-.medium-icon svg { max-height: 32px; width: 100%; margin-left: -0.25rem; }
-
-/* Masked Image */
-.masked-image {
-  z-index: 1000;
-  opacity: 1;
-  filter: brightness(0);
-}
-
-/* Decorative Background */
-.starburst,
-.whos-that-pokemon {
-  mix-blend-mode: lighten;
-  opacity: 0.1;
-  object-fit: cover;
-}
-
-.whos-that-pokemon {
-  aspect-ratio: 1 / 1;
-}
-
-/* SVG Generic Sizes */
-.energy-icon svg,
-.rarity-icon-large svg,
-.set-icon svg,
-.edition-icon svg {
-  width: 2rem;
-  z-index: 999;
-  @media (min-width: 1024px) {
-    width: 2.5rem;
-  }
-}
-
-.rarity-icon-large svg,
-.set-icon svg {
-  margin-bottom: -0.25rem;
-}
-
-.filter-icon svg,
-.search-button {
-  width: 2rem;
-  fill: rgba(255,255,255,0.87);
-  stroke: rgba(255,255,255,0.87);
-}
-
-/* Form states */
-.form-check-input:checked {
-  background-color: var(--bs-success);
-  border-color: var(--bs-success-border-subtle);
-}
-
-.form-check-input:focus {
-  border-color: var(--bs-success);
-  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
-}
-
-/* Back to Top */
-#btn-back-to-top {
-  position: fixed;
-  bottom: 5vh;
-  right: 5vw;
-  display: none;
-  z-index: 2;
-}
-
-.top-icon svg {
-  width: 2rem;
-  height: 2rem;
-  fill: var(--bs-info-bg-subtle);
-  stroke: var(--bs-info-bg-subtle);
-}
-
-#btn-back-to-top:hover .top-icon svg {
-  fill: var(--bs-info-border-subtle);
-  stroke: var(--bs-info-border-subtle);
-}
-
-.shadow-filter {
-  filter:
-    drop-shadow(0 5px 5px rgba(0, 0, 0, 0.3))
-    drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2));
-}
-
-.tooltip.volatility-popover .tooltip-inner {
-  background: #1d1f21;
-  color: #e9ecef;
-  padding: 0.9rem 1rem;
-  border-radius: 0.6rem;
-  text-align: left;
-  max-width: 260px;
-  border: 1px solid rgba(255, 255, 255, 0.08);
-}
-
-.tooltip.volatility-popover .tooltip-arrow::before {
-  border-top-color: #1d1f21 !important;
-}
-
-/* --------------------------------------------------
-   Pricing
--------------------------------------------------- */
-
-.price-row {
-  position: relative;
-  z-index: 2;
-  margin-top: -1.25rem;
-  border-radius: 0.33rem;
-  background: linear-gradient(
-    90deg,
-    map-get($tiers, nm) 21%,
-    map-get($tiers, lp) 42%,
-    map-get($tiers, mp) 63%,
-    map-get($tiers, hp) 74%,
-    map-get($tiers, dmg) 85%
-  );
-}
-
-.inventory-button {
-  width: 40px;
-  height: 40px;
-  margin-bottom: -2rem;
-  margin-right: -0.25rem;
-  border-radius: 0.33rem;
-  background-color: hsl(262, 47%, 55%);
-  color: #fff;
-}
-
-.inventory-label {
-  width: 100%;
-  height: 100%;
-  font-size: 1rem;
-  font-weight: 700;
-}
-
-.fs-7 {
-  font-size: 0.9rem !important;
-}
-
-/* Price Label */
-.price-label {
-  font-size: 0.69rem;
-  font-weight: 600;
-  color: rgba(0, 0, 0, 0.87);
-  background-color: hsl(88, 50%, 60%);
-  border-radius: 0.33rem 0 0 0.33rem;
-  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
-
-  @media (min-width: 768px)  { font-size: 0.72rem; }
-  @media (min-width: 996px)  { font-size: 0.75rem; }
-  @media (min-width: 1200px) { font-size: 0.8rem; }
-  @media (min-width: 1600px) { font-size: 1rem; }
-
-  &:nth-of-type(2) { background-color: hsl(66, 70%, 61%); }
-  &:nth-of-type(3) { background-color: hsl(54, 100%, 67%); }
-  &:nth-of-type(4) { background-color: hsl(45, 100%, 58%); }
-  &:last-of-type   { background-color: hsl(36, 100%, 57%); border-radius: 0.33rem; }
-}
-
 /* --------------------------------------------------
    Search
 -------------------------------------------------- */
-
 @media (max-width: 768px) {
   .search-box,
   .search-button {
-    min-height: 48px;
+    min-height: 32px;
   }
 }
 
-::placeholder {
-  color: rgba(255, 255, 255, 0.7) !important;
-  opacity: 1 !important;
-  font-size: 1rem;
-  line-height: 2rem;
+.search-container {
+  @media (max-width: 768px) {
+    margin-top: 0.25rem;
+    width: 100%;
+    animation: search-inline-mobile linear both;
+    animation-timeline: scroll();
+    animation-range: 0px 100px;
+  }
+}
+
+@keyframes search-inline-mobile {
+  from { width: 100%; }
+  to   { margin-top: 0 !important; width: auto; flex: 1; }
+}
+
+.navbar .container {
+  @media (max-width: 768px) {
+    animation: navbar-nowrap linear both;
+    animation-timeline: scroll();
+    animation-range: 0px 100px;
+  }
+}
+
+.nav-user-btn {
+  animation: hide-user-btn linear both;
+  animation-timeline: scroll();
+  animation-range: 0px 100px;
+}
+
+@keyframes hide-user-btn {
+  to {
+    opacity: 0;
+    width: 0;
+    overflow: hidden;
+    pointer-events: none;
+  }
 }
 
-/* Sticky Search Bar */
 .search-bar {
   position: fixed;
   bottom: 0;
   width: 100%;
   height: 48px;
-  z-index: 1000;
+  z-index: 1030;
   transform: rotate(180deg);
 
   @media (min-width: 768px) {
@@ -494,14 +289,439 @@ $tiers: (
   }
 }
 
+.search-input {
+  color: rgba(255, 255, 255, .94);
+  border: 1px solid rgba(94, 53, 177, 1);
+}
+
+::placeholder {
+  color: rgba(255, 255, 255, 0.7) !important;
+  opacity: 1 !important;
+  font-size: 1rem;
+  line-height: 2rem;
+}
+
+.form-control:focus {
+  border-color: rgb(179, 157, 219);
+  outline: 0;
+  box-shadow: 0 0 0 0.15rem rgb(179, 157, 219, .67);
+}
+
 .facet-list {
   max-height: 185px;
   overflow-y: auto;
 }
 
 /* --------------------------------------------------
-   Circles
+   Buttons
 -------------------------------------------------- */
+.btn-purple {
+  background-color: var(--lilac);
+  border-color: var(--purple);
+  color: #fff;
+  &:hover { background-color: var(--purple); color: var(--snow); }
+}
+
+.btn-purple-secondary {
+  background-color: transparent;
+  border-color: var(--lilac);
+  color: var(--mauve);
+
+  &:hover {
+    background-color: hsla(262, 47%, 63%, 0.15);
+    border-color: var(--mauve);
+    color: var(--mauve);
+  }
+}
+
+.btn-edit {
+  background-color: var(--edit);
+  border-color: var(--edit);
+  color: #fff;
+
+  > span,
+  > svg.nav-icon {
+    fill: var(--gold);
+    stroke: var(--gold);
+    color: var(--gold);
+  }
+
+  &:hover {
+    background-color: var(--gold);
+    border-color: var(--gold);
+    color: #fff;
+
+    > span,
+    > svg.nav-icon {
+      fill: var(--edit);
+      stroke: var(--edit);
+    }
+  }
+}
+
+.btn-delete {
+  background-color: var(--delete);
+  border-color: var(--delete);
+  color: #fff;
+
+  &:hover {
+    background-color: var(--dark-red);
+    border-color: var(--dark-red);
+    color: #fff;
+  }
+}
+
+.btn-outline-success svg.nav-icon {
+  fill: var(--bs-success);
+  stroke: var(--bs-success);
+}
+
+.btn.btn-outline-success:hover,
+.btn.btn-outline-success:hover svg.nav-icon {
+  fill: var(--bs-success-border-subtle);
+  stroke: var(--bs-success-border-subtle);
+}
+
+// ── Inventory form condition buttons ──────────────────────────────────────
+$cond-text: (
+  nm:  hsla(88, 50%, 67%, 1),
+  lp:  hsla(66, 70%, 68%, 1),
+  mp:  hsla(54, 100%, 73%, 1),
+  hp:  hsla(46, 100%, 65%, 1),
+  dmg: hsla(36, 100%, 65%, 1),
+);
+
+@each $name, $color in $tiers {
+  @if map-has-key($cond-text, $name) {
+    .btn-cond-#{$name} {
+      border-color: rgba($color, 0.4);
+      color: var(--bs-body-color);
+      background: transparent;
+      font-weight: 600;
+      transition: background-color 0.1s, border-color 0.1s;
+
+      &:hover { background-color: rgba($color, 0.67); border-color: transparent; }
+    }
+
+    .btn-check:checked + .btn-cond-#{$name} {
+      background-color: $color;
+      border-color: $color;
+      color: rgba(0, 0, 0, 0.94);
+    }
+  }
+}
+
+/* --------------------------------------------------
+   Forms
+-------------------------------------------------- */
+.form-check-input {
+  &:checked {
+    background-color: var(--bs-success);
+    border-color: var(--bs-success-border-subtle);
+  }
+
+  &:focus {
+    border-color: var(--bs-success);
+    box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
+  }
+}
+
+/* --------------------------------------------------
+   Pricing
+-------------------------------------------------- */
+.price-row {
+  position: relative;
+  z-index: 2;
+  margin-top: -1.25rem;
+  border-radius: 0.33rem;
+  background: linear-gradient(
+    90deg,
+    map-get($tiers, nm)  21%,
+    map-get($tiers, lp)  42%,
+    map-get($tiers, mp)  63%,
+    map-get($tiers, hp)  74%,
+    map-get($tiers, dmg) 85%
+  );
+}
+
+.edit-bar {
+  position: relative;
+  z-index: 2;
+  padding: 0.5rem;
+  margin-top: -1.25rem !important;
+  border-radius: 0.33rem;
+  background: var(--bs-border-color);
+}
+
+.price-label {
+  font-size: 0.69rem;
+  font-weight: 600;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: hsl(88, 50%, 67%);
+  border-radius: 0.33rem 0 0 0.33rem;
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
+
+  @media (min-width: 768px)  { font-size: 0.72rem; }
+  @media (min-width: 996px)  { font-size: 0.75rem; }
+  @media (min-width: 1200px) { font-size: 0.8rem; }
+  @media (min-width: 1600px) { font-size: 1rem; }
+
+  &:nth-of-type(2) { background-color: hsl(66, 70%, 68%); }
+  &:nth-of-type(3) { background-color: hsl(54, 100%, 73%); }
+  &:nth-of-type(4) { background-color: hsl(46, 100%, 65%); }
+  &:last-of-type   { background-color: hsl(36, 100%, 65%); border-radius: 0.33rem; }
+}
+
+.price-area { max-height: 75px; }
+
+.inventory-button,
+.btn-vendor {
+  background-color: hsl(262, 47%, 63%);
+  color: #fff;
+
+  &:hover {
+    background-color: hsl(262, 47%, 55%);
+    color: #fff;
+  }
+}
+
+.inventory-button {
+  margin-bottom: -2.25rem;
+  margin-right: -0.25rem;
+  z-index: 2;
+  transition: opacity 350ms ease;
+}
+
+/* --------------------------------------------------
+   Cards & Modal
+-------------------------------------------------- */
+.card-image {
+  aspect-ratio: 23 / 32;
+  object-fit: cover;
+  z-index: 1;
+  cursor: pointer;
+}
+
+.image-grow {
+  transition: box-shadow 350ms ease, transform 350ms ease;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
+
+  &:hover,
+  &:focus {
+    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
+    transform: translateY(-0.9rem) scale(1.02);
+  }
+}
+
+.col:has(.image-grow:hover) .inventory-button {
+  opacity: 0.20;
+  transition: opacity 350ms ease;
+}
+
+.modal-xl {
+  @media (min-width: 768px)  { max-width: 95vw; }
+  @media (min-width: 1400px) { max-width: 85vw; }
+  @media (min-width: 1921px) { max-width: 75vw; }
+}
+
+.cl-modalBackdrop {
+  background-color: rgba(1, 11, 18, 0.8);
+}
+
+.card-modal {
+  background-color: rgba(1, 11, 18, 0.8);
+  cursor: default;
+}
+
+.pokedex-page {
+  position: relative;
+  top: 50px;
+  z-index: 99;
+
+  @media (min-width: 768px) { top: 100px !important; }
+}
+
+.modal-nav-btn {
+  position: fixed;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 1060;
+  background: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  color: white;
+  border-radius: 50%;
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: background 0.2s;
+  backdrop-filter: blur(4px);
+
+  &:hover { background: rgba(255, 255, 255, 0.25); }
+  &.d-none { display: none !important; }
+}
+
+.modal-nav-prev { left: 12px; }
+.modal-nav-next { right: 12px; }
+
+@media (max-width: 768px) {
+  .modal-nav-btn { display: none !important; }
+}
+
+.card-nav-prev,
+.card-nav-next {
+  transition: all 0.2s ease-in-out;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 36px;
+  padding: 0.375rem 0.5rem;
+  will-change: opacity;
+
+  &:hover:not(:disabled) {
+    background-color: var(--bs-secondary);
+    border-color: var(--bs-secondary);
+    color: white;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+  &:active:not(:disabled) { transform: translateY(0); }
+  &:disabled { cursor: not-allowed; }
+
+  @media (max-width: 768px) {
+    min-width: 40px;
+    padding: 0.5rem;
+  }
+}
+
+/* --------------------------------------------------
+   SVG Icons
+-------------------------------------------------- */
+.small-icon svg  { max-height: 16px; width: 100%; margin-top: -0.25rem; }
+.medium-icon svg { max-height: 32px; width: 100%; margin-left: -0.25rem; }
+
+.energy-icon svg,
+.rarity-icon-large svg,
+.set-icon svg,
+.edition-icon svg {
+  width: 2rem;
+  z-index: 999;
+  @media (min-width: 1024px) { width: 2.5rem; }
+}
+
+.rarity-icon-large svg,
+.set-icon svg {
+  margin-bottom: -0.25rem;
+}
+
+.filter-icon svg,
+.search-button {
+  width: 1.5rem;
+  fill: rgba(255, 255, 255, 0.87);
+  stroke: rgba(255, 255, 255, 0.87);
+}
+
+.delete-svg {
+  width: 1.25rem;
+  height: 1.25rem;
+  fill: var(--dark-red);
+  stroke: var(--dark-red);
+  filter: url(#shadow);
+}
+
+.edit-svg {
+  width: 1.25rem;
+  height: 1.25rem;
+  fill: var(--gold);
+  stroke: var(--gold);
+  filter: url(#shadow);
+}
+
+.btn:hover .delete-svg {
+  fill: var(--delete);
+  stroke: var(--delete);
+}
+
+.btn:hover .edit-svg {
+  fill: var(--edit);
+  stroke: var(--edit);
+}
+
+.shadow-filter {
+  filter:
+    drop-shadow(0 5px 5px rgba(0, 0, 0, 0.3))
+    drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2));
+}
+
+.top-icon svg {
+  width: 2rem;
+  height: 2rem;
+  fill: var(--bs-light-bg-subtle);
+  stroke: var(--bs-light-bg-subtle);
+}
+
+#btn-back-to-top:hover .top-icon svg {
+  fill: var(--bs-light-border-subtle);
+  stroke: var(--bs-light-border-subtle);
+}
+
+/* --------------------------------------------------
+   Back to Top
+-------------------------------------------------- */
+#btn-back-to-top {
+  position: fixed;
+  bottom: 5vh;
+  right: 5vw;
+  display: none;
+  z-index: 2;
+}
+
+/* --------------------------------------------------
+   Tooltips
+-------------------------------------------------- */
+.tooltip.volatility-popover {
+  .tooltip-inner {
+    background: #1d1f21;
+    color: #e9ecef;
+    padding: 0.9rem 1rem;
+    border-radius: 0.6rem;
+    text-align: left;
+    max-width: 260px;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .tooltip-arrow::before {
+    border-top-color: #1d1f21 !important;
+  }
+}
+
+/* --------------------------------------------------
+   Decorative / Misc
+-------------------------------------------------- */
+.dark-callout {
+  @media (min-width: 768px) {
+    background-color: rgba(44, 48, 59, 1);
+  }
+}
+
+.masked-image {
+  z-index: 1;
+  opacity: 1;
+  filter: brightness(0);
+  animation: pokemon-pulse 2s ease-in-out infinite;
+}
+
+.starburst,
+.whos-that-pokemon {
+  mix-blend-mode: lighten;
+  opacity: 0.1;
+  object-fit: cover;
+}
+
+.whos-that-pokemon { aspect-ratio: 1 / 1; }
 
 %circle-base {
   width: 1rem;
@@ -528,126 +748,406 @@ $tiers: (
 }
 
 /* --------------------------------------------------
-   Buttons
+   Hero
 -------------------------------------------------- */
+.hero { background-color: var(--hero-bg); }
 
-.btn-warning > span,
-.btn-warning > svg.nav-icon {
-  fill: var(--bs-warning-border-subtle);
-  stroke: var(--bs-warning-border-subtle);
-  color: var(--bs-warning-border-subtle);
+.hero-bg {
+  position: absolute;
+  inset: 0;
+  background:
+    radial-gradient(ellipse 60% 50% at 80% 50%, hsla(262, 70%, 40%, 0.25) 0%, transparent 70%),
+    radial-gradient(ellipse 40% 60% at 20% 80%, hsla(190, 70%, 30%, 0.15) 0%, transparent 70%);
+  pointer-events: none;
 }
 
-.btn.btn-warning:hover > span,
-.btn.btn-warning:hover > svg.nav-icon {
-  fill: var(--bs-warning-bg-subtle);
-  stroke: var(--bs-warning-bg-subtle);
+.hero-wrapper { isolation: isolate; }
+
+.hero-cards-mockup {
+  position: relative;
+  height: 340px;
 }
 
-.btn-outline-success svg.nav-icon {
-  fill: var(--bs-success);
-  stroke: var(--bs-success);
+.mockup-card {
+  position: absolute;
+  width: 225px;
+  aspect-ratio: 23 / 32;
+  overflow: hidden;
+  border: 1px solid hsla(262, 50%, 50%, 0.3);
 }
 
-.btn.btn-outline-success:hover,
-.btn.btn-outline-success:hover svg.nav-icon {
-  fill: var(--bs-success-border-subtle);
-  stroke: var(--bs-success-border-subtle);
+.mockup-card--1 { left: 20%; top: 2.5%; transform: rotate(-8deg); }
+.mockup-card--2 { left: 40%; top: 7%;   transform: rotate(2deg);  z-index: 1; }
+.mockup-card--3 { left: 60%; top: 0;    transform: rotate(10deg); }
+
+.price-chip {
+  position: absolute;
+  bottom: 2.5%;
+  padding: 0.35rem 0.75rem;
+  border-radius: 2rem;
+  font-size: 0.8rem;
+  z-index: 2;
+}
+
+.price-chip--nm { left: 30%; background: hsl(88, 50%, 67%); color: rgba(0, 0, 0, .87); }
+.price-chip--lp { left: 64%; background: hsl(66, 70%, 68%); color: rgba(0, 0, 0, .87); }
+
+.stats-bar { background-color: hsla(262, 20%, 12%, 0.6); }
+
+/* --------------------------------------------------
+   Feature Cards
+-------------------------------------------------- */
+.feature-card {
+  background-color: hsla(262, 20%, 12%, 0.6);
+  border: 1px solid hsla(262, 30%, 40%, 0.2);
+  transition: border-color 0.2s, transform 0.2s;
+
+  &:hover {
+    border-color: hsla(262, 50%, 60%, 0.5);
+    transform: translateY(-2px);
+  }
+}
+
+.feature-icon {
+  color: var(--mauve);
+  width: 2.5rem;
+  height: 2.5rem;
+  display: flex;
+  align-items: center;
 }
 
 /* --------------------------------------------------
-   Card Modal Navigation
+   Premium Section
 -------------------------------------------------- */
+.premium-section {
+  background-color: hsla(258, 30%, 8%, 0.8);
+  overflow-x: clip;
+}
 
-.card-nav-prev,
-.card-nav-next {
-  transition: all 0.2s ease-in-out;
+.premium-item {
+  background-color: hsla(262, 20%, 14%, 0.8);
+  border: 1px solid hsla(262, 30%, 35%, 0.2);
+  transition: border-color 0.2s;
+
+  &:hover { border-color: hsla(262, 50%, 60%, 0.4); }
+}
+
+.badge-coming {
+  display: inline-block;
+  flex-shrink: 0;
+  padding: 0.2rem 0.55rem;
+  border-radius: 2rem;
+  font-size: 0.65rem;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  background: hsla(262, 60%, 60%, 0.2);
+  color: var(--mauve);
+  border: 1px solid hsla(262, 50%, 60%, 0.3);
+  margin-top: 0.1rem;
+}
+
+.compare-icon { font-size: 2.5rem; line-height: 1; }
+
+.cta-section {
+  background: linear-gradient(180deg, transparent, hsla(262, 30%, 10%, 0.8));
+}
+
+footer .logo-svg > svg { width: var(--logo-width, 8rem); }
+
+/* --------------------------------------------------
+   Energy Wheel
+-------------------------------------------------- */
+.energy-wheel {
+  position: relative;
+  width: calc(var(--radius) * 2);
+  height: calc(var(--radius) * 2);
+  margin: 5px 0 10px;
+}
+
+.energy-wheel-item {
+  position: absolute;
+  width: 25px;
+  height: 25px;
+  top: 50%;
+  left: 50%;
+  --angle: calc(360deg / var(--total) * var(--i));
+  transform: rotate(var(--angle)) translateX(var(--radius)) rotate(calc(-1 * var(--angle)));
+
+  &:first-of-type { z-index: 100; }
+}
+
+/* --------------------------------------------------
+   Inventory Grid & List
+-------------------------------------------------- */
+#gridView { row-gap: 1.5rem; }
+
+.inv-grid-card {
+  position: relative;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.inv-grid-media { cursor: pointer; }
+
+.inv-grid-body {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 1rem;
+  padding: .85rem .15rem 0;
+}
+
+.inv-grid-main {
+  min-width: 0;
+  flex: 1;
+}
+
+.inv-grid-title {
+  font-size: 1.9rem;
+  line-height: 1.05;
+  font-weight: 500;
+  margin-bottom: .4rem;
+  color: var(--bs-emphasis-color);
+}
+
+.inv-grid-meta { display: flex; flex-direction: column; gap: .2rem; }
+
+.inv-grid-submeta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: .35rem;
+  font-size: .9rem;
+  color: var(--snow);
+}
+
+.inv-grid-price {
+  min-width: 112px;
+  text-align: right;
+  flex-shrink: 0;
+  color: #f3f3f3 !important;
+}
+
+.inv-grid-trend,
+.inv-list-price-line {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: .35rem;
+  font-weight: 700;
+  line-height: 1.1;
+}
+
+.inv-grid-value,
+.inv-list-price {
+  font-size: 1.15rem;
+  color: #111;
+}
+
+.inv-grid-trend,
+.inv-list-price-line {
+  &.up .inv-grid-arrow { color: #2e7d32; }
+  &.down { color: #c62828; }
+}
+
+.inv-grid-delta,
+.inv-list-delta {
+  text-align: right;
+  &.up   { color: #2e7d32; }
+  &.down { color: #c62828; }
+}
+
+.inv-grid-qty,
+.inv-list-qty {
+  margin-top: .35rem;
+  font-size: .9rem;
+  color: #1ea7a1;
+}
+
+.inv-grid-cart,
+.inv-list-cart {
+  position: absolute;
+  right: .35rem;
+  bottom: .1rem;
+  width: 2.15rem;
+  height: 2.15rem;
+  border-radius: 999px;
+  border: 1px solid #4cb7b3;
+  background: transparent;
+  color: #38a9a5;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-width: 36px;
-  padding: 0.375rem 0.5rem;
-  will-change: opacity;
+  transition: .15s ease;
 
-  &:hover:not(:disabled) {
-    background-color: var(--bs-secondary);
-    border-color: var(--bs-secondary);
-    color: white;
-    transform: translateY(-1px);
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-  }
-
-  &:active:not(:disabled) { transform: translateY(0); }
-  &:disabled { cursor: not-allowed; }
+  &:hover { background: rgba(76, 183, 179, .08); color: #2a9a96; }
 }
 
+#tableView { background: transparent; }
+
+.inv-list-wrap { border-radius: 0; overflow: visible; }
+
+.inv-list-table {
+  --bs-table-bg: transparent;
+  --bs-table-hover-bg: transparent;
+  --bs-table-color: inherit;
+  margin: 0;
+
+  tbody,
+  tr,
+  td { border: 0 !important; background: transparent !important; }
+}
+
+.inv-list-row + .inv-list-row .inv-list-cardcell {
+  border-top: 1px solid rgba(0, 0, 0, .08) !important;
+}
+
+.inv-list-cardcell { padding: 0; }
+
+.inv-list-card {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  min-height: 116px;
+  padding: .8rem 4.5rem .8rem .35rem;
+  background: #f3f3f3;
+  border: 1px solid rgba(0, 0, 0, .08);
+  border-radius: .35rem;
+}
+
+.inv-list-thumb {
+  width: 70px;
+  flex: 0 0 70px;
+  cursor: pointer;
+
+  img { width: 100%; display: block; border-radius: .25rem; }
+}
+
+.inv-list-info { min-width: 0; flex: 1; }
+
+.inv-list-name {
+  font-size: 1.1rem;
+  font-weight: 700;
+  color: #111827;
+  margin-bottom: .35rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: none;
+
+  &:hover { text-decoration: underline; }
+}
+
+.inv-list-meta { display: flex; flex-direction: column; gap: .1rem; font-size: .95rem; color: #4b5563; }
+
+.inv-list-setlink { color: #5b6f8f; text-decoration: underline; text-underline-offset: 2px; }
+
+.inv-list-condition {
+  margin-top: .35rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: .35rem;
+  font-size: .95rem;
+  color: #2b7a78;
+}
+
+.inv-list-right { margin-left: auto; min-width: 140px; text-align: right; padding-right: 1rem; }
+
 @media (max-width: 768px) {
-  .card-nav-prev,
-  .card-nav-next {
-    min-width: 40px;
-    padding: 0.5rem;
-  }
+  .inv-grid-body    { flex-direction: column; gap: .5rem; }
+  .inv-grid-price   { min-width: 0; text-align: left; }
+  .inv-grid-trend   { justify-content: flex-start; }
+  .inv-list-card    { align-items: flex-start; padding-right: 3.75rem; }
+  .inv-list-right   { min-width: 0; padding-right: .25rem; }
 }
 
 /* --------------------------------------------------
-   Swipe Animation
+   Pokémon / Interactive
 -------------------------------------------------- */
+.pokemon-transition { transition: opacity 0.4s ease; }
+
+.pokemon-clickable {
+  cursor: pointer;
+
+  &:focus-visible {
+    outline: 3px solid #ffc107;
+    outline-offset: 4px;
+    border-radius: 4px;
+  }
+}
+
+@keyframes pokemon-pulse {
+  0%, 100% { filter: brightness(0) drop-shadow(0 0 6px var(--bs-info-border-subtle)); }
+  50%       { filter: brightness(0) drop-shadow(0 0 18px var(--bs-info)); }
+}
+
+.view-toggle-btn {
+  text-decoration: none;
+  color: var(--bs-secondary-color) !important;
+
+  &.active,
+  &:hover { color: var(--bs-body-color) !important; }
+
+  &.active svg,
+  &:hover svg { color: var(--bs-body-color); }
+}
+
+#catalogList .list-group-item.active {
+  background-color: rgba(186, 104, 200, .5) !important;
+  color: var(--snow) !important;
+}
+
+/* --------------------------------------------------
+   View Transitions
+-------------------------------------------------- */
+@view-transition {
+  navigation: auto;
+}
+
+::view-transition-group(card-image) {
+  animation-duration: 300ms;
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+::view-transition-old(card-image),
+::view-transition-new(card-image) {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+::view-transition-old(root),
+::view-transition-new(root) {
+  animation-duration: 150ms;
+}
 
-/* Smooth the hero image morph */
 ::view-transition-group(card-hero) {
   animation-duration: 350ms;
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-/* Fade the old image out quickly so it doesn't ghost */
-::view-transition-old(card-hero) {
-  display: none;
-}
+::view-transition-old(card-hero) { display: none; }
 
-/* Fade the new image in after it's in position */
 ::view-transition-new(card-hero) {
   animation-duration: 350ms;
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-/* Suppress the default full-page crossfade so only the card morphs */
 ::view-transition-old(root),
-::view-transition-new(root) {
-  animation: none;
-}
+::view-transition-new(root) { animation: none; }
 
-/* Sliding out (old content) */
-::view-transition-old(.modal-content) {
-  animation: slide-out 200ms ease-in forwards;
-}
+::view-transition-old(.modal-content) { animation: slide-out 200ms ease-in forwards; }
+::view-transition-new(.modal-content) { animation: slide-in 200ms ease-out forwards; }
 
-/* Sliding in (new content) */
-::view-transition-new(.modal-content) {
-  animation: slide-in 200ms ease-out forwards;
-}
+#cardModal[data-nav-direction="next"]::view-transition-old(.modal-content) { animation: slide-out-left 200ms ease-in forwards; }
+#cardModal[data-nav-direction="next"]::view-transition-new(.modal-content) { animation: slide-in-right 200ms ease-out forwards; }
+#cardModal[data-nav-direction="prev"]::view-transition-old(.modal-content) { animation: slide-out-right 200ms ease-in forwards; }
+#cardModal[data-nav-direction="prev"]::view-transition-new(.modal-content) { animation: slide-in-left 200ms ease-out forwards; }
 
-/* Direction-aware — set via dataset.navDirection */
-#cardModal[data-nav-direction="next"]::view-transition-old(.modal-content) {
-  animation: slide-out-left 200ms ease-in forwards;
-}
-#cardModal[data-nav-direction="next"]::view-transition-new(.modal-content) {
-  animation: slide-in-right 200ms ease-out forwards;
-}
-#cardModal[data-nav-direction="prev"]::view-transition-old(.modal-content) {
-  animation: slide-out-right 200ms ease-in forwards;
-}
-#cardModal[data-nav-direction="prev"]::view-transition-new(.modal-content) {
-  animation: slide-in-left 200ms ease-out forwards;
-}
-
-/* The silhouette fades out while the colour image blooms in */
-
-::view-transition-old(pokemon-reveal) {
-  animation: 300ms ease-in both fade-to-white;
-}
-::view-transition-new(pokemon-reveal) {
-  animation: 500ms ease-out both bloom-in;
-}
+::view-transition-old(pokemon-reveal) { animation: 300ms ease-in both fade-to-white; }
+::view-transition-new(pokemon-reveal) { animation: 500ms ease-out both bloom-in; }
 
 @keyframes fade-to-white {
   to { opacity: 0; filter: brightness(3); }
@@ -659,7 +1159,7 @@ $tiers: (
 }
 
 /* --------------------------------------------------
-   Input Fix (Safari)
+Input Fix (Safari)
 
 input[type="search"]::-webkit-search-cancel-button {
   -webkit-appearance: none;
diff --git a/src/assets/js/main.js b/src/assets/js/main.js
index abc4f3a..5eaa103 100644
--- a/src/assets/js/main.js
+++ b/src/assets/js/main.js
@@ -1,52 +1,97 @@
 import * as bootstrap from 'bootstrap';
 window.bootstrap = bootstrap;
-import 'bootstrap/dist/js/bootstrap.bundle.min.js';
 
-// trap browser back and close the modal if open
-const cardModal = document.getElementById('cardModal');
-const loadingMsg = cardModal.innerHTML;
-// Push a new history state when the modal is shown
-cardModal.addEventListener('shown.bs.modal', () => {
-  history.pushState({ modalOpen: true }, null, '#cardModal');
-});
-// Listen for the browser's back button (popstate event)
-window.addEventListener('popstate', (e) => {
-  if (cardModal.classList.contains('show')) {
-    const modalInstance = bootstrap.Modal.getInstance(cardModal);
-    if (modalInstance) {
-      modalInstance.hide();
+document.addEventListener('DOMContentLoaded', () => {
+
+  // Initialize all Bootstrap modals
+  document.querySelectorAll('.modal').forEach(modalEl => {
+    bootstrap.Modal.getOrCreateInstance(modalEl);
+  });
+
+  // Initialize tooltips
+  document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(el => {
+    if (!el._tooltipInstance) {
+      el._tooltipInstance = new bootstrap.Tooltip(el, { container: 'body' });
     }
-  }
-});
-// Trigger a back navigation when the modal is closed via its native controls (X, backdrop click)
-cardModal.addEventListener('hide.bs.modal', () => {
-  cardModal.innerHTML = loadingMsg;
-  if (history.state && history.state.modalOpen) {
-    history.back();
-  }
-});
+  });
 
+  // ---------------- DASHBOARD LOGIC ----------------
+  const toggleBtn = document.getElementById("toggleViewBtn");
+  const gridView = document.getElementById("gridView");
+  const tableView = document.getElementById("tableView");
+  const searchInput = document.getElementById("inventorySearch");
+  const tbody = document.getElementById("inventoryRows");
 
-  import { Tooltip } from "bootstrap";
-
-  // Initialize all tooltips globally
-  const initTooltips = () => {
-    document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(el => {
-      if (!el._tooltipInstance) {
-        el._tooltipInstance = new Tooltip(el, {
-          container: 'body',   // ensures tooltip is appended to body, important for modals
-        });
+  if(toggleBtn && gridView && tableView && tbody) {
+    // TOGGLE GRID/TABLE
+    toggleBtn.addEventListener("click", () => {
+      if(gridView.style.display !== "none") {
+        gridView.style.display = "none";
+        tableView.style.display = "block";
+        toggleBtn.textContent = "Switch to Grid View";
+      } else {
+        gridView.style.display = "block";
+        tableView.style.display = "none";
+        toggleBtn.textContent = "Switch to Table View";
       }
     });
-  };
 
-  // Run on page load
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', initTooltips);
-  } else {
-    initTooltips();
+    // SEARCH FILTER
+    if(searchInput) {
+      searchInput.addEventListener("input", e => {
+        const term = e.target.value.toLowerCase();
+        [...tbody.querySelectorAll("tr")].forEach(row => {
+          row.style.display = row.textContent.toLowerCase().includes(term) ? "" : "none";
+        });
+      });
+    }
+
+    // SORTING
+    document.querySelectorAll("th[data-key]").forEach(th => {
+      let sortAsc = true;
+      th.addEventListener("click", () => {
+        const key = th.dataset.key;
+        const indexMap = {name:0,set:1,condition:2,qty:3,price:4,market:5,gain:6};
+        const idx = indexMap[key];
+        const rows = [...tbody.querySelectorAll("tr")];
+
+        rows.sort((a,b) => {
+          let aText = a.children[idx].textContent.replace(/\$|,/g,'').toLowerCase();
+          let bText = b.children[idx].textContent.replace(/\$|,/g,'').toLowerCase();
+          if(!isNaN(aText) && !isNaN(bText)) return sortAsc ? aText-bText : bText-aText;
+          return sortAsc ? aText.localeCompare(bText) : bText.localeCompare(aText);
+        });
+
+        sortAsc = !sortAsc;
+        tbody.innerHTML="";
+        rows.forEach(r => tbody.appendChild(r));
+      });
+    });
+
+    // INLINE EDITING + GAIN/LOSS UPDATE
+    tbody.addEventListener("input", e => {
+      const row = e.target.closest("tr");
+      if(!row) return;
+
+      const priceCell = row.querySelector(".editable-price");
+      const qtyCell = row.querySelector(".editable-qty");
+      const marketCell = row.children[5];
+      const gainCell = row.querySelector(".gain");
+
+      if(e.target.classList.contains("editable-price")) {
+        e.target.textContent = e.target.textContent.replace(/[^\d.]/g,"");
+      }
+      if(e.target.classList.contains("editable-qty")) {
+        e.target.textContent = e.target.textContent.replace(/\D/g,"");
+      }
+
+      const price = parseFloat(priceCell.textContent) || 0;
+      const qty = parseInt(qtyCell.textContent) || 0;
+      const market = parseFloat(marketCell.textContent) || 0;
+      const gain = market - price;
+
+      gainCell.textContent = (gain>=0 ? "+" : "-") + Math.abs(gain);
+      gainCell.className = gain>=0 ? "gain text-success" : "gain text-danger";
+    });
   }
-
-  // Optional: observe DOM changes for dynamically added tooltips (e.g., modals loaded later)
-  const observer = new MutationObserver(() => initTooltips());
-  observer.observe(document.body, { childList: true, subtree: true });
\ No newline at end of file
+});
\ No newline at end of file
diff --git a/src/assets/js/priceChart.js b/src/assets/js/priceChart.js
index dfa3f34..7f3ec31 100644
--- a/src/assets/js/priceChart.js
+++ b/src/assets/js/priceChart.js
@@ -3,11 +3,11 @@ import Chart from 'chart.js/auto';
 const CONDITIONS = ["Near Mint", "Lightly Played", "Moderately Played", "Heavily Played", "Damaged"];
 
 const CONDITION_COLORS = {
-  "Near Mint":         { active: 'rgba(156, 204, 102, 1)', muted: 'rgba(156, 204, 102, 0.67)' },
-  "Lightly Played":    { active: 'rgba(211, 225, 86, 1)',  muted: 'rgba(211, 225, 86, 0.67)'  },
-  "Moderately Played": { active: 'rgba(255, 238, 87, 1)',  muted: 'rgba(255, 238, 87, 0.67)'  },
-  "Heavily Played":    { active: 'rgba(255, 201, 41, 1)',  muted: 'rgba(255, 201, 41, 0.67)'  },
-  "Damaged":           { active: 'rgba(255, 167, 36, 1)',  muted: 'rgba(255, 167, 36, 0.67)'  },
+  "Near Mint":         { active: 'hsla(88, 50%, 67%, 1)', muted: 'hsla(88, 50%, 67%, 0.67)' },
+  "Lightly Played":    { active: 'hsla(66, 70%, 68%, 1)',  muted: 'hsla(66, 70%, 68%, 0.67)'  },
+  "Moderately Played": { active: 'hsla(54, 100%, 73%, 1)',  muted: 'hsla(54, 100%, 73%, 0.67)'  },
+  "Heavily Played":    { active: 'hsla(46, 100%, 65%, 1)',  muted: 'hsla(46, 100%, 65%, 0.67)'  },
+  "Damaged":           { active: 'hsla(36, 100%, 65%, 1)',  muted: 'hsla(36, 100%, 65%, 0.67)'  },
 };
 
 const RANGE_DAYS = { '1m': 30, '3m': 90, '6m': 180, '1y': 365, 'all': Infinity };
@@ -32,6 +32,12 @@ function setEmptyState(isEmpty) {
   canvasWrapper.classList.toggle('d-none', isEmpty);
 }
 
+function setChartVisible(visible) {
+  const modal = document.getElementById('cardModal');
+  const chartWrapper = modal?.querySelector('#priceHistoryChart')?.closest('.alert');
+  if (chartWrapper) chartWrapper.classList.toggle('d-none', !visible);
+}
+
 function buildChartData(history, rangeKey) {
   const cutoff = RANGE_DAYS[rangeKey] === Infinity
     ? new Date(0)
@@ -39,20 +45,14 @@ function buildChartData(history, rangeKey) {
 
   const filtered = history.filter(r => new Date(r.calculatedAt) >= cutoff);
 
-  // Always build the full date axis for the selected window, even if sparse.
-  // Generate one label per day in the range so the x-axis reflects the
-  // chosen period rather than collapsing to only the days that have data.
   const dataDateSet = new Set(filtered.map(r => r.calculatedAt));
   const allDates = [...dataDateSet].sort((a, b) => new Date(a) - new Date(b));
 
-  // If we have real data, expand the axis to span from cutoff → today so
-  // empty stretches at the start/end of a range are visible.
   let axisLabels = allDates;
   if (allDates.length > 0 && RANGE_DAYS[rangeKey] !== Infinity) {
     const start = new Date(cutoff);
     const end   = new Date();
     const expanded = [];
-    // Step through every day in the window
     for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {
       expanded.push(d.toISOString().split('T')[0]);
     }
@@ -101,17 +101,9 @@ function buildChartData(history, rangeKey) {
 function updateChart() {
   if (!chartInstance) return;
   const { labels, datasets, hasData, activeConditionHasData } = buildChartData(allHistory, activeRange);
-
-  // Always push the new labels/datasets to the chart so the x-axis
-  // reflects the selected time window — even when there's no data for
-  // the active condition. Then toggle the empty state overlay on top.
   chartInstance.data.labels   = labels;
   chartInstance.data.datasets = datasets;
   chartInstance.update('none');
-
-  // Show the empty state overlay if the active condition has no points
-  // in this window, but leave the (empty) chart visible underneath so
-  // the axis communicates the selected period.
   setEmptyState(!hasData || !activeConditionHasData);
 }
 
@@ -135,7 +127,6 @@ function initPriceChart(canvas) {
 
   const { labels, datasets, hasData, activeConditionHasData } = buildChartData(allHistory, activeRange);
 
-  // Render the chart regardless — show empty state overlay if needed
   setEmptyState(!hasData || !activeConditionHasData);
 
   chartInstance = new Chart(canvas.getContext('2d'), {
@@ -202,9 +193,16 @@ function initFromCanvas(canvas) {
   activeCondition = "Near Mint";
   activeRange = '1m';
   const modal = document.getElementById('cardModal');
+
   modal?.querySelectorAll('.price-range-btn').forEach(b => {
     b.classList.toggle('active', b.dataset.range === '1m');
   });
+
+  // Hide chart if the vendor tab is already active when the modal opens
+  // (e.g. opened via the inventory button)
+  const activeTab = modal?.querySelector('.nav-link.active')?.getAttribute('data-bs-target');
+  setChartVisible(activeTab !== '#nav-vendor');
+
   initPriceChart(canvas);
 }
 
@@ -225,6 +223,10 @@ function setup() {
   document.addEventListener('shown.bs.tab', (e) => {
     if (!modal.contains(e.target)) return;
     const target = e.target?.getAttribute('data-bs-target');
+
+    // Hide the chart when the vendor tab is active, show it for all others
+    setChartVisible(target !== '#nav-vendor');
+
     const conditionMap = {
       '#nav-nm':  'Near Mint',
       '#nav-lp':  'Lightly Played',
diff --git a/src/components/BackToTop.astro b/src/components/BackToTop.astro
index 934dfd2..76ed1ce 100644
--- a/src/components/BackToTop.astro
+++ b/src/components/BackToTop.astro
@@ -3,7 +3,7 @@
 ---
 <button
   type="button"
-  class="btn btn-info p-2 rounded-circle"
+  class="btn btn-light p-2 rounded-squircle"
   aria-label="Back to Top"
   aria-hidden="true"
   id="btn-back-to-top"
diff --git a/src/components/CardGrid.astro b/src/components/CardGrid.astro
index 36eb7f0..e0b5f75 100644
--- a/src/components/CardGrid.astro
+++ b/src/components/CardGrid.astro
@@ -1,6 +1,7 @@
 ---
 import BackToTop from "./BackToTop.astro"
 ---
+<div class="container-fluid container-sm mt-3">
 <div class="row mb-4">
     <div class="col-md-2">
         <div class="h5 d-none">Inventory management placeholder</div>
@@ -43,17 +44,150 @@ import BackToTop from "./BackToTop.astro"
 </button>
 
 <BackToTop />
-
-<!-- <script src="src/assets/js/holofoil-init.js" is:inline></script> -->
+</div>
 
 <script is:inline>
 (function () {
 
+  // ── Price mode helpers ────────────────────────────────────────────────────
+  // marketPriceByCondition is injected into the modal HTML via a data attribute
+  // on #inventoryEntryList: data-market-prices='{"Near Mint":6.00,...}'
+  // See card-modal.astro for where this is set.
+
+  function getMarketPrices(form) {
+    const listEl = form.closest('.tab-pane')?.querySelector('#inventoryEntryList')
+      ?? document.getElementById('inventoryEntryList');
+    try {
+      return JSON.parse(listEl?.dataset.marketPrices || '{}');
+    } catch {
+      return {};
+    }
+  }
+
+  function applyPriceModeUI(form, mode) {
+    const priceInput  = form.querySelector('#purchasePrice');
+    const pricePrefix = form.querySelector('#pricePrefix');
+    const priceSuffix = form.querySelector('#priceSuffix');
+    const priceHint   = form.querySelector('#priceHint');
+    if (!priceInput) return;
+
+    const isPct = mode === 'percent';
+    pricePrefix?.classList.toggle('d-none', isPct);
+    priceSuffix?.classList.toggle('d-none', !isPct);
+    priceInput.step        = isPct ? '1'    : '0.01';
+    priceInput.max         = isPct ? '100'  : '';
+    priceInput.placeholder = isPct ? '0'    : '0.00';
+    priceInput.classList.toggle('rounded-end',   !isPct);
+    priceInput.classList.toggle('rounded-start',  isPct);
+
+    if (priceHint && !isPct) priceHint.textContent = 'Enter the purchase price.';
+  }
+
+  function updatePriceHint(form) {
+    const priceInput = form.querySelector('#purchasePrice');
+    const priceHint  = form.querySelector('#priceHint');
+    if (!priceInput || !priceHint) return;
+
+    const mode = form.querySelector('input[name="priceMode"]:checked')?.value ?? 'dollar';
+    if (mode !== 'percent') { priceHint.textContent = 'Enter the purchase price.'; return; }
+
+    const condition   = form.querySelector('input[name="condition"]:checked')?.value ?? 'Near Mint';
+    const prices      = getMarketPrices(form);
+    const marketPrice = prices[condition] ?? 0;
+    const pct         = parseFloat(priceInput.value) || 0;
+    const resolved    = ((pct / 100) * marketPrice).toFixed(2);
+    priceHint.textContent = marketPrice
+      ? `= $${resolved} (${pct}% of $${marketPrice.toFixed(2)} market)`
+      : 'No market price available for this condition.';
+  }
+
+  function resolveFormPrice(form) {
+    // Returns a FormData ready to POST; % is converted to $ in-place.
+    const data = new FormData(form);
+    const mode = data.get('priceMode');
+    if (mode === 'percent') {
+      const condition   = data.get('condition');
+      const prices      = getMarketPrices(form);
+      const marketPrice = prices[condition] ?? 0;
+      const pct         = parseFloat(data.get('purchasePrice')) || 0;
+      data.set('purchasePrice', ((pct / 100) * marketPrice).toFixed(2));
+    }
+    data.delete('priceMode'); // UI-only field
+    return data;
+  }
+
+  // ── Empty state helper ────────────────────────────────────────────────────
+  function syncEmptyState(invList) {
+    const emptyState = document.getElementById('inventoryEmptyState');
+    if (!emptyState) return;
+    const hasEntries = invList.querySelector('[data-inventory-id]') !== null;
+    emptyState.classList.toggle('d-none', hasEntries);
+  }
+
+  // ── Inventory form init (binding price-mode UI events) ───────────────────
+  function initInventoryForms(root = document) {
+    // Fetch inventory entries for this card
+    const invList = root.querySelector('#inventoryEntryList') || document.getElementById('inventoryEntryList');
+    if (invList && !invList.dataset.inventoryFetched) {
+      invList.dataset.inventoryFetched = 'true';
+      const cardId = invList.dataset.cardId;
+      if (cardId) {
+        const body = new FormData();
+        body.append('cardId', cardId);
+        fetch('/api/inventory', { method: 'POST', body })
+          .then(r => r.text())
+          .then(html => {
+            invList.innerHTML = html || '';
+            syncEmptyState(invList);
+          })
+          .catch(() => { invList.innerHTML = '<span class="text-danger">Failed to load inventory</span>'; });
+      }
+    }
+
+    const forms = root.querySelectorAll('[data-inventory-form]');
+
+    forms.forEach((form) => {
+      if (form.dataset.inventoryBound === 'true') return;
+      form.dataset.inventoryBound = 'true';
+
+      const priceInput  = form.querySelector('#purchasePrice');
+      const modeInputs  = form.querySelectorAll('input[name="priceMode"]');
+      const condInputs  = form.querySelectorAll('input[name="condition"]');
+
+      // Set initial UI state
+      const checkedMode = form.querySelector('input[name="priceMode"]:checked')?.value ?? 'dollar';
+      applyPriceModeUI(form, checkedMode);
+
+      // Mode toggle
+      modeInputs.forEach((input) => {
+        input.addEventListener('change', () => {
+          if (priceInput) priceInput.value = ''; // clear stale value on mode switch
+          applyPriceModeUI(form, input.value);
+          updatePriceHint(form);
+        });
+      });
+
+      // Condition change updates the hint when in % mode
+      condInputs.forEach((input) => {
+        input.addEventListener('change', () => updatePriceHint(form));
+      });
+
+      // Live hint as user types
+      priceInput?.addEventListener('input', () => updatePriceHint(form));
+
+      // Reset — restore to $ mode
+      form.addEventListener('reset', () => {
+        setTimeout(() => {
+          applyPriceModeUI(form, 'dollar');
+          updatePriceHint(form);
+        }, 0);
+      });
+    });
+  }
+
   // ── Sort dropdown ─────────────────────────────────────────────────────────
   document.addEventListener('click', (e) => {
-    const sortBy = document.getElementById('sortBy');
-
-    const btn = e.target.closest('#sortBy [data-bs-toggle="dropdown"]');
+    const btn = e.target.closest('#sortBy [data-toggle="sort-dropdown"]');
     if (btn) {
       e.preventDefault();
       e.stopPropagation();
@@ -121,7 +255,6 @@ import BackToTop from "./BackToTop.astro"
       canvas.width = img.naturalWidth;
       canvas.height = img.naturalHeight;
 
-      // Load with crossOrigin so toBlob() stays untainted
       await new Promise((resolve) => {
         const clean = new Image();
         clean.crossOrigin = 'anonymous';
@@ -183,6 +316,20 @@ import BackToTop from "./BackToTop.astro"
     }, 2000);
   }
 
+  // ── Tab switching helper ──────────────────────────────────────────────────
+  function switchToRequestedTab() {
+    const tab = sessionStorage.getItem('openModalTab');
+    if (!tab) return;
+    sessionStorage.removeItem('openModalTab');
+    requestAnimationFrame(() => {
+      try {
+        const tabEl = document.querySelector(`#cardModal [data-bs-target="#${tab}"]`);
+        if (tabEl) bootstrap.Tab.getOrCreateInstance(tabEl).show();
+      } catch (e) {
+      }
+    });
+  }
+
   // ── State ─────────────────────────────────────────────────────────────────
   const cardIndex = [];
   let currentCardId = null;
@@ -270,10 +417,17 @@ import BackToTop from "./BackToTop.astro"
 
       if (modal._reconnectChartObserver) modal._reconnectChartObserver();
 
+      modal.querySelectorAll('[data-bs-toggle="tab"]').forEach(el => {
+        bootstrap.Tab.getInstance(el)?.dispose();
+      });
+
       modal.innerHTML = html;
+
       if (typeof htmx !== 'undefined') htmx.process(modal);
+      initInventoryForms(modal);
       updateNavButtons(modal);
       initChartAfterSwap(modal);
+      switchToRequestedTab();
     };
 
     if (document.startViewTransition && direction) {
@@ -358,8 +512,14 @@ import BackToTop from "./BackToTop.astro"
 
         if (target._reconnectChartObserver) target._reconnectChartObserver();
 
+        target.querySelectorAll('[data-bs-toggle="tab"]').forEach(el => {
+          bootstrap.Tab.getInstance(el)?.dispose();
+        });
+
         target.innerHTML = html;
+
         if (typeof htmx !== 'undefined') htmx.process(target);
+        initInventoryForms(target);
 
         const destImg = target.querySelector('img.card-image');
         if (destImg) {
@@ -376,6 +536,7 @@ import BackToTop from "./BackToTop.astro"
       await transition.finished;
       updateNavButtons(target);
       initChartAfterSwap(target);
+      switchToRequestedTab();
 
     } catch (err) {
       console.error('[card-modal] transition failed:', err);
@@ -391,18 +552,122 @@ import BackToTop from "./BackToTop.astro"
   });
 
   const cardModal = document.getElementById('cardModal');
+
+  // ── Delegated submit handler for inventory form ──────────────────────────
+  cardModal.addEventListener('submit', async (e) => {
+    const form = e.target.closest('[data-inventory-form]');
+    if (!form) return;
+    e.preventDefault();
+
+    if (!form.checkValidity()) { form.classList.add('was-validated'); return; }
+
+    const cardId = form.closest('[data-card-id]')?.dataset.cardId;
+    if (!cardId) return;
+
+    const submitBtn = form.querySelector('button[type="submit"]');
+    if (submitBtn) { submitBtn.disabled = true; submitBtn.textContent = 'Saving…'; }
+
+    // resolveFormPrice converts % → $ and strips priceMode before POSTing
+    const body = resolveFormPrice(form);
+    body.append('action', 'add');
+    body.append('cardId', cardId);
+
+    try {
+      const res = await fetch('/api/inventory', { method: 'POST', body });
+      const html = await res.text();
+      const invList = document.getElementById('inventoryEntryList');
+      if (invList) {
+        invList.innerHTML = html || '';
+        syncEmptyState(invList);
+      }
+      form.reset();
+      form.classList.remove('was-validated');
+      // reset fires our listener which restores $ mode UI
+    } catch {
+      // keep current inventory list state
+    } finally {
+      if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = 'Save to inventory'; }
+    }
+  });
+
+  // ── Delegated click handler for inventory entry buttons ─────────────────
+  cardModal.addEventListener('click', async (e) => {
+    const btn = e.target.closest('[data-inv-action]');
+    if (!btn) return;
+
+    const article = btn.closest('[data-inventory-id]');
+    if (!article) return;
+
+    const action = btn.dataset.invAction;
+    const inventoryId = article.dataset.inventoryId;
+    const cardId = article.dataset.cardId;
+    const qtyEl = article.querySelector('[data-inv-qty]');
+    let qty = Number(qtyEl?.textContent) || 1;
+
+    if (action === 'increment') {
+      qtyEl.textContent = ++qty;
+      return;
+    }
+
+    if (action === 'decrement') {
+      if (qty > 1) qtyEl.textContent = --qty;
+      return;
+    }
+
+    // update or remove — POST to API and reload inventory list
+    btn.disabled = true;
+    const body = new FormData();
+    body.append('cardId', cardId);
+
+    if (action === 'update') {
+      body.append('action', 'update');
+      body.append('inventoryId', inventoryId);
+      body.append('quantity', String(qty));
+      body.append('purchasePrice', article.dataset.purchasePrice);
+      body.append('note', article.dataset.note || '');
+    } else if (action === 'remove') {
+      body.append('action', 'remove');
+      body.append('inventoryId', inventoryId);
+    }
+
+    try {
+      const res = await fetch('/api/inventory', { method: 'POST', body });
+      const html = await res.text();
+      const invList = document.getElementById('inventoryEntryList');
+      if (invList) {
+        invList.innerHTML = html || '';
+        syncEmptyState(invList);
+      }
+    } catch {
+      // keep current state
+    } finally {
+      btn.disabled = false;
+    }
+  });
+
   cardModal.addEventListener('shown.bs.modal', () => {
     updateNavButtons(cardModal);
     initChartAfterSwap(cardModal);
+    initInventoryForms(cardModal);
+    switchToRequestedTab();
   });
+
   cardModal.addEventListener('hidden.bs.modal', () => {
     currentCardId = null;
     updateNavButtons(null);
   });
 
-  // ── AdSense re-init on infinite scroll ───────────────────────────────────
-  document.addEventListener('htmx:afterSwap', () => {
-    (window.adsbygoogle = window.adsbygoogle || []).push({});
+  document.addEventListener('DOMContentLoaded', () => {
+    initInventoryForms();
+
+    const pending = sessionStorage.getItem('pendingSearch');
+    if (pending) {
+        sessionStorage.removeItem('pendingSearch');
+        const input = document.getElementById('searchInput');
+        if (input) input.value = pending;
+        // The form's hx-trigger="load" will fire automatically on page load,
+        // picking up the pre-populated input value — no manual trigger needed.
+    }
   });
 
 })();
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 6d8402a..ce26ff9 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,18 +1,33 @@
 ---
-
+import logo from "/src/svg/logo/rat_light.svg?raw";
 ---
-<footer class="bd-footer py-4 py-md-5 mt-0 bg-body-tertiary">
-    <div class="container py-4 py-md-5 px-4 px-md-3 text-body-secondary">
-        <div class="row justify-content-end">
-            <div class="col mb-3">
-                <a class="btn btn-outline-success rounded p-2 float-end" href="/contact">
-                    Contact Us
-                    <svg aria-hidden="true" class="nav-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
-                        <path opacity=".25" d="M112 176L404 176C411.9 206.7 431 233 456.6 250.2L320 353.9L112 196.1L112 176zM112 256.3L305.5 403.1L320 414.1L334.5 403.1L509.2 270.6C515.3 271.5 521.6 272 528 272L528 464L112 464L112 256.3z"/>
-                        <path d="M528 64C572.2 64 608 99.8 608 144C608 188.2 572.2 224 528 224C483.8 224 448 188.2 448 144C448 99.8 483.8 64 528 64zM88 128L401 128C400.3 133.2 400 138.6 400 144C400 155 401.4 165.8 404 176L112 176L112 196.1L320 353.9L456.6 250.3C472.1 260.7 489.9 267.8 509.2 270.7L334.5 403.2L320 414.2L305.5 403.2L112 256.4L112 464.1L528 464.1L528 272.1C545 272.1 561.2 268.8 576 262.8L576 512.1L64 512.1L64 128.1L88 128.1z"/>
-                    </svg>
-                </a>
-            </div>
+  <footer class="footer py-5 border-top border-subtle" role="contentinfo">
+    <div class="container">
+      <div class="row g-4 mb-4">
+        <div class="col-md-4">
+          <a href="/" class="d-inline-block mb-3" aria-label="RAT home">
+          <span set:html={logo} class="logo-svg d-flex" style="--logo-width: 8rem;"></span>
+          </a>
+          <p class="text-body-secondary small">Real. Accurate. Transparent. Pokémon card price tracker for collectors who want to buy, sell, and trade with confidence.</p>
         </div>
+        <nav class="col-md-2 ms-md-auto" aria-label="Tools">
+          <h3 class="h6 fw-semibold text-body-emphasis mb-3">Tools</h3>
+          <ul class="list-unstyled small text-body-secondary">
+            <li class="mb-2"><a href="/pokemon" class="text-body-secondary text-decoration-none hover-white">Browse Cards</a></li>
+            <li class="mb-2"><span class="text-body-tertiary">Inventory/Collection Tracker <em>(soon)</em></span></li>
+          </ul>
+        </nav>
+        <nav class="col-md-2" aria-label="Company">
+          <h3 class="h6 fw-semibold text-body-emphasis mb-3">Company</h3>
+          <ul class="list-unstyled small text-body-secondary">
+            <li class="mb-2"><a href="https://www.route301cards.com/" class="text-body-secondary text-decoration-none hover-white">About</a></li>
+            <li class="mb-2"><a href="/privacy" class="text-body-secondary text-decoration-none hover-white">Terms and Privacy</a></li>
+          </ul>
+        </nav>
+      </div>
+      <div class="d-flex flex-wrap justify-content-between align-items-center pt-4 border-top border-subtle">
+        <p class="text-body-tertiary small mb-0">© {new Date().getFullYear()} RAT. Not affiliated with Nintendo, The Pokémon Company, or their affiliates.</p>
+        <p class="text-body-tertiary small mb-0">Pokémon and all related names are trademarks of Nintendo / Creatures Inc. / GAME FREAK inc.</p>
+      </div>
     </div>
-</footer>
\ No newline at end of file
+  </footer>
\ No newline at end of file
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
new file mode 100644
index 0000000..7d6d935
--- /dev/null
+++ b/src/components/Hero.astro
@@ -0,0 +1,90 @@
+---
+import { SignInButton, Show } from '@clerk/astro/components'
+import type { sign } from 'node:crypto'
+---
+  <!-- ═══════════════════════════════════════════
+       HERO
+  ═══════════════════════════════════════════ -->
+  <div class="hero position-relative overflow-hidden">
+    <div class="hero-bg" aria-hidden="true"></div>
+    <div class="container py-5 py-md-6 position-relative">
+      <div class="row align-items-center g-5">
+        <div class="col-12 col-xl-6">
+          <p class="eyebrow text-purple-light mb-3">Pokémon Card Price Aggregator</p>
+          <h1 class="display-4 fw-bold lh-sm mb-4">
+            The home of</br>
+            <span class="text-gradient">Real. Accurate. Transparent.</span><br/>
+            pricing data.
+          </h1>
+          <p class="lead text-body-secondary mb-4 pe-lg-4">
+            Real-time prices across the Pokémon trading card game. See prices for all conditions at a glance — no spreadsheets, no guesswork.
+          </p>
+          <div class="d-flex flex-wrap gap-3">
+            <Show when="signed-out">
+              <SignInButton asChild mode="modal">
+                <button class="btn btn-purple btn-lg px-4">
+                  Get Started Free
+                </button>
+              </SignInButton>
+            </Show>
+            <Show when="signed-in">
+              <SignInButton asChild mode="modal">
+                <a href="/pokemon" class="btn btn-outline-light btn-lg px-4">Browse Cards</a>
+              </SignInButton>
+            </Show>            
+          </div>
+          <p class="mt-3 text-body-tertiary small d-none">Free forever. No credit card required.</p>
+        </div>
+
+        <div class="col-xl-6 d-none d-xl-block" aria-hidden="true">
+          <div class="hero-cards-mockup">
+            <div class="mockup-card mockup-card--1 shadow-lg rounded-4">
+              <img class="img-fluid" src="/static/cards/124125.jpg" alt="Sample Pokémon Card" />
+            </div>
+            <div class="mockup-card mockup-card--2 shadow-lg rounded-4">
+              <img class="img-fluid" src="/static/cards/88875.jpg" alt="Sample Pokémon Card" />
+            </div>
+            <div class="mockup-card mockup-card--3 shadow-lg rounded-4">
+              <img class="img-fluid" src="/static/cards/567429.jpg" alt="Sample Pokémon Card" />
+            </div>
+            <div class="price-chip price-chip--nm">NM <strong>$114.99</strong></div>
+            <div class="price-chip price-chip--lp">LP <strong>$85.66</strong></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <script is:inline>
+  // Your product image IDs
+  const productImages = [
+    "124125.jpg",
+    "88875.jpg",
+    "567429.jpg",
+    "88788.jpg",
+    "88789.jpg",
+    "88996.jpg",
+    "88997.jpg",
+    "189659.jpg",
+    "86745.jpg",
+    "517025.jpg",
+    "86911.jpg",
+    "87456.jpg",
+    "246733.jpg",
+    "567418.jpg",
+    "613917.jpg",
+  ];
+
+  function getRandomImages(arr, count) {
+    const shuffled = [...arr].sort(() => 0.5 - Math.random());
+    return shuffled.slice(0, count);
+  }
+
+  const images = document.querySelectorAll(".mockup-card img");
+
+  const selectedImages = getRandomImages(productImages, images.length);
+
+  images.forEach((img, index) => {
+    img.src = `/static/cards/${selectedImages[index]}`;
+  });
+</script>
\ No newline at end of file
diff --git a/src/components/InventoryTable.astro b/src/components/InventoryTable.astro
new file mode 100644
index 0000000..c8b9a1e
--- /dev/null
+++ b/src/components/InventoryTable.astro
@@ -0,0 +1,37 @@
+---
+const mockInventory = [
+  { name: "Charizard", set: "Base Set", condition: "NM", qty: 2, price: 350, market: 400, gain: 50 },
+  { name: "Pikachu", set: "Shining Legends", condition: "LP", qty: 5, price: 15, market: 20, gain: 5 },
+];
+---
+
+<div class="table-responsive">
+  <table class="table table-dark table-striped table-hover align-middle">
+    <thead>
+      <tr>
+        <th>Card</th>
+        <th>Set</th>
+        <th>Condition</th>
+        <th>Qty</th>
+        <th>Price</th>
+        <th>Market</th>
+        <th>Gain/Loss</th>
+      </tr>
+    </thead>
+    <tbody>
+      {mockInventory.map(card => (
+        <tr>
+          <td>{card.name}</td>
+          <td>{card.set}</td>
+          <td>{card.condition}</td>
+          <td>{card.qty}</td>
+          <td>${card.price}</td>
+          <td>${card.market}</td>
+          <td class={card.gain >= 0 ? "text-success" : "text-danger"}>
+            {card.gain >= 0 ? "+" : "-"}${Math.abs(card.gain)}
+          </td>
+        </tr>
+      ))}
+    </tbody>
+  </table>
+</div>
\ No newline at end of file
diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro
index 52fbba4..6062831 100644
--- a/src/components/NavBar.astro
+++ b/src/components/NavBar.astro
@@ -1,12 +1,36 @@
 ---
-
+import { UserButton, SignInButton, Show } from '@clerk/astro/components'
+import logo from "/src/svg/logo/rat_light.svg?raw";
 ---
-<nav class="navbar navbar-expand sticky-top bg-dark" data-bs-theme="dark" aria-label="Main navigation">
-  <div class="container">
-    <a class="navbar-brand d-flex" href="/">
-      <span class="h3 d-none d-md-flex">Rigid's App Thing</span><span aria-hidden="true" class="h3 d-md-none d-flex m-auto">RAT</span>
+<nav class="navbar sticky-top bg-dark shadow" data-bs-theme="dark" aria-label="Main navigation">
+  <div class="container align-items-center" id="navContainer">
+    <a class="navbar-brand" href="/">
+      <span set:html={logo} class="logo-svg d-flex"></span>
     </a>
-    <slot name="navItems"/>
-    <slot name="searchInput"/>
+    <div class="d-flex d-md-none nav-user-btn" id="navUserBtn">
+      <Show when="signed-in">
+        <UserButton afterSignOutUrl="/" showName={false} />
+      </Show>
+      <Show when="signed-out">
+        <SignInButton asChild mode="modal">
+          <button class="btn btn-light">Sign In</button>
+        </SignInButton>
+      </Show>
+      <slot name="navItems"/>      
+    </div>
+    <div class="d-flex flex-column-reverse flex-md-row search-container" id="searchContainer">
+      <slot name="searchInput"/>
+      <div class="d-none d-md-flex ms-4 nav-user-btn">
+        <Show when="signed-in">
+          <UserButton afterSignOutUrl="/" showName={false} />
+        </Show>
+        <Show when="signed-out">
+          <SignInButton asChild mode="modal">
+            <button class="btn btn-light">Sign In</button>
+          </SignInButton>
+        </Show>
+        <slot name="navItems"/>
+      </div>
+    </div>
   </div>
 </nav>
\ No newline at end of file
diff --git a/src/components/NavItems.astro b/src/components/NavItems.astro
index 23cc1e0..8fa0c8a 100644
--- a/src/components/NavItems.astro
+++ b/src/components/NavItems.astro
@@ -1,16 +1,46 @@
 ---
+---
+<button
+  class="navbar-toggler ms-4 p-1 btn btn-purple border-0"
+  type="button"
+  data-bs-toggle="offcanvas"
+  data-bs-target="#navOffcanvas"
+  aria-controls="navOffcanvas"
+  aria-label="Toggle navigation"
+>
+  <span class="navbar-toggler-icon"></span>
+</button>
 
----
-<div class="navbar-collapse" id="navbarNav" aria-labelledby="navbarToggler">
-  <ul class="navbar-nav ms-auto">
-    <li class="nav-item d-flex">
-      <a class="nav-link btn btn-warning rounded p-2" href="/pokemon" aria-label="Cards">
-        <span class="d-inline-block d-md-none" aria-hidden="true">Cards</span>
-        <svg aria-hidden="true" class="nav-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
-          <path opacity=".4" d="M256 519.9L256 576L576 576L576 128L378.8 128C408.7 239.7 438.6 351.3 468.5 463C397.7 482 326.8 501 256 519.9z"/>
-          <path d="M43.5 113L352.6 30.2L468.6 462.9L159.5 545.7z"/>
-        </svg>
-      </a>
-    </li>
-  </ul>
-</div>
\ No newline at end of file
+<div
+  id="navOffcanvasWrapper"
+  data-bs-theme="dark"
+>
+  <div
+    class="offcanvas offcanvas-end"
+    tabindex="-1"
+    id="navOffcanvas"
+    aria-labelledby="navOffcanvasLabel"
+  >
+    <div class="offcanvas-header">
+      <h5 class="offcanvas-title" id="navOffcanvasLabel">Menu</h5>
+      <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+    </div>
+    <div class="offcanvas-body px-3 pt-0">
+      <ul class="navbar-nav">
+        <li class="nav-item">
+          <a class="nav-link py-3 border-bottom border-secondary" href="/pokemon">Browse Cards</a>
+        </li>
+        <!--<li class="nav-item">
+          <a class="nav-link py-3" href="/dashboard">Dashboard</a>
+        </li> -->
+      </ul>
+    </div>
+  </div>
+</div>
+
+<script is:inline>
+  document.addEventListener('DOMContentLoaded', () => {
+    const wrapper = document.getElementById('navOffcanvasWrapper');
+    if (wrapper) document.body.appendChild(wrapper);
+  });
+</script>
\ No newline at end of file
diff --git a/src/components/Search.astro b/src/components/Search.astro
index 457e8dd..afb516b 100644
--- a/src/components/Search.astro
+++ b/src/components/Search.astro
@@ -8,7 +8,6 @@ import { Show } from '@clerk/astro/components'
             const val = Number(start.value) || 0;
             start.value = (val + 20).toString();
         }
-        // delete the triggering element
         if (e && e.detail && e.detail.elt) {
             e.detail.elt.remove();
         }
@@ -26,21 +25,47 @@ import { Show } from '@clerk/astro/components'
 </script>
 
 <Show when="signed-in">
-    <form class="d-flex ms-2 align-items-center gap-2" role="search" id="searchform" hx-post="/partials/cards" hx-target="#cardGrid" hx-trigger="load, submit" hx-vals='{"start":"0"}' hx-on--after-request="afterUpdate()" hx-on--before-request="beforeSearch()">
-        <a class="btn btn-secondary btn-lg" data-bs-toggle="offcanvas" href="#filterBar" role="button" aria-controls="filterBar" aria-label="filter">
-            <span class="d-block d-md-none filter-icon py-2">
-                <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path opacity=".4" d="M96 160L283.3 347.3C286.3 350.3 288 354.4 288 358.6L288 480L352 544L352 358.6C352 354.4 353.7 350.3 356.7 347.3L544 160L96 160z"/><path d="M66.4 147.8C71.4 135.8 83.1 128 96 128L544 128C556.9 128 568.6 135.8 573.6 147.8C578.6 159.8 575.8 173.5 566.7 182.7L384 365.3L384 544C384 556.9 376.2 568.6 364.2 573.6C352.2 578.6 338.5 575.8 329.3 566.7L265.3 502.7C259.3 496.7 255.9 488.6 255.9 480.1L256 365.3L73.4 182.6C64.2 173.5 61.5 159.7 66.4 147.8zM544 160L96 160L283.3 347.3C286.3 350.3 288 354.4 288 358.6L288 480L352 544L352 358.6C352 354.4 353.7 350.3 356.7 347.3L544 160z"/></svg>
-            </span>
-            <span class="d-none d-md-block">Filters</span>
-        </a>
-
+    <form
+        class="d-flex align-items-center"
+        role="search"
+        id="searchform"
+        hx-post="/partials/cards"
+        hx-target="#cardGrid"
+        hx-trigger="load, submit"
+        hx-vals='{"start":"0"}'
+        hx-on--after-request="afterUpdate()"
+        hx-on--before-request="beforeSearch()"
+    >
         <div class="input-group">
+            {Astro.url.pathname === '/pokemon' && (
+                <a class="btn btn-purple" data-bs-toggle="offcanvas" href="#filterBar" type="button" role="button" aria-controls="filterBar" aria-label="filter">
+                    <span class="d-block d-md-none filter-icon py-2">
+                        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M528.8 96.3C558.6 90.8 571.2 118.9 568.9 142.2C572.3 173.4 570.8 207 553.9 230.8C513.9 283.2 459.3 315.9 414.3 364.3C414.9 418.3 419.8 459.8 423.6 511.2C427.6 552.4 388.7 586.8 346.6 570.1C303.2 550.5 259.4 527.5 230.4 493.3C217 453.1 225.9 407.5 222.2 365.3C222.2 365.3 222.1 365.1 222 365C151.4 319.6 59.3 250.9 61 158.4C59.9 121 91.8 96.1 123.8 96.5C259.3 98.5 394.1 104.4 528.8 96.3zM506.1 161.4C378.3 168.2 252 162.1 125.2 160.5C128.6 227 199 270.8 250 306.8C305.5 335.4 281.6 410.5 288.3 461.7C310.8 478.9 334.6 494.6 358.9 505.8C355.4 458 350.7 415.4 350.2 364.6C349.9 349.2 355.3 333.7 366.5 321.7C384.3 302.6 402.8 287.8 421.5 270.1C446.1 245.2 477.9 225.1 499.7 196.7C509 182.2 504.7 174.5 506 161.5z"/></svg>
+                    </span>
+                    <span class="d-none d-md-block fw-medium">Filters</span>
+                </a>
+            )}
             <input type="hidden" name="start" id="start" value="0" />
             <input type="hidden" name="sort" id="sortInput" value="" />
             <input type="hidden" name="language" id="languageInput" value="all" />
-            <input type="search" name="q" class="form-control form-control-lg" placeholder="Search cards..." />
-            <button type="submit" class="btn btn-danger btn-lg border border-danger-subtle border-start-0" aria-label="search" value="" onclick="const q = this.closest('form').querySelector('[name=q]').value; dataLayer.push({ event: 'view_search_results', search_term: q });">
-                <svg aria-hidden="true" class="search-button d-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M432 272C432 183.6 360.4 112 272 112C183.6 112 112 183.6 112 272C112 360.4 183.6 432 272 432C360.4 432 432 360.4 432 272zM401.1 435.1C365.7 463.2 320.8 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272C480 320.8 463.2 365.7 435.1 401.1L569 535C578.4 544.4 578.4 558.1 569 567.5C559.6 575.9 544.4 575.9 536 567.5L401.1 435.1z"/></svg>
+            <input type="search" name="q" id="searchInput" class="form-control search-input" placeholder="Search cards" />
+            <button
+                type="submit"
+                class="btn btn-purple border-start-0"
+                aria-label="search"
+                onclick="
+                    const q = this.closest('form').querySelector('[name=q]').value;
+                    dataLayer.push({ event: 'view_search_results', search_term: q });
+                    if (window.location.pathname !== '/pokemon') {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        sessionStorage.setItem('pendingSearch', q);
+                        window.location.href = '/pokemon';
+                    }
+                "
+            >
+                <svg aria-hidden="true" class="search-button d-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M503.7 304.9C520.3 80.3 214-44 100.9 169.4C-14.1 383.9 203.9 614.6 419.8 466.3C459.7 500.3 494.8 542.3 531.5 578.2C561.1 607.7 606.3 562.8 576.8 533L540 496.1C520.2 471.6 495.7 449.1 473.7 428.9C471.1 426.5 468.5 424.2 466 421.9C491.9 385.4 500.1 341 503.7 304.8zM236.1 129C334 92.1 452.1 198.1 440 298.6C440.5 404.9 335.6 462.2 244 445.8C99 407.1 100.3 178.9 236.2 129z"/></svg>
             </button>
         </div>
-    </form>
\ No newline at end of file
+    </form>
+</Show>
\ No newline at end of file
diff --git a/src/db/relations.ts b/src/db/relations.ts
index 218d423..867180c 100644
--- a/src/db/relations.ts
+++ b/src/db/relations.ts
@@ -21,6 +21,13 @@ export const relations = defineRelations(schema, (r) => ({
         }),
         history: r.many.priceHistory(),
         latestSales: r.many.salesHistory(),
+        inventories: r.many.inventory(),
+    },
+    inventory: {
+        sku: r.one.skus({
+            from: r.inventory.skuId,
+            to: r.skus.skuId,
+        }),
     },
     cards: {
         prices: r.many.skus(),
diff --git a/src/db/schema.ts b/src/db/schema.ts
index 5c16cc7..c634396 100644
--- a/src/db/schema.ts
+++ b/src/db/schema.ts
@@ -1,5 +1,5 @@
 //import { mysqlTable, int, varchar, boolean, decimal, datetime, index } from "drizzle-orm/mysql-core"
-import { integer, varchar, boolean, decimal, timestamp, index, pgSchema, uniqueIndex, primaryKey } from "drizzle-orm/pg-core";
+import { integer, varchar, boolean, decimal, timestamp, index, pgSchema, uuid, primaryKey } from "drizzle-orm/pg-core";
 
 export const pokeSchema = pgSchema("pokemon");
 
@@ -98,6 +98,7 @@ export const skus = pokeSchema.table('skus', {
 },
 (table) => [
 	index('idx_product_id_condition').on(table.productId, table.variant, table.condition),
+	index('idx_card_id_condition').on(table.cardId, table.condition),
 ]);
 
 export const priceHistory = pokeSchema.table('price_history', {
@@ -124,6 +125,20 @@ export const salesHistory = pokeSchema.table('sales_history',{
 	primaryKey({ name: 'pk_sales_history', columns: [table.skuId, table.orderDate] })
 ]);
 
+export const inventory = pokeSchema.table('inventory',{
+	inventoryId: uuid().primaryKey().notNull().defaultRandom(),
+	userId: varchar({ length: 100 }).notNull(),
+	catalogName: varchar({ length: 100 }),
+	skuId: integer().notNull(),
+	quantity: integer(),
+	purchasePrice: decimal({ precision: 10, scale: 2 }),
+	note: varchar({ length:255 }),
+	createdAt: timestamp().notNull().defaultNow(),
+},
+(table) => [
+	index('idx_userid_skuId').on(table.userId, table.skuId)
+]);
+
 export const processingSkus = pokeSchema.table('processing_skus', {
 	skuId: integer().primaryKey(),
 });
diff --git a/src/layouts/Main.astro b/src/layouts/Main.astro
index dfe03d6..dd9a5a0 100644
--- a/src/layouts/Main.astro
+++ b/src/layouts/Main.astro
@@ -1,5 +1,8 @@
 ---
 import '/src/assets/css/main.scss';
+import NavBar from '../components/NavBar.astro';
+import NavItems from '../components/NavItems.astro';
+import Search from '../components/Search.astro';
 const { title } = Astro.props;
 ---
 
@@ -26,18 +29,18 @@ const { title } = Astro.props;
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPQMZ4PL"
     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <!-- End Google Tag Manager (noscript) -->
-      <slot name="navbar"/>
+      <NavBar slot="navbar">
+        <NavItems slot="navItems" />
+        <Search slot="searchInput" />
+      </NavBar>
       <div class="wrapper">
         <div class="main">
-          <div class="container-fluid container-sm mt-4">
             <slot name="page"/>
-          </div>
         </div>
         <div class="footer">
           <slot name="footer"/>
         </div>
       </div>
-      
     <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.9/dist/chart.umd.min.js"></script>
     <script src="../assets/js/main.js"></script>
diff --git a/src/middleware.ts b/src/middleware.ts
index 5810867..9246b0d 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -1,45 +1,78 @@
 import { clerkMiddleware, createRouteMatcher, clerkClient } from '@clerk/astro/server';
+import type { MiddlewareNext } from 'astro';
+import 'dotenv/config';
+
+declare global {
+  namespace App {
+    interface Locals {
+      canAddInventory: boolean;
+    }
+  }
+}
 
 const isProtectedRoute = createRouteMatcher(['/pokemon']);
 const isAdminRoute = createRouteMatcher(['/admin']);
 
 const TARGET_ORG_ID = "org_3Baav9czkRLLlC7g89oJWqRRulK";
 
-export const onRequest = clerkMiddleware(async (auth, context) => {
-  const { isAuthenticated, userId, redirectToSignIn } = auth();
+export const onRequest = clerkMiddleware(async (auth, context, next) => {
+  const { isAuthenticated, userId, redirectToSignIn, has } = auth();
 
   if (!isAuthenticated && isProtectedRoute(context.request)) {
     return redirectToSignIn();
   }
 
+  // ── Inventory visibility check ──────────────────────────────────────────────
+  // Resolves to true if the user belongs to the target org OR has the feature
+  const canAddInventory = process.env.INVENTORY_ACCESS === 'true' ||
+    (
+      isAuthenticated &&
+      userId &&
+      (
+        !!has({ permission: "org:feature:inventory_add" }) ||   // Clerk feature flag
+        (await getUserOrgIds(context, userId)).includes(TARGET_ORG_ID)
+      )
+    );
+
+  // Expose the flag to your Astro pages via locals
+  context.locals.canAddInventory = Boolean(canAddInventory);
+
+  // ── Admin route guard ───────────────────────────────────────────
   if (isAdminRoute(context.request)) {
     if (!isAuthenticated || !userId) {
       return redirectToSignIn();
     }
 
     try {
-      const client = await clerkClient(context); // pass context here
+      const client = await clerkClient(context);
       const memberships = await client.organizations.getOrganizationMembershipList({
         organizationId: TARGET_ORG_ID,
       });
 
-      console.log("Total memberships found:", memberships.data.length);
-      console.log("Current userId:", userId);
-      console.log("Memberships:", JSON.stringify(memberships.data.map(m => ({
-        userId: m.publicUserData?.userId,
-        role: m.role,
-      })), null, 2));
-
       const userMembership = memberships.data.find(
         (m) => m.publicUserData?.userId === userId
       );
 
       if (!userMembership || userMembership.role !== "org:admin") {
-        return context.redirect("/");
+        return new Response(null, { status: 404 });
       }
     } catch (e) {
       console.error("Clerk membership check failed:", e);
       return context.redirect("/");
     }
   }
-});
\ No newline at end of file
+
+  return next();
+});
+
+// ── Helper: fetch all org IDs the current user belongs to ───────────────────
+async function getUserOrgIds(context: any, userId: string): Promise<string[]> {
+  try {
+    const client = await clerkClient(context);
+    const memberships = await client.users.getOrganizationMembershipList({ userId });
+    return memberships.data.map((m) => m.organization.id);
+  } catch (e) {
+    console.error("Failed to fetch user org memberships:", e);
+    return [];
+  }
+}
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 0fefd4c..d8d8fd0 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,7 +1,7 @@
 ---
 export const prerender = false;
 import Layout from '../layouts/Main.astro';
-import NavItems from '../components/NavItems.astro';
+import Search from '../components/Search.astro';
 import NavBar from '../components/NavBar.astro';
 import Footer from '../components/Footer.astro';
 import pokedexList from '../data/pokedex.json';
@@ -19,12 +19,10 @@ const pokemon = pokedexList.find(p => p["#"] === randomNumber);
 const pokemonName = pokemon?.Name || "Unknown Pokémon";
 ---
 <Layout title="404 - Page Not Found">
-    <NavBar slot="navbar">
-        <NavItems slot="navItems" />
-    </NavBar>
-    <div class="row mb-4" slot="page">
+    <div class="container-fluid container-sm mt-5" slot="page">
+    <div class="row mb-4">
         <div class="col-12 col-md-6">
-            <h1 class="mb-4">404<br/>Page Not Found</h1>
+            <h1 class="mb-4">404 - Page Not Found</h1>
             <h4>Sorry, the page you are looking for does not exist.</h4>
             <p class="copy-big my-4">
                 Return to the <a href="/">home page</a> or search for another <a href="/pokemon">Pokémon</a>.
@@ -67,7 +65,7 @@ const pokemonName = pokemon?.Name || "Unknown Pokémon";
                 >???</h3>
                 <button
                     id="play-again"
-                    class="btn btn-primary mt-3 opacity-0 pokemon-transition"
+                    class="btn btn-purple mt-3 opacity-0 pokemon-transition"
                     style="pointer-events: none;"
                     aria-hidden="true"
                 >
@@ -76,36 +74,11 @@ const pokemonName = pokemon?.Name || "Unknown Pokémon";
             </div>
         </div>
     </div>
+    </div>
 
     <Footer slot="footer" />
 </Layout>
 
-<style>
-  .pokemon-transition {
-    transition: opacity 0.4s ease;
-  }
-
-  .pokemon-clickable {
-    cursor: pointer;
-  }
-
-  .pokemon-clickable:focus-visible {
-    outline: 3px solid #ffc107;
-    outline-offset: 4px;
-    border-radius: 4px;
-  }
-
-  @keyframes pokemon-pulse {
-    0%, 100% { filter: brightness(0) drop-shadow(0 0 6px var(--bs-info-border-subtle)); }
-    50%       { filter: brightness(0) drop-shadow(0 0 18px var(--bs-info)); }
-  }
-
-  .masked-image {
-    filter: brightness(0);
-    animation: pokemon-pulse 2s ease-in-out infinite;
-  }
-</style>
-
 <script>
   const img = document.querySelector('.masked-image') as HTMLImageElement | null;
   const nameEl = document.querySelector('#pokemon-name');
diff --git a/src/pages/api/inventory.ts b/src/pages/api/inventory.ts
new file mode 100644
index 0000000..ee0d6a4
--- /dev/null
+++ b/src/pages/api/inventory.ts
@@ -0,0 +1,196 @@
+import type { APIRoute } from 'astro';
+import { db } from '../../db/index';
+import { inventory, priceHistory } from '../../db/schema';
+import { client } from '../../db/typesense';
+import { eq } from 'drizzle-orm';
+
+const GainLoss = (purchasePrice: any, marketPrice: any) => {
+    if (!purchasePrice || !marketPrice) return '<div class="fs-6 fw-semibold">N/A</div>';
+    const pp = Number(purchasePrice);
+    const mp = Number(marketPrice);
+    if (pp === mp) return '<div class="fs-6 fw-semibold text-warning">-</div>';
+    if (pp > mp) return `<div class="fs-6 fw-semibold text-danger">-$${(pp - mp).toFixed(2)}</div>`;
+    return `<div class="fs-6 fw-semibold text-success">+$${(mp - pp).toFixed(2)}</div>`;
+}
+const DollarToInt = (dollar: any) => {
+    if (dollar === null) return null;
+    return Math.round(dollar * 100);
+}
+
+const getInventory = async (userId: string, cardId: number) => {
+
+    const card = await db.query.cards.findFirst({
+        where: { cardId: cardId, },
+        with : { prices: {
+            with: { inventories: { where: { userId: userId } }, }
+        }, },
+    });
+
+    const invHtml = card?.prices?.flatMap(price => price.inventories.map(inv => {
+        const marketPrice = price.marketPrice;
+        const marketPriceDisplay = marketPrice ? `$${marketPrice}` : '—';
+        const purchasePriceDisplay = inv.purchasePrice ? `$${Number(inv.purchasePrice).toFixed(2)}` : '—';
+
+        return `
+        <article class="border rounded-4 p-2 inventory-entry-card"
+            data-inventory-id="${inv.inventoryId}"
+            data-card-id="${price.cardId}"
+            data-purchase-price="${inv.purchasePrice}"
+            data-note="${(inv.note || '').replace(/"/g, '&quot;')}">
+            <div class="d-flex flex-column">
+                <!-- Top row -->
+                <div class="d-flex justify-content-between gap-3">
+                    <div class="min-w-0 flex-grow-1">
+                        <div class="fw-semibold fs-6 text-body mb-1">${price.condition}</div>
+                    </div>
+                    <div class="fs-7 text-secondary">Added: ${inv.createdAt ? new Date(inv.createdAt).toLocaleDateString() : '—'}</div>
+                </div>
+                <!-- Middle row -->
+                <div class="row g-2">
+                    <div class="col-4">
+                        <div class="small text-secondary">Purchase price</div>
+                        <div class="fs-6 fw-semibold">${purchasePriceDisplay}</div>
+                    </div>
+                    <div class="col-4">
+                        <div class="small text-secondary">Market price</div>
+                        <div class="fs-6 text-success">${marketPriceDisplay}</div>
+                    </div>
+                    <div class="col-4">
+                        <div class="small text-secondary">Gain / loss</div>
+                        ${GainLoss(inv.purchasePrice, marketPrice)}
+                    </div>
+                </div>
+                <!-- Bottom row -->
+                <div class="d-flex justify-content-between align-items-center gap-3 flex-wrap mt-2">
+                    <div class="d-flex align-items-center gap-2">
+                        <span class="small text-secondary">Qty</span>
+                        <div class="btn-group" role="group" aria-label="Quantity controls">
+                            <button type="button" class="btn btn-outline-secondary btn-sm" data-inv-action="decrement">−</button>
+                            <button type="button" class="btn btn-outline-secondary btn-sm" tabindex="-1" data-inv-qty>${inv.quantity}</button>
+                            <button type="button" class="btn btn-outline-secondary btn-sm" data-inv-action="increment">+</button>
+                        </div>
+                    </div>
+                    <div class="d-flex align-items-center gap-2 flex-wrap">
+                        <!-- <button type="button" class="btn btn-sm btn-outline-secondary" data-inv-action="update">Edit</button> -->
+                        <button type="button" class="btn btn-sm btn-outline-danger" data-inv-action="remove" onclick="if(!confirm('Are you sure you want to remove this card from your inventory?')) event.stopImmediatePropagation();">Remove</button>
+                    </div>
+                </div>
+            </div>
+        </article>`;
+    })) || [];
+
+    return new Response(
+        invHtml.join(''),
+        {
+            status: 200,
+            headers: { 'Content-Type': 'text/html' },
+        }
+    );
+}
+
+
+const addToInventory = async (userId: string, cardId: number, skuId: number, purchasePrice: number, quantity: number, note: string, catalogName: string) => {
+    // First add to database
+    const inv = await db.insert(inventory).values({
+        userId: userId,
+        skuId: skuId,
+        catalogName: catalogName,
+        purchasePrice: purchasePrice.toFixed(2),
+        quantity: quantity,
+        note: note,
+    }).returning();
+    // Get card details from the database to add to Typesense
+    const card = await db.query.cards.findFirst({
+        where: { cardId: cardId },
+        with: { set: true },
+    });
+
+    try {
+    // And then add to Typesense for searching
+    await client.collections('inventories').documents().import(inv.map(i => ({
+        id: i.inventoryId,
+        userId: i.userId,
+        catalogName: i.catalogName,
+        sku_id: i.skuId.toString(),
+        purchasePrice: DollarToInt(i.purchasePrice),
+        productLineName: card?.productLineName,
+        rarityName: card?.rarityName,
+        setName: card?.set?.setName || "",
+        cardType: card?.cardType || "",
+        energyType: card?.energyType || "",
+        card_id: card?.cardId.toString() || "",
+        content: [
+            card?.productName, 
+            card?.productLineName, 
+            card?.set?.setName || "", 
+            card?.number, 
+            card?.rarityName, 
+            card?.artist || ""
+        ].join(' '),
+    })));
+    } catch (error) {
+        console.error('Error adding inventory to Typesense:', error);
+    }
+}
+
+const removeFromInventory = async (inventoryId: string) => {
+    await db.delete(inventory).where(eq(inventory.inventoryId, inventoryId));
+    await client.collections('inventories').documents(inventoryId).delete();
+}
+
+const updateInventory = async (inventoryId: string, quantity: number, purchasePrice: number, note: string) => {
+    // Update the database
+    await db.update(inventory).set({
+        quantity: quantity,
+        purchasePrice: purchasePrice.toFixed(2),
+        note: note,
+    }).where(eq(inventory.inventoryId, inventoryId));
+    // No need to update Typesense since we don't search by quantity or price
+}
+
+export const POST: APIRoute = async ({ request, locals }) => {
+    // Access form data from the request body
+    const formData = await request.formData();
+    const action = formData.get('action');
+    const cardId = Number(formData.get('cardId')) || 0;
+    const { userId } = locals.auth();
+
+    switch (action) {
+
+        case 'add':
+            const purchasePrice = Number(formData.get('purchasePrice')) || 0;
+            const quantity = Number(formData.get('quantity')) || 1;
+            const note = formData.get('note')?.toString() || '';
+            const catalogName = formData.get('catalogName')?.toString() || 'Default';
+            const condition = formData.get('condition')?.toString() || 'Near Mint';
+            const skuId = await db.query.skus.findFirst({
+                where: { cardId: cardId, condition: condition },
+                columns: { skuId: true },
+            }).then(sku => sku?.skuId);
+            if (!skuId) {
+                return new Response('SKU not found for card', { status: 404 });
+            }
+            await addToInventory(userId!, cardId, skuId, purchasePrice, quantity, note, catalogName);
+            break;
+
+        case 'remove':
+            const inventoryId = formData.get('inventoryId')?.toString() || '';
+            await removeFromInventory(inventoryId);
+            break;
+
+        case 'update':
+            const invId = formData.get('inventoryId')?.toString() || '';
+            const qty = Number(formData.get('quantity')) || 1;
+            const price = Number(formData.get('purchasePrice')) || 0;
+            const invNote = formData.get('note')?.toString() || '';
+            await updateInventory(invId, qty, price, invNote);
+            break;
+
+        default:
+            // No action = list inventory for this card
+            return getInventory(userId!, cardId);
+    }
+
+    // Always return current inventory after a mutation
+    return getInventory(userId!, cardId);
+};
\ No newline at end of file
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
index f2e5e34..e52376e 100644
--- a/src/pages/contact.astro
+++ b/src/pages/contact.astro
@@ -1,15 +1,11 @@
 ---
 export const prerender = false;
 import Layout from '../layouts/Main.astro';
-import NavItems from '../components/NavItems.astro';
-import NavBar from '../components/NavBar.astro';
 import Footer from '../components/Footer.astro';
 ---
 <Layout title="Contact Us">
-    <NavBar slot="navbar">
-        <NavItems slot="navItems" />
-    </NavBar>
-    <div class="row mb-4" slot="page">
+    <div class="container-fluid container-sm my-5" slot="page">
+    <div class="row mb-4">
         <div class="col-12">
             <h1>Contact Us</h1>
         </div>
@@ -42,7 +38,7 @@ import Footer from '../components/Footer.astro';
                 </div>
 
                 <!-- Submit button -->
-                <button type="submit" class="btn btn-light" id="submitBtn">Submit</button>
+                <button type="submit" class="btn btn-purple" id="submitBtn">Submit</button>
             </form>
 
             <!-- Hidden iframe absorbs the Google Forms redirect -->
@@ -54,6 +50,7 @@ import Footer from '../components/Footer.astro';
             </div>
         </div>
     </div>
+</div>
     <Footer slot="footer" />
 </Layout>
 
diff --git a/src/pages/dashboard.astro b/src/pages/dashboard.astro
new file mode 100644
index 0000000..e270742
--- /dev/null
+++ b/src/pages/dashboard.astro
@@ -0,0 +1,295 @@
+---
+import Layout from "../layouts/Main.astro";
+import Footer from "../components/Footer.astro";
+import BackToTop from "../components/BackToTop.astro";
+import FirstEditionIcon from "../components/FirstEditionIcon.astro";
+import { db } from '../db/index';
+import { inventory, skus } from '../db/schema';
+import { sql, sum, eq } from "drizzle-orm";
+
+
+
+const { userId } = Astro.locals.auth();
+
+const summary = await db
+  .select({
+    totalQty: sum(inventory.quantity).mapWith(Number),
+    totalValue: sum(sql`(${inventory.quantity} * ${skus.marketPrice})`).mapWith(Number),
+    totalGain: sum(sql`(${inventory.quantity} * (${skus.marketPrice} - ${inventory.purchasePrice}))`).mapWith(Number),
+  })
+  .from(inventory)
+  .innerJoin(skus, eq(inventory.skuId, skus.skuId))
+  .where(eq(inventory.userId, userId!))
+  .execute()
+  .then(res => res[0]);
+const totalQty = summary.totalQty || 0;
+const totalValue = summary.totalValue || 0;
+const totalGain = summary.totalGain || 0;
+
+---
+
+<Layout title="Inventory Dashboard">
+<div class="container-fluid container-sm mt-3" slot="page">
+  <BackToTop />
+<div class="row mb-4">
+    <aside class="col-12 col-md-2 border-end border-secondary bg-dark p-3 d-flex flex-column gap-3">
+      <div class="d-flex justify-content-between align-items-center">
+        <h6 class="mb-0 text-uppercase text-secondary fw-bold ls-wide" style="letter-spacing:.08em">Catalogs</h6>
+        <button
+          class="btn btn-purple-secondary fs-7"
+          title="New catalog"
+          type="button"
+          data-bs-toggle="modal"
+          data-bs-target="#newCatalogModal"
+        >+ New</button>
+      </div>
+
+      <ul id="catalogList" class="list-group list-group-flush">
+        <li
+          class="list-group-item list-group-item-action fw-semibold border-0 rounded p-2 d-flex align-items-center active"
+          data-catalog="all"
+          role="button"
+          style="cursor:pointer"
+        >
+          <span class="d-flex align-items-center gap-2">
+            View all cards
+          </span>
+          <span class="badge rounded-pill text-bg-secondary small ms-auto">{totalQty}</span>
+        </li>
+
+        {["Case Cards", "Japanese Singles", "Bulk"].map((name) => (
+          <li
+            class="ms-2 list-group-item list-group-item-action bg-transparent text-light border-0 rounded px-2 py-2 d-flex align-items-center gap-2"
+            data-catalog={name}
+            role="button"
+            style="cursor:pointer"
+          >
+            {name}
+          </li>
+        ))}
+      </ul>
+
+      <div class="mt-auto pt-3 border-top border-secondary small text-secondary">
+        <div class="d-flex justify-content-between mb-1"><span>Total Cards</span><span class="text-light fw-semibold">{totalQty}</span></div>
+        <div class="d-flex justify-content-between mb-1"><span>Market Value</span><span class="text-success fw-semibold">${totalValue.toFixed(0)}</span></div>
+        <div class="d-flex justify-content-between"><span>Gain/Loss</span><span class={`fw-semibold ${totalGain >= 0 ? "text-success" : "text-danger"}`}>{totalGain >= 0 ? "+" : ""}${Math.abs(totalGain).toFixed(0)}</span></div>
+      </div>
+    </aside>
+
+    <main class="col-12 col-md-10 p-4">
+      <div class="d-flex flex-wrap gap-2 align-items-center mb-4">
+        <div class="d-flex align-items-center gap-1">
+          <button id="btnGrid" type="button" class="btn btn-sm btn-link text-secondary px-1 view-toggle-btn active" title="Images view">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="1.5rem" height="1.5rem" fill="currentColor"><path d="M351.6 220.4C349.7 258.3 381.1 288.3 418 286.5L527.6 281.1C593 275.5 589.7 214.9 589 162.5C593.9 90.4 588.4 39.6 502.4 44.6C391.5 42.2 352.5 36.7 354.5 164.3C353.4 183.3 352.4 202.4 351.5 220.3zM418.4 168.6L418.4 168.6C419.6 147.4 420.8 125.9 421.6 109.4C421.6 109.2 421.6 109.1 421.7 109C421.7 108.8 422 108.6 422.1 108.6C456.2 108.5 491.4 108.6 525.7 108.7C525.8 108.7 526 109 526.1 109.1L526.1 109.3C525.5 142.4 524.9 184.6 524.2 217.3L415.6 222.6C416.3 207.3 417.4 188.1 418.5 168.7zM301.4 112.5C303.3 74.7 272 44.6 235 46.4L125.4 51.8C40.8 58.8 69.2 164.2 63.1 222.4C62.4 258.3 91.2 288.3 127.5 288.3C159.4 288.3 198.3 288.3 231 288.3C298.6 286.3 297.2 220.3 298.5 168.6C299.6 149.6 300.6 130.5 301.5 112.6zM234.6 164.3C233.4 185.6 232.2 207 231.4 223.5C231.4 223.7 231.4 223.8 231.3 223.9C231.3 224 231.1 224.2 231.1 224.2L231 224.3C198.3 224.2 159.3 224.3 127.3 224.3C127.3 224.3 127.2 224.3 127.1 224.2C127 224.1 126.9 224 126.9 224L126.9 223.8C127.5 192.1 128.1 149.9 128.8 115.8L237.4 110.5C236.7 125.8 235.6 145 234.5 164.4zM63.6 404C64.5 421.9 65.5 441 66.6 460C68.2 512.2 65.9 577.1 134.1 579.7L237.6 579.7C273.9 579.7 302.7 549.7 302 513.9C301.7 498.8 301.4 480.4 301.1 461.9C301.8 409.5 305 348.9 239.7 343.3L130 338C93 336.2 61.7 366.2 63.6 404.1zM130.4 455.8C129.3 436.4 128.3 417.1 127.5 401.8L236.1 407.1C236.8 441.2 237.3 483.4 238 515C238 515.1 238 515.1 238 515.2C238 515.3 237.9 515.4 237.8 515.5C237.7 515.6 237.6 515.6 237.6 515.6C205.8 515.6 166.4 515.5 134 515.6C133.9 515.6 133.7 515.3 133.7 515.2C133.6 515.1 133.6 515 133.6 514.8C132.8 498.3 131.6 476.9 130.4 455.6L130.4 455.6zM523 578.1C560 579.9 591.3 549.8 589.4 512C588.5 494.1 587.5 475 586.4 456C585.9 381.4 580.2 328.2 490 336.3C457.9 336.4 439 336.3 415.4 336.3C379.1 336.3 350.3 366.3 351 402.1C351.3 417.2 351.6 435.6 351.9 454.1C351.2 506.5 348 567.1 413.3 572.7L523 578.1zM525.5 514.1L416.9 508.8C416.2 474.7 415.7 432.5 415 400.9L415 400.7C415 400.6 415.3 400.3 415.3 400.3C443.6 400.3 484.7 400.3 518.9 400.3C518.9 400.3 519 400.3 519.1 400.4C519.2 400.5 519.3 400.6 519.3 400.7C519.4 400.8 519.4 400.9 519.4 401.1C521.1 435.4 524 484.9 525.4 514.3z"/></svg>
+            <span class="ms-1">Grid</span>
+          </button>
+          <button id="btnTable" type="button" class="btn btn-sm btn-link text-secondary px-1 view-toggle-btn" title="List view">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="1.5rem" height="1.5rem" fill="currentColor" style="d-inline"><path d="M102.3 211.8C110.7 214 118.9 213.7 126.2 210C132.6 208 138.3 204 142.4 198.4C184.2 169.6 148.5 98.8 98.3 108.3C39.6 119.9 49.3 205.8 102.2 211.8zM114.4 375.6C114.4 375.6 114.8 375.5 116.2 375.3L116.5 375.2C169.2 368.9 178.6 283.3 120.1 271.7C69.9 262.3 34.2 332.9 76 361.8C80.1 367.4 85.9 371.4 92.3 373.4C99 376.6 106.8 377.6 114.5 375.5zM116.8 423.5C63.5 413.9 30 495.4 84.4 522.3C130.5 544.4 183.2 485.4 150.4 446.7C147.9 440.2 143.4 434.9 137.7 431.2C132.1 426.4 124.8 423.5 116.8 423.5zM352.8 508.4C423.1 503.6 491.2 499 561.5 501.8C579.2 502.5 594.1 488.8 594.8 471.1C595.5 453.4 581.7 438.6 564.1 437.9C490.4 435 416.4 439.9 344.2 444.8C310.8 447 277.8 449.3 245.4 450.7C227.7 451.4 214 466.4 214.8 484C215.5 501.7 230.5 515.4 248.1 514.6C283.8 513 318.6 510.7 352.8 508.4zM344 344.8L344.3 344.8C412.9 343.4 479.9 342.9 548.3 346.2C566 347 580.9 333.3 581.7 315.6C582.5 298 568.8 283 551.1 282.2C482.2 278.8 412.2 279.3 343.1 280.7C310.3 281.3 277.9 281.9 245.8 281.9C228.1 281.9 213.8 296.2 213.8 313.9C213.8 331.6 228.1 345.9 245.8 345.9C278.5 345.9 311.4 345.3 343.9 344.7zM444.8 187.4C480.8 186.5 519 181.7 551.8 187.6C569.2 190.7 585.8 179.1 588.9 161.7C592 144.3 580.4 127.7 563 124.6C484.4 115.2 408.3 126.5 331 129.9C301.8 131.9 273.7 133 246 131.4C228.4 130.3 213.2 143.8 212.2 161.4C213.8 217.2 300.2 190.8 335.5 193.7C372.2 191.2 408.7 188.4 444.8 187.4z"/></svg>
+            <span class="ms-1">List</span>
+          </button>
+        </div>
+
+        <div class="vr opacity-25 mx-1"></div>
+
+        <a href="/pokemon" class="btn btn-vendor">+ Add Card</a>
+
+        <button
+          type="button"
+          class="btn btn-secondary"
+          data-bs-toggle="modal"
+          data-bs-target="#bulkImportModal"
+        >Bulk Import</button>
+
+        <div class="ms-auto position-relative">
+        <div class="input-group">
+            <input type="hidden" name="start" id="start" value="0" />
+            <input type="hidden" name="sort" id="sortInput" value="" />
+            <input type="hidden" name="language" id="languageInput" value="all" />
+            <input type="search" name="i" id="searchInput" class="form-control search-input" placeholder="Search your inventory" />
+            <button
+                type="submit"
+                class="btn btn-purple border-start-0"
+                aria-label="search"
+                onclick="
+                    const i = this.closest('form').querySelector('[name=i]').value;
+                    dataLayer.push({ event: 'view_inventory_results', search_term: i });
+                    if (window.location.pathname !== '/dashboard') {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        sessionStorage.setItem('pendingSearch', 1);
+                        window.location.href = '/dashboard';
+                    }
+                "
+            >
+                <svg aria-hidden="true" class="search-button d-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M503.7 304.9C520.3 80.3 214-44 100.9 169.4C-14.1 383.9 203.9 614.6 419.8 466.3C459.7 500.3 494.8 542.3 531.5 578.2C561.1 607.7 606.3 562.8 576.8 533L540 496.1C520.2 471.6 495.7 449.1 473.7 428.9C471.1 426.5 468.5 424.2 466 421.9C491.9 385.4 500.1 341 503.7 304.8zM236.1 129C334 92.1 452.1 198.1 440 298.6C440.5 404.9 335.6 462.2 244 445.8C99 407.1 100.3 178.9 236.2 129z"/></svg>
+            </button>
+        </div>
+        </div>
+      </div>
+
+      <div id="inventoryView">
+        <div id="gridView" class="row g-4 row-cols-2 row-cols-md-3 row-cols-xl-4 row-cols-xxxl-5" hx-post="/partials/inventory-cards" hx-trigger="load">
+        </div>
+
+        <!-- <div id="tableView" style="display:none">
+          <div class="inv-list-wrap">
+            <table class="table align-middle mb-0 inv-list-table">
+              <tbody id="inventoryRows">
+                {inventory.map(card => {
+                  const market = nmPrice(card);
+                  const purchase = nmPurchase(card);
+                  const diff = market - purchase;
+                  const pct = purchase > 0 ? (diff / purchase) * 100 : 0;
+                  const isGain = diff >= 0;
+
+                  return (
+                    <tr class="inv-list-row">
+                      <td class="inv-list-cardcell">
+                        <div class="inv-list-card">
+                          <div
+                            class="inv-list-thumb card-trigger"
+                            data-card-id={card.productId}
+                            data-bs-toggle="modal"
+                            data-bs-target="#cardModal"
+                          >
+                            <img
+                              src={`/cards/${card.productId}.jpg`}
+                              alt={card.productName}
+                              loading="lazy"
+                              decoding="async"
+                              onerror="this.onerror=null;this.src='/cards/default.jpg';"
+                            />
+                          </div>
+
+                          <div class="inv-list-info">
+                            <div
+                              class="inv-list-name"
+                              data-card-id={card.productId}
+                              data-bs-toggle="modal"
+                              data-bs-target="#cardModal"
+                              style="cursor:pointer"
+                            >
+                              {card.productName}
+                            </div>
+
+                            <div class="inv-list-meta">
+                              <div class="inv-list-setlink">{card.setName}</div>
+                              <div>{card.rarityName}</div>
+                              <div>{card.number}</div>
+                            </div>
+
+                            <div class="inv-list-condition">
+                              <span>Near Mint</span>
+                              <span>•</span>
+                              <span>{card.variant !== "Normal" ? card.variant : "Holofoil"}</span>
+                            </div>
+                          </div>
+
+                          <div class="inv-list-right">
+                            <div class={`inv-list-price-line ${isGain ? "up" : "down"}`}>
+                              <span class="inv-grid-arrow small">{isGain ? "▲" : "▼"}</span>
+                              <span class="inv-list-price">${market.toFixed(2)}</span>
+                            </div>
+                            <div class={`inv-list-delta ${isGain ? "up" : "down"}`}>
+                              {isGain ? "+" : "-"}${Math.abs(diff).toFixed(2)} ({isGain ? "+" : "-"}{Math.abs(pct).toFixed(2)}%)
+                            </div>
+                            <div class="inv-list-qty">Qty: {card.qty}</div>
+                          </div>
+                        </div>
+                      </td>
+                    </tr>
+                  );
+                })}
+              </tbody>
+            </table>
+          </div>
+          <div class="text-secondary small mt-2 ps-1" id="rowCount"></div>
+        </div> -->
+      </div>
+    </main>
+</div>
+
+  <!-- <div class="modal fade" id="newCatalogModal" tabindex="-1" aria-labelledby="newCatalogLabel" aria-modal="true" role="dialog">
+    <div class="modal-dialog modal-dialog-centered">
+      <div class="modal-content bg-dark text-light border border-secondary">
+        <div class="modal-header border-secondary">
+          <h5 class="modal-title" id="newCatalogLabel">Create Catalog</h5>
+          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          <label class="form-label small text-secondary text-uppercase fw-semibold" for="catalogNameInput">Catalog Name</label>
+          <input id="catalogNameInput" type="text" class="form-control bg-dark-subtle text-light border-secondary" placeholder="e.g. Japanese Holos" />
+        </div>
+        <div class="modal-footer border-secondary">
+          <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+          <button type="button" class="btn btn-success" id="createCatalogBtn">Create</button>
+        </div>
+      </div>
+    </div>
+  </div>-->
+
+  <div class="modal fade" id="bulkImportModal" tabindex="-1" aria-labelledby="bulkImportLabel" aria-modal="true" role="dialog">
+    <div class="modal-dialog modal-lg modal-dialog-centered">
+      <div class="modal-content bg-dark text-light border border-secondary">
+        <div class="modal-header border-secondary">
+          <h5 class="modal-title" id="bulkImportLabel">Bulk CSV Import</h5>
+          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          <p class="small text-secondary mb-3">
+            Upload a CSV exported from Collectr, TCGPlayer, or any marketplace. Columns: <code>name, set, condition, qty, price, market</code>.
+          </p>
+          <label class="form-label small text-secondary text-uppercase fw-semibold" for="csvFileInput">Choose File</label>
+          <input id="csvFileInput" type="file" accept=".csv" class="form-control bg-dark-subtle text-light border-secondary" />
+          <div id="csvPreview" class="mt-3 d-none">
+            <p class="small text-secondary fw-semibold mb-1">Preview</p>
+            <div class="border border-secondary rounded p-2 small text-secondary" id="csvPreviewContent">—</div>
+          </div>
+        </div>
+        <div class="modal-footer border-secondary">
+          <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+          <button type="button" class="btn btn-success" id="csvUploadBtn">Upload &amp; Preview</button>
+        </div>
+      </div>
+    </div>
+  </div>
+<!--
+  <div class="modal fade" id="inventoryEditModal" tabindex="-1" aria-labelledby="inventoryEditLabel" aria-modal="true" role="dialog">
+    <div class="modal-dialog modal-dialog-centered">
+      <div class="modal-content bg-dark text-light border border-secondary">
+        <div class="modal-header border-secondary">
+          <h5 class="modal-title" id="inventoryEditLabel">Edit Inventory</h5>
+          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body" id="inventoryEditBody">
+          <p class="text-secondary small">Select a card to edit its quantity and purchase price.</p>
+        </div>
+        <div class="modal-footer border-secondary">
+          <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+          <button type="button" class="btn btn-success">Save</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="modal fade" id="addCardModal" tabindex="-1" aria-labelledby="addCardLabel" aria-modal="true" role="dialog">
+    <div class="modal-dialog modal-lg modal-dialog-centered">
+      <div class="modal-content bg-dark text-light border border-secondary">
+        <div class="modal-header border-secondary">
+          <h5 class="modal-title" id="addCardLabel">Add Card</h5>
+          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          <input type="text" class="form-control bg-dark-subtle text-light border-secondary mb-3" placeholder="Search card name…" id="addCardSearch" />
+          <p class="text-secondary small">Search results will appear here. Connect to your card database API to enable live search.</p>
+        </div>
+        <div class="modal-footer border-secondary">
+          <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+          <button type="button" class="btn btn-primary" disabled>Add Selected</button>
+        </div>
+      </div>
+    </div>
+  </div> -->
+</div>
+  <Footer slot="footer" />
+</Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 51e694f..3edd700 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,59 +1,186 @@
 ---
 export const prerender = false;
 import Layout from '../layouts/Main.astro';
-import NavItems from '../components/NavItems.astro';
+import Search from '../components/Search.astro';
 import NavBar from '../components/NavBar.astro';
 import Footer from '../components/Footer.astro';
-import { Show, SignInButton, SignUpButton, SignOutButton, GoogleOneTap, UserAvatar, UserButton, UserProfile } from '@clerk/astro/components'
+import { Show, SignInButton } from '@clerk/astro/components'
+import Hero from '../components/Hero.astro';
+import BackToTop from '../components/BackToTop.astro';
+import NavItems from '../components/NavItems.astro';
 ---
-<Layout title="Rigid's App Thing">
-    <NavBar slot="navbar">
-        <NavItems slot="navItems" />
-    </NavBar>
-    <div class="row mb-4" slot="page">
-        <div class="col-12">
-            <h1>Rigid's App Thing</h1>
-            <p class="text-secondary">(working title)</p>
+<Layout title="RAT - Realtime, Accurate and Transparent TCG Pricing Data" >
+    <Hero slot="page" />
+    <div slot="page">
+        <!-- ═══════════════════════════════════════════
+            SOCIAL PROOF / STATS BAR
+        ═══════════════════════════════════════════ -->
+        <section class="stats-bar py-4 border-top border-bottom border-subtle" aria-label="Platform statistics">
+        <div class="container">
+            <ul class="list-unstyled d-flex flex-wrap justify-content-center justify-content-md-between gap-4 mb-0 text-center">
+            <li>
+                <strong class="d-block fs-4 fw-bold text-orchid">Pokémon TCG</strong>
+                <span class="text-body-secondary small">All EN and JP Sets</span>
+            </li>
+            <li>
+                <strong class="d-block fs-4 fw-bold text-orchid">All Conditions</strong>
+                <span class="text-body-secondary small">NM · LP · MP · HP · DMG</span>
+            </li>
+            <li>
+                <strong class="d-block fs-4 fw-bold text-orchid">Real-Time</strong>
+                <span class="text-body-secondary small">Accurate Market Prices</span>
+            </li>
+            <li>
+                <strong class="d-block fs-4 fw-bold text-orchid">100% Free</strong>
+                <span class="text-body-secondary small">Pricing Features Always Free</span>
+            </li>
+            </ul>
         </div>
-        <div class="col-12 col-md-6 mb-2">
-            <h2 class="mt-3">The Pokémon card tracker you actually want.</h2>
-            <p class="mt-2">
-                Browse real market prices and condition data across 70,000+ cards! No more 
-                juggling multiple tabs or guessing what your cards are worth.
-            </p>
-            <p class="my-2">
-                We're now open to everyone. Create a free account to get started — 
-                collection and inventory management tools are coming soon as part of a 
-                premium plan.
-            </p>
-            <Show when="signed-in">
-                <a href="/pokemon" class="btn btn-warning mt-2">Take me to the cards!</a>
-            </Show>
+        </section>
+        <!-- ═══════════════════════════════════════════
+            CORE FEATURES
+        ═══════════════════════════════════════════ -->
+        <section class="py-6" aria-labelledby="features-heading">
+        <div class="container">
+            <header class="text-center mb-5">
+            <h2 id="features-heading" class="h1 fw-bold">Everything you need to collect smarter</h2>
+            <p class="text-body-secondary lead mt-2">Built by collectors, for collectors. No fluff.</p>
+            </header>
+
+            <div class="row g-4">
+
+            <article class="col-md-5 offset-md-1">
+                <div class="feature-card h-100 p-4 rounded-3">
+                <div class="feature-icon mb-3" aria-hidden="true">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor"><path d="M61.1 80C65.6 80 69.9 80.9 73.8 82.6C94.9 83.1 114.1 87.8 133.4 89C200.4 91.5 253.4 119.6 315.5 154.1C395 101.5 477 91.8 567.9 91.8C575.4 91.8 582.3 94.4 587.7 98.7C599.8 103.9 607.9 116.3 607 130.2C608.8 244.9 610.7 359.8 607.1 480.4C607 499.1 590.9 513.5 572.4 512.2C492.7 511.5 409.1 518.2 343.4 564.9C337.4 572 328.1 576.5 318.1 576.2C278.5 566 227.1 523.4 183.2 514.2C146.8 502.7 108.4 497.3 59 497.3C41 497.7 25.4 481 27.1 463.1C32.7 382.2 31.5 301.8 30.2 219.9C29.6 184.4 29.1 148.6 29.1 112.3C29.1 94.6 43.4 80.3 61.1 80.3zM351.3 487C411.1 455.7 476.9 449.1 543.4 448.6C542.9 366.4 549.9 301.3 544.5 225.1C543.3 202.7 542.1 179.4 542.2 155.9C467.7 157.9 407.4 169.4 349.4 208.2L351 318.9C352.1 348.3 351.7 428.5 351.3 487zM285.4 210.6C222.2 172.7 168.9 152.1 99.5 149.6C98 149.4 94.8 148.9 93.3 148.7C94.1 243.5 97.5 338.5 92.9 433.9C165.6 437.5 224.2 455.5 287.2 489.7C287.6 430.8 288.1 349.6 286.9 321.1C286.9 319.9 285.3 212 285.3 210.6z"/></svg>
+                </div>
+                <h3 class="h5 fw-semibold mb-2">Complete Card Database</h3>
+                <p class="text-body-secondary mb-0">Search across every English and Japanese set. Find any card instantly with the condition-by-condition pricing you need to buy, sell, or trade with confidence.</p>
+                </div>
+            </article>
+
+            <article class="col-md-5">
+                <div class="feature-card h-100 p-4 rounded-3">
+                <div class="feature-icon mb-3" aria-hidden="true">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor"><path d="M352 75.9C341.8 27.5 275.6 48.1 289.7 94.7C228.2 99.8 143.7 131.4 148 205.2C146.2 288.3 198 322.6 268.5 334.4C275.9 336.1 282.3 337.7 289.4 339.1C287.8 386.9 288.9 436.4 289.2 486.6C281 486 272.6 485.3 263.8 484.5C230.4 486.3 155 458.7 152.2 513.8C158.4 561.8 224.6 538.9 257.8 548.2C267.9 549.1 278.2 550 288.6 550.7C280.7 604.6 357.9 605.5 352.6 551.4C436.9 548.7 522.3 498.7 510.9 401.3C491.9 312.8 416.8 300.9 354.7 285.5C355.7 247.4 353.5 210.7 354.9 172.9C355 167.1 355.2 161.2 355.3 155.2C390.7 151.6 466.5 183.2 472.1 128.2C470.4 86.7 423.3 98.1 394.1 93.7C380.6 92.7 367.6 91.5 353.6 91.1C353.2 86.1 352.6 81.1 352 76.1zM291.2 159.1C291.1 162.7 291 166.3 291 169.9C289.7 203.1 291.5 240.2 291 273.8C287.7 273 284.3 272.2 280.9 271.5C266.1 268.8 226.6 257.8 221.8 247.9C216.1 237.1 211.8 221.1 212.1 206.6C212.4 191.9 217 184.6 221.9 181.4C239.9 169.3 264.3 163 291.3 159.1zM353.2 350.2C395.6 359.3 446.4 378.1 447.9 411.8C452.7 424.7 433.7 465.1 421.1 468.7C398.1 479.6 376 484.9 353.3 487C353.2 469.7 353.1 452.1 352.9 436.4C352.5 402.6 352.4 382 353.3 350.2z"/></svg>
+                </div>
+                <h3 class="h5 fw-semibold mb-2">Condition-Graded Pricing</h3>
+                <p class="text-body-secondary mb-0">NM, LP, MP, HP, and DMG prices displayed side by side. Stop guessing what a played card is worth — see every tier at once so you never undersell or overpay.</p>
+                </div>
+            </article>
+
+            <article class="col-md-5 offset-md-1">
+                <div class="feature-card h-100 p-4 rounded-3">
+                <div class="feature-icon mb-3" aria-hidden="true">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor"><path d="M131.3 233.2C168.5 232.6 164.2 190.9 162.6 164.5C190.2 164.1 230.5 171.2 232.2 132.3C230.2 92.4 188.2 101 160.1 100.5C159.4 73.8 164.9 32.3 127.4 31.6C89.7 32.2 94.7 74.8 96.1 101.4C84.7 101.4 73.4 102.9 62 103.7C44.4 104.9 31.1 120.2 32.3 137.9C33.5 155.6 48.9 168.8 66.5 167.6L97.5 165.4L98.6 165.4C99.1 191.9 94.2 232.7 131.3 233.3zM351.7 89.4C346.2 56.4 295.9 55.4 289.2 88.2C274.7 149.7 261.2 189.6 226.5 236.8L162.1 274.8C154.2 278 146 281.3 137.7 284.7C119.7 292.1 101.3 299.6 85.2 305.6C57.3 314.9 58 357.6 86.2 366C123.2 378.2 185.4 393.6 225.9 403.2L275.1 508.8L284.9 541C292.3 568.9 334.2 571.4 344.8 544.5C366.2 495.4 391.6 447.3 414 398C421.1 395.3 427.8 392.7 434.3 390.2C465.2 377.4 499.8 367.3 533.2 358.9C560.9 352.5 565.3 311.7 539.6 299.5C530.9 295.1 522.2 290.5 513.3 285.9L513.3 285.9C480.7 268.9 446.8 251.2 412 236L369.3 162.7C363.7 146 355.7 109.7 351.7 89.5L351.7 89.4L351.7 89.4zM318.2 449.9L277.3 362.1C273.1 353.2 265.1 346.6 255.5 344.4L255.2 344.4L254.3 344.2C235.6 339.9 217.8 335.5 194.9 329.8L264.5 288.7C290.5 265.4 306.2 230.8 319.4 204.3L362 277.2C380.9 299.8 414.9 303.7 439.5 319.7C428.6 323.6 418 327.7 407.7 331.7L407.7 331.7C391.2 339.5 369.1 341 361.1 359.5C347.8 389.5 332.9 419.7 318.3 449.8zM579.4 551.9C621.3 551.7 621.2 488.1 579.4 487.9L546.3 487.9C545.8 458.8 550.9 428.4 516.7 424C480.7 422.1 479.7 460.5 482.3 487.9L451.4 487.9C433.7 487.9 419.4 502.2 419.4 519.9C419.4 537.6 433.7 551.9 451.4 551.9L482.7 551.9C480.9 580.3 479.1 614.5 514.2 615.9C549.5 614.4 546.9 580.5 546.7 551.9L579.3 551.9z"/></svg>
+                </div>
+                <h3 class="h5 fw-semibold mb-2">All Variants</h3>
+                <p class="text-body-secondary mb-0">We display every card variant separately—no stacking—so you can see true edition-level prices, trends, and rarity at a glance..</p>
+                </div>
+            </article>
+
+            <article class="col-md-5">
+                <div class="feature-card h-100 p-4 rounded-3">
+                <div class="feature-icon mb-3" aria-hidden="true">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor"><path d="M282.5 63.6C42.4 80.2-19.5 451.3 198.9 550.3C304.7 599.7 469.7 580.2 540.7 463.3C568.1 414.5 576.4 348.1 576.4 298.4C570.5 220.7 504.8 130 442.3 92.4C392.2 63.7 333.8 64.3 282.5 63.6zM182.6 175.9C206.7 151.4 247.1 133.5 283.8 127.6C336.9 128.2 388.8 127.6 429.6 160.2C456.6 183.9 513.6 262.4 512.4 298.4C512.4 343.9 504.4 397.3 484.9 431.9C440.5 507.9 311.1 532.7 226.4 492.4C106.4 438.8 101.7 266.4 182.6 175.9zM353.7 207.9C354.1 166.1 290.4 165.2 289.7 207.1L288.4 315.8C290.9 362.7 346.7 343.6 378.7 349.6C404.9 352.1 446.9 357.6 448.4 320.3C446 272.8 385.2 290 352.8 284.1L353.8 207.9L353.8 207.9z"/></svg>
+                </div>
+                <h3 class="h5 fw-semibold mb-2">Fast Search, Instant Results</h3>
+                <p class="text-body-secondary mb-0">Type a card name + number or search by eras like "e-reader" or "SWSH". Powerful filters let you drill into exactly the set, variant, rarity or card type you care about.</p>
+                </div>
+            </article>
         </div>
-        <div class="col-12 col-md-6 d-flex justify-content-end align-items-start mt-3">
-            <div class="d-flex gap-3 mx-auto">
+        </section>
+
+        <!-- ═══════════════════════════════════════════
+            UPCOMING PREMIUM / CTA TEASER
+        ═══════════════════════════════════════════ -->
+        <section class="premium-section py-6" aria-labelledby="premium-heading">
+        <div class="container">
+            <div class="row align-items-center g-4">
+
+            <div class="col-lg-5">
+                <p class="eyebrow text-lilac mb-3">Coming Soon · Premium</p>
+                <h2 id="premium-heading" class="h1 fw-bold mb-3">
+                <span class="text-gradient">Your collection,<br/>fully managed.</span>
+                </h2>
+                <p class="text-body-secondary lead mb-4">
+                We're building a suite of inventory and curation tools for serious collectors. Sign up free today and be first in line when they launch.
+                </p>
                 <Show when="signed-out">
-                <div class="card border p-5 w-100">
-                    <SignUpButton asChild mode="modal">
-                    <button class="btn btn-success w-100 mb-2">Create free account</button>
-                    </SignUpButton>
-                    <SignInButton asChild mode="modal">
-                    <p class="text-center text-secondary my-2">Already have an account?</p>
-                    <button class="btn btn-outline-light w-100">Sign in</button>
-                    </SignInButton>
-                    <p class="text-center h6 text-light mt-2 mb-0">Free to join!</p>
-                </div>
-                <GoogleOneTap />
-                </Show>
-                <Show when="signed-in">
-                <div class="w-100">                    
-                    <SignOutButton asChild>
-                        <button class="btn btn-danger mt-2 ms-auto float-end">Sign Out</button>
-                    </SignOutButton>
-                </div>
+                <SignInButton asChild mode="modal">
+                    <button class="btn btn-purple btn-lg px-4">
+                    Join Now! — It's Free
+                    </button>
+                </SignInButton>
                 </Show>
             </div>
+
+            <div class="col-lg-7">
+                <div class="premium-list">
+
+                <div class="premium-item p-4 rounded-3 mb-3">
+                    <div class="d-flex align-items-start gap-3">
+                    <span class="badge-coming">Coming Soon</span>
+                    <div>
+                        <h3 class="h6 fw-semibold mb-1">Collection Portfolio Tracker</h3>
+                        <p class="text-body-secondary small mb-0">Add cards you own with their condition and purchase price. Watch your total collection value update in real time as market prices shift — so you always know your net position.</p>
+                    </div>
+                    </div>
+                </div>
+
+                <div class="premium-item p-4 rounded-3 mb-3">
+                    <div class="d-flex align-items-start gap-3">
+                    <span class="badge-coming">Coming Soon</span>
+                    <div>
+                        <h3 class="h6 fw-semibold mb-1">Latest Sales Aggregation</h3>
+                        <p class="text-body-secondary small mb-0">See recent sale prices across different trusted marketplaces, including TCGPlayer and eBay. Make informed purchases based on real-time market activity, not just Market Price.</p>
+                    </div>
+                    </div>
+                </div>
+
+                <div class="premium-item p-4 rounded-3">
+                    <div class="d-flex align-items-start gap-3">
+                    <span class="badge-coming">Coming Soon</span>
+                    <div>
+                        <h3 class="h6 fw-semibold mb-1">Graded Card Inventory</h3>
+                        <p class="text-body-secondary small mb-0">Log PSA, BGS, and CGC slabs with their cert numbers, grades, and current values. Track your graded portfolio separately from your raw collection.</p>
+                    </div>
+                    </div>
+                </div>
+
+                </div>
+            </div>
+
+            </div>
         </div>
+        </section>        
+
+
+
+    <!-- ═══════════════════════════════════════════
+         FINAL CTA
+    ═══════════════════════════════════════════ -->
+    <section class="cta-section py-6" aria-labelledby="cta-heading">
+      <div class="container text-center">
+        <h2 id="cta-heading" class="display-5 fw-bold mb-3">Ready to join the RAT Pack?</h2>
+        <p class="lead text-body-secondary mb-4 mx-auto" style="max-width: 520px;">
+          Join free today. Browse every card, track prices across conditions, and get early access to premium collection tools as we build them.
+        </p>
+        <div class="d-flex flex-wrap justify-content-center gap-3">
+          <Show when="signed-out">
+            <SignInButton asChild mode="modal">
+              <button class="btn btn-purple btn-lg px-5">
+                Create Free Account
+              </button>
+            </SignInButton>
+        </Show>
+          <a href="/pokemon" class="btn btn-outline-light btn-lg px-5">Browse Cards First</a>
+        </div>
+      </div>
+    </section>
+
+    <BackToTop />
     </div>
+
     <Footer slot="footer" />
-</Layout>
\ No newline at end of file
+</Layout>
diff --git a/src/pages/partials/card-modal.astro b/src/pages/partials/card-modal.astro
index 96c8cac..27eb9e8 100644
--- a/src/pages/partials/card-modal.astro
+++ b/src/pages/partials/card-modal.astro
@@ -10,6 +10,10 @@ import FirstEditionIcon from "../../components/FirstEditionIcon.astro";
 
 import { Tooltip } from "bootstrap";
 
+// auth check for inventory management features
+//const { canAddInventory } = Astro.locals;
+const canAddInventory = false;
+
 export const partial = true;
 export const prerender = false;
 
@@ -135,6 +139,17 @@ const conditionAttributes = (price: any) => {
   }[condition];
 };
 
+// ── Build a market price lookup keyed by condition for use in JS ──────────
+const marketPriceByCondition: Record<string, number> = {};
+for (const price of card?.prices ?? []) {
+  if (price.condition && price.marketPrice != null) {
+    marketPriceByCondition[price.condition] = Number(price.marketPrice);
+  }
+}
+
+// ── Derive distinct variants available for this card ─────────────────────
+const availableVariants = [...new Set(cardSkus.map(s => s.variant))].sort();
+
 const ebaySearchUrl = (card: any) => {
   return `https://www.ebay.com/sch/i.html?_nkw=${encodeURIComponent(card?.productUrlName)}+${encodeURIComponent(card?.set?.setUrlName)}+${encodeURIComponent(card?.number)}&LH_Sold=1&Graded=No&_dcat=183454`;
 };
@@ -142,8 +157,8 @@ const ebaySearchUrl = (card: any) => {
 const altSearchUrl = (card: any) => {
   return `https://alt.xyz/browse?query=${encodeURIComponent(card?.productUrlName)}+${encodeURIComponent(card?.set?.setUrlName)}+${encodeURIComponent(card?.number)}&sortBy=newest_first`;
 };
----
 
+---
   <div class="modal-dialog modal-dialog-centered modal-fullscreen-md-down modal-xl">
     <div class="modal-content" data-card-id={card?.cardId}>
       <div class="modal-header border-0">
@@ -187,8 +202,8 @@ const altSearchUrl = (card: any) => {
                   <span class="rarity-icon-large position-absolute bottom-0 end-0 d-inline"><RarityIcon rarity={card?.rarityName} /></span>
                 </div>
                 <div class="d-flex flex-column flex-lg-row justify-content-between mt-2">
-                  <div class="text-secondary">{card?.set?.setCode}</div>
-                  <div class="text-secondary">Illus<span class="d-none d-lg-inline">trator</span>: {card?.artist}</div>
+                  <div class="text-secondary"><span class="d-flex d-xxl-none">{card?.set?.setCode}</span><span class="d-none d-xxl-flex">{card?.set?.setName}</span></div>
+                  <div class="text-secondary">Illus<span class="d-none d-xxl-inline">trator</span>: {card?.artist}</div>
                 </div>
               </div>
 
@@ -197,34 +212,36 @@ const altSearchUrl = (card: any) => {
                 <ul class="nav nav-tabs nav-fill border-0 me-3 mb-2" id="myTab" role="tablist">
                   <li class="nav-item" role="presentation">
                     <button class="nav-link nm active" id="nm-tab" data-bs-toggle="tab" data-bs-target="#nav-nm" type="button" role="tab" aria-controls="nav-nm" aria-selected="true">
-                      <span class="d-none d-xxl-inline">Near Mint</span><span class="d-xxl-none">NM</span>
+                      <span class="d-none">Near Mint</span><span class="d-inline">NM</span>
                     </button>
                   </li>
                   <li class="nav-item" role="presentation">
                     <button class="nav-link lp" id="lp-tab" data-bs-toggle="tab" data-bs-target="#nav-lp" type="button" role="tab" aria-controls="nav-lp" aria-selected="false">
-                      <span class="d-none d-xxl-inline">Lightly Played</span><span class="d-xxl-none">LP</span>
+                      <span class="d-none">Lightly Played</span><span class="d-inline">LP</span>
                     </button>
                   </li>
                   <li class="nav-item" role="presentation">
                     <button class="nav-link mp" id="mp-tab" data-bs-toggle="tab" data-bs-target="#nav-mp" type="button" role="tab" aria-controls="nav-mp" aria-selected="false">
-                      <span class="d-none d-xxl-inline">Moderately Played</span><span class="d-xxl-none">MP</span>
+                      <span class="d-none">Moderately Played</span><span class="d-inline">MP</span>
                     </button>
                   </li>
                   <li class="nav-item" role="presentation">
                     <button class="nav-link hp" id="hp-tab" data-bs-toggle="tab" data-bs-target="#nav-hp" type="button" role="tab" aria-controls="nav-hp" aria-selected="false">
-                      <span class="d-none d-xxl-inline">Heavily Played</span><span class="d-xxl-none">HP</span>
+                      <span class="d-none">Heavily Played</span><span class="d-inline">HP</span>
                     </button>
                   </li>
                   <li class="nav-item" role="presentation">
                     <button class="nav-link dmg" id="dmg-tab" data-bs-toggle="tab" data-bs-target="#nav-dmg" type="button" role="tab" aria-controls="nav-dmg" aria-selected="false">
-                      <span class="d-none d-xxl-inline">Damaged</span><span class="d-xxl-none">DMG</span>
-                    </button>
-                  </li>
-                  <li class="nav-item" role="presentation">
-                    <button class="nav-link vendor d-none" id="vendor-tab" data-bs-toggle="tab" data-bs-target="#nav-vendor" type="button" role="tab" aria-controls="nav-vendor" aria-selected="false">
-                      <span class="d-none d-xxl-inline">Inventory</span><span class="d-xxl-none">+/-</span>
+                      <span class="d-none">Damaged</span><span class="d-inline">DMG</span>
                     </button>
                   </li>
+                {canAddInventory && (
+                    <li class="nav-item" role="presentation">
+                      <button class="nav-link vendor" id="vendor-tab" data-bs-toggle="tab" data-bs-target="#nav-vendor" type="button" role="tab" aria-controls="nav-vendor" aria-selected="false">
+                        <span class="d-none d-xxl-inline">Inventory</span><span class="d-xxl-none">+/-</span>
+                      </button>
+                    </li>
+                )}
                 </ul>
 
                 <div class="tab-content" id="myTabContent">
@@ -235,7 +252,7 @@ const altSearchUrl = (card: any) => {
                         <div class="d-flex flex-column gap-1">
 
                           <!-- Stat cards -->
-                          <div class="d-flex flex-fill flex-row gap-1">
+                          <div class="d-flex flex-fill flex-row gap-1 flex-wrap flex-lg-nowrap">
                             <div class="alert alert-dark rounded p-2 flex-fill d-flex flex-column mb-0">
                               <h6 class="mb-auto">Market Price</h6>
                               <p class="mb-0 mt-1">${price.marketPrice}</p>
@@ -307,12 +324,204 @@ const altSearchUrl = (card: any) => {
                       </div>
                     );
                   })}
+                  {canAddInventory && (
+                    <div class="tab-pane fade" id="nav-vendor" role="tabpanel" aria-labelledby="nav-vendor" tabindex="0">
+                      <div class="row g-5">
+                        <div class="col-12 col-md-6">
+                          <h6 class="mt-1 mb-2">Add {card?.productName} to inventory</h6>
 
-                  <div class="tab-pane fade" id="nav-vendor" role="tabpanel" aria-labelledby="nav-vendor" tabindex="0"></div>
+                          <form id="inventoryForm" data-inventory-form novalidate>
+                            <div class="row gx-3 gy-1">
+                              <div class="col-12 col-lg-3">
+                                <label for="quantity" class="form-label">Quantity</label>
+                                <input
+                                  type="number"
+                                  class="form-control mt-1"
+                                  id="quantity"
+                                  name="quantity"
+                                  min="1"
+                                  step="1"
+                                  value="1"
+                                  required
+                                />
+                                <div class="invalid-feedback">Required.</div>
+                              </div>
+
+                              <div class="col-12 col-lg-9">
+                                <div class="d-flex justify-content-between align-items-start gap-2 flex-wrap">
+                                  <label for="purchasePrice" class="form-label">
+                                    Purchase price
+                                  </label>
+
+                                  <div class="btn-group btn-group-sm price-toggle" role="group" aria-label="Price mode">
+                                    <input
+                                      type="radio"
+                                      class="btn-check"
+                                      name="priceMode"
+                                      id="mode-dollar"
+                                      value="dollar"
+                                      autocomplete="off"
+                                      checked
+                                    />
+                                    <label class="btn btn-outline-secondary" for="mode-dollar">$</label>
+
+                                    <input
+                                      type="radio"
+                                      class="btn-check"
+                                      name="priceMode"
+                                      id="mode-percent"
+                                      value="percent"
+                                      autocomplete="off"
+                                    />
+                                    <label class="btn btn-outline-secondary" for="mode-percent">%</label>
+                                  </div>
+                                </div>
+
+                                <div class="input-group">
+                                  <span class="input-group-text mt-1" id="pricePrefix">$</span>
+                                  <input
+                                    type="number"
+                                    class="form-control mt-1 rounded-end"
+                                    id="purchasePrice"
+                                    name="purchasePrice"
+                                    min="0"
+                                    step="0.01"
+                                    placeholder="0.00"
+                                    aria-describedby="pricePrefix priceSuffix priceHint"
+                                    required
+                                  />
+                                  <span class="input-group-text d-none mt-1" id="priceSuffix">%</span>
+                                </div>
+
+                                <div class="form-text" id="priceHint">Enter the purchase price.</div>
+                                <div class="invalid-feedback">Enter a purchase price.</div>
+                              </div>
+
+                              <div class="col-12">
+                                <label class="form-label">Condition</label>
+                                <div class="btn-group btn-group-sm condition-input w-100 col-12" role="group" aria-label="Condition">
+                                  <input
+                                    type="radio"
+                                    class="btn-check"
+                                    name="condition"
+                                    id="cond-nm"
+                                    value="Near Mint"
+                                    autocomplete="off"
+                                    checked
+                                  />
+                                  <label class="btn btn-cond-nm" for="cond-nm">NM</label>
+
+                                  <input
+                                    type="radio"
+                                    class="btn-check"
+                                    name="condition"
+                                    id="cond-lp"
+                                    value="Lightly Played"
+                                    autocomplete="off"
+                                  />
+                                  <label class="btn btn-cond-lp" for="cond-lp">LP</label>
+
+                                  <input
+                                    type="radio"
+                                    class="btn-check"
+                                    name="condition"
+                                    id="cond-mp"
+                                    value="Moderately Played"
+                                    autocomplete="off"
+                                  />
+                                  <label class="btn btn-cond-mp" for="cond-mp">MP</label>
+
+                                  <input
+                                    type="radio"
+                                    class="btn-check"
+                                    name="condition"
+                                    id="cond-hp"
+                                    value="Heavily Played"
+                                    autocomplete="off"
+                                  />
+                                  <label class="btn btn-cond-hp" for="cond-hp">HP</label>
+
+                                  <input
+                                    type="radio"
+                                    class="btn-check"
+                                    name="condition"
+                                    id="cond-dmg"
+                                    value="Damaged"
+                                    autocomplete="off"
+                                  />
+                                  <label class="btn btn-cond-dmg" for="cond-dmg">DMG</label>
+                                </div>
+                              </div>
+
+                              <input type="hidden" name="variant" value={card?.variant} />
+
+                              <div class="col-12">
+                                <label for="catalogName" class="form-label">
+                                  Catalog
+                                </label>
+                                <input
+                                  type="text"
+                                  class="form-control"
+                                  id="catalogName"
+                                  name="catalogName"
+                                  list="catalogSuggestions"
+                                  placeholder="Default"
+                                  autocomplete="off"
+                                  maxlength="100"
+                                />
+                                <datalist id="catalogSuggestions">
+
+                                </datalist>
+                                <div class="form-text">
+                                  Type a name or pick an existing catalog.
+                                </div>
+                              </div>
+                              <div class="col-12">
+                                <label for="note" class="form-label">
+                                  Note
+                                </label>
+                                <textarea
+                                  class="form-control"
+                                  id="note"
+                                  name="note"
+                                  rows="3"
+                                  maxlength="255"
+                                  placeholder="e.g. bought at local shop, gift, graded copy…"
+                                ></textarea>
+                                <div class="form-text text-end" id="noteCount">0 / 255</div>
+                              </div>
+
+                              <div class="col-12 d-flex gap-3 pt-2">
+                                <button type="reset" class="btn btn-outline-danger flex-fill">Reset</button>
+                                <button type="submit" class="btn btn-success flex-fill">Save to inventory</button>
+                              </div>
+                            </div>
+                          </form>
+                        </div>
+
+                        <div class="col-12 col-md-6">
+                          <h6 class="mt-1 mb-2">Inventory entries for {card?.productName}</h6>
+
+                          <!-- Empty state -->
+                          <div class="alert alert-dark border-0 rounded-4 d-none" id="inventoryEmptyState">
+                            <div class="fw-medium mb-1">No inventory entries yet</div>
+                            <div class="text-secondary small">
+                              Once you add copies of this card, they'll show up here.
+                            </div>
+                          </div>
+
+                          <!-- Inventory list -->
+                          <div class="d-flex flex-column gap-3" id="inventoryEntryList" data-card-id={cardId} data-market-prices={JSON.stringify(marketPriceByCondition)}>
+                            <span>Loading...</span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  )}
                 </div>
 
                 <!-- Chart lives permanently outside tab-content so Bootstrap never hides it. -->
-                <div class="d-block d-lg-flex gap-1 mt-1">
+                <div class="d-block d-lg-flex gap-1 mt-1 price-chart-container">
                   <div class="col-12">
                     <div class="alert alert-dark rounded p-2 mb-0">
                       <h6>Market Price History</h6>
diff --git a/src/pages/partials/cards.astro b/src/pages/partials/cards.astro
index a6b1353..3cee967 100644
--- a/src/pages/partials/cards.astro
+++ b/src/pages/partials/cards.astro
@@ -6,6 +6,9 @@ export const prerender = false;
 
 import * as util from 'util';
 
+// auth check for inventory management features
+//const { canAddInventory } = Astro.locals;
+const canAddInventory = false;
 
 // all the facet fields we want to use for filtering
 const facetFields:any = {
@@ -128,7 +131,7 @@ const facetFilter = (facet:string) => {
 // primary search values (for cards)
 let searchArray = [{
     collection: 'cards',
-    filter_by: `sealed:false${languageFilter}${queryFilter ? ` && ${queryFilter}` : ''}${filterBy ? ` && ${filterBy}` : ''}`,
+    filter_by: `$skus(id:*) && sealed:false${languageFilter}${queryFilter ? ` && ${queryFilter}` : ''}${filterBy ? ` && ${filterBy}` : ''}`,
     per_page: 20,
     facet_by: '',
     max_facet_values: 0,
@@ -172,6 +175,7 @@ const totalHits = cardResults?.found;
 
 // format price to 2 decimal places (or 0 if price >=100) and adds a $ sign, if the price is null it returns "–"
 const formatPrice = (condition:string, skus: any) => {
+    if (typeof skus === 'undefined' || skus.length === 0) return '—';
     const sku:any = skus.find((price:any) => price.condition === condition);
     if (typeof sku === 'undefined' || typeof sku.marketPrice === 'undefined') return '—';
 
@@ -220,7 +224,7 @@ const facets = searchResults.results.slice(1).map((result: any) => {
             <button type="button" data-bs-dismiss="offcanvas" class="btn btn-danger me-2" id="clear-filters">Clear</button>
             <button type="submit" form="searchform" data-bs-dismiss="offcanvas" class="btn btn-success">Apply Filters</button>
         </div>
-        {facets.map((facet) => (
+        {facets.map((facet: any) => (
             <div class="mt-2 mb-4 facet-group row align-items-center justify-content-between">
                 <div class="fs-5 m-0 col-auto pb-1 border-bottom border-light-subtle">{facetNames(facet.field_name)}</div>
                 {(facet.counts.length > 20) &&
@@ -241,7 +245,7 @@ const facets = searchResults.results.slice(1).map((result: any) => {
     </div>
     <div id="sortBy" class="d-flex flex-fill align-items-center me-auto gap-2" hx-swap-oob="true">
         <div class="dropdown">
-            <button class="btn btn-sm btn-dark dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Sort by</button>
+            <button class="btn btn-sm btn-dark dropdown-toggle" data-toggle="sort-dropdown" aria-expanded="false">Sort by</button>
             <ul class="dropdown-menu dropdown-menu-dark">
                 <li><a class="dropdown-item sort-option" href="#" data-sort="releaseDate:desc,number:asc" data-label="Set: Newest to Oldest">Set: Newest to Oldest</a></li>
                 <li><a class="dropdown-item sort-option" href="#" data-sort="releaseDate:asc,number:asc"  data-label="Set: Oldest to Newest">Set: Oldest to Newest</a></li>
@@ -253,9 +257,9 @@ const facets = searchResults.results.slice(1).map((result: any) => {
         </div>
         <span id="sortLabel" class="ms-1 text-secondary small">{sortKey ? ({"releaseDate:desc,number:asc":"Set: Newest to Oldest","releaseDate:asc,number:asc":"Set: Oldest to Newest","marketPrice:desc":"Price: High to Low","marketPrice:asc":"Price: Low to High","number:asc":"Card Number: Ascending","number:desc":"Card Number: Descending"}[sortKey] ?? '') : ''}</span>
         <div class="btn-group btn-group-sm ms-2 flex-shrink-0" role="group" aria-label="Language filter">
-            <button type="button" class={`btn btn-dark language-btn${language === 'all' ? ' active' : ''}`} data-lang="all">All</button>
-            <button type="button" class={`btn btn-dark language-btn${language === 'en'  ? ' active' : ''}`} data-lang="en">EN</button>
-            <button type="button" class={`btn btn-dark language-btn${language === 'jp'  ? ' active' : ''}`} data-lang="jp">JP</button>
+            <button type="button" class={`btn btn-outline-secondary language-btn${language === 'all' ? ' active' : ''}`} data-lang="all">All</button>
+            <button type="button" class={`btn btn-outline-secondary language-btn${language === 'en'  ? ' active' : ''}`} data-lang="en">EN</button>
+            <button type="button" class={`btn btn-outline-secondary language-btn${language === 'jp'  ? ' active' : ''}`} data-lang="jp">JP</button>
         </div>
     </div>
     <div id="totalResults" class="d-flex text-secondary small d-none align-items-center" hx-swap-oob="true">
@@ -275,7 +279,6 @@ const facets = searchResults.results.slice(1).map((result: any) => {
         }
     </div>
     <script define:vars={{ totalHits, filters, facets }} is:inline>
-
         // Filter the facet values to make things like Set easier to find
         const facetfilters = document.querySelectorAll('.facet-filter');
         for (const facetfilter of facetfilters) {
@@ -301,7 +304,8 @@ const facets = searchResults.results.slice(1).map((result: any) => {
             document.getElementById('searchform').dispatchEvent(new Event('submit', {bubbles:true, cancelable:true}));
         }
         document.getElementById('clear-filters').addEventListener('click', (e) => clearAllFilters(e));
-        document.getElementById('clear-all-filters').addEventListener('click', (e) => clearAllFilters(e));
+        const clearAllBtn = document.getElementById('clear-all-filters');
+        if (clearAllBtn) clearAllBtn.addEventListener('click', (e) => clearAllFilters(e));
 
         // Remove single facet value
         for (const li of document.querySelectorAll('.remove-filter')) {
@@ -322,38 +326,35 @@ const facets = searchResults.results.slice(1).map((result: any) => {
     </div>
 )}
 
-{pokemon.map((card: any, i: number) => (
-
-    <div class="col equal-height-col">
-      <div class="inventory-button position-relative float-end shadow-filter text-center d-none">
-        <div class="inventory-label pt-2">+/-</div>
-      </div>
-      <div class="card-trigger position-relative" data-card-id={card.cardId} hx-get={`/partials/card-modal?cardId=${card.cardId}`} hx-target="#cardModal" hx-trigger="click" data-bs-toggle="modal" data-bs-target="#cardModal" onclick="const cardTitle = this.querySelector('#cardImage').getAttribute('alt'); dataLayer.push({'event': 'virtualPageview', 'pageUrl': this.getAttribute('hx-get'), 'pageTitle': cardTitle, 'previousUrl': '/pokemon'});">
-        <div class="image-grow rounded-4 card-image h-100" data-energy={card.energyType} data-rarity={card.rarityName} data-variant={card.variant} data-name={card.productName}>
-          <img src={`/static/cards/${card.productId}.jpg`} alt={card.productName} id="cardImage" loading="lazy" decoding="async" class="img-fluid rounded-4 mb-2 w-100" onerror="this.onerror=null; this.src='/static/cards/default.jpg'; this.closest('.image-grow')?.setAttribute('data-default','true')"/>
-          <span class="position-absolute top-50 start-0 d-inline medium-icon"><FirstEditionIcon edition={card?.variant} /></span>
-          <div class="holo-shine"></div>
-          <div class="holo-glare"></div>
+{pokemon.map((card:any) => (
+    <div class="col">
+        {canAddInventory && (
+            <button type="button" class="btn btn-sm inventory-button position-relative float-end shadow-filter text-center p-2 fw-bold" data-card-id={card.cardId} hx-get={`/partials/card-modal?cardId=${card.cardId}`} hx-target="#cardModal" hx-trigger="click" data-bs-toggle="modal" data-bs-target="#cardModal" onclick="event.stopPropagation(); sessionStorage.setItem('openModalTab', 'nav-vendor');">
+                +/–
+            </button>
+        )}
+        <div class="card-trigger position-relative" data-card-id={card.cardId} hx-get={`/partials/card-modal?cardId=${card.cardId}`} hx-target="#cardModal" hx-trigger="click" data-bs-toggle="modal" data-bs-target="#cardModal" onclick="const cardTitle = this.querySelector('#cardImage').getAttribute('alt'); dataLayer.push({'event': 'virtualPageview', 'pageUrl': this.getAttribute('hx-get'), 'pageTitle': cardTitle, 'previousUrl': '/pokemon'});">
+            <div class="image-grow rounded-4 card-image" data-energy={card.energyType} data-rarity={card.rarityName} data-variant={card.variant} data-name={card.productName}><img src={`/static/cards/${card.productId}.jpg`} alt={card.productName} id="cardImage" loading="lazy" decoding="async" class="img-fluid rounded-4 mb-2 w-100" onerror="this.onerror=null; this.src='/static/cards/default.jpg'; this.closest('.image-grow')?.setAttribute('data-default','true')"/><span class="position-absolute top-50 start-0 d-inline medium-icon"><FirstEditionIcon edition={card?.variant} /></span>
+              <div class="holo-shine"></div>
+              <div class="holo-glare"></div>
+            </div>
         </div>
-      </div>
-      <div class="row row-cols-5 gx-1 price-row mb-2">
-        {conditionOrder.map((condition) => (
-          <div class="col price-label ps-1">
-            {conditionShort(condition)}
-            <br />{formatPrice(condition, card.skus)}
-          </div>
-        ))}
-      </div>
-      <div class="h5 my-0">{card.productName}</div>
-      <div class="d-flex flex-row lh-1 mt-1 justify-content-between">
-        <div class="text-secondary flex-grow-1"><span class="d-none d-lg-flex">{card.setName}</span><span class="d-flex d-lg-none">{card.setCode}</span></div>
-        <div class="text-body-tertiary">{card.number}</div>
-        <span class="ps-2 small-icon"><RarityIcon rarity={card.rarityName} /></span>
-      </div>
-      <div class="text-body-tertiary">{card.variant}</div>
-      <span class="d-none">{card.productId}</span>
+        <div class="row row-cols-5 gx-1 price-row mb-2">
+            {conditionOrder.map((condition) => (
+                <div class="col price-label ps-1">
+                    { conditionShort(condition) }
+                    <br />{formatPrice(condition, card.skus)}
+                </div>
+            ))}
+        </div>
+        <div class="fs-5 fw-semibold my-0">{card.productName}</div>
+        <div class="d-flex flex-row lh-1 mt-1 justify-content-between">
+            <div class="text-body-tertiary flex-grow-1 d-none d-lg-flex fst-normal">{card.setName}</div>
+            <div class="text-body-tertiary fst-normal">{card.number}</div>
+            <span class="ps-2 small-icon"><RarityIcon rarity={card.rarityName} /></span>
+        </div>
+        <div class="text-secondary fst-italic">{card.variant}</div><span class="d-none">{card.productId}</span>
     </div>
-  </>
 ))}
 {start + 20 < totalHits &&
     <div hx-post="/partials/cards" hx-trigger="revealed" hx-include="#searchform" hx-target="#cardGrid" hx-swap="beforeend" hx-on--after-request="afterUpdate(event)">
diff --git a/src/pages/partials/inventory-cards.astro b/src/pages/partials/inventory-cards.astro
new file mode 100644
index 0000000..2e50131
--- /dev/null
+++ b/src/pages/partials/inventory-cards.astro
@@ -0,0 +1,145 @@
+---
+import { client } from '../../db/typesense';
+import RarityIcon from '../../components/RarityIcon.astro';
+import FirstEditionIcon from "../../components/FirstEditionIcon.astro";
+export const prerender = false;
+
+import * as util from 'util';
+import { db } from '../../db';
+
+// get the query from post request using form data
+const formData = await Astro.request.formData();
+const query = formData.get('q')?.toString() || '';
+const start = Number(formData.get('start')?.toString() || '0');
+
+const { userId } = Astro.locals.auth();
+
+const InventoryDetails = async (inventoryId: string) => {
+    //console.log('inventoryid', inventoryId);
+    const details = await db.query.inventory.findFirst({
+        where: { inventoryId: inventoryId },
+        with: { sku: { with: { card: true } } }
+    })
+    return details;
+}
+
+
+// primary search values (for cards)
+let searchArray = [{
+    collection: 'inventories',
+    filter_by: `userId:=${userId}`,
+    per_page: 20,
+    facet_by: '',
+    max_facet_values: 0,
+    page: Math.floor(start / 20) + 1,
+    include_fields: 'id',
+}];
+
+// on first load (start === 0) we want to get the facets for the filters
+// if (start === 0) {
+//     for (const facet of Object.keys(facetFields)) {
+//         searchArray.push({
+//             collection: 'cards',
+//             filter_by: facetFilter(facet),
+//             per_page: 0,
+//             facet_by: facet,
+//             max_facet_values: 500,
+//             page: 1,
+//             sort_by: '',
+//             include_fields: '',
+//         });
+//     }
+// }
+
+
+
+
+const searchRequests = { searches: searchArray };
+const commonSearchParams = {
+    q: query,
+    query_by: 'content,setName,productLineName,rarityName,energyType,cardType'
+    // query_by: 'userId',
+};
+
+// use typesense to search for cards matching the query and return the productIds of the results
+const searchResults = await client.multiSearch.perform(searchRequests, commonSearchParams);
+const inventoryResults = searchResults.results[0] as any;
+// console.log('inventoryResults', util.inspect(inventoryResults, { depth: null }));
+
+
+const pokemon = inventoryResults.hits ? 
+    await Promise.all(
+        inventoryResults.hits.map(
+            async (hit: any) => { return (await InventoryDetails(hit.document.id)); }
+        )
+    ) : [];
+const totalHits = inventoryResults?.found;
+
+// console.log('pokemon', util.inspect(pokemon, { depth: null }));
+console.log(`totalHits: ${totalHits}`);
+---
+
+{pokemon.map((inventory:any) => {
+    const sku = inventory.sku;
+    const card = sku.card;
+    const market = Number(sku.marketPrice) || 0;
+    const purchase = Number(inventory.purchasePrice) || 0;
+    const diff = market - purchase;
+    const pct = purchase > 0 ? (diff / purchase) * 100 : 0;
+    const isGain = diff >= 0;
+
+    return (
+    <div class="col equal-height-col">
+        <div class="card-trigger position-relative inv-grid-media" data-card-id={card.productId} data-energy={card.energyType} data-rarity={card.rarityName} data-variant={card.variant} data-name={card.productName} data-bs-toggle="modal" data-bs-target="#cardModal">
+            <div class="rounded-4 card-image h-100">
+                <img src={`static/cards/${card.productId}.jpg`} alt={card.productName} loading="lazy" decoding="async" class="img-fluid rounded-4 w-100" onerror="this.onerror=null;this.src='static/cards/default.jpg';this.closest('.image-grow')?.setAttribute('data-default','true')" />
+                <span class="position-absolute top-50 start-0 d-inline medium-icon" style="z-index:4">
+                <FirstEditionIcon edition={card.variant} />
+                </span>
+            </div>
+        </div>
+        <div class="d-flex flex-row justify-content-between my-1 align-items-center edit-bar">
+            <input type="number" class="form-control form-control-sm text-center" style="max-width: 33%;" value={inventory.quantity} min="1" max="999" aria-label="Quantity input" aria-describedby="button-minus button-plus">
+            <div class="" aria-label="Edit controls">
+                <button type="button" class="btn btn-sm btn-edit me-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="edit-svg"><path d="M374.4 146.5L374.4 146.5C395.3 128.4 443.5 85.4 468.5 97.6C484.4 105.9 497.8 112.8 501.3 120.1L501.4 120.2L501.5 120.3L501.6 120.5C507.6 130.2 518.4 150.1 519.6 161.6C513.5 192.1 484 217.1 461.6 240.4C425.7 208.6 404.1 187.1 369.7 150.6C371.3 149.2 372.8 147.9 374.4 146.5zM484.1 307.3C484.3 307.1 484.5 307 484.6 306.8C525.1 265.7 579.4 226.1 583.7 161.7C575.2 64.5 475.6-2.1 395.9 50.5C299.2 114.8 235.3 194.9 152 272.8C118.1 305.6 72.6 334.1 62.3 384.2C60.7 400.9 62.5 429.9 63.3 446.8C63.3 472.2 62.6 516.6 62.3 535.2C65.6 607.8 181.9 562 225.7 560.1C249.2 555.4 267.7 533 280.2 519.6C280.4 519.4 280.5 519.3 280.5 519.3C350.4 450.8 416.9 378.7 484.2 307.4zM416.2 285.7C349.4 358.2 282.1 428.8 211.2 497.7C182.1 502.9 154.5 507.3 126.6 510C128.2 471.4 125.7 426.3 125.8 391.4C138.8 367.7 172.1 340.8 194.2 320.8C239.9 279.4 276.7 234.2 323.2 194.7C356.5 230 380.6 254.2 416.1 285.7z"/></svg></button>
+                
+                <button type="button" class="btn btn-sm btn-delete"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="delete-svg">
+                <filter id='shadow' color-interpolation-filters="sRGB">
+                    <feDropShadow dx="2" dy="2" stdDeviation="2" flood-opacity="0.5"/>
+                </filter>
+                <path d="M345.1 124.8C361 125.2 374.2 126 386.3 127.8C386.2 137.1 385.4 148.3 384.6 157.9C340.9 156.9 297.8 157.6 254.5 158C254.8 149.7 252.4 136.7 255.2 129.7C279.3 123.4 313.6 125.1 345.1 124.7zM448.7 160.7C460.3 66.9 431.8 64.5 346.7 60.8C268.3 59.6 178 54.7 190.5 158.2C157.2 162.7 96.1 137.9 89.6 186.5C88.1 210.7 111.2 222.9 132.8 220.8L132.8 478.6C132.6 530.6 176.7 571.9 228.6 569.3L398.9 569.3C500.4 574.1 515.3 476.9 509.7 395.2C509.1 364.1 511.4 273.6 512.5 223.8C554.7 223.7 554.5 159.5 512.2 159.8L448.6 160.7zM448.5 224.7C446.1 301.9 445.5 378 445.8 440.3C442.6 476.1 442.9 507.5 400.1 505.2L227 505.2C211.1 506.8 196.6 494.9 196.7 478.5L196.7 222.1C280.4 222.3 366.5 219.1 448.4 224.6z"/></svg></button>
+            </div>
+        </div>
+        <div class="d-flex flex-row mt-1">
+            <div class="text-body-tertiary flex-grow-1 small">{card.setName}</div>
+        </div>
+        <div class="d-flex flex-row my-1 justify-content-between mt-1">
+            <div class="fs-6 fw-semibold my-0">{card.productName}</div>
+            <div class="small my-0">{card.number}</div>
+        </div>
+        <div class="d-flex flex-row justify-content-between align-items-baseline">
+            <div class="text-body-secondary">
+                <span class="small">Purchase</span>
+            </div>
+            <div class="text-body-secondary">
+                <span class="small">Market</span>
+            </div>
+            <div class="text-body-secondary">
+                <span class="small">Gain/Loss</span>
+            </div>
+        </div>        
+        <div class="d-flex flex-row justify-content-between align-items-baseline">
+            <div class="text-body-secondary">
+                <span class="h6 mt-0">${purchase.toFixed(2)}</span>
+            </div>
+            <div class="text-white">
+                <span class="h6 mt-0">${market.toFixed(2)}</span>
+            </div>
+            <div class={`h6 mt-0 ${isGain ? "text-success" : "text-danger"}`}>
+                {isGain ? "+" : "-"}${Math.abs(diff).toFixed(2)}
+            </div>
+        </div>
+    </div>
+    );
+
+})
diff --git a/src/pages/pokemon.astro b/src/pages/pokemon.astro
index d3e49b9..e8f5988 100644
--- a/src/pages/pokemon.astro
+++ b/src/pages/pokemon.astro
@@ -1,14 +1,9 @@
 ---
 export const prerender = false;
 import Layout from '../layouts/Main.astro';
-import Search from '../components/Search.astro';
 import CardGrid from "../components/CardGrid.astro";
-import NavBar from '../components/NavBar.astro';
 ---
 
 <Layout title="Card Search">
-    <NavBar slot="navbar">
-        <Search slot="searchInput" />
-    </NavBar>
-    <CardGrid slot="page" />
+    <CardGrid slot="page"/>
 </Layout>
\ No newline at end of file
diff --git a/src/pages/privacy.astro b/src/pages/privacy.astro
new file mode 100644
index 0000000..626277c
--- /dev/null
+++ b/src/pages/privacy.astro
@@ -0,0 +1,24 @@
+---
+export const prerender = false;
+import Footer from '../components/Footer.astro';
+import Layout from '../layouts/Main.astro';
+---
+<Layout title="Terms and Privacy" >
+    <div class="container-fluid container-sm my-5" slot="page">
+        <section class="legal-info p-6 bg-gray-50 text-gray-800 rounded-md space-y-3">
+        <h2 class="text-xl font-semibold">Privacy & Terms</h2>
+
+        <p>
+            By signing in with your Google account, you agree to the following Terms of Service and Privacy Policy:
+        </p>
+
+        <p>
+            <strong>Terms of Service:</strong> You may use our services only as permitted by law. Your account is for personal use and must be kept secure. We reserve the right to modify or discontinue services at any time. Misuse of the service may result in account suspension.
+        </p>
+
+        <p>
+            <strong>Privacy Policy:</strong> We use Clerk.js to handle authentication, ensuring that your Google account information is securely processed. We do not store your Google password. Personal data is only used to provide and improve our services. We do not sell your information to third parties. You have the right to access, correct, or delete your data by contacting us.
+        </p>
+    </div>
+    <Footer slot="footer" />
+</Layout>
\ No newline at end of file
diff --git a/src/svg/logo/rat_light.svg b/src/svg/logo/rat_light.svg
new file mode 100644
index 0000000..6ad45ca
--- /dev/null
+++ b/src/svg/logo/rat_light.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="uuid-28885955-490e-4e5c-bba8-d29f831e6862" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 984.04107 353.35931"><g id="uuid-83941b04-85a7-4465-b9e0-012c209dc6a7"><path d="M653.62926,104.05915v32.23634h89.02801v217.06382h152.81484v-217.06382h88.56896V0h-330.4118v104.05915" style="fill:#fcf5f3;"/><g id="uuid-43578a3f-54c5-443e-9235-237fee6994bd"><path d="M262.03609,194.11787c12.84855-3.67235,23.01598-8.79185,30.51628-15.37407,7.49408-6.57599,13.07885-14.06852,16.7512-22.48691,3.67079-8.41061,6.03603-16.90058,7.11284-25.46836,1.06747-8.56155,1.60587-16.5209,1.60587-23.86404,0-25.99898-4.89698-46.80844-14.68473-62.41126-9.79552-15.60281-22.87438-26.91707-39.23656-33.95833C247.73105,3.51985,229.75366,0,210.17973,0H0v224.43011c2.52455-6.88838,5.14382-13.5023,7.8372-19.64065,18.36155-41.84105,49.28436-78.81895,78.08584-103.94867,28.79857-25.12952,75.6109-42.0873,99.07464-43.44673,23.46355-1.35962,37.54529,13.10025,43.17616,23.29335,5.63106,10.19291,4.89232,45.84328-18.69786,69.97672-23.59309,24.13363-53.42645,29.7079-70.68143,25.4174-17.25206-4.2907-23.29685-19.71592-21.08936-33.74282,2.20749-14.02709,13.38326-30.67734,26.43002-37.99014,13.04968-7.3126,24.90662-7.22157,30.40541-.71424,5.49588,6.50714-3.95517,14.38071-3.10146,16.03482.8537,1.6545,8.51098-4.88337,8.01945-13.10783-.49425-8.22447-11.28761-17.50765-32.61563-8.89591-21.33094,8.61193-32.92335,38.51084-32.92335,38.51084,0,0-44.99289,21.68242-70.52913,55.88934C23.29374,218.98539,8.70899,252.47748,0,290.56468v62.79464h144.55516v-94.53497h4.12984l24.78213,94.53497h161.07607l-72.5071-159.24145Z" style="fill:#fcf5f3;"/></g><path d="M615.38918,0h-189.98648l-90.86418,353.35931h148.685l4.59044-42.21956h65.16396l4.58888,42.21956h148.68656L615.38918,0ZM561.10669,138.27405l-14.62209,89.89785c-.2126.75042-.89766,1.26859-1.67765,1.26859h-17.93032c-.84476,0-1.56814-.6057-1.71655-1.43723l-3.03397-37.78104c-.15269-.85468-.91089-1.46699-1.7786-1.43607-1.01009.03598-1.77821.92062-1.67181,1.92584l-3.6422,36.80149c.10893,1.02974-.69849,1.92701-1.73386,1.92701h-19.2526c-.86888,0-1.6051-.63974-1.72647-1.50006l-12.68478-89.89785c-.14841-1.05172.67009-1.99081,1.73231-1.98711h78.06678c1.15422.00389,1.98614,1.10793,1.67181,2.21858Z" style="fill:#fcf5f3;"/></g></svg>
\ No newline at end of file