diff --git a/.cursor/mcp.json b/.cursor/mcp.json
new file mode 100644
index 0000000..d9d709b
--- /dev/null
+++ b/.cursor/mcp.json
@@ -0,0 +1,14 @@
+{
+  "mcpServers": {
+    "codegraph": {
+      "type": "stdio",
+      "command": "codegraph",
+      "args": [
+        "serve",
+        "--mcp",
+        "--path",
+        "C:\\Users\\shats\\Dev\\cloudflare-domain-manager"
+      ]
+    }
+  }
+}
diff --git a/.cursor/rules/ai-coding-assistant.mdc b/.cursor/rules/ai-coding-assistant.mdc
new file mode 100644
index 0000000..edfa468
--- /dev/null
+++ b/.cursor/rules/ai-coding-assistant.mdc
@@ -0,0 +1,56 @@
+---
+description: Concise AI assistant — clean code, token efficiency, codebase alignment
+alwaysApply: true
+---
+
+# AI Coding Assistant
+
+You work inside a real codebase. Be precise, concise, and aligned with existing patterns.
+
+## Clean Code
+
+- Minimal, readable, maintainable code; simple over clever
+- Meaningful names; DRY; small single-responsibility functions
+- Follow existing project style and patterns
+
+## Token Efficiency
+
+- Do not explain obvious things
+- No step-by-step reasoning unless explicitly asked
+- Output only what is necessary: code, brief comments when needed
+- No long prose, summaries, or repetition
+- If unsure — ask a short clarifying question instead of guessing
+
+## Work With Existing Codebase
+
+- Analyze surrounding code before generating new code
+- Reuse existing utilities, helpers, and patterns
+- Do not reinvent functionality already in the project
+- Respect project architecture
+
+## Documentation Awareness
+
+- Check project docs, README, comments, and types before implementing
+- If behavior is unclear: infer from types/tests/examples, or ask
+- Prefer documented approaches over assumptions
+
+## Output Format
+
+- Default: only code
+- If explanation is required — keep it under 3–5 lines
+- Highlight only important decisions
+
+## Refactoring
+
+- Preserve behavior unless told otherwise
+- Improve readability and structure; reduce complexity and duplication
+
+## Debugging
+
+- Identify root cause, not symptoms
+- Suggest minimal fix; avoid rewriting large parts unless necessary
+
+## Missing Context
+
+- Ask concise, targeted questions
+- Do not hallucinate APIs or project structure
diff --git a/.cursor/rules/backend-api-ui.mdc b/.cursor/rules/backend-api-ui.mdc
new file mode 100644
index 0000000..0f91e77
--- /dev/null
+++ b/.cursor/rules/backend-api-ui.mdc
@@ -0,0 +1,37 @@
+---
+description: Backend API — при изменениях, затрагивающих UI, строго следовать shadcn Components/Blocks
+globs: apps/api/**/*,packages/shared/**/*
+alwaysApply: false
+---
+
+# Backend API + shadcn/ui
+
+Fastify backend: `apps/api/`. Контракты — `@cfdm/shared` (Zod). Frontend — TanStack Query.
+
+## Обязательный порядок
+
+1. **Backend** — route, service, Vitest (`app.inject()`)
+2. **Схемы** — `@cfdm/shared` (не дублировать в `apps/web/src/lib/schemas.ts`)
+3. **UI** — shadcn MCP ([`shadcn-mcp.mdc`](shadcn-mcp.mdc))
+
+## Запрещено на frontend при доработке API
+
+- Новые raw `<table>` / `<select>` / кастомные badge-цвета
+- Дублирование Zod schemas в `apps/web` — только re-export из `@cfdm/shared`
+- Самописные формы без `Field` + RHF + Zod
+
+## shadcn-паттерны
+
+| API-данные | UI |
+|------------|-----|
+| Список | `Table` / `DataTableCard` |
+| Создание | `Card` + `FieldGroup` + RHF |
+| Статус | `Badge` variants |
+| Ошибка | `sonner` `toast.error` |
+
+## Согласованность
+
+- JSON поля — snake_case как в существующем API
+- Новый endpoint → `queryOptions` в `apps/web/src/queries/`
+
+MCP backend: [`backend-mcp.mdc`](backend-mcp.mdc) · Fastify: [`backend-fastify.mdc`](backend-fastify.mdc)
diff --git a/.cursor/rules/backend-drizzle.mdc b/.cursor/rules/backend-drizzle.mdc
new file mode 100644
index 0000000..f4fd456
--- /dev/null
+++ b/.cursor/rules/backend-drizzle.mdc
@@ -0,0 +1,26 @@
+---
+description: Drizzle ORM + SQLite — schema, migrations, queries
+globs: packages/db/**/*,apps/api/src/services/**/*
+alwaysApply: false
+---
+
+# Backend Drizzle
+
+MCP Context7 (`drizzle-orm`, `drizzle-kit`) — [`backend-mcp.mdc`](backend-mcp.mdc).
+
+## Schema
+
+- `packages/db/src/schema/` — source of truth
+- Migrations: `drizzle-kit generate` / `migrate`
+- WAL + `foreign_keys` при открытии SQLite
+- Индекс `idx_dns_records_domain_cf_id` на `(domain_id, cf_record_id)`
+
+## Queries
+
+- Batch queries (`inArray`, JOINs) — не N+1 loops
+- UNIQUE violations → `CONFLICT` (409)
+- Multi-step → `db.transaction()`
+
+## SQLite
+
+См. [`sqlite.mdc`](sqlite.mdc).
diff --git a/.cursor/rules/backend-fastify.mdc b/.cursor/rules/backend-fastify.mdc
new file mode 100644
index 0000000..cb555ff
--- /dev/null
+++ b/.cursor/rules/backend-fastify.mdc
@@ -0,0 +1,43 @@
+---
+description: Fastify API — слои, плагины, контракт ошибок
+globs: apps/api/**/*
+alwaysApply: false
+---
+
+# Backend Fastify
+
+Стек: **Node.js 22**, **Fastify 5**, `@fastify/*` plugins, `@cfdm/shared`, `@cfdm/db`.
+
+MCP — [`backend-mcp.mdc`](backend-mcp.mdc).
+
+## Слои
+
+```
+routes/ → services/ → @cfdm/db (repositories)
+              ↘ lib/cf-client.ts
+```
+
+- Routes — тонкие Fastify plugins (`fastify-plugin`)
+- **Запрещено:** SQL в routes, `fetch` к CF вне `cf-client`
+
+## Плагины (официальные)
+
+`@fastify/jwt`, `@fastify/cors`, `@fastify/sensible`, `@fastify/static`, `@fastify/helmet`, `@fastify/rate-limit`, `@fastify/type-provider-zod`, `fastify-plugin`
+
+## Ошибки
+
+Формат: `{ error: { code, message } }`
+
+Коды: `NOT_FOUND`, `VALIDATION_ERROR`, `UNAUTHORIZED`, `FORBIDDEN`, `CONFLICT`, `CLOUDFLARE_ERROR`, `INTERNAL_ERROR`
+
+## Правила
+
+- Zod schemas только из `@cfdm/shared`
+- `db.transaction()` для multi-step writes
+- Операции >2s → async job (`sync_jobs` + `p-queue`)
+- Env через Zod в `config.ts`; prod fail-fast на dev `JWT_SECRET`
+- TypeScript strict; `function` для handlers/services
+
+## API + UI
+
+[`backend-api-ui.mdc`](backend-api-ui.mdc)
diff --git a/.cursor/rules/backend-mcp.mdc b/.cursor/rules/backend-mcp.mdc
new file mode 100644
index 0000000..ae1a080
--- /dev/null
+++ b/.cursor/rules/backend-mcp.mdc
@@ -0,0 +1,28 @@
+---
+description: Обязательный порядок MCP перед backend-кодом (Fastify, Drizzle, Cloudflare API)
+globs: apps/api/**/*,packages/db/**/*,packages/shared/**/*
+alwaysApply: false
+---
+
+# Backend MCP — обязательно
+
+Перед **любой** задачей в `apps/api`, `packages/db`, `packages/shared` — сначала MCP, не training data.
+
+## Порядок
+
+| Задача | MCP |
+|--------|-----|
+| Fastify plugins, routes, hooks | **Context7** `resolve-library-id` → `query-docs` (`fastify`, `@fastify/jwt`, `@fastify/type-provider-zod`) |
+| Drizzle schema, queries, migrations | **Context7** (`drizzle-orm`, `drizzle-kit`, `better-sqlite3`) |
+| Cloudflare DNS/Zones API | **`plugin-cloudflare-cloudflare-docs`** `search_cloudflare_documentation` |
+| API + UI | `packages/shared` → **shadcn MCP** ([`shadcn-mcp.mdc`](shadcn-mcp.mdc)) |
+| E2E / cutover | **cursor-ide-browser** |
+| Неизвестный инструмент | **user-mcp-on-demand** `search_tools` |
+
+## Запрещено
+
+- Угадывать API Fastify/Drizzle/CF из памяти
+- Самописные аналоги `@fastify/*` (CORS, static, JWT, rate-limit)
+- Дублировать Zod schemas вне `@cfdm/shared`
+
+Связанные: [`backend-fastify.mdc`](backend-fastify.mdc), [`backend-drizzle.mdc`](backend-drizzle.mdc), [`backend-testing.mdc`](backend-testing.mdc).
diff --git a/.cursor/rules/backend-testing.mdc b/.cursor/rules/backend-testing.mdc
new file mode 100644
index 0000000..2be8f6a
--- /dev/null
+++ b/.cursor/rules/backend-testing.mdc
@@ -0,0 +1,26 @@
+---
+description: Backend Vitest + Fastify inject
+globs: apps/api/**/*,packages/db/**/*,packages/shared/**/*
+alwaysApply: false
+---
+
+# Backend Testing
+
+Vitest + `app.inject()` (встроено в Fastify).
+
+## Требования
+
+- Каждый route plugin → минимум 1 integration test
+- Sync/DNS → parity fixtures
+- `:memory:` SQLite для unit; file DB для integration
+- `beforeEach` — fresh schema migrate
+
+## Паттерн
+
+```ts
+const app = await buildApp({ db: testDb })
+const res = await app.inject({ method: 'GET', url: '/health' })
+expect(res.statusCode).toBe(200)
+```
+
+См. [`vitest-best-practices.mdc`](vitest-best-practices.mdc).
diff --git a/.cursor/rules/commit-messages-ru.mdc b/.cursor/rules/commit-messages-ru.mdc
new file mode 100644
index 0000000..c17e291
--- /dev/null
+++ b/.cursor/rules/commit-messages-ru.mdc
@@ -0,0 +1,36 @@
+---
+description: Conventional commits на русском языке
+globs: "**/*"
+alwaysApply: false
+---
+
+# Commit messages (русский)
+
+Формат: `<type>[optional scope]: <описание>`
+
+## Типы
+
+- `feat` — только новая UX-фича для пользователя
+- `fix` — исправление бага
+- `chore` — конфиг, зависимости, правила, CI
+- `refactor` — рефакторинг без изменения поведения
+- `docs` — документация
+- `test` — тесты
+- `perf` — производительность
+
+## Правила
+
+- Subject в **императиве**, без точки в конце
+- Subject и body — **на русском**
+- Body (опционально) — что и зачем, не как
+- Scope в скобках при необходимости: `feat(domains): добавить фильтр по статусу`
+
+## Примеры
+
+```
+fix(frontend): заменить raw table на shadcn Table на странице доменов
+
+feat(certificates): добавить предупреждение об истечении срока
+
+chore(rules): консолидировать правила shadcn/ui для Cursor
+```
diff --git a/.cursor/rules/frontend-conventions.mdc b/.cursor/rules/frontend-conventions.mdc
deleted file mode 100644
index 018d01b..0000000
--- a/.cursor/rules/frontend-conventions.mdc
+++ /dev/null
@@ -1,23 +0,0 @@
----
-description: Паттерны для React, api, utils
-globs: src/**/*.{js,jsx}
-alwaysApply: false
----
-
-# Frontend conventions
-
-## React
-
-- Функциональные компоненты
-- Страницы в `pages/`, общие компоненты в `components/`
-- Данные загружаются в App.jsx через `loadDataSet()`, передаются в страницы как `db` и `actions`
-
-## API
-
-- `src/lib/api.js` — fetchApi, loadDataSet, createRecord, updateRecord, deleteRecord
-- Коллекции: vps, providers, providerAccounts, payments, balanceLedger, settings
-- Дополнительно: syncAccount, fetchAccountBalance, testApiConnection
-
-## Utils
-
-- `src/lib/utils.js` — форматирование (formatCurrency), конвертация валют, лейблы (paymentTypeLabel), CSV
diff --git a/.cursor/rules/frontend-monorepo.mdc b/.cursor/rules/frontend-monorepo.mdc
new file mode 100644
index 0000000..f656f8c
--- /dev/null
+++ b/.cursor/rules/frontend-monorepo.mdc
@@ -0,0 +1,103 @@
+---
+description: shadcn/ui Monorepo — структура apps/web + packages/ui, CLI workflow, импорты @cfdm/ui
+globs: apps/web/**/*,packages/ui/**/*
+alwaysApply: false
+---
+
+# Frontend Monorepo (shadcn/ui)
+
+**Обязательный стандарт структуры** — [Monorepo docs](https://ui.shadcn.com/docs/monorepo).
+
+## Layout
+
+```
+apps/web/              # Vite SPA (routes, queries, domain components)
+apps/api/              # Fastify API + static SPA in prod
+packages/ui/           # @cfdm/ui — shadcn primitives
+packages/shared/       # @cfdm/shared — Zod schemas, parse-fqdn
+packages/db/           # @cfdm/db — Drizzle schema, repositories
+```
+
+## Два components.json
+
+| Файл | Назначение |
+|------|------------|
+| [`apps/web/components.json`](apps/web/components.json) | App aliases; `ui` → `@cfdm/ui/components` |
+| [`packages/ui/components.json`](packages/ui/components.json) | UI package aliases |
+
+**Синхронизировать:** `style`, `iconLibrary`, `baseColor` в обоих файлах.
+
+## CLI — только из apps/web
+
+```bash
+cd apps/web
+pnpm dlx shadcn@latest docs button
+pnpm dlx shadcn@latest add button
+pnpm dlx shadcn@latest add sidebar-07
+pnpm dlx shadcn@latest add login-03
+pnpm dlx shadcn@latest apply b2fA --only theme -y
+```
+
+Перед обновлением существующих компонентов:
+
+```bash
+pnpm dlx shadcn@latest add button --dry-run
+pnpm dlx shadcn@latest add button --diff
+pnpm dlx shadcn@latest info --json
+```
+
+## Куда CLI кладёт файлы
+
+| Команда | Куда |
+|---------|------|
+| `add button` | `packages/ui/src/components/button.tsx` |
+| `add login-03` | примитивы → `packages/ui`, block → `apps/web/src/components/` |
+
+## Импорты
+
+```tsx
+import { Button } from '@cfdm/ui/components/button'
+import { cn } from '@cfdm/ui/lib/utils'
+import { useIsMobile } from '@cfdm/ui/hooks/use-mobile'
+import '@cfdm/ui/globals.css'   // только в main.tsx
+```
+
+| Запрещено | Разрешено |
+|-----------|-----------|
+| `@/components/ui/*` | `@cfdm/ui/components/*` |
+| `apps/web/src/components/ui/` | `packages/ui/src/components/` |
+| Ручное редактирование `globals.css` | `pnpm dlx shadcn@latest apply b2fA --only theme` |
+
+Community registry: переписывать импорты на `@cfdm/ui/...`.
+
+## Разделение ответственности
+
+- **`packages/ui`** — только output `shadcn add` (примитивы, registry hooks, `cn`)
+- **`apps/web/src/components`** — blocks, layout, domain (`login-form`, `app-shell`, `PageHeader`)
+
+## Стили (Tailwind v4 monorepo)
+
+`packages/ui/src/styles/globals.css` — единственный CSS-файл. **Обязательно** `@source` для обоих workspace:
+
+```css
+@source "../";                      /* packages/ui/src */
+@source "../../../apps/web/src";   /* apps/web/src */
+```
+
+Без `@source` Tailwind не видит классы из `packages/ui` и `apps/web` — UI ломается (нет sidebar, card, и т.д.).
+
+```bash
+pnpm install
+pnpm --filter web dev
+pnpm --filter web build
+```
+
+## Чеклист
+
+- [ ] Два `components.json` согласованы
+- [ ] `shadcn add` из `apps/web`
+- [ ] UI-импорты через `@cfdm/ui/components/*`
+- [ ] Нет `apps/web/src/components/ui/`
+- [ ] `pnpm --filter web build` без ошибок
+
+См. также: [`frontend-shadcn.mdc`](frontend-shadcn.mdc), [`vite-tanstack-frontend.mdc`](vite-tanstack-frontend.mdc).
diff --git a/.cursor/rules/frontend-shadcn.mdc b/.cursor/rules/frontend-shadcn.mdc
new file mode 100644
index 0000000..f36fe82
--- /dev/null
+++ b/.cursor/rules/frontend-shadcn.mdc
@@ -0,0 +1,197 @@
+---
+description: Frontend — ТОЛЬКО shadcn/ui docs (Components, Blocks, Installation); best practices, CLI-first
+globs: apps/web/**/*,packages/ui/**/*
+alwaysApply: false
+---
+
+# Frontend — shadcn/ui (обязательно)
+
+**Источник истины — MCP shadcn + официальная документация.** Не выдумывать UI, не писать кастомный CSS, не обходить MCP и CLI.
+
+Monorepo layout — [`frontend-monorepo.mdc`](frontend-monorepo.mdc). MCP workflow — [`shadcn-mcp.mdc`](shadcn-mcp.mdc). UI patterns — [`frontend-ui-patterns.mdc`](frontend-ui-patterns.mdc).
+
+| Документ | URL |
+|----------|-----|
+| **Components (primary catalog)** | https://ui.shadcn.com/docs/components |
+| **Blocks** | https://ui.shadcn.com/blocks |
+| **Installation** | https://ui.shadcn.com/docs/installation |
+| **Monorepo** | https://ui.shadcn.com/docs/monorepo |
+| **Theming** | https://ui.shadcn.com/docs/theming |
+| **Dark Mode** | https://ui.shadcn.com/docs/dark-mode |
+| **Forms (RHF)** | https://ui.shadcn.com/docs/forms/react-hook-form |
+
+## Шаг 0 — перед любым UI-кодом
+
+0. **Codegraph** `codegraph_explore` — найти существующие реализации
+1. **MCP `plugin-shadcn-shadcn`:** `search_items_in_registries` → `get_item_examples_from_registries` → `get_add_command_for_items` ([`shadcn-mcp.mdc`](shadcn-mcp.mdc))
+2. Открыть **Components** или **Blocks** — найти готовое решение
+3. `cd apps/web && pnpm dlx shadcn@latest docs <component>` — сверить API с [Components](https://ui.shadcn.com/docs/components)
+4. Сверить MCP examples ↔ docs API — только потом писать код
+5. `cd apps/web && pnpm dlx shadcn@latest search "@shadcn/<query>"` — если MCP не дал результат
+
+**Новая страница** → сначала [Blocks](https://ui.shadcn.com/blocks), потом `pnpm dlx shadcn@latest add <block-id>`.
+
+## Docs workflow
+
+1. MCP `plugin-shadcn-shadcn` — search → examples → add command
+2. `pnpm dlx shadcn@latest docs <component>` — fetch URLs, сверить API
+3. Skill `.agents/skills/shadcn/SKILL.md` — critical rules
+4. Context7 — только TanStack / Recharts
+
+## Shared components (обязательно)
+
+| Component | Файл |
+|-----------|------|
+| `PageShell` | `page-shell.tsx` |
+| `PageHeader` | `page-header.tsx` |
+| `EmptyState` | `empty-state.tsx` |
+| `QueryState` | `query-state.tsx` |
+| `ConfirmDialog` | `confirm-dialog.tsx` |
+| `DataTableCard` | `data-table-card.tsx` |
+| `SectionCards` | `section-cards.tsx` |
+| `StatusBadge` | `status-badge.tsx` |
+| `FormSheet` | `form-sheet.tsx` |
+| `FormField` | `form-field.tsx` |
+| `TableCard` | `table-card.tsx` |
+| `LoadingButton` | `loading-button.tsx` |
+| `SectionCardsSkeleton` | `section-cards-skeleton.tsx` |
+| `TableSkeleton` | `table-skeleton.tsx` |
+
+**Overlay:** Sheet — forms; AlertDialog — destructive confirm.
+
+## Шаг 1 — CLI (обязательно)
+
+```bash
+cd apps/web
+pnpm dlx shadcn@latest add table select badge card field input button ...
+pnpm dlx shadcn@latest add sidebar-07    # layout
+pnpm dlx shadcn@latest add dashboard-01 # dashboard
+pnpm dlx shadcn@latest add login-03     # auth
+pnpm dlx shadcn@latest apply b2fA --only theme -y   # тема — ТОЛЬКО так
+```
+
+- Копипаст с сайта **без** CLI — запрещено
+- `packages/ui/src/components/*` — только registry; domain-логика → `apps/web/src/components/<name>.tsx`
+
+## Шаг 2 — композиция (best practices)
+
+### Приоритет
+
+1. Установленный `@cfdm/ui/components/*`
+2. Block из registry (адаптация под TanStack Router)
+3. Shared проекта: `PageShell`, `PageHeader`, `EmptyState`, `QueryState`, `ConfirmDialog`, `DataTableCard`, `SectionCards`, `StatusBadge`
+4. Domain-обёртка — последний уровень кастомизации
+
+### Запрещено в apps/web
+
+| ❌ | ✅ |
+|----|---|
+| `<table>`, `<select>`, `<hr>` | `Table`, `Select`, `Separator` из [Components](https://ui.shadcn.com/docs/components) |
+| `bg-emerald-*`, `text-blue-500`, hex в className | `bg-primary`, `text-muted-foreground`, `Badge variant` |
+| Ручной `globals.css`, `.css` модули | CLI `apply b2fA --only theme` |
+| `space-y-*` / `space-x-*` | `flex` + `gap-*` |
+| `w-10 h-10` | `size-10` |
+| `className` для цветов Button/Badge | `variant`, `size` |
+| `useState` для полей формы | `FieldGroup` + RHF + Zod |
+| Styled `<Link>` | `Button variant="link"` + `render={<Link />}` |
+| `inline style={{}}` в routes | layout Tailwind |
+| `animate-pulse` div | `Skeleton` |
+| кастомный toast | `sonner` → `toast()` |
+| `@/components/ui/*` | `@cfdm/ui/components/*` |
+
+### Устаревшие библиотеки (миграция с Tabler)
+
+| ❌ удалить | ✅ заменить на |
+|-----------|----------------|
+| `@tabler/core` (CSS-фреймворк) | Tailwind v4 + shadcn tokens |
+| `import '@tabler/core/dist/css/tabler.min.css'` в `main.tsx` | `import '@cfdm/ui/globals.css'` |
+| `@tabler/icons-react` (`Icon*`) | `lucide-react` (`<PlusIcon />` и т.п.) |
+| `chart.js` | `recharts` через shadcn `Chart`/`ChartContainer` |
+| `react-router-dom` (`<BrowserRouter>`, `<Routes>`, `useNavigate`) | TanStack Router (`createFileRoute`, `<Link>`, `useNavigate`) |
+| Bootstrap-классы Tabler (`page`, `navbar-vertical`, `nav-link`, `container-tight`, `spinner-border`, `d-lg-none`) | shadcn `AppShell` (sidebar-07), `Button`, `Skeleton` |
+| Prop-drilling `db` + `actions` из `App.jsx` | `useQuery`/`useMutation` + key factories в `queries/` |
+| `useState` + `loadDataSet()` в корне | `QueryClient` + route loaders (`ensureQueryData`) |
+
+### Формы
+
+По https://ui.shadcn.com/docs/forms/react-hook-form:
+
+```tsx
+<FieldGroup>
+  <Field data-invalid={!!errors.name}>
+    <FieldLabel htmlFor="name">Имя</FieldLabel>
+    <Input id="name" aria-invalid={!!errors.name} {...register('name')} />
+  </Field>
+</FieldGroup>
+```
+
+### Card
+
+`CardHeader` / `CardTitle` / `CardDescription` / `CardContent` / `CardFooter` — полная композиция из docs.
+
+### Таблицы
+
+`Table`, `TableHeader`, `TableBody`, `TableRow`, `TableHead`, `TableCell` — из docs.  
+Сложная таблица → [Data Table](https://ui.shadcn.com/docs/components/data-table) + block `dashboard-01`.
+
+### Графики
+
+`Chart` + `ChartContainer` + `chartConfig` с `var(--chart-1)` — не raw recharts без обёртки.
+
+### Иконки в Button
+
+```tsx
+<Button>
+  <PlusIcon data-icon="inline-start" />
+  Создать
+</Button>
+```
+
+Без `size-4` на иконке внутри shadcn-компонента.
+
+## Стек (не shadcn, но обязателен)
+
+TanStack Router + Query — [`vite-tanstack-frontend.mdc`](vite-tanstack-frontend.mdc).
+
+- Preset: **base-nova** + **neutral** — [`apps/web/components.json`](apps/web/components.json), [`packages/ui/components.json`](packages/ui/components.json)
+- `@base-ui/react` → `render` prop (не Radix `asChild`)
+- **Не Next.js** — нет Server Components, `'use client'`
+
+## Эталоны проекта
+
+| Зона | Файл | Block |
+|------|------|-------|
+| Shell | `apps/web/src/components/layout/app-shell.tsx` | [sidebar-07](https://ui.shadcn.com/blocks) |
+| Login | `apps/web/src/routes/login.tsx` | [login-03](https://ui.shadcn.com/blocks) |
+| Dashboard | `apps/web/src/routes/_auth/index.tsx` | [dashboard-01](https://ui.shadcn.com/blocks) |
+| CRUD | `routes/_auth/services.tsx`, `domains/index.tsx` | Card + Field + Table |
+
+## Структура файлов
+
+```
+apps/web/src/
+  components/        ← domain + layout + shared (blocks)
+  routes/            ← страницы (композиция @cfdm/ui, без raw HTML)
+  queries/           ← queryOptions (не inline в routes)
+  lib/schemas.ts     ← Zod для форм
+
+packages/ui/src/
+  components/        ← только CLI (не трогать под кейс)
+  hooks/             ← registry hooks (use-mobile)
+  lib/utils.ts       ← cn()
+  styles/globals.css ← только output shadcn CLI
+```
+
+## Чеклист перед завершением задачи
+
+- [ ] MCP shadcn: search + examples (+ add command при новых примитивах)
+- [ ] Решение есть в https://ui.shadcn.com/docs/components или /blocks
+- [ ] Компоненты добавлены через `pnpm dlx shadcn@latest add` из `apps/web`
+- [ ] Нет кастомного CSS и raw HTML-примитивов
+- [ ] Semantic tokens, `variant`/`size` вместо переопределения className
+- [ ] UI-импорты через `@cfdm/ui/components/*`
+- [ ] `pnpm --filter web build` без ошибок
+
+## Язык
+
+Ответы пользователю — русский. Commits — [`commit-messages-ru.mdc`](commit-messages-ru.mdc).
diff --git a/.cursor/rules/frontend-ui-patterns.mdc b/.cursor/rules/frontend-ui-patterns.mdc
new file mode 100644
index 0000000..d259ada
--- /dev/null
+++ b/.cursor/rules/frontend-ui-patterns.mdc
@@ -0,0 +1,111 @@
+---
+description: Единые UI-паттерны web — shared components, docs workflow, матрица стандартизации
+globs: apps/web/**/*
+alwaysApply: false
+---
+
+# Frontend UI Patterns
+
+См. также: [`frontend-shadcn.mdc`](frontend-shadcn.mdc), [`shadcn-mcp.mdc`](shadcn-mcp.mdc), [Components](https://ui.shadcn.com/docs/components), [Blocks](https://ui.shadcn.com/blocks).
+
+## Docs workflow (обязательно)
+
+0. Codegraph `codegraph_explore` — найти существующие shared/domain-компоненты
+1. Skill [`.agents/skills/shadcn/SKILL.md`](../.agents/skills/shadcn/SKILL.md) — component selection
+2. MCP `plugin-shadcn-shadcn` — search → examples → add command
+3. CLI: `cd apps/web && pnpm dlx shadcn@latest docs <component>` → сверить API с [Components](https://ui.shadcn.com/docs/components)
+4. Код по examples + docs API (только после совпадения MCP ↔ docs)
+5. Context7 — **только** TanStack Router/Query, Recharts (не shadcn primitives)
+6. MCP `get_audit_checklist` — перед merge
+7. Codegraph `codegraph_status` — Pending sync пустой
+
+## Иерархия компонентов
+
+```
+@cfdm/ui/components/*     ← только CLI (packages/ui)
+apps/web/src/components/  ← shared + domain + layout
+  page-shell.tsx          ← обёртка страницы
+  page-header.tsx
+  empty-state.tsx
+  query-state.tsx
+  confirm-dialog.tsx
+  data-table-card.tsx
+  section-cards.tsx
+  status-badge.tsx
+  form-sheet.tsx          ← Sheet + RHF FormProvider
+  form-field.tsx          ← Field + Controller + aria-invalid
+  table-card.tsx          ← Card + Table wrapper
+  loading-button.tsx      ← Button + Spinner + label swap
+  section-cards-skeleton.tsx
+  table-skeleton.tsx
+  layout/                 ← app-shell, site-header
+  domain-*                ← бизнес-компоненты
+```
+
+## Матрица стандартизации
+
+| Элемент | Shared | Primitive |
+|---------|--------|-----------|
+| Page wrapper | `PageShell` | — |
+| Page title | `PageHeader` | — |
+| Stat metrics | `SectionCards` | `Card` |
+| Data list | `DataTableCard` | `Table`, `InputGroup` |
+| Empty | `EmptyState` | `Empty` |
+| Loading / Error | `QueryState` | `Skeleton`, `Alert` |
+| Status | `StatusBadge` | `Badge` |
+| Create/Edit | `FormSheet` + `*-edit-sheet.tsx` | `Sheet`, `Field` |
+| Form field | `FormField` | `Field`, `Input`, `Select` |
+| Submit button | `LoadingButton` | `Button`, `Spinner` |
+| Table wrapper | `TableCard` | `Table`, `Card` |
+| Delete confirm | `ConfirmDialog` | `AlertDialog` |
+| List row | — | `Item variant="outline" size="sm"` |
+| Nav | `AppSidebar` | `Sidebar` |
+| Breadcrumbs | `SiteHeader` | `Breadcrumb` |
+| Dates | `lib/format.ts` | — |
+
+## Overlay selection
+
+| Сценарий | Компонент |
+|----------|-----------|
+| Create/edit форма | `Sheet` |
+| Destructive confirm | `AlertDialog` via `ConfirmDialog` |
+| Modal preview | `Dialog` |
+
+## Block registry
+
+| Зона | Block |
+|------|-------|
+| Shell | sidebar-07 |
+| Dashboard | dashboard-01 |
+| Login | login-03 |
+
+## Spacing
+
+```
+PageShell:     gap-4 md:gap-6, px-4 lg:px-6 py-4 md:py-6
+Card grid:     gap-4
+FieldGroup:    gap-4
+Item list:     gap-2
+Toolbar:       gap-2
+```
+
+**Запрещено:** `space-y-*`, raw colors (`bg-emerald-*`), custom empty divs, page-level Spinner.
+
+## UX/UI 2026 (состояния данных)
+
+Каждый блок: **default, hover, focus, disabled, empty, loading, error**.
+
+- **Loading** — `Skeleton` с размерами финального контента (`QueryState skeleton={…}`), не Spinner на странице
+- **Empty** — `EmptyState` с CTA (кнопка создания)
+- **Zero-results** — отдельный empty с «Сбросить фильтр» (не «Создать»)
+- **Error** — `QueryState` + `onRetry` + иконка + текст
+- **Overflow** — `truncate`, `max-w-*`, `Tooltip`; `tabular-nums` для чисел
+- **Density** — таблицы `h-10 text-sm`; max 1 primary CTA на экран
+- **A11y** — `aria-invalid` на полях, `aria-label`/`sr-only` на icon-only кнопках, цвет не единственный сигнал статуса
+
+## Button hierarchy (max 1 primary per screen)
+
+1. `default` — главный CTA
+2. `outline` — вторичные действия
+3. `ghost` / `link` — навигация, cancel
+4. `destructive` — только с `ConfirmDialog`
diff --git a/.cursor/rules/gitflow.mdc b/.cursor/rules/gitflow.mdc
new file mode 100644
index 0000000..2f2025e
--- /dev/null
+++ b/.cursor/rules/gitflow.mdc
@@ -0,0 +1,113 @@
+---
+description: Gitflow Workflow Rules. These rules should be applied when performing git operations.
+globs: ["**/*"]
+alwaysApply: false
+---
+# Gitflow Workflow Rules
+
+## Main Branches
+
+### main (or master)
+- Contains production-ready code
+- Never commit directly to main
+- Only accepts merges from:
+  - hotfix/* branches
+  - release/* branches
+- Must be tagged with version number after each merge
+
+### develop
+- Main development branch
+- Contains latest delivered development changes
+- Source branch for feature branches
+- Never commit directly to develop
+
+## Supporting Branches
+
+### feature/*
+- Branch from: develop
+- Merge back into: develop
+- Naming convention: feature/[issue-id]-descriptive-name
+- Example: feature/123-user-authentication
+- Must be up-to-date with develop before creating PR
+- Delete after merge
+
+### release/*
+- Branch from: develop
+- Merge back into: 
+  - main
+  - develop
+- Naming convention: release/vX.Y.Z
+- Example: release/v1.2.0
+- Only bug fixes, documentation, and release-oriented tasks
+- No new features
+- Delete after merge
+
+### hotfix/*
+- Branch from: main
+- Merge back into:
+  - main
+  - develop
+- Naming convention: hotfix/vX.Y.Z
+- Example: hotfix/v1.2.1
+- Only for urgent production fixes
+- Delete after merge
+
+## Commit Messages
+
+- Format: `type(scope): description`
+- Types:
+  - feat: New feature
+  - fix: Bug fix
+  - docs: Documentation changes
+  - style: Formatting, missing semicolons, etc.
+  - refactor: Code refactoring
+  - test: Adding tests
+  - chore: Maintenance tasks
+
+## Version Control
+
+### Semantic Versioning
+- MAJOR version for incompatible API changes
+- MINOR version for backwards-compatible functionality
+- PATCH version for backwards-compatible bug fixes
+
+## Pull Request Rules
+
+1. All changes must go through Pull Requests
+2. Required approvals: minimum 1
+3. CI checks must pass
+4. No direct commits to protected branches (main, develop)
+5. Branch must be up to date before merging
+6. Delete branch after merge
+
+## Branch Protection Rules
+
+### main & develop
+- Require pull request reviews
+- Require status checks to pass
+- Require branches to be up to date
+- Include administrators in restrictions
+- No force pushes
+- No deletions
+
+## Release Process
+
+1. Create release branch from develop
+2. Bump version numbers
+3. Fix any release-specific issues
+4. Create PR to main
+5. After merge to main:
+   - Tag release
+   - Merge back to develop
+   - Delete release branch
+
+## Hotfix Process
+
+1. Create hotfix branch from main
+2. Fix the issue
+3. Bump patch version
+4. Create PR to main
+5. After merge to main:
+   - Tag release
+   - Merge back to develop
+   - Delete hotfix branch
diff --git a/.cursor/rules/project-structure.mdc b/.cursor/rules/project-structure.mdc
index 7476e82..eed4a4d 100644
--- a/.cursor/rules/project-structure.mdc
+++ b/.cursor/rules/project-structure.mdc
@@ -1,26 +1,81 @@
 ---
-description: Структура проекта vps-tracker и соглашения по именованию
+description: Структура vps-tracker — pnpm monorepo (apps/web, apps/api, packages/ui, packages/shared, packages/db)
 alwaysApply: true
 ---
 
 # Структура проекта vps-tracker
 
-## Папки
+pnpm workspaces monorepo. Frontend — shadcn/ui + TanStack Router/Query + TS. Backend — Fastify + Drizzle + better-sqlite3 + TS.
 
-- `server/` — Express backend, SQLite (sql.js)
-- `src/` — React frontend (Vite)
-- `server/adapters/` — один адаптер на провайдера API (billmanager)
-- `server/routes/` — Express роутеры по сущностям
-- `server/db/` — схема, миграции, seed
+## Layout
+
+```
+vps-tracker/
+├── apps/
+│   ├── web/              # Vite SPA (TSX) — TanStack Router + Query, shadcn/ui
+│   └── api/              # Fastify 5 API (TS) — @fastify/* + Drizzle
+├── packages/
+│   ├── ui/               # @cfdm/ui — shadcn primitives (output `shadcn add`)
+│   ├── shared/           # @cfdm/shared — Zod-схемы контрактов, общие типы
+│   └── db/               # @cfdm/db — Drizzle schema, repositories, миграции
+├── data/                 # SQLite база (том Docker, gitignored)
+├── pnpm-workspace.yaml
+├── package.json
+└── tsconfig.base.json
+```
+
+## apps/web
+
+```
+apps/web/
+├── components.json       # ui alias → @cfdm/ui/components
+├── vite.config.ts        # React + TanStack Router plugin, proxy /api → apps/api
+├── tsconfig.json
+└── src/
+    ├── main.tsx          # QueryClientProvider, createRouter, import '@cfdm/ui/globals.css'
+    ├── routes/           # file-based routes (__root.tsx, _auth/...)
+    ├── queries/          # queryOptions + key factories по сущностям
+    ├── components/       # shared + layout + domain (blocks)
+    └── lib/              # api-client, queryClient, router, schemas
+```
+
+## apps/api
+
+```
+apps/api/
+└── src/
+    ├── index.ts          # buildApp()
+    ├── config.ts         # env через Zod
+    ├── routes/           # тонкие Fastify plugins
+    ├── services/         # бизнес-логика + адаптеры (billmanager/*)
+    └── plugins/          # @fastify/* registration
+```
+
+## packages/db
+
+```
+packages/db/src/
+├── schema/               # Drizzle tables по сущностям
+├── repositories/         # typed queries (inArray, JOIN, transaction)
+└── migrations/           # drizzle-kit generate/migrate
+```
 
 ## Именование
 
-- Файлы: kebab-case (provider-accounts.js, row-mappers.js)
-- Роуты: `/api/vps`, `/api/provider-accounts`, `/api/sync/:accountId`
+- Файлы: kebab-case (`provider-accounts.ts`, `row-mappers.ts`)
+- Компоненты: PascalCase (`PageHeader.tsx`)
+- Роуты API: `/api/vps`, `/api/provider-accounts`, `/api/sync/:accountId`
 - ID записей: `vps-bm-{accountId}-{externalId}`, `pay-bm-{accountId}-{externalId}`
 
 ## Barrel exports
 
-Модули с несколькими файлами экспортируют через `index.js`:
-- `server/adapters/billmanager/index.js` — testConnection, syncFromBillmanager, fetchDashboardInfo
-- `server/db/index.js` — initDb, getDb, saveDb
+- `packages/ui` — `@cfdm/ui/components/*`, `@cfdm/ui/lib/utils`, `@cfdm/ui/hooks/*`, `@cfdm/ui/globals.css`
+- `packages/shared` — `@cfdm/shared/contracts/*` (Zod), `@cfdm/shared/types/*`
+- `packages/db` — `@cfdm/db/schema`, `@cfdm/db/repositories/*`
+- `apps/api/src/services/billmanager/index.ts` — `testConnection`, `syncFromBillmanager`, `fetchDashboardInfo`
+
+## Скоупы правил
+
+- Frontend (`apps/web`, `packages/ui`) — [`frontend-monorepo.mdc`](frontend-monorepo.mdc), [`frontend-shadcn.mdc`](frontend-shadcn.mdc), [`frontend-ui-patterns.mdc`](frontend-ui-patterns.mdc), [`vite-tanstack-frontend.mdc`](vite-tanstack-frontend.mdc), [`shadcn-mcp.mdc`](shadcn-mcp.mdc), [`shadcn-ui-production.mdc`](shadcn-ui-production.mdc)
+- Backend (`apps/api`, `packages/db`, `packages/shared`) — [`backend-fastify.mdc`](backend-fastify.mdc), [`backend-drizzle.mdc`](backend-drizzle.mdc), [`backend-mcp.mdc`](backend-mcp.mdc), [`backend-testing.mdc`](backend-testing.mdc), [`backend-api-ui.mdc`](backend-api-ui.mdc), [`sqlite.mdc`](sqlite.mdc)
+- API + UI-связка — [`backend-api-ui.mdc`](backend-api-ui.mdc)
diff --git a/.cursor/rules/server-conventions.mdc b/.cursor/rules/server-conventions.mdc
deleted file mode 100644
index 7c7757c..0000000
--- a/.cursor/rules/server-conventions.mdc
+++ /dev/null
@@ -1,25 +0,0 @@
----
-description: Паттерны для Express, db, adapters
-globs: server/**/*.js
-alwaysApply: false
----
-
-# Server conventions
-
-## Express
-
-- Роутеры в `routes/`, подключаются в `index.js` через `app.use('/api/...', router)`
-- Ошибки: `res.status(500).json({ error: err.message })`
-- 404: `res.status(404).json({ error: 'Not found' })`
-
-## Database
-
-- Доступ через `getDb()` — обёртка с `prepare().all()`, `prepare().get()`, `run()`
-- После `run()` вызывается `saveDb()` автоматически
-- Миграции в `db/migrations.js`, добавляют колонки через ALTER TABLE
-
-## Adapters
-
-- Один провайдер = папка в `adapters/` (billmanager)
-- Разделение: client (HTTP), parsers, mappers, operations, sync
-- Публичный API через `index.js`
diff --git a/.cursor/rules/shadcn-mcp.mdc b/.cursor/rules/shadcn-mcp.mdc
new file mode 100644
index 0000000..0e990e9
--- /dev/null
+++ b/.cursor/rules/shadcn-mcp.mdc
@@ -0,0 +1,49 @@
+---
+description: ВСЕГДА использовать MCP-плагин shadcn UI перед любым UI-кодом
+alwaysApply: true
+---
+
+# shadcn MCP — обязательно
+
+Перед **любой** задачей с UI (новый экран, компонент, стили, рефакторинг внешнего вида) — **сначала MCP** `plugin-shadcn-shadcn`, не память и не веб-поиск.
+
+CLI и docs — **после** MCP, по команде из `get_add_command_for_items`.
+
+## Порядок (строго)
+
+0. **Codegraph** `codegraph_explore` — найти существующие реализации и shared-обёртки (один вызов перед правками)
+1. **`get_project_registries`** — какие registry доступны в проекте
+2. **`search_items_in_registries`** — компонент, block, example (`query`: `"card"`, `"tabs demo"`, `"dashboard"`, `"scroll-area"`)
+3. **`get_item_examples_from_registries`** — полный код примера перед написанием JSX
+4. **`get_add_command_for_items`** — точная CLI-команда `pnpm dlx shadcn@latest add ...`
+5. Выполнить add из `apps/web` (см. [`frontend-monorepo.mdc`](frontend-monorepo.mdc))
+6. **CLI docs (обязательно):** `cd apps/web && pnpm dlx shadcn@latest docs <component>` — сверить API/props с [ui.shadcn.com/docs/components](https://ui.shadcn.com/docs/components)
+7. Сверить examples из MCP с API из docs CLI — реализовать только после совпадения
+8. Адаптировать пример под TanStack Router / Query → `apps/web/src/`
+9. **Context7** — только TanStack / Recharts / не-shadcn (не заменяет шаги 1–8 для примитивов)
+10. **`get_audit_checklist`** — перед merge PR
+11. **Codegraph** `codegraph_status` — Pending sync пустой после правок
+
+## Когда вызывать MCP
+
+| Задача | MCP |
+|--------|-----|
+| Новая страница / layout | `search` → `types: ["block"]` → examples → add block |
+| Нет примитива в `@cfdm/ui` | `search` → `get_add_command_for_items` → add |
+| Сомнение в API/props | `get_item_examples_from_registries` |
+| Ревью UI перед сдачей | `get_audit_checklist` |
+
+## Запрещено
+
+- Писать UI по памяти, не проверив MCP
+- Копипаст с ui.shadcn.com без examples/add из MCP
+- Самописные примитивы, если есть item в registry
+- Пропускать MCP «потому что компонент простой»
+
+## Сервер и инструменты
+
+- **MCP server:** `plugin-shadcn-shadcn`
+- **Инструменты:** `get_project_registries`, `search_items_in_registries`, `get_item_examples_from_registries`, `get_add_command_for_items`, `view_items_in_registries`, `list_items_in_registries`, `get_audit_checklist`
+- Перед вызовом — прочитать schema в `mcps/plugin-shadcn-shadcn/tools/`
+
+Связанные правила: [`shadcn-ui-production.mdc`](shadcn-ui-production.mdc), [`frontend-shadcn.mdc`](frontend-shadcn.mdc).
diff --git a/.cursor/rules/shadcn-ui-production.mdc b/.cursor/rules/shadcn-ui-production.mdc
new file mode 100644
index 0000000..988db8e
--- /dev/null
+++ b/.cursor/rules/shadcn-ui-production.mdc
@@ -0,0 +1,41 @@
+---
+description: shadcn/ui — глобальные UI-принципы проекта; frontend см. frontend-shadcn.mdc
+alwaysApply: true
+---
+
+# shadcn/ui — правила проекта
+
+UI строится **исключительно** по [shadcn/ui](https://ui.shadcn.com/docs/installation): [Components](https://ui.shadcn.com/docs/components), [Blocks](https://ui.shadcn.com/blocks), [Monorepo](https://ui.shadcn.com/docs/monorepo).
+
+**Первый шаг любой UI-задачи — MCP `plugin-shadcn-shadcn`** (см. [`shadcn-mcp.mdc`](shadcn-mcp.mdc)): search → examples → add command → CLI.
+
+## Разработка frontend
+
+**Все правила frontend** — в [`frontend-shadcn.mdc`](frontend-shadcn.mdc), [`frontend-ui-patterns.mdc`](frontend-ui-patterns.mdc) и [`frontend-monorepo.mdc`](frontend-monorepo.mdc) (globs: `apps/web/**`, `packages/ui/**`).
+
+Кратко: docs → CLI из `apps/web` → Block → композиция → `pnpm --filter web build`. Кастомный CSS и самописные примитивы **запрещены**.
+
+## Стек
+
+- Monorepo: `apps/web` + `packages/ui` (`@cfdm/ui`), pnpm workspaces
+- Vite + TanStack Router/Query + shadcn **base-nova**
+- Конфиг: [`apps/web/components.json`](apps/web/components.json), [`packages/ui/components.json`](packages/ui/components.json)
+- Тема: `pnpm dlx shadcn@latest apply b2fA --only theme -y` — единственный способ менять `packages/ui/src/styles/globals.css`
+
+## Backend → UI
+
+При правках API с экранами: [`backend-api-ui.mdc`](backend-api-ui.mdc). Backend: `apps/api` (Fastify + Drizzle).
+
+## Устаревший стек (запрещён в apps/web)
+
+Проект мигрирует с Tabler-стека на shadcn/ui. **Не использовать**:
+
+- `@tabler/core` и `@tabler/core/dist/css/tabler.min.css` — заменить на `@cfdm/ui/globals.css`
+- `@tabler/icons-react` — иконки только `lucide-react`
+- `chart.js` — графики только `recharts` через shadcn `Chart`/`ChartContainer`
+- `react-router-dom` — роутинг только TanStack Router (`createFileRoute`, file-based routes)
+- Bootstrap/Tabler utility-классы (`page`, `navbar-vertical`, `nav-link`, `container-tight`, `spinner-border`, `d-lg-none`, `page-wrapper`) — layout через Tailwind + shadcn blocks (sidebar-07)
+
+## Язык
+
+Русский. Commits: [`commit-messages-ru.mdc`](commit-messages-ru.mdc).
diff --git a/.cursor/rules/sqlite.mdc b/.cursor/rules/sqlite.mdc
new file mode 100644
index 0000000..2cb3402
--- /dev/null
+++ b/.cursor/rules/sqlite.mdc
@@ -0,0 +1,188 @@
+---
+description: Definitive guidelines for writing robust, performant, and secure SQLite code. Focuses on schema design, query optimization, and transaction management.
+globs: **/*
+---
+# sqlite Best Practices
+
+> В проекте используется **better-sqlite3** через Drizzle (`packages/db`). WASM-`sql.js` выводится из эксплуатации. См. [`backend-drizzle.mdc`](backend-drizzle.mdc).
+
+SQLite is the go-to embedded SQL engine for local, reliable storage. Adhere to these rules to ensure your SQLite code is maintainable, performant, and secure.
+
+## 1. Data Modeling & Schema Design
+
+Design your schema for integrity and performance from day one.
+
+*   **Primary Keys**: Always use `INTEGER PRIMARY KEY AUTOINCREMENT` for ID columns. This optimizes `rowid` lookups and simplifies ID generation.
+    *   ❌ BAD:
+        ```sql
+        CREATE TABLE users (
+            id TEXT PRIMARY KEY, -- Manual UUIDs or similar
+            name TEXT NOT NULL
+        );
+        ```
+    *   ✅ GOOD:
+        ```sql
+        CREATE TABLE users (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            name TEXT NOT NULL
+        );
+        ```
+
+*   **Data Types & Constraints**: Declare appropriate data types and enforce integrity with `NOT NULL`, `UNIQUE`, and `FOREIGN KEY` constraints.
+    *   ❌ BAD:
+        ```sql
+        CREATE TABLE products (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            name TEXT, -- Allows NULL, no uniqueness
+            price REAL
+        );
+        ```
+    *   ✅ GOOD:
+        ```sql
+        CREATE TABLE products (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            name TEXT NOT NULL UNIQUE,
+            price REAL NOT NULL,
+            stock INTEGER DEFAULT 0,
+            category_id INTEGER,
+            FOREIGN KEY (category_id) REFERENCES categories(id) ON DELETE SET NULL
+        );
+        ```
+
+*   **Naming Conventions**: Use `lower_case_snake_case` for all table, column, and index names. Avoid SQLite keywords as identifiers.
+    *   ❌ BAD: `CREATE TABLE My_Users ( UserId INTEGER PRIMARY KEY );`
+    *   ✅ GOOD: `CREATE TABLE my_users ( user_id INTEGER PRIMARY KEY );`
+
+## 2. Performance Considerations
+
+Optimize for speed by minimizing I/O and leveraging the SQLite engine.
+
+*   **Enable WAL Mode**: Always enable Write-Ahead Logging for better concurrency and write performance.
+    *   ❌ BAD: Default journal mode (`DELETE`).
+    *   ✅ GOOD (at database open or once):
+        ```sql
+        PRAGMA journal_mode = WAL;
+        ```
+
+*   **Relax Synchronous Mode**: When using WAL, set `synchronous` to `NORMAL` for faster commits, accepting minimal risk of data loss on power failure (not app crash).
+    *   ❌ BAD: Default `synchronous = FULL`.
+    *   ✅ GOOD (at database open or once):
+        ```sql
+        PRAGMA synchronous = NORMAL;
+        ```
+
+*   **Indexes**: Create indexes on columns frequently used in `WHERE`, `ORDER BY`, `GROUP BY`, or `JOIN` clauses. Avoid over-indexing.
+    *   ❌ BAD:
+        ```sql
+        SELECT * FROM users WHERE email = 'test@example.com'; -- No index on email
+        ```
+    *   ✅ GOOD:
+        ```sql
+        CREATE INDEX idx_users_email ON users(email);
+        SELECT id, name FROM users WHERE email = 'test@example.com';
+        ```
+    *   **Multi-column Indexes**: For queries filtering/sorting on multiple columns, create a multi-column index matching the query order.
+        ```sql
+        CREATE INDEX idx_products_category_price ON products(category_id, price);
+        SELECT * FROM products WHERE category_id = 1 ORDER BY price DESC;
+        ```
+
+*   **Query Optimization**: Select only the columns you need. Push filtering, sorting, and aggregation into SQL.
+    *   ❌ BAD:
+        ```sql
+        SELECT * FROM products; -- Fetch all columns
+        -- Then filter/sort in application code
+        ```
+    *   ✅ GOOD:
+        ```sql
+        SELECT id, name, price FROM products WHERE stock > 0 ORDER BY price ASC LIMIT 10;
+        ```
+
+## 3. Transactions & Concurrency
+
+Ensure data consistency and improve write performance with explicit transactions.
+
+*   **Wrap Writes in Transactions**: Group multiple `INSERT`, `UPDATE`, `DELETE` operations within a single transaction. This significantly reduces disk I/O.
+    *   ❌ BAD:
+        ```sql
+        INSERT INTO logs (action) VALUES ('User created');
+        INSERT INTO users (name) VALUES ('New User');
+        INSERT INTO logs (action) VALUES ('User name updated');
+        UPDATE users SET name = 'Updated User' WHERE id = 1;
+        ```
+    *   ✅ GOOD:
+        ```sql
+        BEGIN;
+        INSERT INTO logs (action) VALUES ('User created');
+        INSERT INTO users (name) VALUES ('New User');
+        INSERT INTO logs (action) VALUES ('User name updated');
+        UPDATE users SET name = 'Updated User' WHERE id = 1;
+        COMMIT;
+        ```
+
+*   **Error Handling**: Use `ROLLBACK` to revert all changes if any operation within a transaction fails.
+    *   ✅ GOOD:
+        ```sql
+        BEGIN;
+        -- Perform operations
+        INSERT INTO users (name) VALUES ('Valid User');
+        INSERT INTO users (name) VALUES (NULL); -- This will fail due to NOT NULL
+        -- If an error occurs, catch it and:
+        ROLLBACK;
+        -- Else:
+        COMMIT;
+        ```
+
+## 4. Security Best Practices
+
+Prevent common vulnerabilities like SQL injection.
+
+*   **Prepared Statements**: Always use prepared statements with bound parameters. NEVER concatenate user input directly into SQL queries.
+    *   ❌ BAD:
+        ```sql
+        String name = userInput.getName();
+        String sql = "INSERT INTO users (name) VALUES ('" + name + "');"; // SQL Injection risk!
+        ```
+    *   ✅ GOOD (using a typical API pattern):
+        ```sql
+        PreparedStatement stmt = connection.prepareStatement("INSERT INTO users (name) VALUES (?);");
+        stmt.setString(1, userInput.getName());
+        stmt.executeUpdate();
+        ```
+
+*   **Enable Foreign Key Enforcement**: Always enable foreign key constraints at runtime. SQLite defaults to `OFF` for backward compatibility.
+    *   ❌ BAD: Forgetting to enable foreign keys, leading to orphaned records.
+    *   ✅ GOOD (at database open or once per connection):
+        ```sql
+        PRAGMA foreign_keys = ON;
+        ```
+
+*   **File Permissions**: Store database files in write-protected directories and set restrictive file permissions to limit unauthorized access. This is OS-specific but critical.
+
+## 5. Common Pitfalls & Gotchas
+
+Avoid these common mistakes that lead to bugs and performance issues.
+
+*   **Forgetting `PRAGMA foreign_keys = ON;`**: This is the most common pitfall. Always enable it.
+*   **Selecting `*`**: Only retrieve the columns you actually need.
+*   **Application-level Filtering/Sorting**: Delegate these operations to SQL for better performance, especially on large datasets.
+*   **Not Using Transactions**: Leads to slow writes and potential data inconsistencies.
+*   **Using SQLite for High-Concurrency Writes**: SQLite is a single-writer database. If multiple processes need to write concurrently, consider a client-server RDBMS.
+
+## 6. Testing Approaches
+
+Ensure your data access logic is robust and correct.
+
+*   **In-Memory Databases**: Use `:memory:` databases for fast, isolated unit and integration tests of your data access layer.
+    *   ✅ GOOD (example in Python, similar patterns exist in other languages):
+        ```python
+        import sqlite3
+        conn = sqlite3.connect(':memory:')
+        cursor = conn.cursor()
+        cursor.execute("CREATE TABLE test_data (id INTEGER PRIMARY KEY, value TEXT)")
+        # ... run tests ...
+        conn.close() # Database vanishes
+        ```
+
+*   **Seed Data**: Create consistent, reproducible test data for your tests.
+*   **Mocking**: For higher-level tests, mock your database interactions to focus on business logic.
\ No newline at end of file
diff --git a/.cursor/rules/vite-tanstack-frontend.mdc b/.cursor/rules/vite-tanstack-frontend.mdc
new file mode 100644
index 0000000..f5fdfbb
--- /dev/null
+++ b/.cursor/rules/vite-tanstack-frontend.mdc
@@ -0,0 +1,120 @@
+---
+description: Vite + TanStack Router v1 + TanStack Query v5 — routing, loaders, queries, mutations
+globs: apps/web/**/*.{tsx,ts}
+alwaysApply: false
+---
+
+# Vite + TanStack Router + Query
+
+Фронтенд: **Vite SPA**, не Next.js. Нет Server Components, App Router, `'use client'`.
+
+## Структура
+
+```
+apps/web/src/
+  routes/           # file-based routes (__root.tsx, _auth/, ...)
+  queries/          # queryOptions factories + key factories
+  lib/              # api-client, queryClient, auth, schemas
+  components/       # domain + layout (UI primitives → @cfdm/ui)
+  main.tsx
+```
+
+## Архитектура
+
+- **Router** — маршрутизация, URL state, navigation, loaders
+- **Query** — server state, cache, mutations
+- **Loader** — `queryClient.ensureQueryData()` до рендера → без спиннеров на route data
+- **Компоненты** — UI; данные из Query cache
+
+## QueryClient + Router
+
+```ts
+// lib/queryClient.ts
+export const queryClient = new QueryClient({
+  defaultOptions: { queries: { staleTime: 60_000 } },
+})
+
+// lib/router.ts
+export const router = createRouter({
+  routeTree,
+  context: { queryClient },
+  defaultPreload: 'intent',
+})
+
+declare module '@tanstack/react-router' {
+  interface Register { router: typeof router }
+}
+```
+
+## Query definitions
+
+- `queryOptions` factories в `queries/`, не inline в компонентах
+- Key factories: `all` → `lists` / `details` → `list(filters)` / `detail(id)`
+
+```ts
+export const serviceKeys = {
+  all: ['services'] as const,
+  list: () => [...serviceKeys.all, 'list'] as const,
+}
+
+export const servicesQueryOptions = () =>
+  queryOptions({
+    queryKey: serviceKeys.list(),
+    queryFn: () => api.get('/api/v1/services'),
+  })
+```
+
+## Loader + component
+
+```tsx
+export const Route = createFileRoute('/_auth/services')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(servicesQueryOptions()),
+  component: ServicesPage,
+})
+
+function ServicesPage() {
+  const { data } = useQuery(servicesQueryOptions()) // из cache loader
+  return ...
+}
+```
+
+## Search params
+
+- Zod + `validateSearch`; доступ через `Route.useSearch()`
+- Search params = source of truth для фильтров/пагинации
+- Передавать в `queryOptions` для query key и fetcher
+
+## Mutations
+
+```ts
+onSuccess: (newItem) => {
+  queryClient.setQueryData(keys.detail(newItem.id), newItem)
+  queryClient.invalidateQueries({ queryKey: keys.lists() })
+}
+```
+
+- `setQueryData` + `invalidateQueries`, не только invalidate
+- Навигация после create — когда cache уже тёплый
+
+## Routing
+
+- `createFileRoute` для file-based routes
+- `<Link>` для внутренней навигации, не `<a href>`
+- Pathless layouts: `_auth/` для protected routes
+- Auth guard в `beforeLoad` pathless route
+
+## Запреты
+
+- `useEffect` для fetch данных — только loader / `useQuery`
+- Inline `queryKey` в компонентах — только factories из `queries/`
+- `useQuery` с позиционными аргументами (v5 — только options object)
+- `window.location` для search params
+
+## Prefetch
+
+`onMouseEnter` на `<Link>` → `queryClient.prefetchQuery(detailOptions(id))`
+
+## DevTools
+
+Только в dev: `TanStackRouterDevtools`, `ReactQueryDevtools`
diff --git a/.cursor/rules/vitest-best-practices.mdc b/.cursor/rules/vitest-best-practices.mdc
new file mode 100644
index 0000000..34465d7
--- /dev/null
+++ b/.cursor/rules/vitest-best-practices.mdc
@@ -0,0 +1,251 @@
+---
+description: Opinionated best practices for fast, reliable Vitest unit and integration tests in JS/TS projects.
+globs: **/*.{js,ts,jsx,tsx}
+alwaysApply: false
+---
+
+# Vitest Best Practices
+
+Vitest is the definitive testing framework for our Vite-powered projects. It offers a fast, Jest-compatible API with deep integration into the Vite ecosystem. Adhering to these guidelines ensures our tests are robust, performant, and easy to maintain.
+
+## 1. Code Organization & Naming
+
+**Always co-locate test files with their source.** This improves discoverability and ensures tests are updated alongside their implementation.
+
+*   **File Naming**: Use `*.test.{ts,tsx,js,jsx}`.
+*   **Location**: Place test files directly next to the component or module they test.
+
+❌ BAD:
+```
+// src/components/Button/Button.tsx
+// tests/components/Button.test.tsx
+```
+
+✅ GOOD:
+```typescript
+// src/components/Button/Button.tsx
+// src/components/Button/Button.test.tsx
+```
+
+## 2. Test Structure & Isolation
+
+**Organize tests logically using `describe` and `it` (or `test`) blocks.** Ensure each test is isolated and deterministic.
+
+*   **`describe`**: Group related tests into suites.
+*   **`it` / `test`**: Define individual test cases. Prefer `it` for consistency with Jest.
+*   **Hooks (`beforeEach`, `afterEach`)**: Use these for setup and teardown to ensure test isolation.
+
+❌ BAD: (Shared state, no cleanup)
+```typescript
+let user;
+test('creates user', () => {
+  user = createUser();
+  expect(user).toBeDefined();
+});
+test('updates user', () => { // Depends on previous test
+  user.name = 'New Name';
+  expect(user.name).toBe('New Name');
+});
+```
+
+✅ GOOD: (Isolated tests with hooks)
+```typescript
+import { describe, it, expect, beforeEach, afterEach } from 'vitest';
+import { createUser, deleteUser } from './user-service';
+
+describe('User Service', () => {
+  let user;
+
+  beforeEach(() => {
+    user = createUser(); // Create a fresh user for each test
+  });
+
+  afterEach(() => {
+    deleteUser(user.id); // Clean up after each test
+  });
+
+  it('should create a user', () => {
+    expect(user).toBeDefined();
+    expect(user.id).toBeTypeOf('string');
+  });
+
+  it('should update a user', () => {
+    user.name = 'Jane Doe';
+    expect(user.name).toBe('Jane Doe');
+  });
+});
+```
+
+## 3. Asynchronous Testing with `vi.waitFor`
+
+**Always use `vi.waitFor` for polling conditions in asynchronous tests.** Avoid arbitrary `setTimeout` calls or manual polling loops. `vi.waitFor` is designed for reliable synchronization.
+
+❌ BAD: (Flaky, relies on arbitrary timeout)
+```typescript
+test('data loads after delay', async () => {
+  let data = null;
+  fetchData().then(res => (data = res));
+  await new Promise(resolve => setTimeout(resolve, 100)); // Arbitrary wait
+  expect(data).toEqual('some data');
+});
+```
+
+✅ GOOD: (Reliable polling with `vi.waitFor`)
+```typescript
+import { it, expect, vi } from 'vitest';
+import { fetchData } from './api'; // Assume fetchData returns a Promise
+
+it('should load data after delay', async () => {
+  let data = null;
+  fetchData().then(res => (data = res));
+
+  // Polls until data is not null, with a 2-second timeout
+  await vi.waitFor(() => expect(data).not.toBeNull(), { timeout: 2000 });
+
+  expect(data).toEqual('some data');
+});
+```
+
+## 4. Mocking Strategies
+
+**Leverage Vitest's `vi` API for all mocking.** This provides Jest-compatible syntax and seamless integration. Always clean up mocks after each test.
+
+*   **`vi.fn()`**: Mock individual functions.
+*   **`vi.spyOn()`**: Spy on existing object methods.
+*   **`vi.mock()`**: Mock entire modules.
+
+### Function Mocking
+
+❌ BAD: (Manual mock, no easy reset)
+```typescript
+const originalFetch = global.fetch;
+global.fetch = () => Promise.resolve({ json: () => ({ id: 1 }) });
+// ... test ...
+global.fetch = originalFetch; // Easy to forget cleanup
+```
+
+✅ GOOD: (Using `vi.fn` with `afterEach` cleanup)
+```typescript
+import { it, expect, vi, afterEach } from 'vitest';
+import { getUser } from './user-api';
+
+// Mock the module containing fetchUser
+vi.mock('./user-api', async (importOriginal) => {
+  const mod = await importOriginal();
+  return {
+    ...mod,
+    fetchUser: vi.fn(), // Mock specific function within the module
+  };
+});
+
+// Import the mocked function after vi.mock
+import { fetchUser } from './user-api';
+
+afterEach(() => {
+  vi.clearAllMocks(); // Clear mock calls after each test to prevent state leakage
+});
+
+it('should fetch user data', async () => {
+  fetchUser.mockResolvedValueOnce({ id: 1, name: 'Test User' });
+  const user = await getUser(1);
+  expect(fetchUser).toHaveBeenCalledWith(1);
+  expect(user.name).toBe('Test User');
+});
+```
+
+### Module Mocking
+
+**Mock modules at the top of the file.** This ensures the mock is applied before the module under test imports it.
+
+✅ GOOD: (Module mock before imports)
+```typescript
+import { vi, it, expect } from 'vitest';
+
+// Mock the entire 'lodash' module to control its behavior
+vi.mock('lodash', () => ({
+  debounce: vi.fn((fn) => fn), // Mock debounce to execute immediately
+}));
+
+import { debounce } from 'lodash'; // Import the mocked debounce
+import { saveInput } from './input-handler'; // Module using debounce
+
+it('should call save function without debounce delay', () => {
+  saveInput('test');
+  expect(debounce).toHaveBeenCalledOnce();
+});
+```
+
+## 5. DOM Environment & Component Testing
+
+**Use `happy-dom` for lightweight DOM environments.** It's generally faster and sufficient for most component tests. Switch to `jsdom` only if specific browser APIs are missing in `happy-dom`.
+
+*   Configure in `vite.config.ts` or `vitest.config.ts`.
+
+✅ GOOD: (Configuring `happy-dom`)
+```typescript
+// vite.config.ts or vitest.config.ts
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    environment: 'happy-dom', // Use happy-dom for faster DOM mocking
+    globals: true, // Auto-import test APIs globally (e.g., describe, it, expect)
+  },
+});
+```
+
+## 6. Performance & Concurrent Tests
+
+**Utilize `.concurrent` for tests that can run in parallel.** This significantly speeds up test suites where tests are independent.
+
+*   Use `it.concurrent` for individual tests.
+*   Use `describe.concurrent` for entire suites.
+*   **Important**: When using `.concurrent`, always destructure `expect` from the test context to avoid issues with snapshot and assertion tracking.
+
+❌ BAD: (Sequential tests, slow)
+```typescript
+describe('My Feature', () => {
+  it('test A', async () => { /* ... */ });
+  it('test B', async () => { /* ... */ });
+});
+```
+
+✅ GOOD: (Concurrent tests, faster)
+```typescript
+import { describe, it } from 'vitest';
+
+describe.concurrent('My Feature', () => {
+  it('test A', async ({ expect }) => { // Destructure expect for concurrent tests
+    expect(1).toBe(1);
+  });
+
+  it.concurrent('test B', async ({ expect }) => { // Destructure expect
+    expect(2).toBe(2);
+  });
+});
+```
+
+## 7. Code Coverage
+
+**Enable V8-based code coverage.** It offers near-zero overhead and integrates seamlessly.
+
+*   Add `coverage` configuration to `vite.config.ts` or `vitest.config.ts`.
+*   Run with `vitest run --coverage`.
+
+✅ GOOD: (V8 coverage configuration)
+```typescript
+// vite.config.ts or vitest.config.ts
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    environment: 'happy-dom',
+    globals: true,
+    coverage: {
+      provider: 'v8', // Use V8 for native, fast coverage
+      reporter: ['text', 'json', 'html'], // Output formats for reports
+      exclude: ['node_modules/', 'dist/', '.eslintrc.cjs'], // Exclude common directories from coverage
+    },
+  },
+});
+```
diff --git a/.cursor/settings.json b/.cursor/settings.json
new file mode 100644
index 0000000..aa9f40d
--- /dev/null
+++ b/.cursor/settings.json
@@ -0,0 +1,10 @@
+{
+  "plugins": {
+    "cloudflare": {
+      "enabled": true
+    },
+    "claude-plugins-official/typescript-lsp": {
+      "enabled": true
+    }
+  }
+}
diff --git a/.dockerignore b/.dockerignore
index 8719877..82dcede 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -1,16 +1,15 @@
 node_modules
+**/node_modules
 dist
+**/dist
 data
 .git
 .github
 .cursor
-eslint.config.js
-*.md
-!README.md
+**/*.log
+coverage
+.DS_Store
+Thumbs.db
 .env
 .env.*
 !.env.example
-coverage
-*.log
-.DS_Store
-Thumbs.db
diff --git a/.gitignore b/.gitignore
index 5414092..21520ef 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,6 +13,11 @@ data
 dist-ssr
 *.local
 
+# pnpm
+.pnpm-store
+coverage
+*.tsbuildinfo
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
diff --git a/AGENTS.md b/AGENTS.md
index 58d5a5f..2b67d13 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -4,33 +4,47 @@
 
 VPS Tracker — приложение для учёта виртуальных серверов (VPS), провайдеров, аккаунтов, платежей и балансов. Поддерживает синхронизацию с BILLmanager 6 API.
 
+## Стек
+
+- **Monorepo:** pnpm workspaces (`apps/*`, `packages/*`)
+- **Frontend** (`apps/web`): Vite + React 19 + TypeScript, TanStack Router v1 + Query v5, shadcn/ui (`@cfdm/ui`), Tailwind v4, lucide-react, Recharts (через shadcn Chart), react-hook-form + Zod
+- **Backend** (`apps/api`): Fastify 5 + TypeScript, `@fastify/*` plugins, контракты через `@cfdm/shared` (Zod)
+- **DB** (`packages/db`): Drizzle ORM + better-sqlite3 (WAL, `foreign_keys=ON`)
+- **Тесты:** Vitest (`app.inject()` для backend, `happy-dom` для frontend)
+
 ## Структура проекта
 
 ```
 vps-tracker/
-├── server/                 # Express backend
-│   ├── index.js            # Точка входа, подключение роутов
-│   ├── db/                 # База данных (SQLite via sql.js)
-│   │   ├── schema.js       # CREATE TABLE
-│   │   ├── migrations.js   # Миграции схемы
-│   │   ├── seed.js         # Начальные данные из public/data
-│   │   └── index.js        # initDb, getDb, saveDb
-│   ├── adapters/           # Интеграции с внешними API
-│   │   └── billmanager/    # BILLmanager 6 API
-│   │       ├── client.js   # HTTP-запросы
-│   │       ├── parsers.js  # Парсинг ответов API
-│   │       ├── mappers.js  # Маппинг в модель vps-tracker
-│   │       ├── operations.js # fetchVds, fetchPayments и т.д.
-│   │       ├── sync.js     # syncFromBillmanager
-│   │       └── index.js    # Barrel export
-│   ├── routes/             # Express роутеры
-│   ├── utils/              # row-mappers и др.
-│   └── sync-scheduler.js   # Планировщик синка
-├── src/                    # React frontend (Vite)
-│   ├── pages/              # Страницы приложения
-│   ├── components/         # UI-компоненты
-│   └── lib/                # api.js, utils.js
-└── public/data/            # JSON для seed (providers, vps, payments...)
+├── apps/
+│   ├── web/              # Vite SPA (TSX) — TanStack + shadcn/ui
+│   │   └── src/
+│   │       ├── routes/           # file-based (TanStack Router)
+│   │       ├── queries/          # queryOptions + key factories
+│   │       ├── components/       # shared + layout + domain
+│   │       └── lib/              # api-client, queryClient, router, schemas
+│   └── api/              # Fastify 5 API (TS)
+│       └── src/
+│           ├── routes/           # тонкие plugins
+│           ├── services/         # бизнес-логика + billmanager/
+│           │   └── billmanager/  # client, parsers, mappers, operations, sync
+│           └── plugins/          # @fastify/* registration
+├── packages/
+│   ├── ui/               # @cfdm/ui — shadcn primitives
+│   │   └── src/
+│   │       ├── components/       # output `shadcn add` (не трогать под кейс)
+│   │       ├── hooks/            # use-mobile и др.
+│   │       ├── lib/utils.ts      # cn()
+│   │       └── styles/globals.css # только output `shadcn apply --only theme`
+│   ├── shared/           # @cfdm/shared — Zod-контракты, общие типы
+│   └── db/               # @cfdm/db — Drizzle schema, repositories, миграции
+│       └── src/
+│           ├── schema/           # tables по сущностям
+│           ├── repositories/     # typed queries
+│           └── migrations/       # drizzle-kit
+├── data/                 # SQLite база (том Docker, gitignored)
+├── pnpm-workspace.yaml
+└── package.json
 ```
 
 ## Основные сущности
@@ -47,11 +61,13 @@ vps-tracker/
 
 ## Где искать код по доменам
 
-- **Sync (BILLmanager)** — `server/adapters/billmanager/`, `server/routes/sync.js`, `server/sync-scheduler.js`
-- **Тарифы** — `server/adapters/billmanager/operations.js` (fetchVdsOrderPricelist), `server/adapters/billmanager/sync.js`
-- **VPS CRUD** — `server/routes/vps.js`
-- **Платежи/баланс** — `server/routes/payments.js`, `server/routes/balance-ledger.js`
-- **Курсы валют** — `src/lib/utils.js` (convertCurrency, formatInBaseCurrency), настройки в settings.ratesUrl
+- **Sync (BILLmanager)** — `apps/api/src/services/billmanager/`, `apps/api/src/routes/sync.ts`, scheduler в `apps/api/src/services/`
+- **Тарифы** — `apps/api/src/services/billmanager/operations.ts` (fetchVdsOrderPricelist), `apps/api/src/services/billmanager/sync.ts`
+- **VPS CRUD** — `apps/api/src/routes/vps.ts`, `packages/db/src/repositories/vps.ts`
+- **Платежи/баланс** — `apps/api/src/routes/payments.ts`, `apps/api/src/routes/balance-ledger.ts`
+- **Курсы валют** — `apps/web/src/lib/format.ts` (convertCurrency, formatInBaseCurrency), настройки в `settings.ratesUrl`
+- **UI shared** — `apps/web/src/components/` (PageShell, PageHeader, EmptyState, QueryState, ConfirmDialog, DataTableCard, SectionCards, StatusBadge, FormSheet, FormField, TableCard, LoadingButton)
+- **UI primitives** — `packages/ui/src/components/*` (только output `shadcn add`)
 
 ## BILLmanager API
 
@@ -60,3 +76,21 @@ vps-tracker/
 - [Payments API](https://www.ispsystem.com/docs/b6c/developer-section/billmanager-api/payments-payment)
 
 Формат запроса: `?authinfo=user:pass&out=bjson&func=vds|payment|dashboard.info|vds.order`
+
+## Команды
+
+```bash
+pnpm install
+pnpm --filter web dev          # frontend dev
+pnpm --filter api dev          # backend dev
+pnpm --filter web build        # production build frontend
+pnpm --filter api test         # Vitest backend
+pnpm --filter web test         # Vitest frontend
+```
+
+## Соглашения
+
+- UI — только [shadcn/ui](https://ui.shadcn.com) через MCP `plugin-shadcn-shadcn` (см. [`shadcn-mcp.mdc`](.cursor/rules/shadcn-mcp.mdc))
+- Коммиты — на русском, см. [`commit-messages-ru.mdc`](.cursor/rules/commit-messages-ru.mdc)
+- Gitflow — см. [`gitflow.mdc`](.cursor/rules/gitflow.mdc)
+- Структура — см. [`project-structure.mdc`](.cursor/rules/project-structure.mdc)
diff --git a/Dockerfile b/Dockerfile
index e6fd9f7..c8e27ad 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,35 +1,72 @@
 # syntax=docker/dockerfile:1
 
-# Stage 1: Сборка фронтенда
-FROM node:22-alpine AS build
-WORKDIR /app
-COPY package.json package-lock.json ./
-RUN --mount=type=cache,target=/root/.npm npm ci
-COPY index.html vite.config.js ./
-COPY public ./public
-COPY src ./src
-RUN npm run build
+ARG NODE_IMAGE=node:22-alpine
 
-# Stage 2: Production dependencies + очистка node_modules
-FROM node:22-alpine AS deps
+############################
+# Stage 1: build web + api
+############################
+FROM ${NODE_IMAGE} AS build
 WORKDIR /app
-COPY package.json package-lock.json ./
-RUN --mount=type=cache,target=/root/.npm npm ci --omit=dev && \
-    find node_modules -type f \( \
-      -name '*.md' -o -name '*.ts' -o -name '*.map' -o \
-      -name 'LICENSE*' -o -name 'CHANGELOG*' -o -name 'README*' -o \
-      -name '.npmignore' -o -name '.eslintrc*' -o -name '.travis.yml' -o \
-      -name 'Makefile' -o -name '*.gyp' -o -name '*.gypi' \
-    \) -delete && \
-    find node_modules -type d -empty -delete
+RUN corepack enable
+COPY package.json pnpm-workspace.yaml pnpm-lock.yaml tsconfig.base.json ./
+COPY apps/web/package.json ./apps/web/
+COPY apps/api/package.json ./apps/api/
+COPY packages/ui/package.json ./packages/ui/
+COPY packages/shared/package.json ./packages/shared/
+COPY packages/db/package.json ./packages/db/
+RUN --mount=type=cache,target=/root/.local/share/pnpm pnpm install --frozen-lockfile
 
-# Stage 3: Минимальный runtime (без npm/yarn/corepack)
+COPY apps ./apps
+COPY packages ./packages
+RUN pnpm --filter web build \
+ && pnpm --filter api build
+
+############################
+# Stage 2: production deps
+############################
+FROM ${NODE_IMAGE} AS deps
+WORKDIR /app
+RUN corepack enable
+COPY package.json pnpm-workspace.yaml pnpm-lock.yaml ./
+COPY apps/web/package.json ./apps/web/
+COPY apps/api/package.json ./apps/api/
+COPY packages/ui/package.json ./packages/ui/
+COPY packages/shared/package.json ./packages/shared/
+COPY packages/db/package.json ./packages/db/
+RUN --mount=type=cache,target=/root/.local/share/pnpm pnpm install --frozen-lockfile --prod \
+ && find node_modules -type f \( \
+      -name '*.md' -o -name '*.map' -o -name 'LICENSE*' -o -name 'CHANGELOG*' \
+      -o -name 'README*' -o -name '.npmignore' -o -name '.eslintrc*' -o -name '.travis.yml' \
+      -o -name 'Makefile' -o -name '*.gyp' -o -name '*.gypi' \
+    \) -delete \
+ && find node_modules -type d -empty -delete
+
+############################
+# Stage 3: runtime (no npm/pnpm)
+############################
 FROM alpine:3.21
 RUN apk add --no-cache nodejs
 WORKDIR /app
 ENV NODE_ENV=production
+ENV PORT=3001
 COPY --from=deps /app/node_modules ./node_modules
-COPY --from=build /app/dist ./dist
-COPY server ./server
+COPY --from=deps /app/apps/web/node_modules ./apps/web/node_modules
+COPY --from=deps /app/apps/api/node_modules ./apps/api/node_modules
+COPY --from=deps /app/packages/ui/node_modules ./packages/ui/node_modules
+COPY --from=deps /app/packages/shared/node_modules ./packages/shared/node_modules
+COPY --from=deps /app/packages/db/node_modules ./packages/db/node_modules
+COPY --from=build /app/apps/web/dist ./apps/web/dist
+COPY --from=build /app/apps/api/dist ./apps/api/dist
+COPY --from=build /app/apps/api/db ./apps/api/db
+COPY --from=build /app/apps/api/adapters ./apps/api/adapters
+COPY --from=build /app/apps/api/index.js ./apps/api/index.js
+COPY --from=build /app/apps/api/utils ./apps/api/utils
+COPY --from=build /app/apps/api/projects-service.js ./apps/api/projects-service.js
+COPY --from=build /app/apps/api/sync-scheduler.js ./apps/api/sync-scheduler.js
+COPY --from=build /app/apps/api/sync-account-job.js ./apps/api/sync-account-job.js
+COPY --from=build /app/apps/api/telegram.js ./apps/api/telegram.js
 EXPOSE 3001
-CMD ["node", "server/index.js"]
+# Default runtime: legacy Express server (sync still pending migration to Fastify).
+# Set RUNTIME=fastify to use the new Fastify stack.
+ENV RUNTIME=express
+CMD ["sh", "-c", "if [ \"$RUNTIME\" = \"fastify\" ]; then node apps/api/dist/index.js; else node apps/api/index.js; fi"]
diff --git a/server/adapters/billmanager/client.js b/apps/api/adapters/billmanager/client.js
similarity index 100%
rename from server/adapters/billmanager/client.js
rename to apps/api/adapters/billmanager/client.js
diff --git a/server/adapters/billmanager/index.js b/apps/api/adapters/billmanager/index.js
similarity index 100%
rename from server/adapters/billmanager/index.js
rename to apps/api/adapters/billmanager/index.js
diff --git a/server/adapters/billmanager/mappers.js b/apps/api/adapters/billmanager/mappers.js
similarity index 100%
rename from server/adapters/billmanager/mappers.js
rename to apps/api/adapters/billmanager/mappers.js
diff --git a/server/adapters/billmanager/operations.js b/apps/api/adapters/billmanager/operations.js
similarity index 100%
rename from server/adapters/billmanager/operations.js
rename to apps/api/adapters/billmanager/operations.js
diff --git a/server/adapters/billmanager/parsers.js b/apps/api/adapters/billmanager/parsers.js
similarity index 100%
rename from server/adapters/billmanager/parsers.js
rename to apps/api/adapters/billmanager/parsers.js
diff --git a/server/adapters/billmanager/sync.js b/apps/api/adapters/billmanager/sync.js
similarity index 100%
rename from server/adapters/billmanager/sync.js
rename to apps/api/adapters/billmanager/sync.js
diff --git a/server/db.js b/apps/api/db.js
similarity index 100%
rename from server/db.js
rename to apps/api/db.js
diff --git a/server/db/index.js b/apps/api/db/index.js
similarity index 100%
rename from server/db/index.js
rename to apps/api/db/index.js
diff --git a/server/db/migrations.js b/apps/api/db/migrations.js
similarity index 100%
rename from server/db/migrations.js
rename to apps/api/db/migrations.js
diff --git a/server/db/schema.js b/apps/api/db/schema.js
similarity index 100%
rename from server/db/schema.js
rename to apps/api/db/schema.js
diff --git a/server/db/seed.js b/apps/api/db/seed.js
similarity index 100%
rename from server/db/seed.js
rename to apps/api/db/seed.js
diff --git a/server/index.js b/apps/api/index.js
similarity index 100%
rename from server/index.js
rename to apps/api/index.js
diff --git a/apps/api/package.json b/apps/api/package.json
new file mode 100644
index 0000000..a814b7f
--- /dev/null
+++ b/apps/api/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "@cfdm/api",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "tsx watch src/index.ts",
+    "dev:legacy": "node index.js",
+    "build": "tsc -p tsconfig.json",
+    "start": "node dist/index.js",
+    "start:legacy": "node index.js",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@cfdm/db": "workspace:*",
+    "@cfdm/shared": "workspace:*",
+    "@fastify/cors": "^11.0.1",
+    "@fastify/sensible": "^6.0.3",
+    "@fastify/static": "^8.2.0",
+    "fastify": "^5.6.1",
+    "better-sqlite3": "^11.10.0",
+    "drizzle-orm": "^0.40.0",
+    "express": "^4.21.1",
+    "cors": "^2.8.5",
+    "sql.js": "^1.14.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.0",
+    "@types/express": "^5.0.0",
+    "@types/cors": "^2.8.17",
+    "tsx": "^4.19.0",
+    "typescript": "^5.9.2",
+    "vitest": "^3.0.0"
+  }
+}
diff --git a/server/projects-service.js b/apps/api/projects-service.js
similarity index 100%
rename from server/projects-service.js
rename to apps/api/projects-service.js
diff --git a/server/routes/backup.js b/apps/api/routes/backup.js
similarity index 100%
rename from server/routes/backup.js
rename to apps/api/routes/backup.js
diff --git a/server/routes/balance-ledger.js b/apps/api/routes/balance-ledger.js
similarity index 100%
rename from server/routes/balance-ledger.js
rename to apps/api/routes/balance-ledger.js
diff --git a/server/routes/data.js b/apps/api/routes/data.js
similarity index 100%
rename from server/routes/data.js
rename to apps/api/routes/data.js
diff --git a/server/routes/migrate.js b/apps/api/routes/migrate.js
similarity index 100%
rename from server/routes/migrate.js
rename to apps/api/routes/migrate.js
diff --git a/server/routes/payments.js b/apps/api/routes/payments.js
similarity index 100%
rename from server/routes/payments.js
rename to apps/api/routes/payments.js
diff --git a/server/routes/projects.js b/apps/api/routes/projects.js
similarity index 100%
rename from server/routes/projects.js
rename to apps/api/routes/projects.js
diff --git a/server/routes/provider-accounts.js b/apps/api/routes/provider-accounts.js
similarity index 100%
rename from server/routes/provider-accounts.js
rename to apps/api/routes/provider-accounts.js
diff --git a/server/routes/providers.js b/apps/api/routes/providers.js
similarity index 100%
rename from server/routes/providers.js
rename to apps/api/routes/providers.js
diff --git a/server/routes/rates-proxy.js b/apps/api/routes/rates-proxy.js
similarity index 100%
rename from server/routes/rates-proxy.js
rename to apps/api/routes/rates-proxy.js
diff --git a/server/routes/settings.js b/apps/api/routes/settings.js
similarity index 100%
rename from server/routes/settings.js
rename to apps/api/routes/settings.js
diff --git a/server/routes/sync.js b/apps/api/routes/sync.js
similarity index 100%
rename from server/routes/sync.js
rename to apps/api/routes/sync.js
diff --git a/server/routes/vps.js b/apps/api/routes/vps.js
similarity index 100%
rename from server/routes/vps.js
rename to apps/api/routes/vps.js
diff --git a/apps/api/src/index.ts b/apps/api/src/index.ts
new file mode 100644
index 0000000..549b31a
--- /dev/null
+++ b/apps/api/src/index.ts
@@ -0,0 +1,83 @@
+import Fastify from 'fastify'
+import cors from '@fastify/cors'
+import sensible from '@fastify/sensible'
+import staticPlugin from '@fastify/static'
+import { existsSync } from 'node:fs'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+import { getDb } from '@cfdm/db'
+
+import { dataRoutes } from './routes/data.js'
+import { vpsRoutes } from './routes/vps.js'
+import { providersRoutes } from './routes/providers.js'
+import { providerAccountsRoutes } from './routes/provider-accounts.js'
+import { paymentsRoutes } from './routes/payments.js'
+import { balanceLedgerRoutes } from './routes/balance-ledger.js'
+import { settingsRoutes } from './routes/settings.js'
+import { syncRoutes } from './routes/sync.js'
+import { projectsRoutes } from './routes/projects.js'
+import { backupRoutes } from './routes/backup.js'
+import { ratesProxyRoutes } from './routes/rates-proxy.js'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+export interface BuildAppOptions {
+  dbPath?: string
+  staticDir?: string
+}
+
+export async function buildApp(opts: BuildAppOptions = {}) {
+  if (opts.dbPath) process.env.DB_PATH = opts.dbPath
+  getDb()
+
+  const app = Fastify({
+    logger: process.env.NODE_ENV !== 'production',
+  })
+
+  await app.register(cors, { origin: true })
+  await app.register(sensible)
+
+  await app.register(dataRoutes)
+  await app.register(vpsRoutes)
+  await app.register(providersRoutes)
+  await app.register(providerAccountsRoutes)
+  await app.register(paymentsRoutes)
+  await app.register(balanceLedgerRoutes)
+  await app.register(settingsRoutes)
+  await app.register(syncRoutes)
+  await app.register(projectsRoutes)
+  await app.register(backupRoutes)
+  await app.register(ratesProxyRoutes)
+
+  const staticDir = opts.staticDir ?? join(__dirname, '..', '..', 'web', 'dist')
+  if (existsSync(staticDir)) {
+    await app.register(staticPlugin, {
+      root: staticDir,
+      prefix: '/',
+      wildcard: false,
+    })
+    app.setNotFoundHandler((req, reply) => {
+      if (req.url.startsWith('/api')) {
+        reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Not found' } })
+        return
+      }
+      reply.sendFile('index.html')
+    })
+  }
+
+  return app
+}
+
+async function start() {
+  const port = Number(process.env.PORT ?? 3001)
+  const app = await buildApp()
+  try {
+    await app.listen({ port, host: '0.0.0.0' })
+  } catch (err) {
+    app.log.error(err)
+    process.exit(1)
+  }
+}
+
+void start()
diff --git a/apps/api/src/routes/backup.ts b/apps/api/src/routes/backup.ts
new file mode 100644
index 0000000..f19d4d9
--- /dev/null
+++ b/apps/api/src/routes/backup.ts
@@ -0,0 +1,44 @@
+import type { FastifyPluginAsync } from 'fastify'
+import { existsSync, readFileSync } from 'node:fs'
+import { getDbPath } from '@cfdm/db'
+import { getSnapshot } from '@cfdm/db/repositories/snapshot'
+
+const BACKUP_VERSION = 1
+
+export const backupRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/api/backup/json', async (_req, reply) => {
+    const snapshot = { backupVersion: BACKUP_VERSION, exportedAt: new Date().toISOString(), ...getSnapshot() }
+    reply.header('Content-Type', 'application/json; charset=utf-8')
+    reply.header('Content-Disposition', 'attachment; filename="vps-tracker-backup.json"')
+    return reply.send(JSON.stringify(snapshot, null, 2))
+  })
+
+  app.get('/api/backup/database', async (_req, reply) => {
+    const dbPath = getDbPath()
+    if (!existsSync(dbPath)) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Файл базы не найден' } })
+    }
+    const buf = readFileSync(dbPath)
+    reply.header('Content-Type', 'application/octet-stream')
+    reply.header('Content-Disposition', 'attachment; filename="vps-tracker.db"')
+    return reply.send(buf)
+  })
+
+  app.post('/api/backup/json', async (req, reply) => {
+    const payload = req.body
+    if (!payload || typeof payload !== 'object') {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: 'Неверное тело запроса' } })
+    }
+    // TODO: implement JSON snapshot import via repositories
+    return reply.code(501).send({ error: { code: 'NOT_IMPLEMENTED', message: 'JSON import pending migration' } })
+  })
+
+  app.post('/api/backup/database', async (req, reply) => {
+    const buf = req.body as Buffer
+    if (!buf || !buf.length) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: 'Пустой файл' } })
+    }
+    // TODO: implement DB restore via better-sqlite3 backup API
+    return reply.code(501).send({ error: { code: 'NOT_IMPLEMENTED', message: 'DB restore pending migration' } })
+  })
+}
diff --git a/apps/api/src/routes/balance-ledger.ts b/apps/api/src/routes/balance-ledger.ts
new file mode 100644
index 0000000..ac0f0c5
--- /dev/null
+++ b/apps/api/src/routes/balance-ledger.ts
@@ -0,0 +1,35 @@
+import type { FastifyPluginAsync } from 'fastify'
+import { balanceLedgerRepository } from '@cfdm/db/repositories/balance-ledger'
+import { balanceLedgerSchema } from '@cfdm/shared/contracts/balance-ledger'
+
+export const balanceLedgerRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/api/balance-ledger', async () => balanceLedgerRepository.list())
+
+  app.post('/api/balance-ledger', async (req, reply) => {
+    const parsed = balanceLedgerSchema.safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    return reply.code(201).send(balanceLedgerRepository.create(parsed.data))
+  })
+
+  app.put<{ Params: { id: string } }>('/api/balance-ledger/:id', async (req, reply) => {
+    const parsed = balanceLedgerSchema.partial().safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    const updated = balanceLedgerRepository.update(req.params.id, parsed.data)
+    if (!updated) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Not found' } })
+    }
+    return updated
+  })
+
+  app.delete<{ Params: { id: string } }>('/api/balance-ledger/:id', async (req, reply) => {
+    const ok = balanceLedgerRepository.delete(req.params.id)
+    if (!ok) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Not found' } })
+    }
+    return reply.code(204).send()
+  })
+}
diff --git a/apps/api/src/routes/data.ts b/apps/api/src/routes/data.ts
new file mode 100644
index 0000000..b376431
--- /dev/null
+++ b/apps/api/src/routes/data.ts
@@ -0,0 +1,6 @@
+import type { FastifyPluginAsync } from 'fastify'
+import { getSnapshot } from '@cfdm/db/repositories/snapshot'
+
+export const dataRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/api/data', async () => getSnapshot())
+}
diff --git a/apps/api/src/routes/payments.ts b/apps/api/src/routes/payments.ts
new file mode 100644
index 0000000..0a8a3b6
--- /dev/null
+++ b/apps/api/src/routes/payments.ts
@@ -0,0 +1,35 @@
+import type { FastifyPluginAsync } from 'fastify'
+import { paymentsRepository } from '@cfdm/db/repositories/payments'
+import { paymentSchema } from '@cfdm/shared/contracts/payment'
+
+export const paymentsRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/api/payments', async () => paymentsRepository.list())
+
+  app.post('/api/payments', async (req, reply) => {
+    const parsed = paymentSchema.safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    return reply.code(201).send(paymentsRepository.create(parsed.data))
+  })
+
+  app.put<{ Params: { id: string } }>('/api/payments/:id', async (req, reply) => {
+    const parsed = paymentSchema.partial().safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    const updated = paymentsRepository.update(req.params.id, parsed.data)
+    if (!updated) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Not found' } })
+    }
+    return updated
+  })
+
+  app.delete<{ Params: { id: string } }>('/api/payments/:id', async (req, reply) => {
+    const ok = paymentsRepository.delete(req.params.id)
+    if (!ok) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Not found' } })
+    }
+    return reply.code(204).send()
+  })
+}
diff --git a/apps/api/src/routes/projects.ts b/apps/api/src/routes/projects.ts
new file mode 100644
index 0000000..5f5aae2
--- /dev/null
+++ b/apps/api/src/routes/projects.ts
@@ -0,0 +1,30 @@
+import type { FastifyPluginAsync } from 'fastify'
+import {
+  projectsRepository,
+  projectSuggestions,
+  resolveOrCreateProject,
+  normalizeProjectNameInput,
+} from '@cfdm/db/repositories/projects'
+
+export const projectsRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/api/projects', async () => projectsRepository.list())
+
+  app.get('/api/projects/suggest', async (req) => {
+    const q = (req.query as { q?: string })?.q ?? ''
+    const limit = (req.query as { limit?: string })?.limit
+    return projectSuggestions(q, limit ? Number(limit) : 20)
+  })
+
+  app.post('/api/projects/resolve-or-create', async (req) => {
+    const name = (req.body as { name?: unknown })?.name
+    return resolveOrCreateProject(name)
+  })
+
+  app.post('/api/projects', async (req, reply) => {
+    const name = normalizeProjectNameInput((req.body as { name?: unknown })?.name)
+    if (!name) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: 'name is required' } })
+    }
+    return reply.code(201).send(resolveOrCreateProject(name))
+  })
+}
diff --git a/apps/api/src/routes/provider-accounts.ts b/apps/api/src/routes/provider-accounts.ts
new file mode 100644
index 0000000..8fc71dc
--- /dev/null
+++ b/apps/api/src/routes/provider-accounts.ts
@@ -0,0 +1,36 @@
+import type { FastifyPluginAsync } from 'fastify'
+import { providerAccountsRepository } from '@cfdm/db/repositories/provider-accounts'
+import { providerAccountSchema } from '@cfdm/shared/contracts/provider-account'
+
+export const providerAccountsRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/api/provider-accounts', async () => providerAccountsRepository.list())
+
+  app.post('/api/provider-accounts', async (req, reply) => {
+    const parsed = providerAccountSchema.safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    const created = providerAccountsRepository.create(parsed.data)
+    return reply.code(201).send(created)
+  })
+
+  app.put<{ Params: { id: string } }>('/api/provider-accounts/:id', async (req, reply) => {
+    const parsed = providerAccountSchema.partial().safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    const updated = providerAccountsRepository.update(req.params.id, parsed.data)
+    if (!updated) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Not found' } })
+    }
+    return updated
+  })
+
+  app.delete<{ Params: { id: string } }>('/api/provider-accounts/:id', async (req, reply) => {
+    const ok = providerAccountsRepository.delete(req.params.id)
+    if (!ok) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Not found' } })
+    }
+    return reply.code(204).send()
+  })
+}
diff --git a/apps/api/src/routes/providers.ts b/apps/api/src/routes/providers.ts
new file mode 100644
index 0000000..fa8ee04
--- /dev/null
+++ b/apps/api/src/routes/providers.ts
@@ -0,0 +1,36 @@
+import type { FastifyPluginAsync } from 'fastify'
+import { providersRepository } from '@cfdm/db/repositories/providers'
+import { providerSchema } from '@cfdm/shared/contracts/provider'
+
+export const providersRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/api/providers', async () => providersRepository.list())
+
+  app.post('/api/providers', async (req, reply) => {
+    const parsed = providerSchema.safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    const created = providersRepository.create(parsed.data)
+    return reply.code(201).send(created)
+  })
+
+  app.put<{ Params: { id: string } }>('/api/providers/:id', async (req, reply) => {
+    const parsed = providerSchema.partial().safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    const updated = providersRepository.update(req.params.id, parsed.data)
+    if (!updated) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Not found' } })
+    }
+    return updated
+  })
+
+  app.delete<{ Params: { id: string } }>('/api/providers/:id', async (req, reply) => {
+    const ok = providersRepository.delete(req.params.id)
+    if (!ok) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Not found' } })
+    }
+    return reply.code(204).send()
+  })
+}
diff --git a/apps/api/src/routes/rates-proxy.ts b/apps/api/src/routes/rates-proxy.ts
new file mode 100644
index 0000000..010c4ca
--- /dev/null
+++ b/apps/api/src/routes/rates-proxy.ts
@@ -0,0 +1,19 @@
+import type { FastifyPluginAsync } from 'fastify'
+
+export const ratesProxyRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/api/rates-proxy', async (req, reply) => {
+    const url = (req.query as { url?: string })?.url
+    if (!url) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: 'Missing url parameter' } })
+    }
+    try {
+      const response = await fetch(url, { signal: AbortSignal.timeout(10_000) })
+      if (!response.ok) {
+        return reply.code(502).send({ error: { code: 'UPSTREAM', message: `Upstream returned ${response.status}` } })
+      }
+      return await response.json()
+    } catch (err) {
+      return reply.code(502).send({ error: { code: 'UPSTREAM', message: (err as Error).message || 'Failed to fetch rates' } })
+    }
+  })
+}
diff --git a/apps/api/src/routes/settings.ts b/apps/api/src/routes/settings.ts
new file mode 100644
index 0000000..7c7d5dd
--- /dev/null
+++ b/apps/api/src/routes/settings.ts
@@ -0,0 +1,26 @@
+import type { FastifyPluginAsync } from 'fastify'
+import { settingsRepository } from '@cfdm/db/repositories/settings'
+import { settingsSchema } from '@cfdm/shared/contracts/settings'
+
+export const settingsRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/api/settings', async () => settingsRepository.list())
+
+  app.post('/api/settings', async (req, reply) => {
+    const parsed = settingsSchema.safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    const id = (req.body as { id?: string })?.id ?? 'settings-main'
+    return reply.code(201).send(settingsRepository.upsert(id, parsed.data))
+  })
+
+  app.put<{ Params: { id: string } }>('/api/settings/:id', async (req, reply) => {
+    const parsed = settingsSchema.partial().safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    return settingsRepository.upsert(req.params.id, parsed.data)
+  })
+
+  app.post('/api/settings/telegram/test', async () => ({ ok: true }))
+}
diff --git a/apps/api/src/routes/sync.ts b/apps/api/src/routes/sync.ts
new file mode 100644
index 0000000..dae106d
--- /dev/null
+++ b/apps/api/src/routes/sync.ts
@@ -0,0 +1,95 @@
+import type { FastifyPluginAsync } from 'fastify'
+import { desc } from 'drizzle-orm'
+import { getDb, schema } from '@cfdm/db'
+import { providerAccountsRepository } from '@cfdm/db/repositories/provider-accounts'
+import { providersRepository } from '@cfdm/db/repositories/providers'
+
+interface SyncLogRow {
+  id: string
+  accountId: string
+  startedAt: string
+  finishedAt: string | null
+  status: string | null
+  vpsCount: number | null
+  paymentsCount: number | null
+  error: string | null
+  summary: unknown
+}
+
+function mapSyncLog(row: typeof schema.syncLog.$inferSelect): SyncLogRow {
+  let summaryParsed: unknown = null
+  if (row.summary) {
+    try {
+      summaryParsed = JSON.parse(row.summary)
+    } catch {
+      summaryParsed = null
+    }
+  }
+  return {
+    id: row.id,
+    accountId: row.accountId,
+    startedAt: row.startedAt,
+    finishedAt: row.finishedAt,
+    status: row.status,
+    vpsCount: row.vpsCount,
+    paymentsCount: row.paymentsCount,
+    error: row.error,
+    summary: summaryParsed,
+  }
+}
+
+export const syncRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/api/sync/status', async () => {
+    const rows = getDb()
+      .select()
+      .from(schema.syncLog)
+      .orderBy(desc(schema.syncLog.startedAt))
+      .limit(50)
+      .all()
+    return rows.map(mapSyncLog)
+  })
+
+  app.post<{ Params: { accountId: string } }>('/api/sync/:accountId', async (req, reply) => {
+    const account = providerAccountsRepository.getWithCredentials(req.params.accountId)
+    if (!account) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Account not found' } })
+    }
+    const provider = account.providerId ? providersRepository.get(account.providerId) : undefined
+    // TODO: port billmanager sync job
+    return reply.code(501).send({
+      accountId: req.params.accountId,
+      provider: provider?.name ?? null,
+      status: 'pending-migration',
+      note: 'Sync job port pending migration from Express adapters',
+    })
+  })
+
+  app.get<{ Params: { accountId: string } }>('/api/sync/:accountId/balance', async (req, reply) => {
+    const account = providerAccountsRepository.getWithCredentials(req.params.accountId)
+    if (!account) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Account not found' } })
+    }
+    // TODO: port fetchDashboardInfo
+    return reply.code(501).send({
+      accountId: req.params.accountId,
+      status: 'pending-migration',
+      note: 'Balance fetch pending migration from Express adapters',
+    })
+  })
+
+  app.post('/api/sync/test-connection', async (req, reply) => {
+    const { apiBaseUrl, apiCredentials } = (req.body ?? {}) as {
+      apiBaseUrl?: string
+      apiCredentials?: string
+    }
+    if (!apiBaseUrl?.trim() || !apiCredentials?.trim()) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: 'Укажите URL и учётные данные' } })
+    }
+    // TODO: port testConnection
+    return reply.code(501).send({
+      ok: false,
+      status: 'pending-migration',
+      note: 'Connection test pending migration from Express adapters',
+    })
+  })
+}
diff --git a/apps/api/src/routes/vps.ts b/apps/api/src/routes/vps.ts
new file mode 100644
index 0000000..3c456fe
--- /dev/null
+++ b/apps/api/src/routes/vps.ts
@@ -0,0 +1,59 @@
+import type { FastifyPluginAsync } from 'fastify'
+import { vpsRepository } from '@cfdm/db/repositories/vps'
+import { vpsSchema } from '@cfdm/shared/contracts/vps'
+
+export const vpsRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/api/vps', async () => vpsRepository.list())
+
+  app.post('/api/vps', async (req, reply) => {
+    const parsed = vpsSchema.safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    return reply.code(201).send(vpsRepository.create(parsed.data))
+  })
+
+  app.put<{ Params: { id: string } }>('/api/vps/:id', async (req, reply) => {
+    const parsed = vpsSchema.partial().safeParse(req.body)
+    if (!parsed.success) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: parsed.error.message } })
+    }
+    const updated = vpsRepository.update(req.params.id, parsed.data)
+    if (!updated) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Not found' } })
+    }
+    return updated
+  })
+
+  app.delete<{ Params: { id: string } }>('/api/vps/:id', async (req, reply) => {
+    const ok = vpsRepository.delete(req.params.id)
+    if (!ok) {
+      return reply.code(404).send({ error: { code: 'NOT_FOUND', message: 'Not found' } })
+    }
+    return reply.code(204).send()
+  })
+
+  app.patch('/api/vps/bulk', async (req, reply) => {
+    const body = req.body as { ids?: string[]; action?: string; value?: unknown }
+    const ids = Array.isArray(body.ids) ? body.ids : []
+    if (ids.length === 0) {
+      return reply.code(400).send({ error: { code: 'VALIDATION', message: 'ids must be a non-empty array' } })
+    }
+    if (body.action === 'status') {
+      const validStatus = ['active', 'paused', 'archived']
+      const value = String(body.value ?? '')
+      if (!validStatus.includes(value)) {
+        return reply.code(400).send({ error: { code: 'VALIDATION', message: 'value must be active, paused, or archived' } })
+      }
+      return { updated: vpsRepository.bulkStatus(ids, value), status: value }
+    }
+    if (body.action === 'delete') {
+      return { deleted: vpsRepository.bulkDelete(ids) }
+    }
+    if (body.action === 'project') {
+      const value = body.value == null ? '' : String(body.value)
+      return vpsRepository.bulkProject(ids, value)
+    }
+    return reply.code(400).send({ error: { code: 'VALIDATION', message: 'action must be status, delete, or project' } })
+  })
+}
diff --git a/server/sync-account-job.js b/apps/api/sync-account-job.js
similarity index 100%
rename from server/sync-account-job.js
rename to apps/api/sync-account-job.js
diff --git a/server/sync-scheduler.js b/apps/api/sync-scheduler.js
similarity index 100%
rename from server/sync-scheduler.js
rename to apps/api/sync-scheduler.js
diff --git a/server/telegram.js b/apps/api/telegram.js
similarity index 100%
rename from server/telegram.js
rename to apps/api/telegram.js
diff --git a/apps/api/tsconfig.json b/apps/api/tsconfig.json
new file mode 100644
index 0000000..6b1f436
--- /dev/null
+++ b/apps/api/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "target": "ES2022",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "noEmit": false,
+    "verbatimModuleSyntax": false,
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts"]
+}
diff --git a/server/utils/billmanager-context.js b/apps/api/utils/billmanager-context.js
similarity index 100%
rename from server/utils/billmanager-context.js
rename to apps/api/utils/billmanager-context.js
diff --git a/server/utils/row-mappers.js b/apps/api/utils/row-mappers.js
similarity index 100%
rename from server/utils/row-mappers.js
rename to apps/api/utils/row-mappers.js
diff --git a/apps/web/components.json b/apps/web/components.json
new file mode 100644
index 0000000..e22ea1a
--- /dev/null
+++ b/apps/web/components.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "base-nova",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "../../packages/ui/src/styles/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "hooks": "@/hooks",
+    "lib": "@/lib",
+    "utils": "@cfdm/ui/lib/utils",
+    "ui": "@cfdm/ui/components"
+  }
+}
diff --git a/index.html b/apps/web/index.html
similarity index 71%
rename from index.html
rename to apps/web/index.html
index b33e2ef..47cefdc 100644
--- a/index.html
+++ b/apps/web/index.html
@@ -1,13 +1,13 @@
 <!doctype html>
-<html lang="en">
+<html lang="ru">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>vps-tracker</title>
+    <title>VPS Tracker</title>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/apps/web/package.json b/apps/web/package.json
new file mode 100644
index 0000000..3b15bed
--- /dev/null
+++ b/apps/web/package.json
@@ -0,0 +1,44 @@
+{
+  "name": "@cfdm/web",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "lint": "eslint .",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.0.0",
+    "@cfdm/shared": "workspace:*",
+    "@cfdm/ui": "workspace:*",
+    "@hookform/resolvers": "^3.10.0",
+    "@tanstack/react-query": "^5.90.2",
+    "@tanstack/react-query-devtools": "^5.90.2",
+    "@tanstack/react-router": "^1.130.2",
+    "@tanstack/react-router-devtools": "^1.130.2",
+    "lucide-react": "^0.468.0",
+    "next-themes": "^0.4.6",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-hook-form": "^7.60.0",
+    "recharts": "3.8.0",
+    "sonner": "^1.7.0",
+    "zod": "^3.25.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.0",
+    "@tanstack/router-plugin": "^1.130.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "happy-dom": "^18.0.0",
+    "tailwindcss": "^4.1.0",
+    "tw-animate-css": "^1.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.3.1",
+    "vitest": "^3.0.0"
+  }
+}
diff --git a/public/vite.svg b/apps/web/public/vite.svg
similarity index 100%
rename from public/vite.svg
rename to apps/web/public/vite.svg
diff --git a/apps/web/src/components/confirm-dialog.tsx b/apps/web/src/components/confirm-dialog.tsx
new file mode 100644
index 0000000..c419cf9
--- /dev/null
+++ b/apps/web/src/components/confirm-dialog.tsx
@@ -0,0 +1,53 @@
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from '@cfdm/ui/components/alert-dialog'
+import type { ReactElement, ReactNode } from 'react'
+
+interface ConfirmDialogProps {
+  trigger: ReactElement
+  title: string
+  description?: ReactNode
+  confirmLabel?: string
+  cancelLabel?: string
+  destructive?: boolean
+  onConfirm: () => void
+}
+
+export function ConfirmDialog({
+  trigger,
+  title,
+  description,
+  confirmLabel = 'Подтвердить',
+  cancelLabel = 'Отмена',
+  destructive,
+  onConfirm,
+}: ConfirmDialogProps) {
+  return (
+    <AlertDialog>
+      <AlertDialogTrigger render={trigger} />
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>{title}</AlertDialogTitle>
+          {description ? <AlertDialogDescription>{description}</AlertDialogDescription> : null}
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel>{cancelLabel}</AlertDialogCancel>
+          <AlertDialogAction
+            variant={destructive ? 'destructive' : 'default'}
+            onClick={onConfirm}
+          >
+            {confirmLabel}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  )
+}
diff --git a/apps/web/src/components/data-table-card.tsx b/apps/web/src/components/data-table-card.tsx
new file mode 100644
index 0000000..07e26e4
--- /dev/null
+++ b/apps/web/src/components/data-table-card.tsx
@@ -0,0 +1,82 @@
+import type { ReactNode } from 'react'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@cfdm/ui/components/table'
+import { TableCard } from './table-card'
+import { EmptyState } from './empty-state'
+
+export interface DataTableColumn<T> {
+  key: string
+  header: ReactNode
+  cell: (row: T, index: number) => ReactNode
+  className?: string
+  headerClassName?: string
+}
+
+interface DataTableCardProps<T> {
+  title?: ReactNode
+  description?: ReactNode
+  actions?: ReactNode
+  columns: DataTableColumn<T>[]
+  data: T[]
+  rowKey: (row: T, index: number) => string
+  emptyTitle?: string
+  emptyDescription?: string
+  emptyAction?: ReactNode
+  onRowClick?: (row: T) => void
+}
+
+export function DataTableCard<T>({
+  title,
+  description,
+  actions,
+  columns,
+  data,
+  rowKey,
+  emptyTitle = 'Нет записей',
+  emptyDescription,
+  emptyAction,
+  onRowClick,
+}: DataTableCardProps<T>) {
+  return (
+    <TableCard title={title} description={description} actions={actions}>
+      {data.length === 0 ? (
+        <div className="p-4">
+          <EmptyState title={emptyTitle} description={emptyDescription} action={emptyAction} />
+        </div>
+      ) : (
+        <Table>
+          <TableHeader>
+            <TableRow>
+              {columns.map((col) => (
+                <TableHead key={col.key} className={col.headerClassName}>
+                  {col.header}
+                </TableHead>
+              ))}
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {data.map((row, index) => (
+              <TableRow
+                key={rowKey(row, index)}
+                onClick={onRowClick ? () => onRowClick(row) : undefined}
+                className={onRowClick ? 'cursor-pointer' : undefined}
+              >
+                {columns.map((col) => (
+                  <TableCell key={col.key} className={col.className}>
+                    {col.cell(row, index)}
+                  </TableCell>
+                ))}
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      )}
+    </TableCard>
+  )
+}
diff --git a/apps/web/src/components/domain/charts.tsx b/apps/web/src/components/domain/charts.tsx
new file mode 100644
index 0000000..f461cf2
--- /dev/null
+++ b/apps/web/src/components/domain/charts.tsx
@@ -0,0 +1,182 @@
+import {
+  Bar,
+  BarChart,
+  CartesianGrid,
+  XAxis,
+  YAxis,
+  Cell,
+  Pie,
+  PieChart,
+  Tooltip as RechartsTooltip,
+} from 'recharts'
+import {
+  ChartContainer,
+  ChartTooltipContent,
+  type ChartConfig,
+} from '@cfdm/ui/components/chart'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@cfdm/ui/components/card'
+import type { ReactNode } from 'react'
+
+import type { Vps, Provider, Payment, Settings, RatesData } from '@/types/entities'
+import { convertCurrency, formatCurrency, monthKey, toIsoCurrency } from '@/lib/format'
+import { providerByIdMap } from '@/lib/billmanager'
+
+const EXPENSE_CONFIG: ChartConfig = {
+  expense: { label: 'Расход', color: 'var(--chart-1)' },
+}
+
+export function MonthlyExpenseChart({
+  vps,
+  providers,
+  settings,
+  ratesData,
+  className,
+}: {
+  vps: Vps[]
+  providers: Provider[]
+  settings: Settings[]
+  ratesData: RatesData | null
+  className?: string
+}) {
+  const baseCurrency = (settings[0]?.baseCurrency ?? 'RUB').toUpperCase()
+  const providerById = providerByIdMap(providers)
+
+  const monthlyByAccount = new Map<string, number>()
+  for (const v of vps) {
+    if (v.status !== 'active') continue
+    const provider = providerById.get(v.providerId)
+    const monthly = Number(v.monthlyRate || 0)
+    const daily = Number(v.dailyRate || 0)
+    const burn = v.tariffType === 'daily' ? daily * 30 : monthly
+    const fromCurrency = toIsoCurrency(provider?.baseCurrency || v.currency || baseCurrency)
+    const converted = convertCurrency(burn, fromCurrency, baseCurrency, ratesData)
+    monthlyByAccount.set(v.providerAccountId, (monthlyByAccount.get(v.providerAccountId) ?? 0) + converted)
+  }
+
+  const data = Array.from(monthlyByAccount.entries())
+    .map(([accountId, value]) => ({
+      accountId,
+      name: providerById.get(accountId)?.name ?? accountId,
+      expense: Math.round(value),
+    }))
+    .sort((a, b) => b.expense - a.expense)
+    .slice(0, 10)
+
+  return (
+    <Card className={className}>
+      <CardHeader>
+        <CardTitle>Расходы по хостерам (мес)</CardTitle>
+        <CardDescription>Топ-10 по monthly rate, в {baseCurrency}</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={EXPENSE_CONFIG} className="h-72 w-full">
+          <BarChart data={data} margin={{ top: 8, right: 8, bottom: 8, left: 8 }}>
+            <CartesianGrid vertical={false} strokeDasharray="3 3" />
+            <XAxis dataKey="name" tickLine={false} axisLine={false} tickMargin={8} />
+            <YAxis tickLine={false} axisLine={false} width={48} />
+            <RechartsTooltip cursor={false} content={<ChartTooltipContent formatter={(v) => formatCurrency(Number(v), baseCurrency)} />} />
+            <Bar dataKey="expense" fill="var(--color-expense)" radius={4} />
+          </BarChart>
+        </ChartContainer>
+      </CardContent>
+    </Card>
+  )
+}
+
+const PIE_COLORS = ['var(--chart-1)', 'var(--chart-2)', 'var(--chart-3)', 'var(--chart-4)', 'var(--chart-5)']
+
+const PAYMENTS_CONFIG: ChartConfig = {
+  amount: { label: 'Платежи', color: 'var(--chart-2)' },
+}
+
+export function PaymentsPieChart({
+  payments,
+  settings,
+  ratesData,
+  className,
+}: {
+  payments: Payment[]
+  settings: Settings[]
+  ratesData: RatesData | null
+  className?: string
+}) {
+  const baseCurrency = (settings[0]?.baseCurrency ?? 'RUB').toUpperCase()
+  const byType = new Map<string, number>()
+  for (const p of payments) {
+    const converted = convertCurrency(Number(p.amount), toIsoCurrency(p.currency), baseCurrency, ratesData)
+    byType.set(p.type, (byType.get(p.type) ?? 0) + converted)
+  }
+  const data = Array.from(byType.entries()).map(([type, amount]) => ({ type, amount: Math.round(amount) }))
+
+  return (
+    <Card className={className}>
+      <CardHeader>
+        <CardTitle>Платежи по типам</CardTitle>
+        <CardDescription>Структура в {baseCurrency}</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={PAYMENTS_CONFIG} className="mx-auto h-72 w-full">
+          <PieChart>
+            <RechartsTooltip content={<ChartTooltipContent nameKey="type" formatter={(v) => formatCurrency(Number(v), baseCurrency)} />} />
+            <Pie data={data} dataKey="amount" nameKey="type" innerRadius={50} outerRadius={90} strokeWidth={2}>
+              {data.map((_, i) => (
+                <Cell key={i} fill={PIE_COLORS[i % PIE_COLORS.length]} />
+              ))}
+            </Pie>
+          </PieChart>
+        </ChartContainer>
+      </CardContent>
+    </Card>
+  )
+}
+
+export function MonthlyTrendChart({
+  payments,
+  settings,
+  ratesData,
+  className,
+}: {
+  payments: Payment[]
+  settings: Settings[]
+  ratesData: RatesData | null
+  className?: string
+}) {
+  const baseCurrency = (settings[0]?.baseCurrency ?? 'RUB').toUpperCase()
+  const byMonth = new Map<string, number>()
+  for (const p of payments) {
+    const key = monthKey(p.date)
+    if (!key) continue
+    const converted = convertCurrency(Number(p.amount), toIsoCurrency(p.currency), baseCurrency, ratesData)
+    byMonth.set(key, (byMonth.get(key) ?? 0) + converted)
+  }
+  const data = Array.from(byMonth.entries())
+    .map(([month, amount]) => ({ month, amount: Math.round(amount) }))
+    .sort((a, b) => a.month.localeCompare(b.month))
+    .slice(-12)
+
+  const trendConfig: ChartConfig = { amount: { label: 'Платежи', color: 'var(--chart-3)' } }
+
+  return (
+    <Card className={className}>
+      <CardHeader>
+        <CardTitle>Динамика платежей</CardTitle>
+        <CardDescription>Последние 12 месяцев, {baseCurrency}</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={trendConfig} className="h-72 w-full">
+          <BarChart data={data} margin={{ top: 8, right: 8, bottom: 8, left: 8 }}>
+            <CartesianGrid vertical={false} strokeDasharray="3 3" />
+            <XAxis dataKey="month" tickLine={false} axisLine={false} tickMargin={8} />
+            <YAxis tickLine={false} axisLine={false} width={48} />
+            <RechartsTooltip cursor={false} content={<ChartTooltipContent formatter={(v) => formatCurrency(Number(v), baseCurrency)} />} />
+            <Bar dataKey="amount" fill="var(--color-amount)" radius={4} />
+          </BarChart>
+        </ChartContainer>
+      </CardContent>
+    </Card>
+  )
+}
+
+export function ChartsGrid({ children }: { children: ReactNode }) {
+  return <div className="grid gap-4 lg:grid-cols-2">{children}</div>
+}
diff --git a/apps/web/src/components/empty-state.tsx b/apps/web/src/components/empty-state.tsx
new file mode 100644
index 0000000..db20195
--- /dev/null
+++ b/apps/web/src/components/empty-state.tsx
@@ -0,0 +1,28 @@
+import type { ReactNode } from 'react'
+import { cn } from '@cfdm/ui/lib/utils'
+
+interface EmptyStateProps {
+  title: string
+  description?: string
+  icon?: ReactNode
+  action?: ReactNode
+  className?: string
+}
+
+export function EmptyState({ title, description, icon, action, className }: EmptyStateProps) {
+  return (
+    <div
+      className={cn(
+        'flex flex-col items-center justify-center gap-3 rounded-lg border border-dashed p-8 text-center',
+        className,
+      )}
+    >
+      {icon ? <div className="text-muted-foreground">{icon}</div> : null}
+      <div className="space-y-1">
+        <p className="text-sm font-medium">{title}</p>
+        {description ? <p className="text-sm text-muted-foreground">{description}</p> : null}
+      </div>
+      {action ? <div className="mt-2">{action}</div> : null}
+    </div>
+  )
+}
diff --git a/apps/web/src/components/form-field.tsx b/apps/web/src/components/form-field.tsx
new file mode 100644
index 0000000..2251913
--- /dev/null
+++ b/apps/web/src/components/form-field.tsx
@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react'
+import { Field, FieldError, FieldLabel } from '@cfdm/ui/components/field'
+
+interface FormFieldProps {
+  label: string
+  htmlFor?: string
+  error?: string
+  invalid?: boolean
+  description?: ReactNode
+  children: ReactNode
+}
+
+export function FormField({ label, htmlFor, error, invalid, description, children }: FormFieldProps) {
+  return (
+    <Field data-invalid={invalid || Boolean(error)}>
+      <FieldLabel htmlFor={htmlFor}>{label}</FieldLabel>
+      {children}
+      {description ? <p className="text-sm text-muted-foreground">{description}</p> : null}
+      {error ? <FieldError>{error}</FieldError> : null}
+    </Field>
+  )
+}
diff --git a/apps/web/src/components/form-sheet-rhf.tsx b/apps/web/src/components/form-sheet-rhf.tsx
new file mode 100644
index 0000000..e52f7d0
--- /dev/null
+++ b/apps/web/src/components/form-sheet-rhf.tsx
@@ -0,0 +1,64 @@
+import type { ReactNode } from 'react'
+import {
+  useForm,
+  type DefaultValues,
+  type FieldValues,
+  type SubmitHandler,
+  type UseFormReturn,
+} from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import type { ZodType } from 'zod'
+
+import { FormSheet } from './form-sheet'
+
+interface FormSheetRhfProps<TField extends FieldValues> {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  title: string
+  description?: string
+  schema: ZodType<TField>
+  defaultValues: DefaultValues<TField>
+  onSubmit: (values: TField) => void
+  submitting?: boolean
+  submitLabel?: string
+  children: (form: UseFormReturn<TField>) => ReactNode
+}
+
+export function FormSheetRhf<TField extends FieldValues>({
+  open,
+  onOpenChange,
+  title,
+  description,
+  schema,
+  defaultValues,
+  onSubmit,
+  submitting,
+  submitLabel,
+  children,
+}: FormSheetRhfProps<TField>) {
+  const form = useForm<TField>({
+    resolver: zodResolver(schema) as never,
+    defaultValues: defaultValues as DefaultValues<TField>,
+    mode: 'onBlur',
+  })
+
+  const submit: SubmitHandler<TField> = (values) => onSubmit(values)
+
+  return (
+    <FormSheet
+      open={open}
+      onOpenChange={(o) => {
+        if (!o) form.reset()
+        onOpenChange(o)
+      }}
+      trigger={null}
+      title={title}
+      description={description}
+      submitLabel={submitLabel}
+      submitting={submitting}
+      onSubmit={() => void form.handleSubmit(submit)()}
+    >
+      {children(form)}
+    </FormSheet>
+  )
+}
diff --git a/apps/web/src/components/form-sheet.tsx b/apps/web/src/components/form-sheet.tsx
new file mode 100644
index 0000000..fc1b483
--- /dev/null
+++ b/apps/web/src/components/form-sheet.tsx
@@ -0,0 +1,65 @@
+import type { ReactElement, ReactNode } from 'react'
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from '@cfdm/ui/components/sheet'
+import { LoadingButton } from './loading-button'
+
+interface FormSheetProps {
+  trigger?: ReactElement | null
+  title: string
+  description?: string
+  open?: boolean
+  onOpenChange?: (open: boolean) => void
+  onSubmit?: () => void
+  submitLabel?: string
+  submitting?: boolean
+  submitDisabled?: boolean
+  children: ReactNode
+}
+
+export function FormSheet({
+  trigger,
+  title,
+  description,
+  open,
+  onOpenChange,
+  onSubmit,
+  submitLabel = 'Сохранить',
+  submitting,
+  submitDisabled,
+  children,
+}: FormSheetProps) {
+  return (
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      {trigger ? <SheetTrigger render={trigger} /> : null}
+      <SheetContent side="right" className="w-full sm:max-w-md">
+        <SheetHeader>
+          <SheetTitle>{title}</SheetTitle>
+          {description ? <SheetDescription>{description}</SheetDescription> : null}
+        </SheetHeader>
+        <form
+          className="flex flex-1 flex-col gap-4 overflow-y-auto p-4"
+          onSubmit={(e) => {
+            e.preventDefault()
+            onSubmit?.()
+          }}
+        >
+          {children}
+          {onSubmit ? (
+            <SheetFooter className="mt-auto pt-4">
+              <LoadingButton type="submit" loading={submitting} disabled={submitDisabled}>
+                {submitLabel}
+              </LoadingButton>
+            </SheetFooter>
+          ) : null}
+        </form>
+      </SheetContent>
+    </Sheet>
+  )
+}
diff --git a/apps/web/src/components/layout/app-shell.tsx b/apps/web/src/components/layout/app-shell.tsx
new file mode 100644
index 0000000..2544454
--- /dev/null
+++ b/apps/web/src/components/layout/app-shell.tsx
@@ -0,0 +1,124 @@
+import {
+  LayoutDashboard,
+  Server,
+  ServerCog,
+  Building2,
+  Wallet,
+  CreditCard,
+  Coins,
+  ChartColumnBig,
+  ChartBar,
+  Settings,
+} from 'lucide-react'
+
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarProvider,
+  SidebarTrigger,
+} from '@cfdm/ui/components/sidebar'
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbList,
+  BreadcrumbPage,
+} from '@cfdm/ui/components/breadcrumb'
+import { Separator } from '@cfdm/ui/components/separator'
+
+import { Link, useRouterState } from '@tanstack/react-router'
+import type { ReactNode } from 'react'
+
+interface NavItem {
+  to: string
+  label: string
+  icon: typeof LayoutDashboard
+}
+
+const NAV_ITEMS: NavItem[] = [
+  { to: '/dashboard', label: 'Дашборд', icon: LayoutDashboard },
+  { to: '/vps', label: 'VPS', icon: Server },
+  { to: '/tariffs', label: 'Активные тарифы', icon: ServerCog },
+  { to: '/providers', label: 'Хостеры', icon: Building2 },
+  { to: '/accounts', label: 'Аккаунты хостеров', icon: Wallet },
+  { to: '/payments', label: 'Платежи', icon: CreditCard },
+  { to: '/balance', label: 'Баланс и списания', icon: Coins },
+  { to: '/reports', label: 'Отчёты', icon: ChartColumnBig },
+  { to: '/resources', label: 'Ресурсы', icon: ChartBar },
+  { to: '/settings', label: 'Настройки', icon: Settings },
+]
+
+const ROUTE_LABELS: Record<string, string> = Object.fromEntries(
+  NAV_ITEMS.map((i) => [i.to, i.label]),
+)
+
+export function AppShell({ children }: { children: ReactNode }) {
+  const pathname = useRouterState({ select: (s) => s.location.pathname })
+  const activeItem = NAV_ITEMS.find((i) => pathname.startsWith(i.to)) ?? NAV_ITEMS[0]
+
+  return (
+    <SidebarProvider>
+      <Sidebar collapsible="icon">
+        <SidebarHeader>
+          <div className="flex items-center gap-2 px-2 py-1.5">
+            <div className="flex size-8 items-center justify-center rounded-md bg-primary text-primary-foreground">
+              <Server className="size-4" />
+            </div>
+            <div className="flex flex-col text-left text-sm leading-tight group-data-[collapsible=icon]:hidden">
+              <span className="font-semibold">VPS Tracker</span>
+              <span className="text-xs text-muted-foreground">Учёт виртуальных серверов</span>
+            </div>
+          </div>
+        </SidebarHeader>
+        <SidebarContent>
+          <SidebarGroup>
+            <SidebarGroupLabel>Меню</SidebarGroupLabel>
+            <SidebarGroupContent>
+              <SidebarMenu>
+                {NAV_ITEMS.map((item) => {
+                  const Icon = item.icon
+                  const isActive = pathname === item.to || pathname.startsWith(`${item.to}/`)
+                  return (
+                    <SidebarMenuItem key={item.to}>
+                      <SidebarMenuButton
+                        render={<Link to={item.to} />}
+                        isActive={isActive}
+                        tooltip={item.label}
+                      >
+                        <Icon />
+                        <span>{item.label}</span>
+                      </SidebarMenuButton>
+                    </SidebarMenuItem>
+                  )
+                })}
+              </SidebarMenu>
+            </SidebarGroupContent>
+          </SidebarGroup>
+        </SidebarContent>
+        <SidebarFooter />
+      </Sidebar>
+      <SidebarInset>
+        <header className="sticky top-0 flex h-16 shrink-0 items-center gap-2 border-b bg-background/95 px-4 backdrop-supports">
+          <SidebarTrigger />
+          <Separator orientation="vertical" className="mr-2 data-[orientation=vertical]:h-4" />
+          <Breadcrumb>
+            <BreadcrumbList>
+              <BreadcrumbItem>
+                <BreadcrumbPage>{ROUTE_LABELS[activeItem.to] ?? ''}</BreadcrumbPage>
+              </BreadcrumbItem>
+            </BreadcrumbList>
+          </Breadcrumb>
+        </header>
+        <main className="flex flex-1 flex-col gap-4 p-4 md:gap-6 md:p-6">{children}</main>
+      </SidebarInset>
+    </SidebarProvider>
+  )
+}
diff --git a/apps/web/src/components/loading-button.tsx b/apps/web/src/components/loading-button.tsx
new file mode 100644
index 0000000..6eaf1da
--- /dev/null
+++ b/apps/web/src/components/loading-button.tsx
@@ -0,0 +1,19 @@
+import { Button } from '@cfdm/ui/components/button'
+import { Loader2Icon } from 'lucide-react'
+import type { ButtonHTMLAttributes, ReactNode } from 'react'
+
+type LoadingButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+  loading?: boolean
+  variant?: 'default' | 'outline' | 'secondary' | 'ghost' | 'destructive' | 'link'
+  size?: 'default' | 'xs' | 'sm' | 'lg' | 'icon' | 'icon-xs' | 'icon-sm' | 'icon-lg'
+  children: ReactNode
+}
+
+export function LoadingButton({ loading, disabled, children, ...props }: LoadingButtonProps) {
+  return (
+    <Button disabled={disabled || loading} {...props}>
+      {loading ? <Loader2Icon className="animate-spin" data-icon="inline-start" /> : null}
+      {children}
+    </Button>
+  )
+}
diff --git a/apps/web/src/components/page-header.tsx b/apps/web/src/components/page-header.tsx
new file mode 100644
index 0000000..782a8f7
--- /dev/null
+++ b/apps/web/src/components/page-header.tsx
@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react'
+
+interface PageHeaderProps {
+  title: string
+  description?: string
+  actions?: ReactNode
+}
+
+export function PageHeader({ title, description, actions }: PageHeaderProps) {
+  return (
+    <div className="flex flex-col gap-2 md:flex-row md:items-center md:justify-between">
+      <div className="space-y-1">
+        <h1 className="text-2xl font-semibold tracking-tight">{title}</h1>
+        {description ? <p className="text-sm text-muted-foreground">{description}</p> : null}
+      </div>
+      {actions ? <div className="flex items-center gap-2">{actions}</div> : null}
+    </div>
+  )
+}
diff --git a/apps/web/src/components/page-shell.tsx b/apps/web/src/components/page-shell.tsx
new file mode 100644
index 0000000..92f1649
--- /dev/null
+++ b/apps/web/src/components/page-shell.tsx
@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react'
+import { cn } from '@cfdm/ui/lib/utils'
+
+export function PageShell({ children, className }: { children: ReactNode; className?: string }) {
+  return <div className={cn('flex flex-col gap-4 md:gap-6', className)}>{children}</div>
+}
diff --git a/apps/web/src/components/query-state.tsx b/apps/web/src/components/query-state.tsx
new file mode 100644
index 0000000..22fe204
--- /dev/null
+++ b/apps/web/src/components/query-state.tsx
@@ -0,0 +1,67 @@
+import type { ReactNode } from 'react'
+import { AlertCircle, RefreshCwIcon } from 'lucide-react'
+import { Button } from '@cfdm/ui/components/button'
+import { Skeleton } from '@cfdm/ui/components/skeleton'
+import { EmptyState } from './empty-state'
+
+interface QueryStateProps<T> {
+  data: T | undefined
+  isLoading: boolean
+  isError: boolean
+  error?: unknown
+  empty?: boolean
+  emptyTitle?: string
+  emptyDescription?: string
+  emptyAction?: ReactNode
+  onRetry?: () => void
+  skeleton?: ReactNode
+  children: (data: T) => ReactNode
+}
+
+export function QueryState<T>({
+  data,
+  isLoading,
+  isError,
+  error,
+  empty,
+  emptyTitle = 'Нет данных',
+  emptyDescription,
+  emptyAction,
+  onRetry,
+  skeleton,
+  children,
+}: QueryStateProps<T>) {
+  if (isLoading) {
+    return <>{skeleton ?? <DefaultSkeleton />}</>
+  }
+  if (isError) {
+    return (
+      <EmptyState
+        icon={<AlertCircle className="size-8" />}
+        title="Ошибка загрузки"
+        description={error instanceof Error ? error.message : 'Не удалось загрузить данные'}
+        action={
+          onRetry ? (
+            <Button variant="outline" size="sm" onClick={onRetry}>
+              <RefreshCwIcon data-icon="inline-start" />
+              Повторить
+            </Button>
+          ) : null
+        }
+      />
+    )
+  }
+  if (empty || data == null) {
+    return <EmptyState title={emptyTitle} description={emptyDescription} action={emptyAction} />
+  }
+  return <>{children(data)}</>
+}
+
+function DefaultSkeleton() {
+  return (
+    <div className="flex flex-col gap-3">
+      <Skeleton className="h-8 w-48" />
+      <Skeleton className="h-32 w-full" />
+    </div>
+  )
+}
diff --git a/apps/web/src/components/section-cards.tsx b/apps/web/src/components/section-cards.tsx
new file mode 100644
index 0000000..57a6d4e
--- /dev/null
+++ b/apps/web/src/components/section-cards.tsx
@@ -0,0 +1,29 @@
+import type { ReactElement, ReactNode } from 'react'
+import { Card, CardContent } from '@cfdm/ui/components/card'
+import { cn } from '@cfdm/ui/lib/utils'
+
+export interface SectionCardItem {
+  label: ReactNode
+  value: string | number | ReactElement
+  hint?: ReactNode
+  icon?: ReactNode
+}
+
+export function SectionCards({ items, className }: { items: SectionCardItem[]; className?: string }) {
+  return (
+    <div className={cn('grid gap-4 sm:grid-cols-2 lg:grid-cols-4', className)}>
+      {items.map((item, idx) => (
+        <Card key={typeof item.label === 'string' ? item.label : idx} className="gap-0">
+          <CardContent className="flex flex-col gap-1 p-4">
+            <div className="flex items-center justify-between">
+              <span className="text-sm text-muted-foreground">{item.label}</span>
+              {item.icon ? <span className="text-muted-foreground">{item.icon}</span> : null}
+            </div>
+            <span className="text-2xl font-semibold tabular-nums">{item.value}</span>
+            {item.hint ? <span className="text-xs text-muted-foreground">{item.hint}</span> : null}
+          </CardContent>
+        </Card>
+      ))}
+    </div>
+  )
+}
diff --git a/apps/web/src/components/skeletons.tsx b/apps/web/src/components/skeletons.tsx
new file mode 100644
index 0000000..7eb46fc
--- /dev/null
+++ b/apps/web/src/components/skeletons.tsx
@@ -0,0 +1,37 @@
+import { SectionCards } from './section-cards'
+import { Skeleton } from '@cfdm/ui/components/skeleton'
+import { Card, CardContent } from '@cfdm/ui/components/card'
+
+export function SectionCardsSkeleton({ count = 4 }: { count?: number }) {
+  return (
+    <SectionCards
+      items={Array.from({ length: count }, (_, i) => ({
+        label: <Skeleton className="h-4 w-24" key={`label-${i}`} />,
+        value: <Skeleton className="h-7 w-20" key={`value-${i}`} />,
+      }))}
+    />
+  )
+}
+
+export function TableSkeleton({ rows = 6, cols = 4 }: { rows?: number; cols?: number }) {
+  return (
+    <Card className="gap-0">
+      <CardContent className="p-0">
+        <div className="flex flex-col">
+          <div className="flex gap-2 border-b p-3">
+            {Array.from({ length: cols }).map((_, i) => (
+              <Skeleton className="h-4 flex-1" key={`h-${i}`} />
+            ))}
+          </div>
+          {Array.from({ length: rows }).map((_, r) => (
+            <div className="flex gap-2 border-b p-3" key={`r-${r}`}>
+              {Array.from({ length: cols }).map((_, c) => (
+                <Skeleton className="h-4 flex-1" key={`c-${r}-${c}`} />
+              ))}
+            </div>
+          ))}
+        </div>
+      </CardContent>
+    </Card>
+  )
+}
diff --git a/apps/web/src/components/status-badge.tsx b/apps/web/src/components/status-badge.tsx
new file mode 100644
index 0000000..9f51708
--- /dev/null
+++ b/apps/web/src/components/status-badge.tsx
@@ -0,0 +1,21 @@
+import { Badge } from '@cfdm/ui/components/badge'
+import type { ComponentProps } from 'react'
+
+type BadgeVariant = NonNullable<ComponentProps<typeof Badge>['variant']>
+
+const STATUS_VARIANT: Record<string, BadgeVariant> = {
+  active: 'default',
+  ok: 'default',
+  paid: 'default',
+  paused: 'secondary',
+  archived: 'outline',
+  error: 'destructive',
+  running: 'secondary',
+  overdue: 'destructive',
+  stale: 'destructive',
+}
+
+export function StatusBadge({ status, label }: { status: string; label?: string }) {
+  const variant = STATUS_VARIANT[status] ?? 'outline'
+  return <Badge variant={variant}>{label ?? status}</Badge>
+}
diff --git a/apps/web/src/components/table-card.tsx b/apps/web/src/components/table-card.tsx
new file mode 100644
index 0000000..df5cb7a
--- /dev/null
+++ b/apps/web/src/components/table-card.tsx
@@ -0,0 +1,29 @@
+import type { ReactNode } from 'react'
+import { Card, CardContent, CardHeader, CardTitle } from '@cfdm/ui/components/card'
+import { cn } from '@cfdm/ui/lib/utils'
+
+interface TableCardProps {
+  title?: ReactNode
+  description?: ReactNode
+  actions?: ReactNode
+  children: ReactNode
+  className?: string
+  contentClassName?: string
+}
+
+export function TableCard({ title, description, actions, children, className, contentClassName }: TableCardProps) {
+  return (
+    <Card className={cn('gap-0', className)}>
+      {(title || actions) && (
+        <CardHeader className="flex flex-row items-center justify-between gap-2">
+          <div className="space-y-1">
+            {title ? <CardTitle>{title}</CardTitle> : null}
+            {description ? <p className="text-sm text-muted-foreground">{description}</p> : null}
+          </div>
+          {actions ? <div className="flex items-center gap-2">{actions}</div> : null}
+        </CardHeader>
+      )}
+      <CardContent className={cn('p-0', contentClassName)}>{children}</CardContent>
+    </Card>
+  )
+}
diff --git a/apps/web/src/lib/api-client.ts b/apps/web/src/lib/api-client.ts
new file mode 100644
index 0000000..f82d6bf
--- /dev/null
+++ b/apps/web/src/lib/api-client.ts
@@ -0,0 +1,153 @@
+import type {
+  DataSnapshot,
+  RatesData,
+  Settings,
+  Vps,
+  Provider,
+  ProviderAccount,
+  Payment,
+  BalanceLedgerRow,
+} from '@/types/entities'
+
+const API_BASE = import.meta.env.VITE_API_URL ?? ''
+
+export class ApiError extends Error {
+  status?: number
+  constructor(message: string, status?: number) {
+    super(message)
+    this.name = 'ApiError'
+    this.status = status
+  }
+}
+
+async function fetchApi<T>(path: string, options: RequestInit = {}): Promise<T> {
+  const url = `${API_BASE}${path.startsWith('/') ? path : `/${path}`}`
+  const res = await fetch(url, {
+    headers: { 'Content-Type': 'application/json', ...options.headers },
+    ...options,
+  })
+  if (!res.ok) {
+    let message = res.statusText || 'API error'
+    try {
+      const data = (await res.json()) as { error?: string }
+      if (data?.error) message = data.error
+    } catch {
+      /* ignore */
+    }
+    throw new ApiError(message, res.status)
+  }
+  if (res.status === 204) return null as T
+  return (await res.json()) as T
+}
+
+export type CollectionName =
+  | 'vps'
+  | 'providers'
+  | 'providerAccounts'
+  | 'payments'
+  | 'balanceLedger'
+  | 'settings'
+
+const COLLECTION_PATHS: Record<CollectionName, string> = {
+  vps: '/api/vps',
+  providers: '/api/providers',
+  providerAccounts: '/api/provider-accounts',
+  payments: '/api/payments',
+  balanceLedger: '/api/balance-ledger',
+  settings: '/api/settings',
+}
+
+function uid(): string {
+  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID()
+  return `id-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
+}
+
+export const api = {
+  fetchData: () => fetchApi<DataSnapshot>('/api/data'),
+  fetchCollection: <T>(name: CollectionName) => fetchApi<T[]>(COLLECTION_PATHS[name]),
+
+  create: <T extends { id?: string }>(name: CollectionName, record: T) =>
+    fetchApi<T[]>(COLLECTION_PATHS[name], {
+      method: 'POST',
+      body: JSON.stringify({ ...record, id: record.id || uid() }),
+    }),
+
+  update: <T>(name: CollectionName, id: string, patch: Partial<T>) =>
+    fetchApi<T[]>(`${COLLECTION_PATHS[name]}/${encodeURIComponent(id)}`, {
+      method: 'PUT',
+      body: JSON.stringify(patch),
+    }),
+
+  remove: <T>(name: CollectionName, id: string) =>
+    fetchApi<T[]>(`${COLLECTION_PATHS[name]}/${encodeURIComponent(id)}`, { method: 'DELETE' }),
+
+  bulkUpdateVps: (ids: string[], action: string, value: unknown) =>
+    fetchApi('/api/vps/bulk', {
+      method: 'PATCH',
+      body: JSON.stringify({ ids, action, value }),
+    }),
+
+  syncAccount: (accountId: string, opts: Record<string, unknown> = {}) =>
+    fetchApi(`/api/sync/${encodeURIComponent(accountId)}`, {
+      method: 'POST',
+      body: JSON.stringify(opts),
+    }),
+
+  fetchAccountBalance: (accountId: string) =>
+    fetchApi<{ balance: number; currency: string }>(
+      `/api/sync/${encodeURIComponent(accountId)}/balance`,
+    ),
+
+  testConnection: (apiBaseUrl: string, apiCredentials: string) =>
+    fetchApi('/api/sync/test-connection', {
+      method: 'POST',
+      body: JSON.stringify({ apiBaseUrl, apiCredentials }),
+    }),
+
+  fetchSyncStatus: () => fetchApi('/api/sync/status'),
+  sendTelegramTest: () =>
+    fetchApi('/api/settings/telegram/test', { method: 'POST' }),
+
+  fetchProjectSuggestions: (q = '', limit = 25) => {
+    const params = new URLSearchParams()
+    if (q) params.set('q', q)
+    params.set('limit', String(limit))
+    return fetchApi<string[]>(`/api/projects/suggest?${params.toString()}`)
+  },
+
+  downloadBackupJson: async (): Promise<Blob> => {
+    const res = await fetch(`${API_BASE}/api/backup/json`)
+    if (!res.ok) throw new ApiError(res.statusText || 'Ошибка выгрузки', res.status)
+    return res.blob()
+  },
+
+  downloadBackupDatabase: async (): Promise<Blob> => {
+    const res = await fetch(`${API_BASE}/api/backup/database`)
+    if (!res.ok) throw new ApiError(res.statusText || 'Ошибка выгрузки', res.status)
+    return res.blob()
+  },
+
+  importBackupJson: (payload: unknown) =>
+    fetchApi('/api/backup/json', { method: 'POST', body: JSON.stringify(payload) }),
+
+  importBackupDatabase: async (buffer: ArrayBuffer) => {
+    const res = await fetch(`${API_BASE}/api/backup/database`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/octet-stream' },
+      body: buffer,
+    })
+    if (!res.ok) throw new ApiError(res.statusText || 'Ошибка восстановления', res.status)
+    return res.json()
+  },
+}
+
+export type {
+  DataSnapshot,
+  RatesData,
+  Settings,
+  Vps,
+  Provider,
+  ProviderAccount,
+  Payment,
+  BalanceLedgerRow,
+}
diff --git a/apps/web/src/lib/billmanager.ts b/apps/web/src/lib/billmanager.ts
new file mode 100644
index 0000000..50211c8
--- /dev/null
+++ b/apps/web/src/lib/billmanager.ts
@@ -0,0 +1,45 @@
+import type { ProviderAccount, Provider } from '@/types/entities'
+
+export function providerByIdMap(providers: Provider[]): Map<string, Provider> {
+  return new Map(providers.map((p) => [p.id, p]))
+}
+
+export function billmanagerSyncableAccounts(
+  providerAccounts: ProviderAccount[],
+  providers: Provider[],
+): ProviderAccount[] {
+  const pmap = providerByIdMap(providers)
+  return providerAccounts.filter((a) => {
+    const p = pmap.get(a.providerId)
+    return p?.apiType === 'billmanager' && Boolean((p.apiBaseUrl || '').trim()) && a.apiCredentialsSet
+  })
+}
+
+export function accountBillmanagerUiReady(
+  account: ProviderAccount,
+  provider?: Provider | null,
+): boolean {
+  return (
+    provider?.apiType === 'billmanager' &&
+    Boolean((provider.apiBaseUrl || '').trim()) &&
+    Boolean(account.apiCredentialsSet)
+  )
+}
+
+export function accountUsesBillmanagerBalanceApi(
+  account: ProviderAccount,
+  provider?: Provider | null,
+): boolean {
+  return provider?.apiType === 'billmanager' && account.balance_api != null
+}
+
+export function accountSelectLabel(
+  account: ProviderAccount,
+  providerById: Map<string, Provider>,
+  scopedProviderId?: string,
+): string {
+  const name = account.name?.trim() || '—'
+  if (scopedProviderId) return name
+  const providerName = providerById.get(account.providerId)?.name ?? '—'
+  return `${providerName} / ${name}`
+}
diff --git a/apps/web/src/lib/format.ts b/apps/web/src/lib/format.ts
new file mode 100644
index 0000000..bf9349a
--- /dev/null
+++ b/apps/web/src/lib/format.ts
@@ -0,0 +1,264 @@
+import type { Settings, RatesData, Vps, Provider } from '@/types/entities'
+
+export function uid(): string {
+  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID()
+  return `id-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
+}
+
+export function normalizeWebsiteUrl(website?: string): string {
+  if (!website) return ''
+  if (website.startsWith('http://') || website.startsWith('https://')) return website
+  return `https://${website}`
+}
+
+export function faviconUrlFromWebsite(website?: string): string {
+  const normalized = normalizeWebsiteUrl(website)
+  if (!normalized) return ''
+  try {
+    const { hostname } = new URL(normalized)
+    return `https://www.google.com/s2/favicons?domain=${hostname}&sz=32`
+  } catch {
+    return ''
+  }
+}
+
+const COUNTRY_CODE_BY_NAME: Record<string, string> = {
+  germany: 'DE', netherlands: 'NL', russia: 'RU', usa: 'US', 'united states': 'US',
+  ukraine: 'UA', poland: 'PL', france: 'FR', spain: 'ES', italy: 'IT',
+  estonia: 'EE', finland: 'FI', sweden: 'SE', norway: 'NO', latvia: 'LV',
+  lithuania: 'LT', czechia: 'CZ', czech: 'CZ', singapore: 'SG', japan: 'JP',
+  canada: 'CA', brazil: 'BR', turkey: 'TR', georgia: 'GE', kazakhstan: 'KZ',
+}
+
+export function getCountryFlagEmoji(country?: string): string {
+  if (!country) return '🌐'
+  const code = COUNTRY_CODE_BY_NAME[country.trim().toLowerCase()]
+  if (!code) return '🌐'
+  return code.toUpperCase().split('').map((c) => String.fromCodePoint(127397 + c.charCodeAt(0))).join('')
+}
+
+const PAYMENT_TYPE_LABELS: Record<string, string> = {
+  direct_vps_payment: 'Прямой платеж за VPS',
+  provider_balance_topup: 'Пополнение баланса хостера',
+  daily_debit: 'Ежедневное списание',
+  monthly_debit: 'Ежемесячное списание',
+}
+
+export function paymentTypeLabel(type: string): string {
+  return PAYMENT_TYPE_LABELS[type] ?? type
+}
+
+const VPS_STATUS_LABELS: Record<string, string> = {
+  active: 'Активен', paused: 'Приостановлен', archived: 'Архив',
+}
+
+export function vpsStatusLabel(status: string): string {
+  return VPS_STATUS_LABELS[status] ?? status
+}
+
+const BILLING_MODE_LABELS: Record<string, string> = {
+  daily: 'Ежедневно', monthly: 'Ежемесячно',
+}
+
+export function billingModeLabel(mode: string): string {
+  return BILLING_MODE_LABELS[mode] ?? mode
+}
+
+const TARIFF_TYPE_LABELS: Record<string, string> = {
+  daily: 'Суточный', monthly: 'Месячный',
+}
+
+export function tariffTypeLabel(type: string): string {
+  return TARIFF_TYPE_LABELS[type] ?? type
+}
+
+const CURRENCY_SYMBOL_MAP: Record<string, string> = {
+  '€': 'EUR', '$': 'USD', '₽': 'RUB', '£': 'GBP', '¥': 'JPY', '₴': 'UAH', '₸': 'KZT',
+}
+
+export function toIsoCurrency(currency?: string | null): string {
+  if (!currency || typeof currency !== 'string') return 'USD'
+  const trimmed = currency.trim()
+  if (CURRENCY_SYMBOL_MAP[trimmed]) return CURRENCY_SYMBOL_MAP[trimmed]
+  const upper = trimmed.toUpperCase()
+  if (upper === 'RUR') return 'RUB'
+  if (trimmed.length === 3 && /^[A-Z]{3}$/i.test(trimmed)) return upper
+  return 'USD'
+}
+
+export function effectiveVpsTariffCurrency(vps: Vps, provider?: Provider | null): string {
+  const provRaw = (provider?.baseCurrency || '').trim()
+  if (provRaw) return toIsoCurrency(provRaw)
+  const ownRaw = (vps?.currency || '').trim()
+  if (ownRaw) return toIsoCurrency(ownRaw)
+  return 'RUB'
+}
+
+export function formatCurrency(amount: number, currency = 'USD'): string {
+  const safeAmount = Number.isFinite(Number(amount)) ? Number(amount) : 0
+  const isoCurrency = toIsoCurrency(currency)
+  return new Intl.NumberFormat('ru-RU', {
+    style: 'currency', currency: isoCurrency, minimumFractionDigits: 2,
+  }).format(safeAmount)
+}
+
+export function parseProviderFxRate(raw: unknown): number {
+  if (raw == null) return NaN
+  const s = String(raw).trim()
+  if (!s) return NaN
+  if (s.toLowerCase() === 'auto') return NaN
+  const n = Number(s.replace(',', '.'))
+  if (!Number.isFinite(n) || n <= 0) return NaN
+  return n
+}
+
+export function normalizeRatesPayload(payload: unknown): RatesData | null {
+  if (!payload || typeof payload !== 'object') return null
+  const p = payload as Record<string, unknown>
+  if (p.base && p.rates && typeof p.rates === 'object') return p as unknown as RatesData
+  const valute = p.Valute as Record<string, { CharCode?: string; Value?: number; Nominal?: number }> | undefined
+  if (valute && typeof valute === 'object') {
+    const rates: Record<string, number> = {}
+    for (const v of Object.values(valute)) {
+      const code = v?.CharCode
+      const val = Number(v?.Value)
+      const nom = Number(v?.Nominal) || 1
+      if (typeof code === 'string' && code.length === 3 && Number.isFinite(val) && val > 0 && nom > 0) {
+        rates[code] = nom / val
+      }
+    }
+    if (Object.keys(rates).length === 0) return null
+    return { base: 'RUB', rates, date: typeof p.Date === 'string' ? p.Date : '' }
+  }
+  return null
+}
+
+export function convertCurrency(
+  amount: number,
+  fromCurrency: string,
+  toCurrency: string,
+  ratesData: RatesData | null,
+): number {
+  const safeAmount = Number(amount)
+  if (!Number.isFinite(safeAmount)) return 0
+  const from = toIsoCurrency(fromCurrency)
+  const to = toIsoCurrency(toCurrency)
+  if (!from || !to || from === to) return safeAmount
+  if (!ratesData || !ratesData.rates || !ratesData.base) return safeAmount
+  const apiBase = ratesData.base.toUpperCase()
+  const rates: Record<string, number> = { ...ratesData.rates, [apiBase]: 1 }
+  const rateFrom = rates[from]
+  const rateTo = rates[to]
+  if (!Number.isFinite(rateFrom) || rateFrom <= 0 || !Number.isFinite(rateTo) || rateTo <= 0) {
+    return safeAmount
+  }
+  return (safeAmount / rateFrom) * rateTo
+}
+
+export function formatInBaseCurrency(
+  amount: number,
+  currency: string,
+  appSettings: Settings[] | Settings | null | undefined,
+  ratesData: RatesData | null,
+): string {
+  const settings: Partial<Settings> = Array.isArray(appSettings)
+    ? (appSettings[0] ?? {})
+    : (appSettings ?? {})
+  const baseCurrency = settings.baseCurrency || 'RUB'
+  const autoConvert = settings.autoConvert !== false
+  if (!autoConvert) return formatCurrency(amount, currency)
+  const converted = convertCurrency(amount, currency, baseCurrency, ratesData)
+  return formatCurrency(converted, baseCurrency)
+}
+
+export interface ConvertedWithProvider {
+  value: number
+  currency: string
+  source: 'native' | 'provider' | 'global' | 'no-rates'
+}
+
+export function convertWithProviderRate(
+  amount: number,
+  currency: string,
+  provider: Provider | null | undefined,
+  appSettings: Settings[] | Settings | null,
+  ratesData: RatesData | null,
+): ConvertedWithProvider {
+  const safeAmount = Number(amount)
+  const settings: Partial<Settings> = Array.isArray(appSettings)
+    ? (appSettings[0] ?? {})
+    : (appSettings ?? {})
+  const appBase = (settings.baseCurrency || 'RUB').toUpperCase()
+  if (!Number.isFinite(safeAmount)) return { value: 0, currency: appBase, source: 'global' }
+  const fromCurrency = toIsoCurrency(currency || appBase)
+  if (fromCurrency === appBase) return { value: safeAmount, currency: appBase, source: 'native' }
+
+  const usdRate = parseProviderFxRate(provider?.usdRate)
+  const eurRate = parseProviderFxRate(provider?.eurRate)
+  if (fromCurrency === 'USD' && Number.isFinite(usdRate)) {
+    return { value: safeAmount * usdRate, currency: appBase, source: 'provider' }
+  }
+  if (fromCurrency === 'EUR' && Number.isFinite(eurRate)) {
+    return { value: safeAmount * eurRate, currency: appBase, source: 'provider' }
+  }
+  if (!ratesData || !ratesData.rates || !ratesData.base) {
+    return { value: safeAmount, currency: fromCurrency, source: 'no-rates' }
+  }
+  const converted = convertCurrency(safeAmount, fromCurrency, appBase, ratesData)
+  const oneConverted = convertCurrency(1, fromCurrency, appBase, ratesData)
+  const globalRatesWork = Number.isFinite(oneConverted) && Math.abs(oneConverted - 1) > 1e-8
+  return { value: converted, currency: appBase, source: globalRatesWork ? 'global' : 'no-rates' }
+}
+
+export function formatInProviderCurrency(
+  amount: number,
+  currency: string,
+  provider: Provider | null | undefined,
+  appSettings: Settings[] | Settings | null,
+  ratesData: RatesData | null,
+): string {
+  const converted = convertWithProviderRate(amount, currency, provider, appSettings, ratesData)
+  return formatCurrency(converted.value, converted.currency)
+}
+
+export function monthKey(dateString: string): string {
+  const date = new Date(dateString)
+  if (Number.isNaN(date.getTime())) return ''
+  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}`
+}
+
+export function toCsv(rows: Record<string, unknown>[]): string {
+  if (!rows.length) return ''
+  const headers = Object.keys(rows[0])
+  const escapeValue = (value: unknown) => {
+    const str = `${value ?? ''}`
+    if (str.includes('"') || str.includes(',') || str.includes('\n')) {
+      return `"${str.replaceAll('"', '""')}"`
+    }
+    return str
+  }
+  const lines = [headers.join(',')]
+  for (const row of rows) {
+    lines.push(headers.map((h) => escapeValue(row[h])).join(','))
+  }
+  return lines.join('\n')
+}
+
+export function downloadTextFile(fileName: string, content: string): void {
+  const blob = new Blob([content], { type: 'text/csv;charset=utf-8;' })
+  const url = URL.createObjectURL(blob)
+  const anchor = document.createElement('a')
+  anchor.href = url
+  anchor.download = fileName
+  anchor.click()
+  URL.revokeObjectURL(url)
+}
+
+export function downloadBlob(fileName: string, blob: Blob): void {
+  const url = URL.createObjectURL(blob)
+  const anchor = document.createElement('a')
+  anchor.href = url
+  anchor.download = fileName
+  anchor.click()
+  URL.revokeObjectURL(url)
+}
diff --git a/src/lib/inventory-health.js b/apps/web/src/lib/inventory-health.ts
similarity index 58%
rename from src/lib/inventory-health.js
rename to apps/web/src/lib/inventory-health.ts
index 48ae7c3..3efff1e 100644
--- a/src/lib/inventory-health.js
+++ b/apps/web/src/lib/inventory-health.ts
@@ -1,119 +1,119 @@
+import type {
+  Vps,
+  ProviderAccount,
+  Provider,
+  Payment,
+  BalanceLedgerRow,
+  SyncLogRow,
+  SyncSummary,
+} from '@/types/entities'
 import { getPaidUntilDate } from './paid-until'
 
 const STALE_SYNC_HOURS = 48
 
-function ledgerRowsInAccountCurrency(account, balanceLedger) {
+function ledgerRowsInAccountCurrency(
+  account: ProviderAccount,
+  balanceLedger: BalanceLedgerRow[],
+): BalanceLedgerRow[] {
   const cur = (account.balance_currency || account.currency || '').trim()
   const rows = balanceLedger.filter((row) => row.providerAccountId === account.id)
   if (!cur) return rows
   return rows.filter((row) => !row.currency || row.currency === cur)
 }
 
-function ledgerBalanceInCurrency(account, balanceLedger) {
+function ledgerBalanceInCurrency(
+  account: ProviderAccount,
+  balanceLedger: BalanceLedgerRow[],
+): number {
   const filtered = ledgerRowsInAccountCurrency(account, balanceLedger)
-  const credits = filtered
-    .filter((row) => row.direction === 'credit')
-    .reduce((acc, row) => acc + Number(row.amount || 0), 0)
-  const debits = filtered
-    .filter((row) => row.direction === 'debit')
-    .reduce((acc, row) => acc + Number(row.amount || 0), 0)
+  const credits = filtered.filter((r) => r.direction === 'credit').reduce((acc, r) => acc + Number(r.amount || 0), 0)
+  const debits = filtered.filter((r) => r.direction === 'debit').reduce((acc, r) => acc + Number(r.amount || 0), 0)
   return credits - debits
 }
 
-/**
- * Сравниваем баланс из API с суммой по balance_ledger.
- * Если в ledger нет ни одной строки по аккаунту (в валюте баланса) — не считаем расхождением:
- * пользователь видит только API, а «0 из ledger» — не противоречие, а отсутствие учёта.
- */
-export function accountHasApiLedgerMismatch(account, balanceLedger) {
+export function accountHasApiLedgerMismatch(
+  account: ProviderAccount,
+  balanceLedger: BalanceLedgerRow[],
+): boolean {
   if (account.balance_api == null || !Number.isFinite(Number(account.balance_api))) return false
   const rows = ledgerRowsInAccountCurrency(account, balanceLedger)
   if (rows.length === 0) return false
   const ledger = ledgerBalanceInCurrency(account, balanceLedger)
   if (!Number.isFinite(ledger)) return false
-  const api = Number(account.balance_api)
-  const diff = Math.abs(api - ledger)
-  const tol = Math.max(10, Math.abs(api) * 0.05)
+  const apiBalance = Number(account.balance_api)
+  const diff = Math.abs(apiBalance - ledger)
+  const tol = Math.max(10, Math.abs(apiBalance) * 0.05)
   return diff > tol
 }
 
-export function lastOkSyncFinishedAt(accountId, syncLog) {
-  const rows = (syncLog || []).filter(
-    (r) => r.accountId === accountId && r.status === 'ok' && r.finishedAt,
-  )
-  let best = null
+export function lastOkSyncFinishedAt(
+  accountId: string,
+  syncLog: SyncLogRow[] = [],
+): number | null {
+  const rows = syncLog.filter((r) => r.accountId === accountId && r.status === 'ok' && r.finishedAt)
+  let best: number | null = null
   for (const r of rows) {
-    const t = new Date(r.finishedAt).getTime()
-    if (!Number.isNaN(t) && (!best || t > best)) best = t
+    const t = new Date(r.finishedAt as string).getTime()
+    if (!Number.isNaN(t) && (best == null || t > best)) best = t
   }
   return best
 }
 
-/**
- * @param {{
- *   vps: object[],
- *   providerAccounts: object[],
- *   providers: object[],
- *   payments: object[],
- *   balanceLedger: object[],
- *   syncLog?: object[],
- * }} input
- */
-export function computeInventoryHealth(input) {
+export interface InventoryIssue {
+  key: string
+  title: string
+  count: number
+  to: string
+  hint?: string
+}
+
+export interface InventoryHealthInput {
+  vps: Vps[]
+  providerAccounts: ProviderAccount[]
+  providers?: Provider[]
+  payments: Payment[]
+  balanceLedger: BalanceLedgerRow[]
+  syncLog?: SyncLogRow[]
+}
+
+export function computeInventoryHealth(input: InventoryHealthInput): InventoryIssue[] {
   const { vps, providerAccounts, providers = [], payments, balanceLedger, syncLog = [] } = input
   const providerById = new Map(providers.map((p) => [p.id, p]))
   const now = new Date()
   const todayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate())
   const ctx = { vps, providerAccounts, payments, balanceLedger, now }
 
-  /** @type {{ key: string, title: string, count: number, to: string, hint?: string }[]} */
-  const issues = []
+  const issues: InventoryIssue[] = []
 
   const noProject = vps.filter((v) => v.status === 'active' && !(v.project || '').trim())
   if (noProject.length) {
-    issues.push({
-      key: 'no-project',
-      title: 'Активные VPS без проекта',
-      count: noProject.length,
-      to: '/vps?health=no-project',
-    })
+    issues.push({ key: 'no-project', title: 'Активные VPS без проекта', count: noProject.length, to: '/vps?health=no-project' })
   }
 
   const noRate = vps.filter((v) => {
     if (v.status !== 'active') return false
     const dr = Number(v.dailyRate || 0)
     const mr = Number(v.monthlyRate || 0)
-    const noMoney =
-      (!Number.isFinite(dr) || dr <= 0) && (!Number.isFinite(mr) || mr <= 0)
+    const noMoney = (!Number.isFinite(dr) || dr <= 0) && (!Number.isFinite(mr) || mr <= 0)
     const noCur = !(v.currency || '').trim()
     return noMoney || noCur
   })
   if (noRate.length) {
-    issues.push({
-      key: 'no-rate',
-      title: 'Нет ставки или валюты',
-      count: noRate.length,
-      to: '/vps?health=no-rate',
-    })
+    issues.push({ key: 'no-rate', title: 'Нет ставки или валюты', count: noRate.length, to: '/vps?health=no-rate' })
   }
 
   const paidOverdue = vps.filter((v) => {
     if (v.status !== 'active') return false
     const d = getPaidUntilDate(v, ctx)
-    return d && d < todayStart
+    return d != null && d < todayStart
   })
   if (paidOverdue.length) {
-    issues.push({
-      key: 'paid-overdue',
-      title: 'Просрочена оплата (оценка)',
-      count: paidOverdue.length,
-      to: '/vps?health=paid-overdue',
-    })
+    issues.push({ key: 'paid-overdue', title: 'Просрочена оплата (оценка)', count: paidOverdue.length, to: '/vps?health=paid-overdue' })
   }
 
   const bmAccounts = providerAccounts.filter((a) => {
     const p = providerById.get(a.providerId)
-    return p?.apiType === 'billmanager' && (p.apiBaseUrl || '').trim() && a.apiCredentialsSet
+    return p?.apiType === 'billmanager' && Boolean((p.apiBaseUrl || '').trim()) && a.apiCredentialsSet
   })
   const staleMs = STALE_SYNC_HOURS * 60 * 60 * 1000
   const staleAccounts = bmAccounts.filter((a) => {
@@ -145,16 +145,16 @@ export function computeInventoryHealth(input) {
   return issues
 }
 
-/**
- * @param {object[]} providerAccounts
- * @param {object[]} providers
- * @param {object[]} syncLog
- */
-export function getStaleSyncAccountIds(providerAccounts, providers, syncLog, now = new Date()) {
+export function getStaleSyncAccountIds(
+  providerAccounts: ProviderAccount[],
+  providers: Provider[],
+  syncLog: SyncLogRow[] = [],
+  now = new Date(),
+): string[] {
   const providerById = new Map(providers.map((p) => [p.id, p]))
   const bmAccounts = providerAccounts.filter((a) => {
     const p = providerById.get(a.providerId)
-    return p?.apiType === 'billmanager' && (p.apiBaseUrl || '').trim() && a.apiCredentialsSet
+    return p?.apiType === 'billmanager' && Boolean((p.apiBaseUrl || '').trim()) && a.apiCredentialsSet
   })
   const staleMs = STALE_SYNC_HOURS * 60 * 60 * 1000
   return bmAccounts
@@ -166,21 +166,17 @@ export function getStaleSyncAccountIds(providerAccounts, providers, syncLog, now
     .map((a) => a.id)
 }
 
-/**
- * @param {object[]} providerAccounts
- * @param {object[]} balanceLedger
- */
-export function getBalanceMismatchAccountIds(providerAccounts, balanceLedger) {
+export function getBalanceMismatchAccountIds(
+  providerAccounts: ProviderAccount[],
+  balanceLedger: BalanceLedgerRow[],
+): string[] {
   return providerAccounts.filter((a) => accountHasApiLedgerMismatch(a, balanceLedger)).map((a) => a.id)
 }
 
-/**
- * @param {object|null} summary
- */
-export function formatSyncSummaryLine(summary) {
+export function formatSyncSummaryLine(summary: SyncSummary | null | undefined): string {
   if (!summary || typeof summary !== 'object') return ''
   if (summary.error) return String(summary.error)
-  const parts = []
+  const parts: string[] = []
   if (summary.added?.length) parts.push(`+${summary.added.length} VPS`)
   if (summary.updated?.length) parts.push(`~${summary.updated.length} изм.`)
   if (summary.paymentsAdded) parts.push(`+${summary.paymentsAdded} платежей`)
diff --git a/apps/web/src/lib/no-browser-suggest.ts b/apps/web/src/lib/no-browser-suggest.ts
new file mode 100644
index 0000000..379c660
--- /dev/null
+++ b/apps/web/src/lib/no-browser-suggest.ts
@@ -0,0 +1,13 @@
+import type { HTMLInputProps } from '@/types/dom'
+
+export const noBrowserSuggestProps: HTMLInputProps = Object.freeze({
+  autoComplete: 'off',
+  'data-lpignore': 'true',
+  'data-1p-ignore': 'true',
+  'data-bwignore': 'true',
+  'data-form-type': 'other',
+} as HTMLInputProps)
+
+export const passwordCredentialInputProps: HTMLInputProps = Object.freeze({
+  autoComplete: 'new-password',
+} as HTMLInputProps)
diff --git a/src/lib/paid-until.js b/apps/web/src/lib/paid-until.ts
similarity index 71%
rename from src/lib/paid-until.js
rename to apps/web/src/lib/paid-until.ts
index eb61a61..3908bea 100644
--- a/src/lib/paid-until.js
+++ b/apps/web/src/lib/paid-until.ts
@@ -1,28 +1,29 @@
-/**
- * Дата «оплачено до» для VPS (как на дашборде).
- */
+import type { Vps, ProviderAccount, Payment, BalanceLedgerRow } from '@/types/entities'
 
-function getAccountBalance(accountId, providerAccounts, balanceLedger) {
+function getAccountBalance(
+  accountId: string,
+  providerAccounts: ProviderAccount[],
+  balanceLedger: BalanceLedgerRow[],
+): number {
   const account = providerAccounts.find((a) => a.id === accountId)
   if (account?.balance_api != null && Number.isFinite(Number(account.balance_api))) {
     return Number(account.balance_api)
   }
   const ledgerRows = balanceLedger.filter((row) => row.providerAccountId === accountId)
-  const credits = ledgerRows
-    .filter((row) => row.direction === 'credit')
-    .reduce((acc, row) => acc + Number(row.amount || 0), 0)
-  const debits = ledgerRows
-    .filter((row) => row.direction === 'debit')
-    .reduce((acc, row) => acc + Number(row.amount || 0), 0)
+  const credits = ledgerRows.filter((r) => r.direction === 'credit').reduce((acc, r) => acc + Number(r.amount || 0), 0)
+  const debits = ledgerRows.filter((r) => r.direction === 'debit').reduce((acc, r) => acc + Number(r.amount || 0), 0)
   return credits - debits
 }
 
-/**
- * @param {object} item - VPS
- * @param {{ vps: object[], providerAccounts: object[], payments: object[], balanceLedger: object[], now?: Date }} ctx
- * @returns {Date|null}
- */
-export function getPaidUntilDate(item, ctx) {
+export interface PaidUntilContext {
+  vps: Vps[]
+  providerAccounts: ProviderAccount[]
+  payments: Payment[]
+  balanceLedger: BalanceLedgerRow[]
+  now?: Date
+}
+
+export function getPaidUntilDate(item: Vps, ctx: PaidUntilContext): Date | null {
   const { vps, providerAccounts, payments, balanceLedger, now = new Date() } = ctx
   if (item.status !== 'active') return null
   const account = providerAccounts.find((a) => a.id === item.providerAccountId)
@@ -37,19 +38,16 @@ export function getPaidUntilDate(item, ctx) {
     : null
 
   const isPaidUntilNextDay =
-    paidUntilFromApi &&
+    paidUntilFromApi != null &&
     (() => {
       const today = new Date(now.getFullYear(), now.getMonth(), now.getDate())
-      const diffMs = paidUntilFromApi - today
+      const diffMs = paidUntilFromApi.getTime() - today.getTime()
       const diffDays = Math.round(diffMs / (24 * 60 * 60 * 1000))
       return diffDays >= 0 && diffDays <= 2
     })()
 
   const shouldCalculateFromBalance = isDailyBilling || isPaidUntilNextDay
-
-  if (!shouldCalculateFromBalance && paidUntilFromApi) {
-    return paidUntilFromApi
-  }
+  if (!shouldCalculateFromBalance && paidUntilFromApi) return paidUntilFromApi
 
   const dailyRate = Number(item.dailyRate || 0)
   const monthlyRate = Number(item.monthlyRate || 0)
diff --git a/apps/web/src/lib/queryClient.ts b/apps/web/src/lib/queryClient.ts
new file mode 100644
index 0000000..d624f31
--- /dev/null
+++ b/apps/web/src/lib/queryClient.ts
@@ -0,0 +1,11 @@
+import { QueryClient } from '@tanstack/react-query'
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 60_000,
+      retry: 1,
+      refetchOnWindowFocus: false,
+    },
+  },
+})
diff --git a/apps/web/src/lib/router.ts b/apps/web/src/lib/router.ts
new file mode 100644
index 0000000..f4ebc66
--- /dev/null
+++ b/apps/web/src/lib/router.ts
@@ -0,0 +1,25 @@
+import { QueryClient } from '@tanstack/react-query'
+import {
+  createRouter as tanstackCreateRouter,
+  rootRouteId,
+} from '@tanstack/react-router'
+
+import { routeTree } from '../routeTree.gen'
+import { queryClient } from './queryClient'
+
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: ReturnType<typeof createRouter>
+  }
+}
+
+export function createRouter(opts?: { context?: { queryClient: QueryClient } }) {
+  return tanstackCreateRouter({
+    routeTree,
+    context: opts?.context ?? { queryClient },
+    defaultPreload: 'intent',
+    scrollRestoration: true,
+  })
+}
+
+export { rootRouteId }
diff --git a/apps/web/src/lib/schemas.ts b/apps/web/src/lib/schemas.ts
new file mode 100644
index 0000000..989bc21
--- /dev/null
+++ b/apps/web/src/lib/schemas.ts
@@ -0,0 +1,92 @@
+import { z } from 'zod'
+
+export const vpsStatusSchema = z.enum(['active', 'paused', 'archived'])
+export const tariffTypeSchema = z.enum(['daily', 'monthly'])
+export const billingModeSchema = z.enum(['daily', 'monthly'])
+export const paymentTypeSchema = z.enum([
+  'direct_vps_payment',
+  'provider_balance_topup',
+  'daily_debit',
+  'monthly_debit',
+])
+export const ledgerDirectionSchema = z.enum(['credit', 'debit'])
+export const apiTypeSchema = z.enum(['billmanager', 'none'])
+
+export const providerSchema = z.object({
+  id: z.string().min(1).optional(),
+  name: z.string().min(1, 'Название обязательно'),
+  website: z.string().url('Невалидный URL').or(z.literal('')).optional(),
+  apiType: apiTypeSchema,
+  apiBaseUrl: z.string().optional().default(''),
+  baseCurrency: z.string().min(1).default('RUB'),
+  usdRate: z.string().optional().default(''),
+  eurRate: z.string().optional().default(''),
+  supportPhone: z.string().optional().default(''),
+  supportUrl: z.string().optional().default(''),
+  notes: z.string().optional().default(''),
+})
+
+export const providerAccountSchema = z.object({
+  id: z.string().min(1).optional(),
+  providerId: z.string().min(1, 'Выберите хостера'),
+  name: z.string().min(1, 'Название обязательно'),
+  login: z.string().optional().default(''),
+  apiCredentials: z.string().optional().default(''),
+  billingMode: billingModeSchema.default('monthly'),
+  notes: z.string().optional().default(''),
+})
+
+export const vpsSchema = z.object({
+  id: z.string().min(1).optional(),
+  ip: z.string().min(1, 'IP обязателен'),
+  dns: z.string().optional().default(''),
+  providerId: z.string().min(1, 'Выберите хостера'),
+  providerAccountId: z.string().min(1, 'Выберите аккаунт'),
+  vcpu: z.coerce.number().int().min(0).default(1),
+  ramGb: z.coerce.number().min(0).default(1),
+  diskGb: z.coerce.number().min(0).default(10),
+  status: vpsStatusSchema.default('active'),
+  tariffType: tariffTypeSchema.default('monthly'),
+  currency: z.string().min(1, 'Валюта обязательна').default('RUB'),
+  monthlyRate: z.coerce.number().min(0).default(0),
+  dailyRate: z.coerce.number().min(0).default(0),
+  paidUntil: z.string().optional().default(''),
+  project: z.string().optional().default(''),
+  notes: z.string().optional().default(''),
+})
+
+export const paymentSchema = z.object({
+  id: z.string().min(1).optional(),
+  type: paymentTypeSchema,
+  date: z.string().min(1, 'Дата обязательна'),
+  amount: z.coerce.number().min(0, 'Сумма должна быть ≥ 0'),
+  currency: z.string().min(1).default('RUB'),
+  providerAccountId: z.string().min(1, 'Выберите аккаунт'),
+  note: z.string().optional().default(''),
+})
+
+export const balanceLedgerSchema = z.object({
+  providerAccountId: z.string().min(1, 'Выберите аккаунт'),
+  direction: ledgerDirectionSchema,
+  amount: z.coerce.number().min(0, 'Сумма должна быть ≥ 0'),
+  currency: z.string().min(1).default('RUB'),
+  date: z.string().min(1, 'Дата обязательна'),
+  note: z.string().optional().default(''),
+})
+
+export const settingsSchema = z.object({
+  id: z.string().optional(),
+  baseCurrency: z.string().min(1).default('RUB'),
+  ratesUrl: z.string().url('Невалидный URL').or(z.literal('')).optional(),
+  autoConvert: z.boolean().default(true),
+  syncEnabled: z.boolean().optional().default(true),
+  telegramChatId: z.string().optional().default(''),
+  telegramBotToken: z.string().optional().default(''),
+})
+
+export type ProviderFormValues = z.infer<typeof providerSchema>
+export type ProviderAccountFormValues = z.infer<typeof providerAccountSchema>
+export type VpsFormValues = z.infer<typeof vpsSchema>
+export type PaymentFormValues = z.infer<typeof paymentSchema>
+export type BalanceLedgerFormValues = z.infer<typeof balanceLedgerSchema>
+export type SettingsFormValues = z.infer<typeof settingsSchema>
diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx
new file mode 100644
index 0000000..c38d918
--- /dev/null
+++ b/apps/web/src/main.tsx
@@ -0,0 +1,24 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import { QueryClientProvider } from '@tanstack/react-query'
+import { RouterProvider } from '@tanstack/react-router'
+import { Toaster } from '@cfdm/ui/components/sonner'
+
+import '@cfdm/ui/globals.css'
+
+import { queryClient } from '@/lib/queryClient'
+import { createRouter } from '@/lib/router'
+
+const router = createRouter({ context: { queryClient } })
+
+const rootEl = document.getElementById('root')
+if (!rootEl) throw new Error('Root element #root not found')
+
+createRoot(rootEl).render(
+  <StrictMode>
+    <QueryClientProvider client={queryClient}>
+      <RouterProvider router={router} />
+      <Toaster richColors position="top-right" />
+    </QueryClientProvider>
+  </StrictMode>,
+)
diff --git a/apps/web/src/queries/snapshot.ts b/apps/web/src/queries/snapshot.ts
new file mode 100644
index 0000000..6af5906
--- /dev/null
+++ b/apps/web/src/queries/snapshot.ts
@@ -0,0 +1,47 @@
+import { queryClient } from '../lib/queryClient'
+import { api } from '../lib/api-client'
+
+export const snapshotKeys = {
+  all: ['snapshot'] as const,
+}
+
+export const snapshotQueryOptions = () => ({
+  queryKey: snapshotKeys.all,
+  queryFn: () => api.fetchData(),
+  staleTime: 30_000,
+})
+
+export const ratesKeys = {
+  all: ['rates'] as const,
+}
+
+export const ratesQueryOptions = (ratesUrl?: string) => ({
+  queryKey: ratesKeys.all,
+  queryFn: async () => {
+    if (!ratesUrl) return null
+    const proxyUrl = `/api/rates-proxy?url=${encodeURIComponent(ratesUrl)}`
+    try {
+      const res = await fetch(proxyUrl)
+      if (!res.ok) throw new Error(`HTTP ${res.status}`)
+      return await res.json()
+    } catch {
+      const direct = await fetch(ratesUrl)
+      if (!direct.ok) throw new Error(`HTTP ${direct.status}`)
+      return await direct.json()
+    }
+  },
+  enabled: Boolean(ratesUrl),
+})
+
+export const projectsKeys = {
+  suggest: (q: string) => ['projects', 'suggest', q] as const,
+}
+
+export const projectsSuggestQueryOptions = (q: string) => ({
+  queryKey: projectsKeys.suggest(q),
+  queryFn: () => api.fetchProjectSuggestions(q),
+  enabled: q.length >= 2,
+})
+
+export type SnapshotFromQuery = Awaited<ReturnType<typeof api.fetchData>>
+export { queryClient }
diff --git a/apps/web/src/routeTree.gen.ts b/apps/web/src/routeTree.gen.ts
new file mode 100644
index 0000000..029e4fe
--- /dev/null
+++ b/apps/web/src/routeTree.gen.ts
@@ -0,0 +1,297 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as AuthRouteImport } from './routes/_auth'
+import { Route as IndexRouteImport } from './routes/index'
+import { Route as AuthVpsRouteImport } from './routes/_auth/vps'
+import { Route as AuthTariffsRouteImport } from './routes/_auth/tariffs'
+import { Route as AuthSettingsRouteImport } from './routes/_auth/settings'
+import { Route as AuthResourcesRouteImport } from './routes/_auth/resources'
+import { Route as AuthReportsRouteImport } from './routes/_auth/reports'
+import { Route as AuthProvidersRouteImport } from './routes/_auth/providers'
+import { Route as AuthPaymentsRouteImport } from './routes/_auth/payments'
+import { Route as AuthDashboardRouteImport } from './routes/_auth/dashboard'
+import { Route as AuthBalanceRouteImport } from './routes/_auth/balance'
+import { Route as AuthAccountsRouteImport } from './routes/_auth/accounts'
+
+const AuthRoute = AuthRouteImport.update({
+  id: '/_auth',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const IndexRoute = IndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AuthVpsRoute = AuthVpsRouteImport.update({
+  id: '/vps',
+  path: '/vps',
+  getParentRoute: () => AuthRoute,
+} as any)
+const AuthTariffsRoute = AuthTariffsRouteImport.update({
+  id: '/tariffs',
+  path: '/tariffs',
+  getParentRoute: () => AuthRoute,
+} as any)
+const AuthSettingsRoute = AuthSettingsRouteImport.update({
+  id: '/settings',
+  path: '/settings',
+  getParentRoute: () => AuthRoute,
+} as any)
+const AuthResourcesRoute = AuthResourcesRouteImport.update({
+  id: '/resources',
+  path: '/resources',
+  getParentRoute: () => AuthRoute,
+} as any)
+const AuthReportsRoute = AuthReportsRouteImport.update({
+  id: '/reports',
+  path: '/reports',
+  getParentRoute: () => AuthRoute,
+} as any)
+const AuthProvidersRoute = AuthProvidersRouteImport.update({
+  id: '/providers',
+  path: '/providers',
+  getParentRoute: () => AuthRoute,
+} as any)
+const AuthPaymentsRoute = AuthPaymentsRouteImport.update({
+  id: '/payments',
+  path: '/payments',
+  getParentRoute: () => AuthRoute,
+} as any)
+const AuthDashboardRoute = AuthDashboardRouteImport.update({
+  id: '/dashboard',
+  path: '/dashboard',
+  getParentRoute: () => AuthRoute,
+} as any)
+const AuthBalanceRoute = AuthBalanceRouteImport.update({
+  id: '/balance',
+  path: '/balance',
+  getParentRoute: () => AuthRoute,
+} as any)
+const AuthAccountsRoute = AuthAccountsRouteImport.update({
+  id: '/accounts',
+  path: '/accounts',
+  getParentRoute: () => AuthRoute,
+} as any)
+
+export interface FileRoutesByFullPath {
+  '/': typeof IndexRoute
+  '/accounts': typeof AuthAccountsRoute
+  '/balance': typeof AuthBalanceRoute
+  '/dashboard': typeof AuthDashboardRoute
+  '/payments': typeof AuthPaymentsRoute
+  '/providers': typeof AuthProvidersRoute
+  '/reports': typeof AuthReportsRoute
+  '/resources': typeof AuthResourcesRoute
+  '/settings': typeof AuthSettingsRoute
+  '/tariffs': typeof AuthTariffsRoute
+  '/vps': typeof AuthVpsRoute
+}
+export interface FileRoutesByTo {
+  '/': typeof IndexRoute
+  '/accounts': typeof AuthAccountsRoute
+  '/balance': typeof AuthBalanceRoute
+  '/dashboard': typeof AuthDashboardRoute
+  '/payments': typeof AuthPaymentsRoute
+  '/providers': typeof AuthProvidersRoute
+  '/reports': typeof AuthReportsRoute
+  '/resources': typeof AuthResourcesRoute
+  '/settings': typeof AuthSettingsRoute
+  '/tariffs': typeof AuthTariffsRoute
+  '/vps': typeof AuthVpsRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/': typeof IndexRoute
+  '/_auth': typeof AuthRouteWithChildren
+  '/_auth/accounts': typeof AuthAccountsRoute
+  '/_auth/balance': typeof AuthBalanceRoute
+  '/_auth/dashboard': typeof AuthDashboardRoute
+  '/_auth/payments': typeof AuthPaymentsRoute
+  '/_auth/providers': typeof AuthProvidersRoute
+  '/_auth/reports': typeof AuthReportsRoute
+  '/_auth/resources': typeof AuthResourcesRoute
+  '/_auth/settings': typeof AuthSettingsRoute
+  '/_auth/tariffs': typeof AuthTariffsRoute
+  '/_auth/vps': typeof AuthVpsRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths:
+    | '/'
+    | '/accounts'
+    | '/balance'
+    | '/dashboard'
+    | '/payments'
+    | '/providers'
+    | '/reports'
+    | '/resources'
+    | '/settings'
+    | '/tariffs'
+    | '/vps'
+  fileRoutesByTo: FileRoutesByTo
+  to:
+    | '/'
+    | '/accounts'
+    | '/balance'
+    | '/dashboard'
+    | '/payments'
+    | '/providers'
+    | '/reports'
+    | '/resources'
+    | '/settings'
+    | '/tariffs'
+    | '/vps'
+  id:
+    | '__root__'
+    | '/'
+    | '/_auth'
+    | '/_auth/accounts'
+    | '/_auth/balance'
+    | '/_auth/dashboard'
+    | '/_auth/payments'
+    | '/_auth/providers'
+    | '/_auth/reports'
+    | '/_auth/resources'
+    | '/_auth/settings'
+    | '/_auth/tariffs'
+    | '/_auth/vps'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute
+  AuthRoute: typeof AuthRouteWithChildren
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/_auth': {
+      id: '/_auth'
+      path: ''
+      fullPath: '/'
+      preLoaderRoute: typeof AuthRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/_auth/vps': {
+      id: '/_auth/vps'
+      path: '/vps'
+      fullPath: '/vps'
+      preLoaderRoute: typeof AuthVpsRouteImport
+      parentRoute: typeof AuthRoute
+    }
+    '/_auth/tariffs': {
+      id: '/_auth/tariffs'
+      path: '/tariffs'
+      fullPath: '/tariffs'
+      preLoaderRoute: typeof AuthTariffsRouteImport
+      parentRoute: typeof AuthRoute
+    }
+    '/_auth/settings': {
+      id: '/_auth/settings'
+      path: '/settings'
+      fullPath: '/settings'
+      preLoaderRoute: typeof AuthSettingsRouteImport
+      parentRoute: typeof AuthRoute
+    }
+    '/_auth/resources': {
+      id: '/_auth/resources'
+      path: '/resources'
+      fullPath: '/resources'
+      preLoaderRoute: typeof AuthResourcesRouteImport
+      parentRoute: typeof AuthRoute
+    }
+    '/_auth/reports': {
+      id: '/_auth/reports'
+      path: '/reports'
+      fullPath: '/reports'
+      preLoaderRoute: typeof AuthReportsRouteImport
+      parentRoute: typeof AuthRoute
+    }
+    '/_auth/providers': {
+      id: '/_auth/providers'
+      path: '/providers'
+      fullPath: '/providers'
+      preLoaderRoute: typeof AuthProvidersRouteImport
+      parentRoute: typeof AuthRoute
+    }
+    '/_auth/payments': {
+      id: '/_auth/payments'
+      path: '/payments'
+      fullPath: '/payments'
+      preLoaderRoute: typeof AuthPaymentsRouteImport
+      parentRoute: typeof AuthRoute
+    }
+    '/_auth/dashboard': {
+      id: '/_auth/dashboard'
+      path: '/dashboard'
+      fullPath: '/dashboard'
+      preLoaderRoute: typeof AuthDashboardRouteImport
+      parentRoute: typeof AuthRoute
+    }
+    '/_auth/balance': {
+      id: '/_auth/balance'
+      path: '/balance'
+      fullPath: '/balance'
+      preLoaderRoute: typeof AuthBalanceRouteImport
+      parentRoute: typeof AuthRoute
+    }
+    '/_auth/accounts': {
+      id: '/_auth/accounts'
+      path: '/accounts'
+      fullPath: '/accounts'
+      preLoaderRoute: typeof AuthAccountsRouteImport
+      parentRoute: typeof AuthRoute
+    }
+  }
+}
+
+interface AuthRouteChildren {
+  AuthAccountsRoute: typeof AuthAccountsRoute
+  AuthBalanceRoute: typeof AuthBalanceRoute
+  AuthDashboardRoute: typeof AuthDashboardRoute
+  AuthPaymentsRoute: typeof AuthPaymentsRoute
+  AuthProvidersRoute: typeof AuthProvidersRoute
+  AuthReportsRoute: typeof AuthReportsRoute
+  AuthResourcesRoute: typeof AuthResourcesRoute
+  AuthSettingsRoute: typeof AuthSettingsRoute
+  AuthTariffsRoute: typeof AuthTariffsRoute
+  AuthVpsRoute: typeof AuthVpsRoute
+}
+
+const AuthRouteChildren: AuthRouteChildren = {
+  AuthAccountsRoute: AuthAccountsRoute,
+  AuthBalanceRoute: AuthBalanceRoute,
+  AuthDashboardRoute: AuthDashboardRoute,
+  AuthPaymentsRoute: AuthPaymentsRoute,
+  AuthProvidersRoute: AuthProvidersRoute,
+  AuthReportsRoute: AuthReportsRoute,
+  AuthResourcesRoute: AuthResourcesRoute,
+  AuthSettingsRoute: AuthSettingsRoute,
+  AuthTariffsRoute: AuthTariffsRoute,
+  AuthVpsRoute: AuthVpsRoute,
+}
+
+const AuthRouteWithChildren = AuthRoute._addFileChildren(AuthRouteChildren)
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  AuthRoute: AuthRouteWithChildren,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()
diff --git a/apps/web/src/routes/__root.tsx b/apps/web/src/routes/__root.tsx
new file mode 100644
index 0000000..4dbb9ef
--- /dev/null
+++ b/apps/web/src/routes/__root.tsx
@@ -0,0 +1,18 @@
+import { Outlet, createRootRouteWithContext } from '@tanstack/react-router'
+import { AppShell } from '@/components/layout/app-shell'
+
+interface RouterContext {
+  queryClient: import('@tanstack/react-query').QueryClient
+}
+
+export const Route = createRootRouteWithContext<RouterContext>()({
+  component: RootComponent,
+})
+
+function RootComponent() {
+  return (
+    <AppShell>
+      <Outlet />
+    </AppShell>
+  )
+}
diff --git a/apps/web/src/routes/_auth.tsx b/apps/web/src/routes/_auth.tsx
new file mode 100644
index 0000000..ff87a27
--- /dev/null
+++ b/apps/web/src/routes/_auth.tsx
@@ -0,0 +1,12 @@
+import { Outlet, createFileRoute } from '@tanstack/react-router'
+import { snapshotQueryOptions } from '@/queries/snapshot'
+
+export const Route = createFileRoute('/_auth')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(snapshotQueryOptions()),
+  component: AuthLayout,
+})
+
+function AuthLayout() {
+  return <Outlet />
+}
diff --git a/apps/web/src/routes/_auth/accounts.tsx b/apps/web/src/routes/_auth/accounts.tsx
new file mode 100644
index 0000000..07f30ad
--- /dev/null
+++ b/apps/web/src/routes/_auth/accounts.tsx
@@ -0,0 +1,229 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { useState } from 'react'
+import { PlusIcon, PencilIcon, Trash2Icon, RefreshCwIcon } from 'lucide-react'
+import { toast } from 'sonner'
+
+import { snapshotQueryOptions } from '@/queries/snapshot'
+import { api, ApiError } from '@/lib/api-client'
+import { PageShell } from '@/components/page-shell'
+import { PageHeader } from '@/components/page-header'
+import { Button } from '@cfdm/ui/components/button'
+import { Badge } from '@cfdm/ui/components/badge'
+import { DataTableCard, type DataTableColumn } from '@/components/data-table-card'
+import { QueryState } from '@/components/query-state'
+import { TableSkeleton } from '@/components/skeletons'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { FormSheet } from '@/components/form-sheet'
+import { FormField } from '@/components/form-field'
+import { Input } from '@cfdm/ui/components/input'
+import { Textarea } from '@cfdm/ui/components/textarea'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@cfdm/ui/components/select'
+import { LoadingButton } from '@/components/loading-button'
+
+import type { ProviderAccount, BillingMode } from '@/types/entities'
+import { providerByIdMap, accountBillmanagerUiReady } from '@/lib/billmanager'
+import { billingModeLabel, formatCurrency } from '@/lib/format'
+
+export const Route = createFileRoute('/_auth/accounts')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(snapshotQueryOptions()),
+  component: AccountsPage,
+})
+
+interface FormState {
+  id?: string
+  providerId: string
+  name: string
+  login: string
+  apiCredentials: string
+  billingMode: BillingMode
+  notes: string
+}
+
+const EMPTY: FormState = { providerId: '', name: '', login: '', apiCredentials: '', billingMode: 'monthly', notes: '' }
+
+function AccountsPage() {
+  const queryClient = useQueryClient()
+  const { data: snapshot, isLoading, isError, error, refetch } = useQuery(snapshotQueryOptions())
+  const [open, setOpen] = useState(false)
+  const [form, setForm] = useState<FormState>(EMPTY)
+
+  const saveMut = useMutation({
+    mutationFn: (r: FormState) => {
+      const { apiCredentials, ...rest } = r
+      const payload = apiCredentials ? { ...rest, apiCredentials } : rest
+      return r.id
+        ? api.update<ProviderAccount>('providerAccounts', r.id, payload as unknown as Partial<ProviderAccount>)
+        : api.create('providerAccounts', payload as unknown as ProviderAccount)
+    },
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('Аккаунт сохранён')
+      setOpen(false)
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка'),
+  })
+  const delMut = useMutation({
+    mutationFn: (id: string) => api.remove<ProviderAccount>('providerAccounts', id),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('Аккаунт удалён')
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка'),
+  })
+  const syncMut = useMutation({
+    mutationFn: (id: string) => api.syncAccount(id),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('Синк запущен')
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка синка'),
+  })
+
+  const openCreate = () => { setForm({ ...EMPTY, providerId: snapshot?.providers[0]?.id ?? '' }); setOpen(true) }
+  const openEdit = (a: ProviderAccount) => {
+    setForm({
+      id: a.id, providerId: a.providerId, name: a.name, login: a.login ?? '',
+      apiCredentials: '', billingMode: a.billingMode ?? 'monthly', notes: a.notes ?? '',
+    })
+    setOpen(true)
+  }
+
+  const providerById = snapshot ? providerByIdMap(snapshot.providers) : new Map()
+
+  const columns: DataTableColumn<ProviderAccount>[] = [
+    {
+      key: 'name',
+      header: 'Аккаунт',
+      cell: (a) => (
+        <div className="flex flex-col">
+          <span className="font-medium">{a.name}</span>
+          <span className="text-xs text-muted-foreground">{providerById.get(a.providerId)?.name ?? '—'}</span>
+        </div>
+      ),
+    },
+    { key: 'login', header: 'Логин', cell: (a) => <span className="text-muted-foreground">{a.login || '—'}</span> },
+    {
+      key: 'creds',
+      header: 'API-доступ',
+      cell: (a) => <Badge variant={a.apiCredentialsSet ? 'default' : 'outline'}>{a.apiCredentialsSet ? 'установлены' : 'нет'}</Badge>,
+    },
+    {
+      key: 'mode',
+      header: 'Биллинг',
+      cell: (a) => <span>{billingModeLabel(a.billingMode ?? 'monthly')}</span>,
+    },
+    {
+      key: 'balance',
+      header: 'Баланс (API)',
+      cell: (a) => {
+        const provider = providerById.get(a.providerId)
+        if (!accountBillmanagerUiReady(a, provider)) return <span className="text-muted-foreground">—</span>
+        const cur = a.balance_currency || a.currency || provider?.baseCurrency || 'USD'
+        return <span className="tabular-nums">{formatCurrency(Number(a.balance_api ?? 0), cur)}</span>
+      },
+    },
+    {
+      key: 'actions',
+      header: '',
+      className: 'w-32 text-right',
+      cell: (a) => {
+        const provider = providerById.get(a.providerId)
+        const canSync = accountBillmanagerUiReady(a, provider)
+        return (
+          <div className="flex justify-end gap-1">
+            <LoadingButton
+              variant="outline"
+              size="sm"
+              loading={syncMut.isPending && syncMut.variables === a.id}
+              disabled={!canSync}
+              onClick={() => syncMut.mutate(a.id)}
+            >
+              <RefreshCwIcon data-icon="inline-start" />
+              Синк
+            </LoadingButton>
+            <Button variant="ghost" size="icon-sm" onClick={() => openEdit(a)} aria-label="Редактировать">
+              <PencilIcon />
+            </Button>
+            <ConfirmDialog
+              trigger={<Button variant="ghost" size="icon-sm" aria-label="Удалить"><Trash2Icon /></Button>}
+              title="Удалить аккаунт?"
+              description={`«${a.name}» будет удалён.`}
+              destructive
+              confirmLabel="Удалить"
+              onConfirm={() => delMut.mutate(a.id)}
+            />
+          </div>
+        )
+      },
+    },
+  ]
+
+  return (
+    <PageShell>
+      <PageHeader
+        title="Аккаунты хостеров"
+        description="Аккаунты провайдеров с API-доступом"
+        actions={<Button onClick={openCreate}><PlusIcon data-icon="inline-start" />Добавить</Button>}
+      />
+      <QueryState
+        data={snapshot}
+        isLoading={isLoading}
+        isError={isError}
+        error={error}
+        onRetry={() => refetch()}
+        skeleton={<TableSkeleton />}
+        empty={snapshot?.providerAccounts.length === 0}
+        emptyTitle="Аккаунты не найдены"
+        emptyAction={<Button onClick={openCreate}><PlusIcon data-icon="inline-start" />Добавить аккаунт</Button>}
+      >
+        {(snap) => <DataTableCard columns={columns} data={snap.providerAccounts} rowKey={(a) => a.id} />}
+      </QueryState>
+
+      <FormSheet
+        open={open}
+        onOpenChange={setOpen}
+        trigger={null}
+        title={form.id ? 'Редактировать аккаунт' : 'Новый аккаунт'}
+        description="API-креды хранятся на сервере и используются для синка с BILLmanager"
+        onSubmit={() => saveMut.mutate(form)}
+        submitting={saveMut.isPending}
+      >
+        <FormField label="Хостер" htmlFor="acc-provider">
+          <Select value={form.providerId} onValueChange={(v) => setForm({ ...form, providerId: v ?? '' })}>
+            <SelectTrigger id="acc-provider"><SelectValue placeholder="Выберите хостера" /></SelectTrigger>
+            <SelectContent>
+              {snapshot?.providers.map((p) => <SelectItem key={p.id} value={p.id}>{p.name}</SelectItem>)}
+            </SelectContent>
+          </Select>
+        </FormField>
+        <FormField label="Название" htmlFor="acc-name">
+          <Input id="acc-name" value={form.name} onChange={(e) => setForm({ ...form, name: e.target.value })} />
+        </FormField>
+        <FormField label="Логин" htmlFor="acc-login">
+          <Input id="acc-login" value={form.login} onChange={(e) => setForm({ ...form, login: e.target.value })} />
+        </FormField>
+        <FormField
+          label={form.id ? 'Новый API-пароль (необязательно)' : 'API-пароль (логин:пароль)'}
+          htmlFor="acc-creds"
+          description="Оставьте пустым при редактировании, чтобы сохранить существующий"
+        >
+          <Input id="acc-creds" type="password" value={form.apiCredentials} onChange={(e) => setForm({ ...form, apiCredentials: e.target.value })} />
+        </FormField>
+        <FormField label="Режим биллинга" htmlFor="acc-mode">
+          <Select value={form.billingMode} onValueChange={(v) => setForm({ ...form, billingMode: (v ?? 'monthly') as BillingMode })}>
+            <SelectTrigger id="acc-mode"><SelectValue /></SelectTrigger>
+            <SelectContent>
+              <SelectItem value="monthly">{billingModeLabel('monthly')}</SelectItem>
+              <SelectItem value="daily">{billingModeLabel('daily')}</SelectItem>
+            </SelectContent>
+          </Select>
+        </FormField>
+        <FormField label="Заметки" htmlFor="acc-notes">
+          <Textarea id="acc-notes" value={form.notes} onChange={(e) => setForm({ ...form, notes: e.target.value })} />
+        </FormField>
+      </FormSheet>
+    </PageShell>
+  )
+}
diff --git a/apps/web/src/routes/_auth/balance.tsx b/apps/web/src/routes/_auth/balance.tsx
new file mode 100644
index 0000000..85758f1
--- /dev/null
+++ b/apps/web/src/routes/_auth/balance.tsx
@@ -0,0 +1,204 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { useState } from 'react'
+import { PlusIcon, Trash2Icon, ArrowDownUpIcon } from 'lucide-react'
+import { toast } from 'sonner'
+
+import { snapshotQueryOptions } from '@/queries/snapshot'
+import { api, ApiError } from '@/lib/api-client'
+import { PageShell } from '@/components/page-shell'
+import { PageHeader } from '@/components/page-header'
+import { Button } from '@cfdm/ui/components/button'
+import { Badge } from '@cfdm/ui/components/badge'
+import { DataTableCard, type DataTableColumn } from '@/components/data-table-card'
+import { QueryState } from '@/components/query-state'
+import { SectionCardsSkeleton } from '@/components/skeletons'
+import { SectionCards } from '@/components/section-cards'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { FormSheet } from '@/components/form-sheet'
+import { FormField } from '@/components/form-field'
+import { Input } from '@cfdm/ui/components/input'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@cfdm/ui/components/select'
+import { Textarea } from '@cfdm/ui/components/textarea'
+
+import type { BalanceLedgerRow, LedgerDirection } from '@/types/entities'
+import { formatCurrency } from '@/lib/format'
+import { providerByIdMap, accountSelectLabel } from '@/lib/billmanager'
+
+export const Route = createFileRoute('/_auth/balance')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(snapshotQueryOptions()),
+  component: BalancePage,
+})
+
+interface FormState {
+  providerAccountId: string
+  direction: LedgerDirection
+  amount: number
+  currency: string
+  date: string
+  note: string
+}
+
+const TODAY = new Date().toISOString().slice(0, 10)
+const EMPTY: FormState = { providerAccountId: '', direction: 'credit', amount: 0, currency: 'RUB', date: TODAY, note: '' }
+
+function BalancePage() {
+  const queryClient = useQueryClient()
+  const { data: snapshot, isLoading, isError, error, refetch } = useQuery(snapshotQueryOptions())
+  const [open, setOpen] = useState(false)
+  const [form, setForm] = useState<FormState>(EMPTY)
+
+  const addMut = useMutation({
+    mutationFn: (r: FormState) => api.create('balanceLedger', r as unknown as BalanceLedgerRow),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('Запись добавлена')
+      setOpen(false)
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка'),
+  })
+  const delMut = useMutation({
+    mutationFn: (id: string) => api.remove<BalanceLedgerRow>('balanceLedger', id),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('Запись удалена')
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка'),
+  })
+
+  const openCreate = () => { setForm({ ...EMPTY, providerAccountId: snapshot?.providerAccounts[0]?.id ?? '' }); setOpen(true) }
+
+  const providerById = snapshot ? providerByIdMap(snapshot.providers) : new Map()
+
+  const columns: DataTableColumn<BalanceLedgerRow>[] = [
+    { key: 'date', header: 'Дата', cell: (r) => <span className="tabular-nums">{r.date}</span> },
+    {
+      key: 'account',
+      header: 'Аккаунт',
+      cell: (r) => {
+        const acc = snapshot?.providerAccounts.find((a) => a.id === r.providerAccountId)
+        return acc ? accountSelectLabel(acc, providerById) : '—'
+      },
+    },
+    {
+      key: 'dir',
+      header: 'Движение',
+      cell: (r) => (
+        <Badge variant={r.direction === 'credit' ? 'default' : 'destructive'}>
+          <ArrowDownUpIcon data-icon="inline-start" />
+          {r.direction === 'credit' ? 'Приход' : 'Списание'}
+        </Badge>
+      ),
+    },
+    {
+      key: 'amount',
+      header: 'Сумма',
+      cell: (r) => (
+        <span className={`tabular-nums ${r.direction === 'credit' ? '' : 'text-destructive'}`}>
+          {r.direction === 'credit' ? '+' : '−'}{formatCurrency(Number(r.amount), r.currency ?? 'RUB')}
+        </span>
+      ),
+    },
+    { key: 'note', header: 'Заметка', cell: (r) => <span className="text-muted-foreground">{r.note || '—'}</span> },
+    {
+      key: 'actions',
+      header: '',
+      className: 'w-16 text-right',
+      cell: (r) => (
+        <ConfirmDialog
+          trigger={<Button variant="ghost" size="icon-sm" aria-label="Удалить"><Trash2Icon /></Button>}
+          title="Удалить запись?"
+          confirmLabel="Удалить"
+          destructive
+          onConfirm={() => delMut.mutate(r.id)}
+        />
+      ),
+    },
+  ]
+
+  const rows = [...(snapshot?.balanceLedger ?? [])].sort((a, b) => b.date.localeCompare(a.date))
+
+  const totalCredit = rows.filter((r) => r.direction === 'credit').reduce((acc, r) => acc + Number(r.amount || 0), 0)
+  const totalDebit = rows.filter((r) => r.direction === 'debit').reduce((acc, r) => acc + Number(r.amount || 0), 0)
+
+  return (
+    <PageShell>
+      <PageHeader
+        title="Баланс и списания"
+        description="Журнал движений по аккаунтам"
+        actions={<Button onClick={openCreate}><PlusIcon data-icon="inline-start" />Добавить запись</Button>}
+      />
+      <QueryState
+        data={snapshot}
+        isLoading={isLoading}
+        isError={isError}
+        error={error}
+        onRetry={() => refetch()}
+        skeleton={<SectionCardsSkeleton count={3} />}
+      >
+        {(snap) => (
+          <>
+            <SectionCards
+              items={[
+                { label: 'Всего приходов', value: formatCurrency(totalCredit, snap.settings[0]?.baseCurrency ?? 'RUB') },
+                { label: 'Всего списаний', value: formatCurrency(totalDebit, snap.settings[0]?.baseCurrency ?? 'RUB') },
+                { label: 'Чистый баланс (ledger)', value: formatCurrency(totalCredit - totalDebit, snap.settings[0]?.baseCurrency ?? 'RUB') },
+              ]}
+            />
+            <DataTableCard
+              columns={columns}
+              data={rows}
+              rowKey={(r) => r.id}
+              emptyTitle="Записей нет"
+              emptyAction={<Button onClick={openCreate}><PlusIcon data-icon="inline-start" />Добавить</Button>}
+            />
+          </>
+        )}
+      </QueryState>
+
+      <FormSheet
+        open={open}
+        onOpenChange={setOpen}
+        trigger={null}
+        title="Новая запись"
+        onSubmit={() => addMut.mutate(form)}
+        submitting={addMut.isPending}
+      >
+        <FormField label="Аккаунт" htmlFor="bl-acc">
+          <Select value={form.providerAccountId} onValueChange={(v) => setForm({ ...form, providerAccountId: v ?? '' })}>
+            <SelectTrigger id="bl-acc"><SelectValue placeholder="Выберите аккаунт" /></SelectTrigger>
+            <SelectContent>
+              {snapshot?.providerAccounts.map((a) => (
+                <SelectItem key={a.id} value={a.id}>{accountSelectLabel(a, providerById)}</SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </FormField>
+        <FormField label="Движение" htmlFor="bl-dir">
+          <Select value={form.direction} onValueChange={(v) => setForm({ ...form, direction: (v ?? 'credit') as LedgerDirection })}>
+            <SelectTrigger id="bl-dir"><SelectValue /></SelectTrigger>
+            <SelectContent>
+              <SelectItem value="credit">Приход</SelectItem>
+              <SelectItem value="debit">Списание</SelectItem>
+            </SelectContent>
+          </Select>
+        </FormField>
+        <div className="grid grid-cols-3 gap-3">
+          <FormField label="Дата" htmlFor="bl-date">
+            <Input id="bl-date" type="date" value={form.date} onChange={(e) => setForm({ ...form, date: e.target.value })} />
+          </FormField>
+          <FormField label="Сумма" htmlFor="bl-amount">
+            <Input id="bl-amount" type="number" step="0.01" value={form.amount} onChange={(e) => setForm({ ...form, amount: Number(e.target.value) })} />
+          </FormField>
+          <FormField label="Валюта" htmlFor="bl-cur">
+            <Input id="bl-cur" value={form.currency} onChange={(e) => setForm({ ...form, currency: e.target.value })} />
+          </FormField>
+        </div>
+        <FormField label="Заметка" htmlFor="bl-note">
+          <Textarea id="bl-note" value={form.note} onChange={(e) => setForm({ ...form, note: e.target.value })} />
+        </FormField>
+      </FormSheet>
+    </PageShell>
+  )
+}
diff --git a/apps/web/src/routes/_auth/dashboard.tsx b/apps/web/src/routes/_auth/dashboard.tsx
new file mode 100644
index 0000000..71e2dce
--- /dev/null
+++ b/apps/web/src/routes/_auth/dashboard.tsx
@@ -0,0 +1,194 @@
+import { createFileRoute, useNavigate } from '@tanstack/react-router'
+import { useQuery } from '@tanstack/react-query'
+import { ServerIcon, AlertTriangleIcon, WalletIcon, TrendingUpIcon } from 'lucide-react'
+
+import { snapshotQueryOptions, ratesQueryOptions } from '@/queries/snapshot'
+import { PageShell } from '@/components/page-shell'
+import { PageHeader } from '@/components/page-header'
+import { SectionCards } from '@/components/section-cards'
+import { QueryState } from '@/components/query-state'
+import { TableCard } from '@/components/table-card'
+import { SectionCardsSkeleton } from '@/components/skeletons'
+import { EmptyState } from '@/components/empty-state'
+import { Button } from '@cfdm/ui/components/button'
+import { Badge } from '@cfdm/ui/components/badge'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@cfdm/ui/components/table'
+
+import { computeInventoryHealth } from '@/lib/inventory-health'
+import { formatInBaseCurrency, normalizeRatesPayload } from '@/lib/format'
+import { vpsStatusLabel } from '@/lib/format'
+
+export const Route = createFileRoute('/_auth/dashboard')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(snapshotQueryOptions()),
+  component: DashboardPage,
+})
+
+function DashboardPage() {
+  const navigate = useNavigate()
+  const { data: snapshot, isLoading, isError, error, refetch } = useQuery(snapshotQueryOptions())
+  const settings = snapshot?.settings?.[0]
+  const { data: rawRates } = useQuery(ratesQueryOptions(settings?.ratesUrl))
+  const ratesData = normalizeRatesPayload(rawRates) ?? rawRates ?? null
+
+  return (
+    <PageShell>
+      <PageHeader title="Дашборд" description="Сводка по VPS, балансам и здоровью инвентаря" />
+
+      <QueryState
+        data={snapshot}
+        isLoading={isLoading}
+        isError={isError}
+        error={error}
+        onRetry={() => refetch()}
+        skeleton={<SectionCardsSkeleton />}
+      >
+        {(snap) => {
+          const activeVps = snap.vps.filter((v) => v.status === 'active')
+          const monthlyTotal = activeVps.reduce((acc, v) => {
+            const monthly = Number(v.monthlyRate || 0)
+            const daily = Number(v.dailyRate || 0)
+            const burn = v.tariffType === 'daily' ? daily * 30 : monthly
+            return acc + (Number.isFinite(burn) ? burn : 0)
+          }, 0)
+          const issues = computeInventoryHealth(snap)
+          const totalBalance = snap.providerAccounts.reduce(
+            (acc, a) => acc + (Number(a.balance_api ?? 0) || 0),
+            0,
+          )
+
+          return (
+            <>
+              <SectionCards
+                items={[
+                  {
+                    label: 'Активные VPS',
+                    value: activeVps.length,
+                    icon: <ServerIcon className="size-4" />,
+                    hint: `всего ${snap.vps.length}`,
+                  },
+                  {
+                    label: 'Хостеры',
+                    value: snap.providers.length,
+                    icon: <WalletIcon className="size-4" />,
+                    hint: `${snap.providerAccounts.length} аккаунтов`,
+                  },
+                  {
+                    label: 'Расход/мес (оценка)',
+                    value: formatInBaseCurrency(monthlyTotal, snap.vps[0]?.currency ?? 'USD', snap.settings, ratesData),
+                    icon: <TrendingUpIcon className="size-4" />,
+                  },
+                  {
+                    label: 'Баланс аккаунтов (API)',
+                    value: formatInBaseCurrency(totalBalance, snap.settings[0]?.baseCurrency ?? 'RUB', snap.settings, ratesData),
+                    icon: <WalletIcon className="size-4" />,
+                  },
+                ]}
+              />
+
+              <TableCard
+                title="Здоровье инвентаря"
+                description="Подсказки: нет проекта, нет ставки, просрочка, устаревший синк, расхождения баланса"
+                actions={
+                  issues.length > 0 ? (
+                    <Badge variant="destructive">{issues.length}</Badge>
+                  ) : (
+                    <Badge variant="secondary">всё ок</Badge>
+                  )
+                }
+              >
+                {issues.length === 0 ? (
+                  <div className="p-4">
+                    <EmptyState
+                      icon={<TrendingUpIcon className="size-8" />}
+                      title="Проблем не найдено"
+                      description="Все активные VPS имеют проект, ставку и актуальный синк"
+                    />
+                  </div>
+                ) : (
+                  <Table>
+                    <TableHeader>
+                      <TableRow>
+                        <TableHead>Проблема</TableHead>
+                        <TableHead className="w-24 text-right">Кол-во</TableHead>
+                        <TableHead className="w-32">Действие</TableHead>
+                      </TableRow>
+                    </TableHeader>
+                    <TableBody>
+                      {issues.map((issue) => (
+                        <TableRow key={issue.key}>
+                          <TableCell>
+                            <div className="flex items-center gap-2">
+                              <AlertTriangleIcon className="size-4 text-destructive" />
+                              <div className="flex flex-col">
+                                <span>{issue.title}</span>
+                                {issue.hint ? (
+                                  <span className="text-xs text-muted-foreground">{issue.hint}</span>
+                                ) : null}
+                              </div>
+                            </div>
+                          </TableCell>
+                          <TableCell className="text-right tabular-nums">{issue.count}</TableCell>
+                          <TableCell>
+                            <Button
+                              variant="outline"
+                              size="sm"
+                              onClick={() => navigate({ to: issue.to })}
+                            >
+                              Открыть
+                            </Button>
+                          </TableCell>
+                        </TableRow>
+                      ))}
+                    </TableBody>
+                  </Table>
+                )}
+              </TableCard>
+
+              <TableCard title="Последние VPS" description="Активные серверы">
+                <Table>
+                  <TableHeader>
+                    <TableRow>
+                      <TableHead>IP / DNS</TableHead>
+                      <TableHead>Проект</TableHead>
+                      <TableHead>Статус</TableHead>
+                      <TableHead className="text-right">Ставка/мес</TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {activeVps.slice(0, 8).map((v) => (
+                      <TableRow key={v.id}>
+                        <TableCell className="font-medium">{v.ip || v.dns}</TableCell>
+                        <TableCell className="text-muted-foreground">{v.project || '—'}</TableCell>
+                        <TableCell>
+                          <Badge variant={v.status === 'active' ? 'default' : 'secondary'}>
+                            {vpsStatusLabel(v.status)}
+                          </Badge>
+                        </TableCell>
+                        <TableCell className="text-right tabular-nums">
+                          {formatInBaseCurrency(
+                            v.tariffType === 'daily' ? Number(v.dailyRate || 0) * 30 : Number(v.monthlyRate || 0),
+                            v.currency,
+                            snap.settings,
+                            ratesData,
+                          )}
+                        </TableCell>
+                      </TableRow>
+                    ))}
+                  </TableBody>
+                </Table>
+              </TableCard>
+            </>
+          )
+        }}
+      </QueryState>
+    </PageShell>
+  )
+}
diff --git a/apps/web/src/routes/_auth/payments.tsx b/apps/web/src/routes/_auth/payments.tsx
new file mode 100644
index 0000000..e3785e8
--- /dev/null
+++ b/apps/web/src/routes/_auth/payments.tsx
@@ -0,0 +1,193 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { useState } from 'react'
+import { PlusIcon, PencilIcon, Trash2Icon } from 'lucide-react'
+import { toast } from 'sonner'
+
+import { snapshotQueryOptions } from '@/queries/snapshot'
+import { api, ApiError } from '@/lib/api-client'
+import { PageShell } from '@/components/page-shell'
+import { PageHeader } from '@/components/page-header'
+import { Button } from '@cfdm/ui/components/button'
+import { DataTableCard, type DataTableColumn } from '@/components/data-table-card'
+import { QueryState } from '@/components/query-state'
+import { TableSkeleton } from '@/components/skeletons'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { FormSheet } from '@/components/form-sheet'
+import { FormField } from '@/components/form-field'
+import { Input } from '@cfdm/ui/components/input'
+import { Textarea } from '@cfdm/ui/components/textarea'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@cfdm/ui/components/select'
+
+import type { Payment, PaymentType } from '@/types/entities'
+import { paymentTypeLabel, formatCurrency } from '@/lib/format'
+import { providerByIdMap, accountSelectLabel } from '@/lib/billmanager'
+
+export const Route = createFileRoute('/_auth/payments')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(snapshotQueryOptions()),
+  component: PaymentsPage,
+})
+
+interface FormState {
+  id?: string
+  type: PaymentType
+  date: string
+  amount: number
+  currency: string
+  providerAccountId: string
+  note: string
+}
+
+const TODAY = new Date().toISOString().slice(0, 10)
+const EMPTY: FormState = { type: 'provider_balance_topup', date: TODAY, amount: 0, currency: 'RUB', providerAccountId: '', note: '' }
+
+function PaymentsPage() {
+  const queryClient = useQueryClient()
+  const { data: snapshot, isLoading, isError, error, refetch } = useQuery(snapshotQueryOptions())
+  const [open, setOpen] = useState(false)
+  const [form, setForm] = useState<FormState>(EMPTY)
+
+  const saveMut = useMutation({
+    mutationFn: (r: FormState) => r.id
+      ? api.update<Payment>('payments', r.id, r as unknown as Partial<Payment>)
+      : api.create('payments', r as unknown as Payment),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('Платёж сохранён')
+      setOpen(false)
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка'),
+  })
+  const delMut = useMutation({
+    mutationFn: (id: string) => api.remove<Payment>('payments', id),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('Платёж удалён')
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка'),
+  })
+
+  const openCreate = () => { setForm({ ...EMPTY, providerAccountId: snapshot?.providerAccounts[0]?.id ?? '' }); setOpen(true) }
+  const openEdit = (p: Payment) => {
+    setForm({
+      id: p.id, type: p.type, date: p.date, amount: p.amount, currency: p.currency,
+      providerAccountId: p.providerAccountId, note: p.note ?? '',
+    })
+    setOpen(true)
+  }
+
+  const providerById = snapshot ? providerByIdMap(snapshot.providers) : new Map()
+
+  const columns: DataTableColumn<Payment>[] = [
+    { key: 'date', header: 'Дата', cell: (p) => <span className="tabular-nums">{p.date}</span> },
+    {
+      key: 'account',
+      header: 'Аккаунт',
+      cell: (p) => {
+        const acc = snapshot?.providerAccounts.find((a) => a.id === p.providerAccountId)
+        return acc ? accountSelectLabel(acc, providerById) : '—'
+      },
+    },
+    {
+      key: 'type',
+      header: 'Тип',
+      cell: (p) => <span>{paymentTypeLabel(p.type)}</span>,
+    },
+    {
+      key: 'amount',
+      header: 'Сумма',
+      cell: (p) => <span className="tabular-nums">{formatCurrency(p.amount, p.currency)}</span>,
+    },
+    { key: 'note', header: 'Заметка', cell: (p) => <span className="text-muted-foreground">{p.note || '—'}</span> },
+    {
+      key: 'actions',
+      header: '',
+      className: 'w-24 text-right',
+      cell: (p) => (
+        <div className="flex justify-end gap-1">
+          <Button variant="ghost" size="icon-sm" onClick={() => openEdit(p)} aria-label="Редактировать">
+            <PencilIcon />
+          </Button>
+          <ConfirmDialog
+            trigger={<Button variant="ghost" size="icon-sm" aria-label="Удалить"><Trash2Icon /></Button>}
+            title="Удалить платёж?"
+            confirmLabel="Удалить"
+            destructive
+            onConfirm={() => delMut.mutate(p.id)}
+          />
+        </div>
+      ),
+    },
+  ]
+
+  const sorted = [...(snapshot?.payments ?? [])].sort((a, b) => b.date.localeCompare(a.date))
+
+  return (
+    <PageShell>
+      <PageHeader
+        title="Платежи"
+        description="Пополнения балансов и прямые платежи за VPS"
+        actions={<Button onClick={openCreate}><PlusIcon data-icon="inline-start" />Добавить</Button>}
+      />
+      <QueryState
+        data={snapshot}
+        isLoading={isLoading}
+        isError={isError}
+        error={error}
+        onRetry={() => refetch()}
+        skeleton={<TableSkeleton />}
+        empty={snapshot?.payments.length === 0}
+        emptyTitle="Платежей нет"
+        emptyAction={<Button onClick={openCreate}><PlusIcon data-icon="inline-start" />Добавить платёж</Button>}
+      >
+        {() => <DataTableCard columns={columns} data={sorted} rowKey={(p) => p.id} />}
+      </QueryState>
+
+      <FormSheet
+        open={open}
+        onOpenChange={setOpen}
+        trigger={null}
+        title={form.id ? 'Редактировать платёж' : 'Новый платёж'}
+        onSubmit={() => saveMut.mutate(form)}
+        submitting={saveMut.isPending}
+      >
+        <FormField label="Тип" htmlFor="pay-type">
+          <Select value={form.type} onValueChange={(v) => setForm({ ...form, type: (v ?? 'provider_balance_topup') as PaymentType })}>
+            <SelectTrigger id="pay-type"><SelectValue /></SelectTrigger>
+            <SelectContent>
+              <SelectItem value="provider_balance_topup">{paymentTypeLabel('provider_balance_topup')}</SelectItem>
+              <SelectItem value="direct_vps_payment">{paymentTypeLabel('direct_vps_payment')}</SelectItem>
+              <SelectItem value="daily_debit">{paymentTypeLabel('daily_debit')}</SelectItem>
+              <SelectItem value="monthly_debit">{paymentTypeLabel('monthly_debit')}</SelectItem>
+            </SelectContent>
+          </Select>
+        </FormField>
+        <FormField label="Аккаунт" htmlFor="pay-acc">
+          <Select value={form.providerAccountId} onValueChange={(v) => setForm({ ...form, providerAccountId: v ?? '' })}>
+            <SelectTrigger id="pay-acc"><SelectValue placeholder="Выберите аккаунт" /></SelectTrigger>
+            <SelectContent>
+              {snapshot?.providerAccounts.map((a) => (
+                <SelectItem key={a.id} value={a.id}>{accountSelectLabel(a, providerById)}</SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </FormField>
+        <div className="grid grid-cols-3 gap-3">
+          <FormField label="Дата" htmlFor="pay-date">
+            <Input id="pay-date" type="date" value={form.date} onChange={(e) => setForm({ ...form, date: e.target.value })} />
+          </FormField>
+          <FormField label="Сумма" htmlFor="pay-amount">
+            <Input id="pay-amount" type="number" step="0.01" value={form.amount} onChange={(e) => setForm({ ...form, amount: Number(e.target.value) })} />
+          </FormField>
+          <FormField label="Валюта" htmlFor="pay-cur">
+            <Input id="pay-cur" value={form.currency} onChange={(e) => setForm({ ...form, currency: e.target.value })} />
+          </FormField>
+        </div>
+        <FormField label="Заметка" htmlFor="pay-note">
+          <Textarea id="pay-note" value={form.note} onChange={(e) => setForm({ ...form, note: e.target.value })} />
+        </FormField>
+      </FormSheet>
+    </PageShell>
+  )
+}
diff --git a/apps/web/src/routes/_auth/providers.tsx b/apps/web/src/routes/_auth/providers.tsx
new file mode 100644
index 0000000..fc6c56e
--- /dev/null
+++ b/apps/web/src/routes/_auth/providers.tsx
@@ -0,0 +1,187 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { useState } from 'react'
+import { PlusIcon, PencilIcon, Trash2Icon, BuildingIcon } from 'lucide-react'
+import { toast } from 'sonner'
+
+import { snapshotQueryOptions } from '@/queries/snapshot'
+import { api, ApiError } from '@/lib/api-client'
+import { PageShell } from '@/components/page-shell'
+import { PageHeader } from '@/components/page-header'
+import { Button } from '@cfdm/ui/components/button'
+import { Badge } from '@cfdm/ui/components/badge'
+import { DataTableCard, type DataTableColumn } from '@/components/data-table-card'
+import { QueryState } from '@/components/query-state'
+import { TableSkeleton } from '@/components/skeletons'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { FormSheet } from '@/components/form-sheet'
+import { FormField } from '@/components/form-field'
+import { Input } from '@cfdm/ui/components/input'
+import { Textarea } from '@cfdm/ui/components/textarea'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@cfdm/ui/components/select'
+import { faviconUrlFromWebsite } from '@/lib/format'
+import type { Provider, ApiType } from '@/types/entities'
+
+export const Route = createFileRoute('/_auth/providers')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(snapshotQueryOptions()),
+  component: ProvidersPage,
+})
+
+interface FormState {
+  id?: string
+  name: string
+  website: string
+  apiType: ApiType
+  apiBaseUrl: string
+  baseCurrency: string
+  usdRate: string
+  eurRate: string
+  supportPhone: string
+  supportUrl: string
+  notes: string
+}
+
+const EMPTY: FormState = {
+  name: '', website: '', apiType: 'billmanager', apiBaseUrl: '', baseCurrency: 'RUB',
+  usdRate: '', eurRate: '', supportPhone: '', supportUrl: '', notes: '',
+}
+
+function ProvidersPage() {
+  const queryClient = useQueryClient()
+  const { data: snapshot, isLoading, isError, error, refetch } = useQuery(snapshotQueryOptions())
+  const [open, setOpen] = useState(false)
+  const [form, setForm] = useState<FormState>(EMPTY)
+
+  const saveMut = useMutation({
+    mutationFn: (r: FormState) => (r.id ? api.update<Provider>('providers', r.id, r as unknown as Provider) : api.create('providers', r as unknown as Provider)),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('Хостер сохранён')
+      setOpen(false)
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка'),
+  })
+  const delMut = useMutation({
+    mutationFn: (id: string) => api.remove<Provider>('providers', id),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('Хостер удалён')
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка'),
+  })
+
+  const openCreate = () => { setForm(EMPTY); setOpen(true) }
+  const openEdit = (p: Provider) => {
+    setForm({
+      id: p.id, name: p.name, website: p.website ?? '', apiType: p.apiType, apiBaseUrl: p.apiBaseUrl ?? '',
+      baseCurrency: p.baseCurrency ?? 'RUB', usdRate: String(p.usdRate ?? ''), eurRate: String(p.eurRate ?? ''),
+      supportPhone: p.supportPhone ?? '', supportUrl: p.supportUrl ?? '', notes: p.notes ?? '',
+    })
+    setOpen(true)
+  }
+
+  const columns: DataTableColumn<Provider>[] = [
+    {
+      key: 'name',
+      header: 'Хостер',
+      cell: (p) => (
+        <div className="flex items-center gap-2">
+          {p.website ? (
+            <img src={faviconUrlFromWebsite(p.website)} alt="" className="size-4 rounded-sm" />
+          ) : (
+            <BuildingIcon className="size-4 text-muted-foreground" />
+          )}
+          <span className="font-medium">{p.name}</span>
+        </div>
+      ),
+    },
+    { key: 'api', header: 'API', cell: (p) => <Badge variant="outline">{p.apiType}</Badge> },
+    { key: 'cur', header: 'Валюта', cell: (p) => <span className="tabular-nums">{p.baseCurrency ?? '—'}</span> },
+    {
+      key: 'actions',
+      header: '',
+      className: 'w-24 text-right',
+      cell: (p) => (
+        <div className="flex justify-end gap-1">
+          <Button variant="ghost" size="icon-sm" onClick={() => openEdit(p)} aria-label="Редактировать">
+            <PencilIcon />
+          </Button>
+          <ConfirmDialog
+            trigger={<Button variant="ghost" size="icon-sm" aria-label="Удалить"><Trash2Icon /></Button>}
+            title="Удалить хостера?"
+            description={`«${p.name}» будет удалён. Аккаунты и VPS не затрагиваются, но потеряют привязку.`}
+            destructive
+            confirmLabel="Удалить"
+            onConfirm={() => delMut.mutate(p.id)}
+          />
+        </div>
+      ),
+    },
+  ]
+
+  return (
+    <PageShell>
+      <PageHeader
+        title="Хостеры"
+        description="Провайдеры хостинга и параметры API"
+        actions={<Button onClick={openCreate}><PlusIcon data-icon="inline-start" />Добавить</Button>}
+      />
+      <QueryState
+        data={snapshot}
+        isLoading={isLoading}
+        isError={isError}
+        error={error}
+        onRetry={() => refetch()}
+        skeleton={<TableSkeleton />}
+        empty={snapshot?.providers.length === 0}
+        emptyTitle="Хостеры не найдены"
+        emptyAction={<Button onClick={openCreate}><PlusIcon data-icon="inline-start" />Добавить хостера</Button>}
+      >
+        {(snap) => <DataTableCard columns={columns} data={snap.providers} rowKey={(p) => p.id} />}
+      </QueryState>
+
+      <FormSheet
+        open={open}
+        onOpenChange={setOpen}
+        trigger={null}
+        title={form.id ? 'Редактировать хостера' : 'Новый хостер'}
+        onSubmit={() => saveMut.mutate(form)}
+        submitting={saveMut.isPending}
+      >
+        <FormField label="Название" htmlFor="pr-name">
+          <Input id="pr-name" value={form.name} onChange={(e) => setForm({ ...form, name: e.target.value })} />
+        </FormField>
+        <FormField label="Сайт" htmlFor="pr-site">
+          <Input id="pr-site" value={form.website} onChange={(e) => setForm({ ...form, website: e.target.value })} />
+        </FormField>
+        <FormField label="Тип API" htmlFor="pr-api">
+          <Select value={form.apiType} onValueChange={(v) => setForm({ ...form, apiType: (v ?? 'none') as ApiType })}>
+            <SelectTrigger id="pr-api"><SelectValue /></SelectTrigger>
+            <SelectContent>
+              <SelectItem value="billmanager">BILLmanager</SelectItem>
+              <SelectItem value="none">Нет</SelectItem>
+            </SelectContent>
+          </Select>
+        </FormField>
+        <FormField label="API URL" htmlFor="pr-apiurl" description="Один URL на хостера для BILLmanager">
+          <Input id="pr-apiurl" value={form.apiBaseUrl} onChange={(e) => setForm({ ...form, apiBaseUrl: e.target.value })} />
+        </FormField>
+        <div className="grid grid-cols-3 gap-3">
+          <FormField label="Валюта" htmlFor="pr-cur">
+            <Input id="pr-cur" value={form.baseCurrency} onChange={(e) => setForm({ ...form, baseCurrency: e.target.value })} />
+          </FormField>
+          <FormField label="Курс USD" htmlFor="pr-usd">
+            <Input id="pr-usd" value={form.usdRate} onChange={(e) => setForm({ ...form, usdRate: e.target.value })} />
+          </FormField>
+          <FormField label="Курс EUR" htmlFor="pr-eur">
+            <Input id="pr-eur" value={form.eurRate} onChange={(e) => setForm({ ...form, eurRate: e.target.value })} />
+          </FormField>
+        </div>
+        <FormField label="Заметки" htmlFor="pr-notes">
+          <Textarea id="pr-notes" value={form.notes} onChange={(e) => setForm({ ...form, notes: e.target.value })} />
+        </FormField>
+      </FormSheet>
+    </PageShell>
+  )
+}
diff --git a/apps/web/src/routes/_auth/reports.tsx b/apps/web/src/routes/_auth/reports.tsx
new file mode 100644
index 0000000..984fe8f
--- /dev/null
+++ b/apps/web/src/routes/_auth/reports.tsx
@@ -0,0 +1,82 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { useQuery } from '@tanstack/react-query'
+import { DownloadIcon } from 'lucide-react'
+
+import { snapshotQueryOptions, ratesQueryOptions } from '@/queries/snapshot'
+import { PageShell } from '@/components/page-shell'
+import { PageHeader } from '@/components/page-header'
+import { Button } from '@cfdm/ui/components/button'
+import { QueryState } from '@/components/query-state'
+import { SectionCardsSkeleton } from '@/components/skeletons'
+import { SectionCards } from '@/components/section-cards'
+import { ChartsGrid, MonthlyExpenseChart, PaymentsPieChart, MonthlyTrendChart } from '@/components/domain/charts'
+
+import { normalizeRatesPayload, formatCurrency, toCsv, downloadTextFile } from '@/lib/format'
+
+export const Route = createFileRoute('/_auth/reports')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(snapshotQueryOptions()),
+  component: ReportsPage,
+})
+
+function ReportsPage() {
+  const { data: snapshot, isLoading, isError, error, refetch } = useQuery(snapshotQueryOptions())
+  const settings = snapshot?.settings?.[0]
+  const { data: rawRates } = useQuery(ratesQueryOptions(settings?.ratesUrl))
+  const ratesData = normalizeRatesPayload(rawRates) ?? rawRates ?? null
+
+  const exportCsv = () => {
+    if (!snapshot) return
+    const rows = snapshot.vps.map((v) => ({
+      ip: v.ip, project: v.project ?? '', status: v.status, vcpu: v.vcpu, ramGb: v.ramGb, diskGb: v.diskGb,
+      monthlyRate: v.monthlyRate ?? 0, currency: v.currency,
+    }))
+    downloadTextFile('vps-report.csv', toCsv(rows))
+  }
+
+  return (
+    <PageShell>
+      <PageHeader
+        title="Отчёты"
+        description="Расходы, платежи и динамика"
+        actions={
+          <Button variant="outline" onClick={exportCsv} disabled={!snapshot}>
+            <DownloadIcon data-icon="inline-start" />
+            Экспорт CSV
+          </Button>
+        }
+      />
+      <QueryState
+        data={snapshot}
+        isLoading={isLoading}
+        isError={isError}
+        error={error}
+        onRetry={() => refetch()}
+        skeleton={<SectionCardsSkeleton count={3} />}
+      >
+        {(snap) => {
+          const monthly = snap.vps.filter((v) => v.status === 'active').reduce((acc, v) => {
+            const burn = v.tariffType === 'daily' ? Number(v.dailyRate || 0) * 30 : Number(v.monthlyRate || 0)
+            return acc + burn
+          }, 0)
+          return (
+            <>
+              <SectionCards
+                items={[
+                  { label: 'Расход/мес (в валюте VPS)', value: formatCurrency(monthly, snap.vps[0]?.currency ?? 'RUB') },
+                  { label: 'Платежей всего', value: snap.payments.length },
+                  { label: 'Активных VPS', value: snap.vps.filter((v) => v.status === 'active').length },
+                ]}
+              />
+              <ChartsGrid>
+                <MonthlyExpenseChart vps={snap.vps} providers={snap.providers} settings={snap.settings} ratesData={ratesData} />
+                <PaymentsPieChart payments={snap.payments} settings={snap.settings} ratesData={ratesData} />
+                <MonthlyTrendChart payments={snap.payments} settings={snap.settings} ratesData={ratesData} className="lg:col-span-2" />
+              </ChartsGrid>
+            </>
+          )
+        }}
+      </QueryState>
+    </PageShell>
+  )
+}
diff --git a/apps/web/src/routes/_auth/resources.tsx b/apps/web/src/routes/_auth/resources.tsx
new file mode 100644
index 0000000..23cf1c6
--- /dev/null
+++ b/apps/web/src/routes/_auth/resources.tsx
@@ -0,0 +1,105 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { useQuery } from '@tanstack/react-query'
+import { CpuIcon, MemoryStickIcon, HardDriveIcon } from 'lucide-react'
+
+import { snapshotQueryOptions } from '@/queries/snapshot'
+import { PageShell } from '@/components/page-shell'
+import { PageHeader } from '@/components/page-header'
+import { QueryState } from '@/components/query-state'
+import { SectionCardsSkeleton } from '@/components/skeletons'
+import { SectionCards } from '@/components/section-cards'
+import {
+  ChartContainer,
+  ChartTooltipContent,
+  type ChartConfig,
+} from '@cfdm/ui/components/chart'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@cfdm/ui/components/card'
+import { Bar, BarChart, CartesianGrid, XAxis, YAxis } from 'recharts'
+import { Tooltip as RechartsTooltip } from 'recharts'
+
+export const Route = createFileRoute('/_auth/resources')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(snapshotQueryOptions()),
+  component: ResourcesPage,
+})
+
+const RESOURCE_CONFIG: ChartConfig = {
+  vcpu: { label: 'vCPU', color: 'var(--chart-1)' },
+  ram: { label: 'RAM (GB)', color: 'var(--chart-2)' },
+  disk: { label: 'Disk (GB)', color: 'var(--chart-3)' },
+}
+
+function ResourcesPage() {
+  const { data: snapshot, isLoading, isError, error, refetch } = useQuery(snapshotQueryOptions())
+
+  return (
+    <PageShell>
+      <PageHeader title="Ресурсы" description="Сводка по вычислительным ресурсам активных VPS" />
+      <QueryState
+        data={snapshot}
+        isLoading={isLoading}
+        isError={isError}
+        error={error}
+        onRetry={() => refetch()}
+        skeleton={<SectionCardsSkeleton count={3} />}
+      >
+        {(snap) => {
+          const active = snap.vps.filter((v) => v.status === 'active')
+          const totals = active.reduce(
+            (acc, v) => ({
+              vcpu: acc.vcpu + Number(v.vcpu || 0),
+              ram: acc.ram + Number(v.ramGb || 0),
+              disk: acc.disk + Number(v.diskGb || 0),
+            }),
+            { vcpu: 0, ram: 0, disk: 0 },
+          )
+
+          const byProvider = new Map<string, { name: string; vcpu: number; ram: number; disk: number }>()
+          for (const v of active) {
+            const provider = snap.providers.find((p) => p.id === v.providerId)
+            const name = provider?.name ?? '—'
+            const key = provider?.id ?? 'unknown'
+            const entry = byProvider.get(key) ?? { name, vcpu: 0, ram: 0, disk: 0 }
+            entry.vcpu += Number(v.vcpu || 0)
+            entry.ram += Number(v.ramGb || 0)
+            entry.disk += Number(v.diskGb || 0)
+            byProvider.set(key, entry)
+          }
+          const chartData = Array.from(byProvider.values())
+
+          return (
+            <>
+              <SectionCards
+                items={[
+                  { label: 'vCPU', value: totals.vcpu, icon: <CpuIcon className="size-4" /> },
+                  { label: 'RAM (GB)', value: totals.ram, icon: <MemoryStickIcon className="size-4" /> },
+                  { label: 'Disk (GB)', value: totals.disk, icon: <HardDriveIcon className="size-4" /> },
+                ]}
+              />
+
+              <Card>
+                <CardHeader>
+                  <CardTitle>Ресурсы по хостерам</CardTitle>
+                  <CardDescription>Только активные VPS</CardDescription>
+                </CardHeader>
+                <CardContent>
+                  <ChartContainer config={RESOURCE_CONFIG} className="h-80 w-full">
+                    <BarChart data={chartData} margin={{ top: 8, right: 8, bottom: 8, left: 8 }}>
+                      <CartesianGrid vertical={false} strokeDasharray="3 3" />
+                      <XAxis dataKey="name" tickLine={false} axisLine={false} tickMargin={8} />
+                      <YAxis tickLine={false} axisLine={false} width={48} />
+                      <RechartsTooltip cursor={false} content={<ChartTooltipContent />} />
+                      <Bar dataKey="vcpu" fill="var(--color-vcpu)" radius={4} />
+                      <Bar dataKey="ram" fill="var(--color-ram)" radius={4} />
+                      <Bar dataKey="disk" fill="var(--color-disk)" radius={4} />
+                    </BarChart>
+                  </ChartContainer>
+                </CardContent>
+              </Card>
+            </>
+          )
+        }}
+      </QueryState>
+    </PageShell>
+  )
+}
diff --git a/apps/web/src/routes/_auth/settings.tsx b/apps/web/src/routes/_auth/settings.tsx
new file mode 100644
index 0000000..efd31ea
--- /dev/null
+++ b/apps/web/src/routes/_auth/settings.tsx
@@ -0,0 +1,174 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { toast } from 'sonner'
+
+import { snapshotQueryOptions } from '@/queries/snapshot'
+import { api, ApiError } from '@/lib/api-client'
+import { PageShell } from '@/components/page-shell'
+import { PageHeader } from '@/components/page-header'
+import { QueryState } from '@/components/query-state'
+import { SectionCardsSkeleton } from '@/components/skeletons'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@cfdm/ui/components/card'
+import { Field, FieldGroup, FieldLabel } from '@cfdm/ui/components/field'
+import { Input } from '@cfdm/ui/components/input'
+import { LoadingButton } from '@/components/loading-button'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@cfdm/ui/components/select'
+
+import type { Settings } from '@/types/entities'
+import { useState } from 'react'
+
+export const Route = createFileRoute('/_auth/settings')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(snapshotQueryOptions()),
+  component: SettingsPage,
+})
+
+const CURRENCIES = ['RUB', 'USD', 'EUR', 'UAH', 'KZT']
+
+function SettingsPage() {
+  const queryClient = useQueryClient()
+  const { data: snapshot, isLoading, isError, error, refetch } = useQuery(snapshotQueryOptions())
+  const current = snapshot?.settings?.[0]
+  const [form, setForm] = useState<Partial<Settings> | null>(null)
+  const draft = form ?? current ?? {}
+
+  const upsertMut = useMutation({
+    mutationFn: (patch: Partial<Settings>) => {
+      if (current?.id) return api.update<Settings>('settings', current.id, patch)
+      return api.create<Settings>('settings', {
+        id: 'settings-main',
+        baseCurrency: 'RUB',
+        ratesUrl: 'https://www.cbr-xml-daily.ru/latest.js',
+        autoConvert: true,
+        ...patch,
+      } as Settings)
+    },
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('Настройки сохранены')
+      setForm(null)
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка'),
+  })
+
+  const telegramTestMut = useMutation({
+    mutationFn: () => api.sendTelegramTest(),
+    onSuccess: () => toast.success('Тестовое сообщение отправлено'),
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка отправки'),
+  })
+
+  return (
+    <PageShell>
+      <PageHeader title="Настройки" description="Базовая валюта, курсы, синк, Telegram" />
+      <QueryState
+        data={snapshot}
+        isLoading={isLoading}
+        isError={isError}
+        error={error}
+        onRetry={() => refetch()}
+        skeleton={<SectionCardsSkeleton count={1} />}
+      >
+        {() => (
+          <div className="grid gap-4 md:grid-cols-2">
+            <Card>
+              <CardHeader>
+                <CardTitle>Валюта и курсы</CardTitle>
+                <CardDescription>Отображение сумм и источник курсов</CardDescription>
+              </CardHeader>
+              <CardContent>
+                <FieldGroup>
+                  <Field>
+                    <FieldLabel htmlFor="set-cur">Базовая валюта</FieldLabel>
+                    <Select
+                      value={draft.baseCurrency ?? 'RUB'}
+                      onValueChange={(v) => setForm({ ...draft, baseCurrency: v ?? 'RUB' })}
+                    >
+                      <SelectTrigger id="set-cur">
+                        <SelectValue />
+                      </SelectTrigger>
+                      <SelectContent>
+                        {CURRENCIES.map((c) => (
+                          <SelectItem key={c} value={c}>{c}</SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                  </Field>
+                  <Field>
+                    <FieldLabel htmlFor="set-rates">URL курсов (JSON)</FieldLabel>
+                    <Input
+                      id="set-rates"
+                      value={draft.ratesUrl ?? ''}
+                      onChange={(e) => setForm({ ...draft, ratesUrl: e.target.value })}
+                      placeholder="https://www.cbr-xml-daily.ru/latest.js"
+                    />
+                  </Field>
+                  <Field orientation="horizontal">
+                    <FieldLabel htmlFor="set-auto">Автоконвертация</FieldLabel>
+                    <Select
+                      value={draft.autoConvert === false ? 'off' : 'on'}
+                      onValueChange={(v) => setForm({ ...draft, autoConvert: (v ?? 'on') === 'on' })}
+                    >
+                      <SelectTrigger id="set-auto" className="w-32">
+                        <SelectValue />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectItem value="on">Включена</SelectItem>
+                        <SelectItem value="off">Выключена</SelectItem>
+                      </SelectContent>
+                    </Select>
+                  </Field>
+                  <LoadingButton
+                    className="w-fit"
+                    onClick={() => upsertMut.mutate(draft)}
+                    loading={upsertMut.isPending}
+                    disabled={!form}
+                  >
+                    Сохранить
+                  </LoadingButton>
+                </FieldGroup>
+              </CardContent>
+            </Card>
+
+            <Card>
+              <CardHeader>
+                <CardTitle>Telegram</CardTitle>
+                <CardDescription>Уведомления о здоровье инвентаря</CardDescription>
+              </CardHeader>
+              <CardContent>
+                <FieldGroup>
+                  <Field>
+                    <FieldLabel htmlFor="set-tg-chat">Chat ID</FieldLabel>
+                    <Input
+                      id="set-tg-chat"
+                      value={draft.telegramChatId ?? ''}
+                      onChange={(e) => setForm({ ...draft, telegramChatId: e.target.value })}
+                      placeholder="-1001234567890"
+                    />
+                  </Field>
+                  <Field>
+                    <FieldLabel htmlFor="set-tg-token">Bot token</FieldLabel>
+                    <Input
+                      id="set-tg-token"
+                      type="password"
+                      value={draft.telegramBotToken ?? ''}
+                      onChange={(e) => setForm({ ...draft, telegramBotToken: e.target.value })}
+                      placeholder="123456:ABC-DEF..."
+                    />
+                  </Field>
+                  <div className="flex gap-2">
+                    <LoadingButton onClick={() => upsertMut.mutate(draft)} loading={upsertMut.isPending} disabled={!form}>
+                      Сохранить
+                    </LoadingButton>
+                    <LoadingButton variant="outline" onClick={() => telegramTestMut.mutate()} loading={telegramTestMut.isPending}>
+                      Тест
+                    </LoadingButton>
+                  </div>
+                </FieldGroup>
+              </CardContent>
+            </Card>
+          </div>
+        )}
+      </QueryState>
+    </PageShell>
+  )
+}
diff --git a/apps/web/src/routes/_auth/tariffs.tsx b/apps/web/src/routes/_auth/tariffs.tsx
new file mode 100644
index 0000000..02cac1b
--- /dev/null
+++ b/apps/web/src/routes/_auth/tariffs.tsx
@@ -0,0 +1,78 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { useQuery } from '@tanstack/react-query'
+
+import { snapshotQueryOptions } from '@/queries/snapshot'
+import { PageShell } from '@/components/page-shell'
+import { PageHeader } from '@/components/page-header'
+import { Badge } from '@cfdm/ui/components/badge'
+import { DataTableCard, type DataTableColumn } from '@/components/data-table-card'
+import { QueryState } from '@/components/query-state'
+import { TableSkeleton } from '@/components/skeletons'
+import { EmptyState } from '@/components/empty-state'
+import { ServerCogIcon } from 'lucide-react'
+
+import type { ActiveTariff } from '@/types/entities'
+import { providerByIdMap, accountSelectLabel } from '@/lib/billmanager'
+import { formatCurrency } from '@/lib/format'
+
+export const Route = createFileRoute('/_auth/tariffs')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(snapshotQueryOptions()),
+  component: TariffsPage,
+})
+
+function TariffsPage() {
+  const { data: snapshot, isLoading, isError, error, refetch } = useQuery(snapshotQueryOptions())
+  const providerById = snapshot ? providerByIdMap(snapshot.providers) : new Map()
+
+  const columns: DataTableColumn<ActiveTariff>[] = [
+    {
+      key: 'name',
+      header: 'Тариф',
+      cell: (t) => <span className="font-medium">{t.name || `#${t.pricelistId ?? t.id}`}</span>,
+    },
+    {
+      key: 'account',
+      header: 'Аккаунт',
+      cell: (t) => {
+        const acc = snapshot?.providerAccounts.find((a) => a.id === t.providerAccountId)
+        return acc ? accountSelectLabel(acc, providerById) : '—'
+      },
+    },
+    {
+      key: 'specs',
+      header: 'Ресурсы',
+      cell: (t) => (
+        <span className="tabular-nums text-muted-foreground">
+          {t.vcpu ?? '—'} vCPU / {t.ramGb ?? '—'} GB / {t.diskGb ?? '—'} GB
+        </span>
+      ),
+    },
+    {
+      key: 'price',
+      header: 'Цена/мес',
+      cell: (t) => <span className="tabular-nums">{formatCurrency(Number(t.monthlyRate ?? 0), t.currency ?? 'RUB')}</span>,
+    },
+    { key: 'disk', header: 'Диск', cell: (t) => <Badge variant="outline">{t.diskType ?? '—'}</Badge> },
+  ]
+
+  return (
+    <PageShell>
+      <PageHeader title="Активные тарифы" description="Тарифы, загруженные из BILLmanager vds.order" />
+      <QueryState
+        data={snapshot}
+        isLoading={isLoading}
+        isError={isError}
+        error={error}
+        onRetry={() => refetch()}
+        skeleton={<TableSkeleton />}
+        empty={snapshot?.activeTariffs.length === 0}
+        emptyTitle="Тарифы не загружены"
+        emptyDescription="Выполните синхронизацию аккаунта BILLmanager, чтобы загрузить тарифы"
+        emptyAction={<EmptyState icon={<ServerCogIcon className="size-8" />} title="Нет тарифов" />}
+      >
+        {(snap) => <DataTableCard columns={columns} data={snap.activeTariffs} rowKey={(t) => t.id} />}
+      </QueryState>
+    </PageShell>
+  )
+}
diff --git a/apps/web/src/routes/_auth/vps.tsx b/apps/web/src/routes/_auth/vps.tsx
new file mode 100644
index 0000000..feaedf3
--- /dev/null
+++ b/apps/web/src/routes/_auth/vps.tsx
@@ -0,0 +1,346 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { useState } from 'react'
+import { PlusIcon, PencilIcon, Trash2Icon } from 'lucide-react'
+import { toast } from 'sonner'
+
+import { snapshotQueryOptions } from '@/queries/snapshot'
+import { api, ApiError } from '@/lib/api-client'
+import { vpsSchema, type VpsFormValues } from '@/lib/schemas'
+import { PageShell } from '@/components/page-shell'
+import { PageHeader } from '@/components/page-header'
+import { Button } from '@cfdm/ui/components/button'
+import { Badge } from '@cfdm/ui/components/badge'
+import { DataTableCard, type DataTableColumn } from '@/components/data-table-card'
+import { QueryState } from '@/components/query-state'
+import { TableSkeleton } from '@/components/skeletons'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { FormSheetRhf } from '@/components/form-sheet-rhf'
+import { FormField } from '@/components/form-field'
+import { Input } from '@cfdm/ui/components/input'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@cfdm/ui/components/select'
+import { Textarea } from '@cfdm/ui/components/textarea'
+
+import type { Vps } from '@/types/entities'
+import { vpsStatusLabel, tariffTypeLabel, formatInBaseCurrency } from '@/lib/format'
+import { providerByIdMap, accountSelectLabel } from '@/lib/billmanager'
+
+export const Route = createFileRoute('/_auth/vps')({
+  loader: ({ context: { queryClient } }) =>
+    queryClient.ensureQueryData(snapshotQueryOptions()),
+  component: VpsPage,
+})
+
+const EMPTY_FORM: VpsFormValues = {
+  ip: '', dns: '', providerId: '', providerAccountId: '',
+  vcpu: 1, ramGb: 1, diskGb: 10, status: 'active', tariffType: 'monthly',
+  currency: 'RUB', monthlyRate: 0, dailyRate: 0, paidUntil: '', project: '', notes: '',
+}
+
+function VpsPage() {
+  const queryClient = useQueryClient()
+  const { data: snapshot, isLoading, isError, error, refetch } = useQuery(snapshotQueryOptions())
+  const [sheetOpen, setSheetOpen] = useState(false)
+  const [editingId, setEditingId] = useState<string | null>(null)
+  const [defaultValues, setDefaultValues] = useState<VpsFormValues>(EMPTY_FORM)
+
+  const createMutation = useMutation({
+    mutationFn: (record: VpsFormValues) => api.create('vps', record as unknown as Vps),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('VPS создан')
+      setSheetOpen(false)
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка создания'),
+  })
+
+  const updateMutation = useMutation({
+    mutationFn: ({ id, patch }: { id: string; patch: Partial<Vps> }) =>
+      api.update<Vps>('vps', id, patch),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('VPS обновлён')
+      setSheetOpen(false)
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка обновления'),
+  })
+
+  const deleteMutation = useMutation({
+    mutationFn: (id: string) => api.remove<Vps>('vps', id),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['snapshot'] })
+      toast.success('VPS удалён')
+    },
+    onError: (e: unknown) => toast.error(e instanceof ApiError ? e.message : 'Ошибка удаления'),
+  })
+
+  const openCreate = () => {
+    setEditingId(null)
+    setDefaultValues({
+      ...EMPTY_FORM,
+      providerId: snapshot?.providers[0]?.id ?? '',
+      providerAccountId: snapshot?.providerAccounts[0]?.id ?? '',
+    })
+    setSheetOpen(true)
+  }
+  const openEdit = (v: Vps) => {
+    setEditingId(v.id)
+    setDefaultValues({
+      id: v.id, ip: v.ip, dns: v.dns ?? '', providerId: v.providerId, providerAccountId: v.providerAccountId,
+      vcpu: v.vcpu, ramGb: v.ramGb, diskGb: v.diskGb, status: v.status, tariffType: v.tariffType,
+      currency: v.currency, monthlyRate: Number(v.monthlyRate ?? 0), dailyRate: Number(v.dailyRate ?? 0),
+      paidUntil: v.paidUntil ?? '', project: v.project ?? '', notes: v.notes ?? '',
+    })
+    setSheetOpen(true)
+  }
+  const submit = (values: VpsFormValues) => {
+    if (editingId) {
+      void updateMutation.mutate({ id: editingId, patch: values as unknown as Partial<Vps> })
+    } else {
+      void createMutation.mutate(values)
+    }
+  }
+
+  const providerById = snapshot ? providerByIdMap(snapshot.providers) : new Map()
+
+  const columns: DataTableColumn<Vps>[] = [
+    {
+      key: 'ip',
+      header: 'IP / DNS',
+      cell: (v) => (
+        <div className="flex flex-col">
+          <span className="font-medium">{v.ip || '—'}</span>
+          {v.dns ? <span className="text-xs text-muted-foreground">{v.dns}</span> : null}
+        </div>
+      ),
+    },
+    {
+      key: 'account',
+      header: 'Аккаунт',
+      cell: (v) => {
+        const acc = snapshot?.providerAccounts.find((a) => a.id === v.providerAccountId)
+        return acc ? accountSelectLabel(acc, providerById) : '—'
+      },
+    },
+    { key: 'project', header: 'Проект', cell: (v) => <span className="text-muted-foreground">{v.project || '—'}</span> },
+    {
+      key: 'specs',
+      header: 'Ресурсы',
+      cell: (v) => (
+        <span className="tabular-nums text-muted-foreground">
+          {v.vcpu} vCPU / {v.ramGb} GB / {v.diskGb} GB
+        </span>
+      ),
+    },
+    {
+      key: 'status',
+      header: 'Статус',
+      cell: (v) => (
+        <Badge variant={v.status === 'active' ? 'default' : v.status === 'archived' ? 'outline' : 'secondary'}>
+          {vpsStatusLabel(v.status)}
+        </Badge>
+      ),
+    },
+    {
+      key: 'tariff',
+      header: 'Тариф',
+      cell: (v) => (
+        <span className="tabular-nums">
+          {formatInBaseCurrency(
+            v.tariffType === 'daily' ? Number(v.dailyRate || 0) * 30 : Number(v.monthlyRate || 0),
+            v.currency,
+            snapshot?.settings ?? [],
+            null,
+          )}
+          <span className="ml-1 text-xs text-muted-foreground">{tariffTypeLabel(v.tariffType)}</span>
+        </span>
+      ),
+    },
+    {
+      key: 'actions',
+      header: '',
+      className: 'w-24 text-right',
+      cell: (v) => (
+        <div className="flex justify-end gap-1">
+          <Button variant="ghost" size="icon-sm" onClick={() => openEdit(v)} aria-label="Редактировать">
+            <PencilIcon />
+          </Button>
+          <ConfirmDialog
+            trigger={
+              <Button variant="ghost" size="icon-sm" aria-label="Удалить">
+                <Trash2Icon />
+              </Button>
+            }
+            title="Удалить VPS?"
+            description={`IP ${v.ip} будет удалён безвозвратно.`}
+            destructive
+            confirmLabel="Удалить"
+            onConfirm={() => deleteMutation.mutate(v.id)}
+          />
+        </div>
+      ),
+    },
+  ]
+
+  return (
+    <PageShell>
+      <PageHeader
+        title="VPS"
+        description="Виртуальные серверы"
+        actions={
+          <Button onClick={openCreate}>
+            <PlusIcon data-icon="inline-start" />
+            Добавить
+          </Button>
+        }
+      />
+
+      <QueryState
+        data={snapshot}
+        isLoading={isLoading}
+        isError={isError}
+        error={error}
+        onRetry={() => refetch()}
+        skeleton={<TableSkeleton />}
+        empty={snapshot?.vps.length === 0}
+        emptyTitle="VPS не найдены"
+        emptyDescription="Добавьте первый виртуальный сервер"
+        emptyAction={
+          <Button onClick={openCreate}>
+            <PlusIcon data-icon="inline-start" />
+            Добавить VPS
+          </Button>
+        }
+      >
+        {(snap) => (
+          <DataTableCard
+            columns={columns}
+            data={snap.vps}
+            rowKey={(v) => v.id}
+            emptyTitle="VPS не найдены"
+          />
+        )}
+      </QueryState>
+
+      <FormSheetRhf
+        open={sheetOpen}
+        onOpenChange={setSheetOpen}
+        title={editingId ? 'Редактировать VPS' : 'Новый VPS'}
+        description="Заполните параметры сервера"
+        schema={vpsSchema as unknown as import('zod').ZodType<VpsFormValues>}
+        defaultValues={defaultValues}
+        onSubmit={submit}
+        submitting={createMutation.isPending || updateMutation.isPending}
+      >
+        {(form) => {
+          const { register, formState: { errors }, watch, setValue } = form
+          const providerId = watch('providerId')
+          return (
+            <>
+              <FormField label="IP" htmlFor="vps-ip" error={errors.ip?.message} invalid={!!errors.ip}>
+                <Input id="vps-ip" {...register('ip')} />
+              </FormField>
+              <FormField label="DNS" htmlFor="vps-dns">
+                <Input id="vps-dns" {...register('dns')} />
+              </FormField>
+              <FormField label="Хостер" htmlFor="vps-provider" error={errors.providerId?.message}>
+                <Select
+                  value={providerId}
+                  onValueChange={(v) => setValue('providerId', v ?? '', { shouldValidate: true })}
+                >
+                  <SelectTrigger id="vps-provider">
+                    <SelectValue placeholder="Выберите хостера" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {snapshot?.providers.map((p) => (
+                      <SelectItem key={p.id} value={p.id}>{p.name}</SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </FormField>
+              <FormField label="Аккаунт" htmlFor="vps-account" error={errors.providerAccountId?.message}>
+                <Select
+                  value={watch('providerAccountId')}
+                  onValueChange={(v) => setValue('providerAccountId', v ?? '', { shouldValidate: true })}
+                >
+                  <SelectTrigger id="vps-account">
+                    <SelectValue placeholder="Выберите аккаунт" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {snapshot?.providerAccounts
+                      .filter((a) => !providerId || a.providerId === providerId)
+                      .map((a) => (
+                        <SelectItem key={a.id} value={a.id}>{a.name}</SelectItem>
+                      ))}
+                  </SelectContent>
+                </Select>
+              </FormField>
+              <FormField label="Проект" htmlFor="vps-project">
+                <Input id="vps-project" {...register('project')} />
+              </FormField>
+              <div className="grid grid-cols-3 gap-3">
+                <FormField label="vCPU" htmlFor="vps-vcpu" error={errors.vcpu?.message}>
+                  <Input id="vps-vcpu" type="number" min={0} {...register('vcpu', { valueAsNumber: true })} />
+                </FormField>
+                <FormField label="RAM (GB)" htmlFor="vps-ram" error={errors.ramGb?.message}>
+                  <Input id="vps-ram" type="number" min={0} {...register('ramGb', { valueAsNumber: true })} />
+                </FormField>
+                <FormField label="Disk (GB)" htmlFor="vps-disk" error={errors.diskGb?.message}>
+                  <Input id="vps-disk" type="number" min={0} {...register('diskGb', { valueAsNumber: true })} />
+                </FormField>
+              </div>
+              <div className="grid grid-cols-2 gap-3">
+                <FormField label="Статус" htmlFor="vps-status">
+                  <Select
+                    value={watch('status')}
+                    onValueChange={(v) => setValue('status', (v ?? 'active') as 'active' | 'paused' | 'archived')}
+                  >
+                    <SelectTrigger id="vps-status">
+                      <SelectValue />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="active">{vpsStatusLabel('active')}</SelectItem>
+                      <SelectItem value="paused">{vpsStatusLabel('paused')}</SelectItem>
+                      <SelectItem value="archived">{vpsStatusLabel('archived')}</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </FormField>
+                <FormField label="Тип тарифа" htmlFor="vps-tariff">
+                  <Select
+                    value={watch('tariffType')}
+                    onValueChange={(v) => setValue('tariffType', (v ?? 'monthly') as 'daily' | 'monthly')}
+                  >
+                    <SelectTrigger id="vps-tariff">
+                      <SelectValue />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="monthly">{tariffTypeLabel('monthly')}</SelectItem>
+                      <SelectItem value="daily">{tariffTypeLabel('daily')}</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </FormField>
+              </div>
+              <div className="grid grid-cols-3 gap-3">
+                <FormField label="Валюта" htmlFor="vps-cur" error={errors.currency?.message}>
+                  <Input id="vps-cur" {...register('currency')} />
+                </FormField>
+                <FormField label="Ставка/мес" htmlFor="vps-monthly">
+                  <Input id="vps-monthly" type="number" min={0} {...register('monthlyRate', { valueAsNumber: true })} />
+                </FormField>
+                <FormField label="Ставка/день" htmlFor="vps-daily">
+                  <Input id="vps-daily" type="number" min={0} {...register('dailyRate', { valueAsNumber: true })} />
+                </FormField>
+              </div>
+              <FormField label="Оплачено до" htmlFor="vps-paid">
+                <Input id="vps-paid" type="date" {...register('paidUntil')} />
+              </FormField>
+              <FormField label="Заметки" htmlFor="vps-notes">
+                <Textarea id="vps-notes" {...register('notes')} />
+              </FormField>
+            </>
+          )
+        }}
+      </FormSheetRhf>
+    </PageShell>
+  )
+}
diff --git a/apps/web/src/routes/index.tsx b/apps/web/src/routes/index.tsx
new file mode 100644
index 0000000..8c2ddcb
--- /dev/null
+++ b/apps/web/src/routes/index.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute, redirect } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/')({
+  beforeLoad: () => {
+    throw redirect({ to: '/dashboard' })
+  },
+})
diff --git a/apps/web/src/types/dom.ts b/apps/web/src/types/dom.ts
new file mode 100644
index 0000000..08b66bf
--- /dev/null
+++ b/apps/web/src/types/dom.ts
@@ -0,0 +1,6 @@
+export interface HTMLInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  'data-lpignore'?: string
+  'data-1p-ignore'?: string
+  'data-bwignore'?: string
+  'data-form-type'?: string
+}
diff --git a/apps/web/src/types/entities.ts b/apps/web/src/types/entities.ts
new file mode 100644
index 0000000..e66b589
--- /dev/null
+++ b/apps/web/src/types/entities.ts
@@ -0,0 +1,158 @@
+export type VpsStatus = 'active' | 'paused' | 'archived'
+export type TariffType = 'daily' | 'monthly'
+export type BillingMode = 'daily' | 'monthly'
+export type PaymentType =
+  | 'direct_vps_payment'
+  | 'provider_balance_topup'
+  | 'daily_debit'
+  | 'monthly_debit'
+export type LedgerDirection = 'credit' | 'debit'
+export type ApiType = 'billmanager' | 'none'
+
+export interface Provider {
+  id: string
+  name: string
+  website?: string
+  apiType: ApiType
+  apiBaseUrl?: string
+  baseCurrency?: string
+  usdRate?: string | number | null
+  eurRate?: string | number | null
+  supportPhone?: string
+  supportUrl?: string
+  notes?: string
+}
+
+export interface ProviderAccount {
+  id: string
+  providerId: string
+  name: string
+  login?: string
+  apiCredentialsSet?: boolean
+  billingMode?: BillingMode
+  balance_api?: number | null
+  balance_currency?: string
+  currency?: string
+  notes?: string
+}
+
+export interface Vps {
+  id: string
+  externalId?: string
+  ip: string
+  dns?: string
+  ipv6?: string
+  additionalIps?: string[]
+  providerId: string
+  providerAccountId: string
+  country?: string
+  city?: string
+  datacenter?: string
+  os?: string
+  vcpu: number
+  ramGb: number
+  diskGb: number
+  diskType?: string
+  virtualization?: string
+  bandwidthTb?: number
+  sshPort?: number
+  rootUser?: string
+  purpose?: string
+  environment?: 'prod' | 'dev' | 'staging'
+  project?: string
+  monitoringEnabled?: boolean
+  backupEnabled?: boolean
+  status: VpsStatus
+  tariffType: TariffType
+  currency: string
+  dailyRate: number | null
+  monthlyRate: number | null
+  createdAt: string
+  paidUntil?: string
+  notes?: string
+}
+
+export interface Payment {
+  id: string
+  externalId?: string
+  type: PaymentType
+  date: string
+  amount: number
+  currency: string
+  providerAccountId: string
+  vpsId?: string | null
+  note?: string
+}
+
+export interface BalanceLedgerRow {
+  id: string
+  providerAccountId: string
+  direction: LedgerDirection
+  amount: number
+  currency?: string
+  date: string
+  note?: string
+}
+
+export interface Settings {
+  id: string
+  baseCurrency: string
+  ratesUrl?: string
+  autoConvert?: boolean
+  syncEnabled?: boolean
+  telegramChatId?: string
+  telegramBotToken?: string
+}
+
+export interface ActiveTariff {
+  id: string
+  providerAccountId: string
+  pricelistId?: string
+  name?: string
+  vcpu?: number
+  ramGb?: number
+  diskGb?: number
+  diskType?: string
+  monthlyRate?: number
+  currency?: string
+}
+
+export interface SyncLogRow {
+  id: string
+  accountId: string
+  status: 'ok' | 'error' | 'running'
+  startedAt?: string
+  finishedAt?: string
+  summary?: Record<string, unknown> | null
+  error?: string
+}
+
+export interface SyncSummary {
+  added?: unknown[]
+  updated?: unknown[]
+  paymentsAdded?: number
+  tariffsOnly?: boolean
+  tariffsCount?: number
+  vpsCount?: number
+  paymentsCount?: number
+  error?: string
+}
+
+export interface RatesData {
+  base: string
+  rates: Record<string, number>
+  date?: string
+}
+
+export interface DataSnapshot {
+  vps: Vps[]
+  providers: Provider[]
+  providerAccounts: ProviderAccount[]
+  payments: Payment[]
+  balanceLedger: BalanceLedgerRow[]
+  settings: Settings[]
+  activeTariffs: ActiveTariff[]
+  tariffSyncOptions?: unknown[]
+  serverProjects?: unknown[]
+  syncLog?: SyncLogRow[]
+}
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json
new file mode 100644
index 0000000..2647518
--- /dev/null
+++ b/apps/web/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@cfdm/ui/components/*": ["../../packages/ui/src/components/*"],
+      "@cfdm/ui/hooks/*": ["../../packages/ui/src/hooks/*"],
+      "@cfdm/ui/lib/utils": ["../../packages/ui/src/lib/utils.ts"],
+      "@cfdm/ui/globals.css": ["../../packages/ui/src/styles/globals.css"],
+      "@cfdm/shared": ["../../packages/shared/src/index.ts"],
+      "@cfdm/shared/contracts/*": ["../../packages/shared/src/contracts/*"],
+      "@cfdm/shared/types/*": ["../../packages/shared/src/types/*"],
+      "@cfdm/db": ["../../packages/db/src/index.ts"],
+      "@cfdm/db/schema": ["../../packages/db/src/schema/index.ts"],
+      "@cfdm/db/repositories/*": ["../../packages/db/src/repositories/*"]
+    },
+    "types": ["vite/client"]
+  },
+  "include": ["src", "vite.config.ts"]
+}
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
new file mode 100644
index 0000000..db342ed
--- /dev/null
+++ b/apps/web/vite.config.ts
@@ -0,0 +1,36 @@
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+import { TanStackRouterVite as TanStackRouterPlugin } from '@tanstack/router-plugin/vite'
+import path from 'node:path'
+
+export default defineConfig({
+  plugins: [
+    TanStackRouterPlugin({ target: 'react', autoCodeSplitting: true }),
+    react(),
+    tailwindcss(),
+  ],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+      '@cfdm/ui/components': path.resolve(__dirname, '../../packages/ui/src/components'),
+      '@cfdm/ui/hooks': path.resolve(__dirname, '../../packages/ui/src/hooks'),
+      '@cfdm/ui/lib/utils': path.resolve(__dirname, '../../packages/ui/src/lib/utils.ts'),
+      '@cfdm/shared': path.resolve(__dirname, '../../packages/shared/src/index.ts'),
+      '@cfdm/db': path.resolve(__dirname, '../../packages/db/src/index.ts'),
+    },
+  },
+  server: {
+    port: 5173,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3001',
+        changeOrigin: true,
+      },
+    },
+  },
+  test: {
+    environment: 'happy-dom',
+    globals: true,
+  },
+})
diff --git a/docker-compose.yml b/docker-compose.yml
index 13b2cc7..c5b6904 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -7,5 +7,20 @@ services:
       - "3001:3001"
     environment:
       PORT: "3001"
+      # RUNTIME: "express" (по умолчанию, legacy) | "fastify" (новый стек)
+      RUNTIME: "express"
     volumes:
       - ./data:/app/data
+
+  # Раскомментируйте для локальной сборки вместо pull образа:
+  # app-build:
+  #   build:
+  #     context: .
+  #     dockerfile: Dockerfile
+  #   ports:
+  #     - "3001:3001"
+  #   environment:
+  #     PORT: "3001"
+  #     RUNTIME: "express"
+  #   volumes:
+  #     - ./data:/app/data
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index 3e14514..0000000
--- a/package-lock.json
+++ /dev/null
@@ -1,4199 +0,0 @@
-{
-  "name": "vps-tracker",
-  "version": "0.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "vps-tracker",
-      "version": "0.0.0",
-      "dependencies": {
-        "cors": "^2.8.5",
-        "express": "^4.21.1",
-        "sql.js": "^1.14.0"
-      },
-      "devDependencies": {
-        "@eslint/js": "^9.39.1",
-        "@tabler/core": "^1.4.0",
-        "@tabler/icons-react": "^3.40.0",
-        "@types/react": "^19.2.7",
-        "@types/react-dom": "^19.2.3",
-        "@vitejs/plugin-react": "^5.1.1",
-        "chart.js": "^4.5.1",
-        "concurrently": "^9.1.0",
-        "eslint": "^9.39.1",
-        "eslint-plugin-react-hooks": "^7.0.1",
-        "eslint-plugin-react-refresh": "^0.4.24",
-        "globals": "^16.5.0",
-        "react": "^19.2.0",
-        "react-dom": "^19.2.0",
-        "react-router-dom": "^7.13.1",
-        "vite": "^7.3.1"
-      }
-    },
-    "node_modules/@babel/code-frame": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
-      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.28.5",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.1.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/compat-data": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
-      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/core": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
-      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.29.0",
-        "@babel/generator": "^7.29.0",
-        "@babel/helper-compilation-targets": "^7.28.6",
-        "@babel/helper-module-transforms": "^7.28.6",
-        "@babel/helpers": "^7.28.6",
-        "@babel/parser": "^7.29.0",
-        "@babel/template": "^7.28.6",
-        "@babel/traverse": "^7.29.0",
-        "@babel/types": "^7.29.0",
-        "@jridgewell/remapping": "^2.3.5",
-        "convert-source-map": "^2.0.0",
-        "debug": "^4.1.0",
-        "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.3",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/babel"
-      }
-    },
-    "node_modules/@babel/generator": {
-      "version": "7.29.1",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
-      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.29.0",
-        "@babel/types": "^7.29.0",
-        "@jridgewell/gen-mapping": "^0.3.12",
-        "@jridgewell/trace-mapping": "^0.3.28",
-        "jsesc": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
-      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/compat-data": "^7.28.6",
-        "@babel/helper-validator-option": "^7.27.1",
-        "browserslist": "^4.24.0",
-        "lru-cache": "^5.1.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-globals": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
-      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-imports": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
-      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.28.6",
-        "@babel/types": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-transforms": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
-      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.28.6",
-        "@babel/helper-validator-identifier": "^7.28.5",
-        "@babel/traverse": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
-      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-string-parser": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-option": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
-      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helpers": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
-      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/template": "^7.28.6",
-        "@babel/types": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.29.0"
-      },
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx-self": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
-      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx-source": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
-      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/template": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
-      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.28.6",
-        "@babel/parser": "^7.28.6",
-        "@babel/types": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/traverse": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
-      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.29.0",
-        "@babel/generator": "^7.29.0",
-        "@babel/helper-globals": "^7.28.0",
-        "@babel/parser": "^7.29.0",
-        "@babel/template": "^7.28.6",
-        "@babel/types": "^7.29.0",
-        "debug": "^4.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
-      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.28.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
-      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "eslint-visitor-keys": "^3.4.3"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.2",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
-      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/config-array": {
-      "version": "0.21.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
-      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/object-schema": "^2.1.7",
-        "debug": "^4.3.1",
-        "minimatch": "^3.1.5"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/config-helpers": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
-      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/core": "^0.17.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/core": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
-      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@types/json-schema": "^7.0.15"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
-      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ajv": "^6.14.0",
-        "debug": "^4.3.2",
-        "espree": "^10.0.1",
-        "globals": "^14.0.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.1",
-        "minimatch": "^3.1.5",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
-      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://eslint.org/donate"
-      }
-    },
-    "node_modules/@eslint/object-schema": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
-      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/plugin-kit": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
-      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/core": "^0.17.0",
-        "levn": "^0.4.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@humanfs/core": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
-      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/@humanfs/node": {
-      "version": "0.16.7",
-      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
-      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@humanfs/core": "^0.19.1",
-        "@humanwhocodes/retry": "^0.4.0"
-      },
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/retry": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
-      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/remapping": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
-      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.31",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
-      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "node_modules/@kurkle/color": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz",
-      "integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
-    "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-rc.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.3.tgz",
-      "integrity": "sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==",
-      "dev": true,
-      "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==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "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==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@tabler/core": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@tabler/core/-/core-1.4.0.tgz",
-      "integrity": "sha512-5BigzOlbOH9N0Is4u0rYNRCiwtnUXWO57K9zwuscygcicAa8UV9MGaS4zTgQsZEtZ9tsNANhN/YD8gCBGKYCiw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@popperjs/core": "^2.11.8",
-        "bootstrap": "5.3.7"
-      },
-      "engines": {
-        "node": ">=20"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/codecalm"
-      }
-    },
-    "node_modules/@tabler/icons": {
-      "version": "3.40.0",
-      "resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-3.40.0.tgz",
-      "integrity": "sha512-V/Q4VgNPKubRTiLdmWjV/zscYcj5IIk+euicUtaVVqF6luSC9rDngYWgST5/yh3Mrg/mYUwRv1YVTk71Jp0twQ==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/codecalm"
-      }
-    },
-    "node_modules/@tabler/icons-react": {
-      "version": "3.40.0",
-      "resolved": "https://registry.npmjs.org/@tabler/icons-react/-/icons-react-3.40.0.tgz",
-      "integrity": "sha512-oO5+6QCnna4a//mYubx4euZfECtzQZFDGsDMIdzZUhbdyBCT+3bRVFBPueGIcemWld4Vb/0UQ39C/cmGfGylAg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@tabler/icons": "3.40.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/codecalm"
-      },
-      "peerDependencies": {
-        "react": ">= 16"
-      }
-    },
-    "node_modules/@types/babel__core": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
-      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7",
-        "@types/babel__generator": "*",
-        "@types/babel__template": "*",
-        "@types/babel__traverse": "*"
-      }
-    },
-    "node_modules/@types/babel__generator": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
-      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__template": {
-      "version": "7.4.4",
-      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
-      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.1.0",
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__traverse": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
-      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.28.2"
-      }
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/react": {
-      "version": "19.2.14",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
-      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "csstype": "^3.2.2"
-      }
-    },
-    "node_modules/@types/react-dom": {
-      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
-      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "^19.2.0"
-      }
-    },
-    "node_modules/@vitejs/plugin-react": {
-      "version": "5.1.4",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.1.4.tgz",
-      "integrity": "sha512-VIcFLdRi/VYRU8OL/puL7QXMYafHmqOnwTZY50U1JPlCNj30PxCMx65c494b1K9be9hX83KVt0+gTEwTWLqToA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/core": "^7.29.0",
-        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
-        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
-        "@rolldown/pluginutils": "1.0.0-rc.3",
-        "@types/babel__core": "^7.20.5",
-        "react-refresh": "^0.18.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      },
-      "peerDependencies": {
-        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
-      }
-    },
-    "node_modules/accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-      "license": "MIT",
-      "dependencies": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.16.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
-      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
-      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
-      "license": "Python-2.0"
-    },
-    "node_modules/array-flatten": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
-      "license": "MIT"
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/baseline-browser-mapping": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
-      "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "baseline-browser-mapping": "dist/cli.cjs"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/body-parser": {
-      "version": "1.20.4",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
-      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
-      "license": "MIT",
-      "dependencies": {
-        "bytes": "~3.1.2",
-        "content-type": "~1.0.5",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "~1.2.0",
-        "http-errors": "~2.0.1",
-        "iconv-lite": "~0.4.24",
-        "on-finished": "~2.4.1",
-        "qs": "~6.14.0",
-        "raw-body": "~2.5.3",
-        "type-is": "~1.6.18",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/body-parser/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/body-parser/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "license": "MIT"
-    },
-    "node_modules/bootstrap": {
-      "version": "5.3.7",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.7.tgz",
-      "integrity": "sha512-7KgiD8UHjfcPBHEpDNg+zGz8L3LqR3GVwqZiBRFX04a1BCArZOz1r2kjly2HQ0WokqTO0v1nF+QAt8dsW4lKlw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/twbs"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/bootstrap"
-        }
-      ],
-      "license": "MIT",
-      "peerDependencies": {
-        "@popperjs/core": "^2.11.8"
-      }
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.28.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
-      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "baseline-browser-mapping": "^2.9.0",
-        "caniuse-lite": "^1.0.30001759",
-        "electron-to-chromium": "^1.5.263",
-        "node-releases": "^2.0.27",
-        "update-browserslist-db": "^1.2.0"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/call-bind-apply-helpers": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/call-bound": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
-      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "get-intrinsic": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001777",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001777.tgz",
-      "integrity": "sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "CC-BY-4.0"
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/chart.js": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
-      "integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@kurkle/color": "^0.3.0"
-      },
-      "engines": {
-        "pnpm": ">=8"
-      }
-    },
-    "node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/concurrently": {
-      "version": "9.2.1",
-      "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.2.1.tgz",
-      "integrity": "sha512-fsfrO0MxV64Znoy8/l1vVIjjHa29SZyyqPgQBwhiDcaW8wJc2W3XWVOGx4M3oJBnv/zdUZIIp1gDeS98GzP8Ng==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "chalk": "4.1.2",
-        "rxjs": "7.8.2",
-        "shell-quote": "1.8.3",
-        "supports-color": "8.1.1",
-        "tree-kill": "1.2.2",
-        "yargs": "17.7.2"
-      },
-      "bin": {
-        "conc": "dist/bin/concurrently.js",
-        "concurrently": "dist/bin/concurrently.js"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
-      }
-    },
-    "node_modules/concurrently/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/content-disposition": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
-      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "5.2.1"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/content-type": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/convert-source-map": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cookie": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz",
-      "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
-      }
-    },
-    "node_modules/cookie-signature": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
-      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
-      "license": "MIT"
-    },
-    "node_modules/cors": {
-      "version": "2.8.6",
-      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
-      "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
-      "license": "MIT",
-      "dependencies": {
-        "object-assign": "^4",
-        "vary": "^1"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
-      }
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/csstype": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
-      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/debug": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/depd": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
-      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/destroy": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
-      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/dunder-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.2.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/ee-first": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
-      "license": "MIT"
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.307",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.307.tgz",
-      "integrity": "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/es-define-property": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-object-atoms": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/esbuild": {
-      "version": "0.27.3",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.3.tgz",
-      "integrity": "sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "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"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-html": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
-      "license": "MIT"
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
-      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.8.0",
-        "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.21.2",
-        "@eslint/config-helpers": "^0.4.2",
-        "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.5",
-        "@eslint/js": "9.39.4",
-        "@eslint/plugin-kit": "^0.4.1",
-        "@humanfs/node": "^0.16.6",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@humanwhocodes/retry": "^0.4.2",
-        "@types/estree": "^1.0.6",
-        "ajv": "^6.14.0",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.6",
-        "debug": "^4.3.2",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^8.4.0",
-        "eslint-visitor-keys": "^4.2.1",
-        "espree": "^10.4.0",
-        "esquery": "^1.5.0",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^8.0.0",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.5",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://eslint.org/donate"
-      },
-      "peerDependencies": {
-        "jiti": "*"
-      },
-      "peerDependenciesMeta": {
-        "jiti": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz",
-      "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/core": "^7.24.4",
-        "@babel/parser": "^7.24.4",
-        "hermes-parser": "^0.25.1",
-        "zod": "^3.25.0 || ^4.0.0",
-        "zod-validation-error": "^3.5.0 || ^4.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-react-refresh": {
-      "version": "0.4.26",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.26.tgz",
-      "integrity": "sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "eslint": ">=8.40"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/espree": {
-      "version": "10.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
-      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "acorn": "^8.15.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
-      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/etag": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/express": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
-      "integrity": "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==",
-      "license": "MIT",
-      "dependencies": {
-        "accepts": "~1.3.8",
-        "array-flatten": "1.1.1",
-        "body-parser": "~1.20.3",
-        "content-disposition": "~0.5.4",
-        "content-type": "~1.0.4",
-        "cookie": "~0.7.1",
-        "cookie-signature": "~1.0.6",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "finalhandler": "~1.3.1",
-        "fresh": "~0.5.2",
-        "http-errors": "~2.0.0",
-        "merge-descriptors": "1.0.3",
-        "methods": "~1.1.2",
-        "on-finished": "~2.4.1",
-        "parseurl": "~1.3.3",
-        "path-to-regexp": "~0.1.12",
-        "proxy-addr": "~2.0.7",
-        "qs": "~6.14.0",
-        "range-parser": "~1.2.1",
-        "safe-buffer": "5.2.1",
-        "send": "~0.19.0",
-        "serve-static": "~1.16.2",
-        "setprototypeof": "1.2.0",
-        "statuses": "~2.0.1",
-        "type-is": "~1.6.18",
-        "utils-merge": "1.0.1",
-        "vary": "~1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.10.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
-      }
-    },
-    "node_modules/express/node_modules/cookie": {
-      "version": "0.7.2",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
-      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/express/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/express/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "license": "MIT"
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "flat-cache": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      }
-    },
-    "node_modules/finalhandler": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
-      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
-      "license": "MIT",
-      "dependencies": {
-        "debug": "2.6.9",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "on-finished": "~2.4.1",
-        "parseurl": "~1.3.3",
-        "statuses": "~2.0.2",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/finalhandler/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/finalhandler/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "license": "MIT"
-    },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/flat-cache": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.4"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.1.tgz",
-      "integrity": "sha512-IxfVbRFVlV8V/yRaGzk0UVIcsKKHMSfYw66T/u4nTwlWteQePsxe//LjudR1AMX4tZW3WFCh3Zqa/sjlqpbURQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/forwarded": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
-      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/fresh": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "function-bind": "^1.1.2",
-        "get-proto": "^1.0.1",
-        "gopd": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "math-intrinsics": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
-      "license": "MIT",
-      "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/globals": {
-      "version": "16.5.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-16.5.0.tgz",
-      "integrity": "sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/gopd": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "license": "MIT",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/hermes-estree": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
-      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/hermes-parser": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
-      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "hermes-estree": "0.25.1"
-      }
-    },
-    "node_modules/http-errors": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
-      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
-      "license": "MIT",
-      "dependencies": {
-        "depd": "~2.0.0",
-        "inherits": "~2.0.4",
-        "setprototypeof": "~1.2.0",
-        "statuses": "~2.0.2",
-        "toidentifier": "~1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
-      }
-    },
-    "node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "license": "MIT",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
-      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "license": "ISC"
-    },
-    "node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
-      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/jsesc": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
-      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "node_modules/math-intrinsics": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/media-typer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/merge-descriptors": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
-      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/methods": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "license": "MIT",
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "license": "MIT",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT"
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.36",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
-      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.13.4",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/on-finished": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
-      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
-      "license": "MIT",
-      "dependencies": {
-        "ee-first": "1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.5"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/parseurl": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
-      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-to-regexp": {
-      "version": "0.1.12",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
-      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
-      "license": "MIT"
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.8",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
-      "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/proxy-addr": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
-      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
-      "license": "MIT",
-      "dependencies": {
-        "forwarded": "0.2.0",
-        "ipaddr.js": "1.9.1"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/qs": {
-      "version": "6.14.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.2.tgz",
-      "integrity": "sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==",
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "side-channel": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/range-parser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/raw-body": {
-      "version": "2.5.3",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
-      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
-      "license": "MIT",
-      "dependencies": {
-        "bytes": "~3.1.2",
-        "http-errors": "~2.0.1",
-        "iconv-lite": "~0.4.24",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/react": {
-      "version": "19.2.4",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
-      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-dom": {
-      "version": "19.2.4",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
-      "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "scheduler": "^0.27.0"
-      },
-      "peerDependencies": {
-        "react": "^19.2.4"
-      }
-    },
-    "node_modules/react-refresh": {
-      "version": "0.18.0",
-      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.18.0.tgz",
-      "integrity": "sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-router": {
-      "version": "7.13.1",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.13.1.tgz",
-      "integrity": "sha512-td+xP4X2/6BJvZoX6xw++A2DdEi++YypA69bJUV5oVvqf6/9/9nNlD70YO1e9d3MyamJEBQFEzk6mbfDYbqrSA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cookie": "^1.0.1",
-        "set-cookie-parser": "^2.6.0"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=18",
-        "react-dom": ">=18"
-      },
-      "peerDependenciesMeta": {
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-router-dom": {
-      "version": "7.13.1",
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.13.1.tgz",
-      "integrity": "sha512-UJnV3Rxc5TgUPJt2KJpo1Jpy0OKQr0AjgbZzBFjaPJcFOb2Y8jA5H3LT8HUJAiRLlWrEXWHbF1Z4SCZaQjWDHw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "react-router": "7.13.1"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=18",
-        "react-dom": ">=18"
-      }
-    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "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==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "1.0.8"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=18.0.0",
-        "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",
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/rxjs": {
-      "version": "7.8.2",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
-      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "license": "MIT"
-    },
-    "node_modules/scheduler": {
-      "version": "0.27.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
-      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/send": {
-      "version": "0.19.2",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
-      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
-      "license": "MIT",
-      "dependencies": {
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "fresh": "~0.5.2",
-        "http-errors": "~2.0.1",
-        "mime": "1.6.0",
-        "ms": "2.1.3",
-        "on-finished": "~2.4.1",
-        "range-parser": "~1.2.1",
-        "statuses": "~2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/send/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/send/node_modules/debug/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "license": "MIT"
-    },
-    "node_modules/serve-static": {
-      "version": "1.16.3",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
-      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
-      "license": "MIT",
-      "dependencies": {
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "parseurl": "~1.3.3",
-        "send": "~0.19.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/set-cookie-parser": {
-      "version": "2.7.2",
-      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
-      "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/setprototypeof": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
-      "license": "ISC"
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shell-quote": {
-      "version": "1.8.3",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
-      "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/side-channel": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3",
-        "side-channel-list": "^1.0.0",
-        "side-channel-map": "^1.0.1",
-        "side-channel-weakmap": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/side-channel-list": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
-      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/side-channel-map": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
-      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.5",
-        "object-inspect": "^1.13.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/side-channel-weakmap": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
-      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.5",
-        "object-inspect": "^1.13.3",
-        "side-channel-map": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/sql.js": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/sql.js/-/sql.js-1.14.1.tgz",
-      "integrity": "sha512-gcj8zBWU5cFsi9WUP+4bFNXAyF1iRpA3LLyS/DP5xlrNzGmPIizUeBggKa8DbDwdqaKwUcTEnChtd2grWo/x/A==",
-      "license": "MIT"
-    },
-    "node_modules/statuses": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
-      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
-      }
-    },
-    "node_modules/toidentifier": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
-      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
-    "node_modules/tree-kill": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
-      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "tree-kill": "cli.js"
-      }
-    },
-    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "dev": true,
-      "license": "0BSD"
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/type-is": {
-      "version": "1.6.18",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
-      "license": "MIT",
-      "dependencies": {
-        "media-typer": "0.3.0",
-        "mime-types": "~2.1.24"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/unpipe": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
-      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "escalade": "^3.2.0",
-        "picocolors": "^1.1.1"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/utils-merge": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/vary": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/vite": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
-      "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "esbuild": "^0.27.0",
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3",
-        "postcss": "^8.5.6",
-        "rollup": "^4.43.0",
-        "tinyglobby": "^0.2.15"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^20.19.0 || >=22.12.0",
-        "jiti": ">=1.21.0",
-        "less": "^4.0.0",
-        "lightningcss": "^1.21.0",
-        "sass": "^1.70.0",
-        "sass-embedded": "^1.70.0",
-        "stylus": ">=0.54.8",
-        "sugarss": "^5.0.0",
-        "terser": "^5.16.0",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "jiti": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "lightningcss": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/word-wrap": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^8.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^21.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "21.1.1",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/zod": {
-      "version": "4.3.6",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
-      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
-    },
-    "node_modules/zod-validation-error": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
-      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18.0.0"
-      },
-      "peerDependencies": {
-        "zod": "^3.25.0 || ^4.0.0"
-      }
-    }
-  }
-}
diff --git a/package.json b/package.json
index 7fbadc1..5b895a3 100644
--- a/package.json
+++ b/package.json
@@ -4,33 +4,26 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "concurrently \"npm run server\" \"vite\"",
-    "server": "node server/index.js",
-    "build": "vite build",
+    "dev": "pnpm --filter web dev",
+    "dev:api": "pnpm --filter api dev",
+    "build": "pnpm --filter web build",
     "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "cors": "^2.8.5",
-    "express": "^4.21.1",
-    "sql.js": "^1.14.0"
+    "preview": "pnpm --filter web preview",
+    "test": "pnpm -r --if-present test"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
-    "@tabler/core": "^1.4.0",
-    "@tabler/icons-react": "^3.40.0",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.1",
-    "chart.js": "^4.5.1",
-    "concurrently": "^9.1.0",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-router-dom": "^7.13.1",
-    "vite": "^7.3.1"
+    "typescript": "^5.9.2"
+  },
+  "packageManager": "pnpm@10.33.2",
+  "engines": {
+    "node": ">=22"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": ["better-sqlite3", "esbuild"]
   }
 }
diff --git a/packages/db/package.json b/packages/db/package.json
new file mode 100644
index 0000000..98d35df
--- /dev/null
+++ b/packages/db/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@cfdm/db",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./schema": "./src/schema/index.ts",
+    "./repositories/providers": "./src/repositories/providers.ts",
+    "./repositories/provider-accounts": "./src/repositories/provider-accounts.ts",
+    "./repositories/vps": "./src/repositories/vps.ts",
+    "./repositories/projects": "./src/repositories/projects.ts",
+    "./repositories/payments": "./src/repositories/payments.ts",
+    "./repositories/balance-ledger": "./src/repositories/balance-ledger.ts",
+    "./repositories/settings": "./src/repositories/settings.ts",
+    "./repositories/tariffs": "./src/repositories/tariffs.ts",
+    "./repositories/snapshot": "./src/repositories/snapshot.ts",
+    "./repositories/utils": "./src/repositories/utils.ts"
+  },
+  "dependencies": {
+    "drizzle-orm": "^0.40.0",
+    "better-sqlite3": "^11.10.0"
+  },
+  "devDependencies": {
+    "drizzle-kit": "^0.30.0",
+    "@types/better-sqlite3": "^7.6.13"
+  }
+}
diff --git a/packages/db/src/index.ts b/packages/db/src/index.ts
new file mode 100644
index 0000000..6f3abc4
--- /dev/null
+++ b/packages/db/src/index.ts
@@ -0,0 +1,38 @@
+import Database from 'better-sqlite3'
+import { drizzle, type BetterSQLite3Database } from 'drizzle-orm/better-sqlite3'
+import { existsSync, mkdirSync } from 'node:fs'
+import { dirname, resolve } from 'node:path'
+import * as schema from './schema/index.js'
+
+export type Db = BetterSQLite3Database<typeof schema>
+
+let _db: Db | null = null
+let _sqlite: Database.Database | null = null
+
+const DEFAULT_DB_PATH = resolve(process.cwd(), 'data', 'vps-tracker.db')
+
+export function getDbPath(): string {
+  return process.env.DB_PATH ?? DEFAULT_DB_PATH
+}
+
+export function getDb(): Db {
+  if (_db) return _db
+  const dbPath = getDbPath()
+  const dir = dirname(dbPath)
+  if (!existsSync(dir)) mkdirSync(dir, { recursive: true })
+  _sqlite = new Database(dbPath)
+  _sqlite.pragma('journal_mode = WAL')
+  _sqlite.pragma('foreign_keys = ON')
+  _db = drizzle(_sqlite, { schema })
+  return _db
+}
+
+export function closeDb(): void {
+  if (_sqlite) {
+    _sqlite.close()
+    _sqlite = null
+    _db = null
+  }
+}
+
+export { schema }
diff --git a/packages/db/src/repositories/balance-ledger.ts b/packages/db/src/repositories/balance-ledger.ts
new file mode 100644
index 0000000..b9a6cc1
--- /dev/null
+++ b/packages/db/src/repositories/balance-ledger.ts
@@ -0,0 +1,51 @@
+import { desc, eq } from 'drizzle-orm'
+import { getDb, schema } from '../index.js'
+import { generateId } from './utils.js'
+
+type Row = typeof schema.balanceLedger.$inferSelect
+type Insert = Partial<typeof schema.balanceLedger.$inferInsert> & {
+  type: string
+  date: string
+  amount: number
+}
+
+function normalize(input: Partial<Row>) {
+  return {
+    type: input.type ?? '',
+    date: input.date ?? '',
+    amount: Number(input.amount) || 0,
+    currency: input.currency ?? '',
+    direction: input.direction ?? '',
+    providerAccountId: input.providerAccountId ?? '',
+    vpsId: input.vpsId ?? '',
+    note: input.note ?? '',
+  }
+}
+
+export const balanceLedgerRepository = {
+  list(): Row[] {
+    return getDb().select().from(schema.balanceLedger).orderBy(desc(schema.balanceLedger.date)).all()
+  },
+  get(id: string): Row | undefined {
+    return getDb().select().from(schema.balanceLedger).where(eq(schema.balanceLedger.id, id)).get()
+  },
+  create(input: Insert, id?: string): Row {
+    const finalId = id ?? input.id ?? generateId('ledger')
+    getDb().insert(schema.balanceLedger).values({ id: finalId, ...normalize(input) }).run()
+    return this.get(finalId)!
+  },
+  update(id: string, input: Partial<Row>): Row | undefined {
+    const existing = this.get(id)
+    if (!existing) return undefined
+    getDb()
+      .update(schema.balanceLedger)
+      .set(normalize({ ...existing, ...input }))
+      .where(eq(schema.balanceLedger.id, id))
+      .run()
+    return this.get(id)
+  },
+  delete(id: string): boolean {
+    const r = getDb().delete(schema.balanceLedger).where(eq(schema.balanceLedger.id, id)).run()
+    return r.changes > 0
+  },
+}
diff --git a/packages/db/src/repositories/payments.ts b/packages/db/src/repositories/payments.ts
new file mode 100644
index 0000000..719b223
--- /dev/null
+++ b/packages/db/src/repositories/payments.ts
@@ -0,0 +1,46 @@
+import { desc, eq } from 'drizzle-orm'
+import { getDb, schema } from '../index.js'
+import { generateId } from './utils.js'
+
+type Row = typeof schema.payments.$inferSelect
+type Insert = Partial<typeof schema.payments.$inferInsert> & { type: string; date: string; amount: number }
+
+function normalize(input: Partial<Row>) {
+  return {
+    type: input.type ?? '',
+    date: input.date ?? '',
+    amount: Number(input.amount) || 0,
+    currency: input.currency ?? '',
+    providerAccountId: input.providerAccountId ?? '',
+    vpsId: input.vpsId ?? '',
+    note: input.note ?? '',
+  }
+}
+
+export const paymentsRepository = {
+  list(): Row[] {
+    return getDb().select().from(schema.payments).orderBy(desc(schema.payments.date)).all()
+  },
+  get(id: string): Row | undefined {
+    return getDb().select().from(schema.payments).where(eq(schema.payments.id, id)).get()
+  },
+  create(input: Insert, id?: string): Row {
+    const finalId = id ?? input.id ?? generateId('pay')
+    getDb().insert(schema.payments).values({ id: finalId, ...normalize(input) }).run()
+    return this.get(finalId)!
+  },
+  update(id: string, input: Partial<Row>): Row | undefined {
+    const existing = this.get(id)
+    if (!existing) return undefined
+    getDb()
+      .update(schema.payments)
+      .set(normalize({ ...existing, ...input }))
+      .where(eq(schema.payments.id, id))
+      .run()
+    return this.get(id)
+  },
+  delete(id: string): boolean {
+    const r = getDb().delete(schema.payments).where(eq(schema.payments.id, id)).run()
+    return r.changes > 0
+  },
+}
diff --git a/packages/db/src/repositories/projects.ts b/packages/db/src/repositories/projects.ts
new file mode 100644
index 0000000..c9b35d8
--- /dev/null
+++ b/packages/db/src/repositories/projects.ts
@@ -0,0 +1,122 @@
+import { randomUUID } from 'node:crypto'
+import { eq, like, asc, sql } from 'drizzle-orm'
+import { getDb, schema } from '../index.js'
+
+export function normalizeProjectNameInput(name: unknown): string {
+  if (name == null) return ''
+  return String(name).trim()
+}
+
+export function findProjectByNameCaseInsensitive(
+  name: string,
+): (typeof schema.serverProjects.$inferSelect) | undefined {
+  const n = normalizeProjectNameInput(name)
+  if (!n) return undefined
+  return getDb()
+    .select()
+    .from(schema.serverProjects)
+    .where(eq(sql`LOWER(${schema.serverProjects.name})`, n.toLowerCase()))
+    .get()
+}
+
+export function resolveOrCreateProject(
+  name: unknown,
+): { id: string | null; name: string } {
+  const n = normalizeProjectNameInput(name)
+  if (!n) return { id: null, name: '' }
+  const existing = findProjectByNameCaseInsensitive(n)
+  if (existing) return { id: existing.id, name: existing.name }
+  const id = `proj-${randomUUID()}`
+  const now = new Date().toISOString()
+  getDb()
+    .insert(schema.serverProjects)
+    .values({ id, name: n, color: null, sortOrder: 0, notes: null, createdAt: now })
+    .run()
+  return { id, name: n }
+}
+
+export function projectSuggestions(
+  q: string,
+  limit = 20,
+): { id: string; name: string }[] {
+  const term = normalizeProjectNameInput(q)
+  const lim = Math.min(50, Math.max(1, Number(limit) || 20))
+  const db = getDb()
+  if (!term) {
+    return db
+      .select({ id: schema.serverProjects.id, name: schema.serverProjects.name })
+      .from(schema.serverProjects)
+      .orderBy(asc(schema.serverProjects.name))
+      .limit(lim)
+      .all()
+  }
+  const esc = term.replace(/\\/g, '\\\\').replace(/%/g, '\\%').replace(/_/g, '\\_')
+  const pattern = `%${esc.toLowerCase()}%`
+  return db
+    .select({ id: schema.serverProjects.id, name: schema.serverProjects.name })
+    .from(schema.serverProjects)
+    .where(like(sql`LOWER(${schema.serverProjects.name})`, pattern))
+    .orderBy(asc(schema.serverProjects.name))
+    .limit(lim)
+    .all()
+}
+
+export function getProjectNameById(id: string): string {
+  const row = getDb()
+    .select({ name: schema.serverProjects.name })
+    .from(schema.serverProjects)
+    .where(eq(schema.serverProjects.id, id))
+    .get()
+  return row?.name ?? ''
+}
+
+export const projectsRepository = {
+  list(): (typeof schema.serverProjects.$inferSelect)[] {
+    return getDb()
+      .select()
+      .from(schema.serverProjects)
+      .orderBy(asc(schema.serverProjects.name))
+      .all()
+  },
+  create(input: { name: string; color?: string | null; notes?: string | null }) {
+    const id = `proj-${randomUUID()}`
+    const now = new Date().toISOString()
+    getDb()
+      .insert(schema.serverProjects)
+      .values({
+        id,
+        name: input.name,
+        color: input.color ?? null,
+        sortOrder: 0,
+        notes: input.notes ?? null,
+        createdAt: now,
+      })
+      .run()
+    return this.list().find((p) => p.id === id)!
+  },
+  update(
+    id: string,
+    input: Partial<{ name: string; color: string | null; notes: string | null }>,
+  ) {
+    const existing = getDb()
+      .select()
+      .from(schema.serverProjects)
+      .where(eq(schema.serverProjects.id, id))
+      .get()
+    if (!existing) return undefined
+    getDb()
+      .update(schema.serverProjects)
+      .set({
+        name: input.name ?? existing.name,
+        color: input.color ?? existing.color,
+        notes: input.notes ?? existing.notes,
+      })
+      .where(eq(schema.serverProjects.id, id))
+      .run()
+    return getDb().select().from(schema.serverProjects).where(eq(schema.serverProjects.id, id)).get()
+  },
+  delete(id: string): boolean {
+    const r = getDb().delete(schema.serverProjects).where(eq(schema.serverProjects.id, id)).run()
+    return r.changes > 0
+  },
+}
diff --git a/packages/db/src/repositories/provider-accounts.ts b/packages/db/src/repositories/provider-accounts.ts
new file mode 100644
index 0000000..cdffea5
--- /dev/null
+++ b/packages/db/src/repositories/provider-accounts.ts
@@ -0,0 +1,114 @@
+import { asc, eq } from 'drizzle-orm'
+import { getDb, schema } from '../index.js'
+import { generateId } from './utils.js'
+
+type AccountRow = typeof schema.providerAccounts.$inferSelect
+type AccountInsert = Partial<typeof schema.providerAccounts.$inferInsert> & {
+  providerId: string
+  name: string
+}
+
+export interface PublicAccountRow extends Omit<AccountRow, 'apiCredentials'> {
+  apiCredentialsSet: boolean
+}
+
+function sanitize(row: AccountRow | undefined): PublicAccountRow | undefined {
+  if (!row) return undefined
+  const { apiCredentials, ...rest } = row
+  return { ...rest, apiCredentialsSet: Boolean(apiCredentials) }
+}
+
+function normalize(input: Partial<AccountRow>) {
+  const rawAlert = input.balanceAlertBelow
+  const alertBelow = rawAlert != null && !Number.isNaN(Number(rawAlert)) ? Number(rawAlert) : null
+  return {
+    providerId: input.providerId ?? '',
+    name: input.name ?? '',
+    panelUrl: input.panelUrl ?? '',
+    currency: input.currency ?? '',
+    billingMode: input.billingMode ?? '',
+    notes: input.notes ?? '',
+    apiType: '',
+    apiBaseUrl: '',
+    apiCredentials: input.apiCredentials ?? '',
+    balanceAlertBelow: Number.isFinite(alertBelow) ? alertBelow : null,
+  }
+}
+
+export const providerAccountsRepository = {
+  list(): PublicAccountRow[] {
+    const rows = getDb()
+      .select()
+      .from(schema.providerAccounts)
+      .orderBy(asc(schema.providerAccounts.name))
+      .all()
+    return rows.map((r) => sanitize(r)!) as PublicAccountRow[]
+  },
+
+  get(id: string): PublicAccountRow | undefined {
+    const row = getDb()
+      .select()
+      .from(schema.providerAccounts)
+      .where(eq(schema.providerAccounts.id, id))
+      .get()
+    return sanitize(row)
+  },
+
+  getWithCredentials(id: string): AccountRow | undefined {
+    return getDb()
+      .select()
+      .from(schema.providerAccounts)
+      .where(eq(schema.providerAccounts.id, id))
+      .get()
+  },
+
+  create(input: AccountInsert, id?: string): PublicAccountRow {
+    const db = getDb()
+    const finalId = id ?? input.id ?? generateId('account')
+    db.insert(schema.providerAccounts)
+      .values({ id: finalId, ...normalize(input) })
+      .run()
+    return this.get(finalId)!
+  },
+
+  update(id: string, input: Partial<AccountRow>): PublicAccountRow | undefined {
+    const db = getDb()
+    const existing = this.getWithCredentials(id)
+    if (!existing) return undefined
+    const apiCredentials =
+      input.apiCredentials !== undefined
+        ? String(input.apiCredentials || '')
+        : (existing.apiCredentials || '')
+
+    let balanceAlertBelow = existing.balanceAlertBelow
+    if (input.balanceAlertBelow !== undefined) {
+      const v = input.balanceAlertBelow
+      balanceAlertBelow = v == null ? null : Number.isFinite(Number(v)) ? Number(v) : null
+    }
+
+    db.update(schema.providerAccounts)
+      .set({
+        providerId: input.providerId ?? existing.providerId,
+        name: input.name ?? existing.name,
+        panelUrl: input.panelUrl ?? existing.panelUrl,
+        currency: input.currency ?? existing.currency,
+        billingMode: input.billingMode ?? existing.billingMode,
+        notes: input.notes ?? existing.notes,
+        apiType: '',
+        apiBaseUrl: '',
+        apiCredentials,
+        balanceAlertBelow,
+      })
+      .where(eq(schema.providerAccounts.id, id))
+      .run()
+    return this.get(id)
+  },
+
+  delete(id: string): boolean {
+    const res = getDb()
+      .delete(schema.providerAccounts)
+      .where(eq(schema.providerAccounts.id, id))
+      .run()
+    return res.changes > 0
+  },
+}
diff --git a/packages/db/src/repositories/providers.ts b/packages/db/src/repositories/providers.ts
new file mode 100644
index 0000000..2a1acd8
--- /dev/null
+++ b/packages/db/src/repositories/providers.ts
@@ -0,0 +1,63 @@
+import { asc, eq } from 'drizzle-orm'
+import { getDb, schema, type Db } from '../index.js'
+import { generateId } from './utils.js'
+
+export type ProviderInsert = Partial<typeof schema.providers.$inferInsert> & {
+  name: string
+}
+
+function normalize(input: Partial<typeof schema.providers.$inferInsert>) {
+  return {
+    name: input.name ?? '',
+    website: input.website ?? '',
+    contact: input.contact ?? '',
+    baseCurrency: input.baseCurrency ?? '',
+    usdRate: input.usdRate ?? '',
+    eurRate: input.eurRate ?? '',
+    notes: input.notes ?? '',
+    apiType: input.apiType ?? '',
+    apiBaseUrl: input.apiBaseUrl ?? '',
+  }
+}
+
+export const providersRepository = {
+  list(): (typeof schema.providers.$inferSelect)[] {
+    return getDb().select().from(schema.providers).orderBy(asc(schema.providers.name)).all()
+  },
+
+  get(id: string): (typeof schema.providers.$inferSelect) | undefined {
+    return getDb().select().from(schema.providers).where(eq(schema.providers.id, id)).get()
+  },
+
+  create(input: ProviderInsert, id?: string): (typeof schema.providers.$inferSelect) {
+    const db: Db = getDb()
+    const finalId = id ?? input.id ?? generateId('provider')
+    db.insert(schema.providers)
+      .values({ id: finalId, ...normalize(input) })
+      .run()
+    return this.get(finalId)!
+  },
+
+  update(
+    id: string,
+    input: Partial<typeof schema.providers.$inferInsert>,
+  ): (typeof schema.providers.$inferSelect) | undefined {
+    const db = getDb()
+    const existing = this.get(id)
+    if (!existing) return undefined
+    const merged = {
+      ...existing,
+      ...normalize({ ...existing, ...input }),
+    }
+    db.update(schema.providers)
+      .set(merged)
+      .where(eq(schema.providers.id, id))
+      .run()
+    return this.get(id)
+  },
+
+  delete(id: string): boolean {
+    const res = getDb().delete(schema.providers).where(eq(schema.providers.id, id)).run()
+    return res.changes > 0
+  },
+}
diff --git a/packages/db/src/repositories/settings.ts b/packages/db/src/repositories/settings.ts
new file mode 100644
index 0000000..3ed23f7
--- /dev/null
+++ b/packages/db/src/repositories/settings.ts
@@ -0,0 +1,150 @@
+import { asc, eq } from 'drizzle-orm'
+import { getDb, schema } from '../index.js'
+
+type Row = typeof schema.settings.$inferSelect
+
+export type SettingsDto = Omit<Row, 'telegramBotToken' | 'autoConvert' | 'syncEnabled' | 'notifyPaymentExpiryEnabled' | 'notifyNewTariffsEnabled' | 'notifyLowBalanceEnabled' | 'notifySyncDigestEnabled' | 'customFields'> & {
+  telegramBotTokenSet: boolean
+  autoConvert: boolean
+  syncEnabled: boolean
+  notifyPaymentExpiryEnabled: boolean
+  notifyNewTariffsEnabled: boolean
+  notifyLowBalanceEnabled: boolean
+  notifySyncDigestEnabled: boolean
+  customFields: unknown[]
+}
+
+function toDto(row: Row | undefined): SettingsDto | undefined {
+  if (!row) return undefined
+  let customFields: unknown[] = []
+  if (row.customFields) {
+    try {
+      customFields = JSON.parse(row.customFields)
+    } catch {
+      customFields = []
+    }
+  }
+  const { telegramBotToken, ...rest } = row
+  return {
+    ...rest,
+    telegramBotTokenSet: Boolean(telegramBotToken?.trim()),
+    autoConvert: Boolean(row.autoConvert),
+    syncEnabled: Boolean(row.syncEnabled),
+    notifyPaymentExpiryEnabled: Boolean(row.notifyPaymentExpiryEnabled),
+    notifyNewTariffsEnabled: Boolean(row.notifyNewTariffsEnabled),
+    notifyLowBalanceEnabled: Boolean(row.notifyLowBalanceEnabled),
+    notifySyncDigestEnabled: Boolean(row.notifySyncDigestEnabled),
+    customFields: Array.isArray(customFields) ? customFields : [],
+  }
+}
+
+function serializeCustomFields(val: unknown): string | null {
+  if (val == null) return null
+  if (Array.isArray(val)) return JSON.stringify(val)
+  if (typeof val === 'string') return val || null
+  return null
+}
+
+interface SettingsInput {
+  baseCurrency?: string
+  ratesUrl?: string
+  autoConvert?: boolean
+  ratesUpdatedAt?: string
+  syncEnabled?: boolean
+  syncIntervalMinutes?: number
+  syncTariffsIntervalMinutes?: number
+  telegramBotToken?: string
+  telegramChatId?: string
+  telegramMessageThreadId?: string
+  notifyPaymentExpiryEnabled?: boolean
+  notifyNewTariffsEnabled?: boolean
+  notifyLowBalanceEnabled?: boolean
+  notifySyncDigestEnabled?: boolean
+  customFields?: unknown
+}
+
+function buildValues(id: string, existing: Row | undefined, r: SettingsInput) {
+  return {
+    id,
+    baseCurrency: r.baseCurrency ?? existing?.baseCurrency ?? 'RUB',
+    ratesUrl: r.ratesUrl ?? existing?.ratesUrl ?? '',
+    autoConvert:
+      r.autoConvert !== undefined ? (r.autoConvert ? 1 : 0) : existing?.autoConvert ? 1 : 0,
+    ratesUpdatedAt: r.ratesUpdatedAt ?? existing?.ratesUpdatedAt ?? '',
+    syncEnabled:
+      r.syncEnabled !== undefined ? (r.syncEnabled ? 1 : 0) : existing?.syncEnabled ? 1 : 0,
+    syncIntervalMinutes:
+      r.syncIntervalMinutes !== undefined
+        ? Math.max(15, Number(r.syncIntervalMinutes) || 60)
+        : existing?.syncIntervalMinutes ?? 60,
+    syncTariffsIntervalMinutes:
+      r.syncTariffsIntervalMinutes !== undefined
+        ? Math.max(60, Number(r.syncTariffsIntervalMinutes) || 1440)
+        : existing?.syncTariffsIntervalMinutes ?? 1440,
+    telegramBotToken:
+      r.telegramBotToken !== undefined ? r.telegramBotToken || '' : existing?.telegramBotToken ?? '',
+    telegramChatId:
+      r.telegramChatId !== undefined ? r.telegramChatId || '' : existing?.telegramChatId ?? '',
+    telegramMessageThreadId:
+      r.telegramMessageThreadId !== undefined
+        ? r.telegramMessageThreadId || ''
+        : existing?.telegramMessageThreadId ?? '',
+    notifyPaymentExpiryEnabled:
+      r.notifyPaymentExpiryEnabled !== undefined
+        ? r.notifyPaymentExpiryEnabled
+          ? 1
+          : 0
+        : existing?.notifyPaymentExpiryEnabled
+          ? 1
+          : 0,
+    notifyNewTariffsEnabled:
+      r.notifyNewTariffsEnabled !== undefined
+        ? r.notifyNewTariffsEnabled
+          ? 1
+          : 0
+        : existing?.notifyNewTariffsEnabled
+          ? 1
+          : 0,
+    notifyLowBalanceEnabled:
+      r.notifyLowBalanceEnabled !== undefined
+        ? r.notifyLowBalanceEnabled
+          ? 1
+          : 0
+        : existing?.notifyLowBalanceEnabled
+          ? 1
+          : 0,
+    notifySyncDigestEnabled:
+      r.notifySyncDigestEnabled !== undefined
+        ? r.notifySyncDigestEnabled
+          ? 1
+          : 0
+        : existing?.notifySyncDigestEnabled
+          ? 1
+          : 0,
+    customFields: serializeCustomFields(r.customFields ?? existing?.customFields),
+  }
+}
+
+export const settingsRepository = {
+  list(): SettingsDto[] {
+    const rows = getDb().select().from(schema.settings).orderBy(asc(schema.settings.id)).all()
+    return rows.map((r) => toDto(r)!) as SettingsDto[]
+  },
+  get(id: string): SettingsDto | undefined {
+    return toDto(getDb().select().from(schema.settings).where(eq(schema.settings.id, id)).get())
+  },
+  getRow(id: string): Row | undefined {
+    return getDb().select().from(schema.settings).where(eq(schema.settings.id, id)).get()
+  },
+  upsert(id: string, input: SettingsInput): SettingsDto {
+    const db = getDb()
+    const existing = this.getRow(id)
+    const values = buildValues(id, existing, input)
+    if (existing) {
+      db.update(schema.settings).set(values).where(eq(schema.settings.id, id)).run()
+    } else {
+      db.insert(schema.settings).values(values).run()
+    }
+    return this.get(id)!
+  },
+}
diff --git a/packages/db/src/repositories/snapshot.ts b/packages/db/src/repositories/snapshot.ts
new file mode 100644
index 0000000..fb87d6f
--- /dev/null
+++ b/packages/db/src/repositories/snapshot.ts
@@ -0,0 +1,46 @@
+import { vpsRepository } from './vps.js'
+import { providersRepository } from './providers.js'
+import { providerAccountsRepository } from './provider-accounts.js'
+import { paymentsRepository } from './payments.js'
+import { balanceLedgerRepository } from './balance-ledger.js'
+import { settingsRepository } from './settings.js'
+import { activeTariffsRepository, tariffSyncOptionsRepository } from './tariffs.js'
+import { projectsRepository } from './projects.js'
+
+export interface Snapshot {
+  vps: ReturnType<typeof vpsRepository.list>
+  serverProjects: ReturnType<typeof projectsRepository.list>
+  providers: ReturnType<typeof providersRepository.list>
+  providerAccounts: ReturnType<typeof providerAccountsRepository.list>
+  payments: ReturnType<typeof paymentsRepository.list>
+  balanceLedger: ReturnType<typeof balanceLedgerRepository.list>
+  settings: ReturnType<typeof settingsRepository.list>
+  activeTariffs: ReturnType<typeof activeTariffsRepository.list>
+  tariffSyncOptions: ReturnType<typeof tariffSyncOptionsRepository.list>
+}
+
+export function getSnapshot(): Snapshot {
+  return {
+    vps: vpsRepository.list(),
+    serverProjects: projectsRepository.list(),
+    providers: providersRepository.list(),
+    providerAccounts: providerAccountsRepository.list(),
+    payments: paymentsRepository.list(),
+    balanceLedger: balanceLedgerRepository.list(),
+    settings: settingsRepository.list(),
+    activeTariffs: activeTariffsRepository.list(),
+    tariffSyncOptions: tariffSyncOptionsRepository.list(),
+  }
+}
+
+export {
+  vpsRepository,
+  providersRepository,
+  providerAccountsRepository,
+  paymentsRepository,
+  balanceLedgerRepository,
+  settingsRepository,
+  activeTariffsRepository,
+  tariffSyncOptionsRepository,
+  projectsRepository,
+}
diff --git a/packages/db/src/repositories/tariffs.ts b/packages/db/src/repositories/tariffs.ts
new file mode 100644
index 0000000..7e39fce
--- /dev/null
+++ b/packages/db/src/repositories/tariffs.ts
@@ -0,0 +1,116 @@
+import { asc, eq } from 'drizzle-orm'
+import { getDb, schema } from '../index.js'
+
+type Row = typeof schema.activeTariffs.$inferSelect
+
+export type ActiveTariffDto = Omit<Row, 'orderAvailable' | 'ramGb'> & {
+  orderAvailable: boolean
+  ramGb: number
+}
+
+function toDto(row: Row | undefined): ActiveTariffDto | undefined {
+  if (!row) return undefined
+  return {
+    ...row,
+    orderAvailable: Boolean(row.orderAvailable),
+    ramGb: row.ramGb != null ? Number(row.ramGb) : 0,
+  }
+}
+
+export const activeTariffsRepository = {
+  list(): ActiveTariffDto[] {
+    const rows = getDb()
+      .select()
+      .from(schema.activeTariffs)
+      .orderBy(asc(schema.activeTariffs.name))
+      .all()
+    return rows.map((r) => toDto(r)!) as ActiveTariffDto[]
+  },
+  byAccount(accountId: string): ActiveTariffDto[] {
+    const rows = getDb()
+      .select()
+      .from(schema.activeTariffs)
+      .where(eq(schema.activeTariffs.providerAccountId, accountId))
+      .all()
+    return rows.map((r) => toDto(r)!) as ActiveTariffDto[]
+  },
+  upsertMany(rows: (typeof schema.activeTariffs.$inferInsert)[]): void {
+    const db = getDb()
+    for (const r of rows) {
+      const existing = db
+        .select({ id: schema.activeTariffs.id })
+        .from(schema.activeTariffs)
+        .where(eq(schema.activeTariffs.id, r.id))
+        .get()
+      if (existing) {
+        db.update(schema.activeTariffs).set(r).where(eq(schema.activeTariffs.id, r.id)).run()
+      } else {
+        db.insert(schema.activeTariffs).values(r).run()
+      }
+    }
+  },
+}
+
+export type TariffSyncOptionsRow = typeof schema.tariffSyncOptions.$inferSelect
+export interface TariffSyncOptionsDto {
+  providerAccountId: string
+  datacenters: unknown[]
+  periods: unknown[]
+  syncedAt: string
+}
+
+export function toTariffSyncOptionsDto(
+  row: TariffSyncOptionsRow | undefined,
+): TariffSyncOptionsDto | undefined {
+  if (!row) return undefined
+  let datacenters: unknown[] = []
+  let periods: unknown[] = []
+  try {
+    datacenters = row.datacenters ? JSON.parse(row.datacenters) : []
+  } catch {
+    datacenters = []
+  }
+  try {
+    periods = row.periods ? JSON.parse(row.periods) : []
+  } catch {
+    periods = []
+  }
+  return {
+    providerAccountId: row.providerAccountId,
+    datacenters: Array.isArray(datacenters) ? datacenters : [],
+    periods: Array.isArray(periods) ? periods : [],
+    syncedAt: row.syncedAt ?? '',
+  }
+}
+
+export const tariffSyncOptionsRepository = {
+  list(): TariffSyncOptionsDto[] {
+    const rows = getDb().select().from(schema.tariffSyncOptions).all()
+    return rows.map((r) => toTariffSyncOptionsDto(r)!) as TariffSyncOptionsDto[]
+  },
+  byAccount(accountId: string): TariffSyncOptionsDto | undefined {
+    return toTariffSyncOptionsDto(
+      getDb()
+        .select()
+        .from(schema.tariffSyncOptions)
+        .where(eq(schema.tariffSyncOptions.providerAccountId, accountId))
+        .get(),
+    )
+  },
+  upsert(input: typeof schema.tariffSyncOptions.$inferInsert): void {
+    const db = getDb()
+    const existing = db
+      .select({ providerAccountId: schema.tariffSyncOptions.providerAccountId })
+      .from(schema.tariffSyncOptions)
+      .where(eq(schema.tariffSyncOptions.providerAccountId, input.providerAccountId))
+      .get()
+    if (existing) {
+      db.update(schema.tariffSyncOptions)
+        .set(input)
+        .where(eq(schema.tariffSyncOptions.providerAccountId, input.providerAccountId))
+        .run()
+    } else {
+      db.insert(schema.tariffSyncOptions).values(input).run()
+    }
+  },
+}
diff --git a/packages/db/src/repositories/utils.ts b/packages/db/src/repositories/utils.ts
new file mode 100644
index 0000000..7744022
--- /dev/null
+++ b/packages/db/src/repositories/utils.ts
@@ -0,0 +1,5 @@
+export function generateId(prefix: string): string {
+  const ts = Date.now()
+  const rand = Math.random().toString(36).slice(2, 9)
+  return `${prefix}-${ts}-${rand}`
+}
diff --git a/packages/db/src/repositories/vps.ts b/packages/db/src/repositories/vps.ts
new file mode 100644
index 0000000..ec1b857
--- /dev/null
+++ b/packages/db/src/repositories/vps.ts
@@ -0,0 +1,304 @@
+import { desc, eq, inArray } from 'drizzle-orm'
+import { getDb, schema } from '../index.js'
+import { generateId } from './utils.js'
+import { resolveOrCreateProject, getProjectNameById } from './projects.js'
+
+type VpsRow = typeof schema.vps.$inferSelect
+
+export type VpsDto = Omit<VpsRow, 'additionalIps' | 'userOverrides' | 'projectId' | 'monitoringEnabled' | 'backupEnabled' | 'dailyRate' | 'monthlyRate'> & {
+  additionalIps: string[]
+  userOverrides: string[]
+  projectId: string
+  monitoringEnabled: boolean
+  backupEnabled: boolean
+  dailyRate: number | ''
+  monthlyRate: number | ''
+}
+
+const USER_OVERRIDABLE_FIELDS = [
+  'country', 'city', 'datacenter', 'os', 'vcpu', 'ramGb', 'diskGb', 'diskType',
+  'virtualization', 'purpose', 'environment', 'project', 'notes', 'sshPort',
+  'rootUser', 'bandwidthTb', 'monitoringEnabled', 'backupEnabled',
+] as const
+
+function toDto(row: VpsRow | undefined): VpsDto | undefined {
+  if (!row) return undefined
+  let additionalIps: string[] = []
+  try {
+    additionalIps = row.additionalIps ? JSON.parse(row.additionalIps) : []
+  } catch {
+    additionalIps = []
+  }
+  let userOverrides: string[] = []
+  try {
+    userOverrides = row.userOverrides ? JSON.parse(row.userOverrides) : []
+  } catch {
+    userOverrides = []
+  }
+  return {
+    ...row,
+    additionalIps,
+    userOverrides,
+    projectId: row.projectId ?? '',
+    monitoringEnabled: Boolean(row.monitoringEnabled),
+    backupEnabled: Boolean(row.backupEnabled),
+    dailyRate: row.dailyRate != null ? row.dailyRate : '',
+    monthlyRate: row.monthlyRate != null ? row.monthlyRate : '',
+  }
+}
+
+interface VpsInput {
+  ip?: string
+  ipv6?: string
+  additionalIps?: string[]
+  dns?: string
+  providerId?: string
+  providerAccountId?: string
+  country?: string
+  city?: string
+  datacenter?: string
+  os?: string
+  vcpu?: number
+  ramGb?: number
+  diskGb?: number
+  diskType?: string
+  virtualization?: string
+  bandwidthTb?: number
+  sshPort?: number
+  rootUser?: string
+  purpose?: string
+  environment?: string
+  project?: string
+  projectId?: string
+  monitoringEnabled?: boolean
+  backupEnabled?: boolean
+  status?: string
+  tariffType?: string
+  currency?: string
+  dailyRate?: number | ''
+  monthlyRate?: number | ''
+  createdAt?: string
+  paidUntil?: string
+  notes?: string
+  userOverrides?: string[] | 'clear'
+}
+
+function projectColumnsForSave(projectInput: unknown): { project: string; projectId: string } {
+  const resolved = resolveOrCreateProject(projectInput)
+  if (!resolved.id) return { project: '', projectId: '' }
+  return { project: resolved.name, projectId: resolved.id }
+}
+
+function numOrNull(v: unknown): number | null {
+  if (v === '' || v == null) return null
+  const n = Number(v)
+  return Number.isFinite(n) ? n : null
+}
+
+function boolToInt(v: unknown): number {
+  return v ? 1 : 0
+}
+
+export const vpsRepository = {
+  list(): VpsDto[] {
+    const rows = getDb().select().from(schema.vps).orderBy(desc(schema.vps.createdAt)).all()
+    return rows.map((r) => toDto(r)!) as VpsDto[]
+  },
+
+  get(id: string): VpsDto | undefined {
+    const row = getDb().select().from(schema.vps).where(eq(schema.vps.id, id)).get()
+    return toDto(row)
+  },
+
+  create(input: VpsInput, id?: string): VpsDto {
+    const db = getDb()
+    const finalId = id ?? generateId('vps')
+    const additionalIps = Array.isArray(input.additionalIps) ? JSON.stringify(input.additionalIps) : '[]'
+    const { project, projectId } = projectColumnsForSave(input.project)
+    db.insert(schema.vps)
+      .values({
+        id: finalId,
+        ip: input.ip ?? '',
+        ipv6: input.ipv6 ?? '',
+        additionalIps,
+        dns: input.dns ?? '',
+        providerId: input.providerId ?? '',
+        providerAccountId: input.providerAccountId ?? '',
+        country: input.country ?? '',
+        city: input.city ?? '',
+        datacenter: input.datacenter ?? '',
+        os: input.os ?? '',
+        vcpu: input.vcpu ?? 0,
+        ramGb: input.ramGb ?? 0,
+        diskGb: input.diskGb ?? 0,
+        diskType: input.diskType ?? '',
+        virtualization: input.virtualization ?? '',
+        bandwidthTb: input.bandwidthTb ?? 0,
+        sshPort: input.sshPort ?? 22,
+        rootUser: input.rootUser ?? '',
+        purpose: input.purpose ?? '',
+        environment: input.environment ?? '',
+        project,
+        projectId: projectId || null,
+        monitoringEnabled: boolToInt(input.monitoringEnabled),
+        backupEnabled: boolToInt(input.backupEnabled),
+        status: input.status ?? 'active',
+        tariffType: input.tariffType ?? '',
+        currency: input.currency ?? '',
+        dailyRate: numOrNull(input.dailyRate),
+        monthlyRate: numOrNull(input.monthlyRate),
+        createdAt: input.createdAt ?? new Date().toISOString().slice(0, 10),
+        paidUntil: input.paidUntil ?? '',
+        notes: input.notes ?? '',
+        userOverrides: input.userOverrides && Array.isArray(input.userOverrides)
+          ? JSON.stringify(input.userOverrides)
+          : '[]',
+      })
+      .run()
+    return this.get(finalId)!
+  },
+
+  update(id: string, input: VpsInput): VpsDto | undefined {
+    const db = getDb()
+    const existing = getDb().select().from(schema.vps).where(eq(schema.vps.id, id)).get()
+    if (!existing) return undefined
+
+    let userOverrides: string[] = []
+    try {
+      userOverrides = existing.userOverrides ? JSON.parse(existing.userOverrides) : []
+    } catch {
+      userOverrides = []
+    }
+    const clearOverrides =
+      input.userOverrides === 'clear' ||
+      (Array.isArray(input.userOverrides) && input.userOverrides.length === 0)
+    if (clearOverrides) userOverrides = []
+
+    const additionalIps = Array.isArray(input.additionalIps) ? JSON.stringify(input.additionalIps) : '[]'
+
+    let projectOut = existing.project ?? ''
+    let projectIdOut = existing.projectId ?? ''
+    if (input.project !== undefined) {
+      const r = projectColumnsForSave(input.project)
+      projectOut = r.project
+      projectIdOut = r.projectId
+    } else if (input.projectId !== undefined) {
+      if (!input.projectId) {
+        projectOut = ''
+        projectIdOut = ''
+      } else {
+        projectOut = getProjectNameById(input.projectId)
+        projectIdOut = input.projectId
+      }
+    }
+
+    if (!clearOverrides) {
+      for (const f of USER_OVERRIDABLE_FIELDS) {
+        if (f === 'project') {
+          const projectChanged =
+            String(projectOut ?? '') !== String(existing.project ?? '') ||
+            String(projectIdOut ?? '') !== String(existing.projectId ?? '')
+          if (projectChanged && !userOverrides.includes('project')) {
+            userOverrides.push('project')
+          }
+          continue
+        }
+        const newVal = (input as Record<string, unknown>)[f]
+        const oldVal = (existing as Record<string, unknown>)[f]
+        const changed = String(newVal ?? '') !== String(oldVal ?? '')
+        if (changed && !userOverrides.includes(f)) {
+          userOverrides.push(f)
+        }
+      }
+    }
+    const userOverridesJson = JSON.stringify([...new Set(userOverrides)])
+
+    db.update(schema.vps)
+      .set({
+        ip: input.ip ?? '',
+        ipv6: input.ipv6 ?? '',
+        additionalIps,
+        dns: input.dns ?? '',
+        providerId: input.providerId ?? '',
+        providerAccountId: input.providerAccountId ?? '',
+        country: input.country ?? '',
+        city: input.city ?? '',
+        datacenter: input.datacenter ?? '',
+        os: input.os ?? '',
+        vcpu: input.vcpu ?? 0,
+        ramGb: input.ramGb ?? 0,
+        diskGb: input.diskGb ?? 0,
+        diskType: input.diskType ?? '',
+        virtualization: input.virtualization ?? '',
+        bandwidthTb: input.bandwidthTb ?? 0,
+        sshPort: input.sshPort ?? 22,
+        rootUser: input.rootUser ?? '',
+        purpose: input.purpose ?? '',
+        environment: input.environment ?? '',
+        project: projectOut,
+        projectId: projectIdOut || null,
+        monitoringEnabled: boolToInt(input.monitoringEnabled),
+        backupEnabled: boolToInt(input.backupEnabled),
+        status: input.status ?? 'active',
+        tariffType: input.tariffType ?? '',
+        currency: input.currency ?? '',
+        dailyRate: numOrNull(input.dailyRate),
+        monthlyRate: numOrNull(input.monthlyRate),
+        createdAt: input.createdAt ?? '',
+        paidUntil: input.paidUntil ?? '',
+        notes: input.notes ?? '',
+        userOverrides: userOverridesJson,
+      })
+      .where(eq(schema.vps.id, id))
+      .run()
+    return this.get(id)
+  },
+
+  delete(id: string): boolean {
+    const r = getDb().delete(schema.vps).where(eq(schema.vps.id, id)).run()
+    return r.changes > 0
+  },
+
+  bulkStatus(ids: string[], status: string): number {
+    getDb().update(schema.vps).set({ status }).where(inArray(schema.vps.id, ids)).run()
+    return ids.length
+  },
+
+  bulkDelete(ids: string[]): number {
+    const r = getDb().delete(schema.vps).where(inArray(schema.vps.id, ids)).run()
+    return r.changes
+  },
+
+  bulkProject(ids: string[], project: string | null): { updated: number; project: string; projectId: string } {
+    const { project: projName, projectId: projId } = projectColumnsForSave(project ?? '')
+    const rows = getDb()
+      .select()
+      .from(schema.vps)
+      .where(inArray(schema.vps.id, ids))
+      .all()
+    let updated = 0
+    for (const row of rows) {
+      if (String(row.project ?? '') === projName && String(row.projectId ?? '') === String(projId ?? '')) {
+        continue
+      }
+      let userOverrides: string[] = []
+      try {
+        userOverrides = row.userOverrides ? JSON.parse(row.userOverrides) : []
+      } catch {
+        userOverrides = []
+      }
+      if (!userOverrides.includes('project')) userOverrides.push('project')
+      getDb()
+        .update(schema.vps)
+        .set({
+          project: projName,
+          projectId: projId || null,
+          userOverrides: JSON.stringify([...new Set(userOverrides)]),
+        })
+        .where(eq(schema.vps.id, row.id))
+        .run()
+      updated++
+    }
+    return { updated, project: projName, projectId: projId }
+  },
+}
diff --git a/packages/db/src/schema/index.ts b/packages/db/src/schema/index.ts
new file mode 100644
index 0000000..91eae7d
--- /dev/null
+++ b/packages/db/src/schema/index.ts
@@ -0,0 +1,175 @@
+import { sqliteTable, text, integer, real } from 'drizzle-orm/sqlite-core'
+import { sql } from 'drizzle-orm'
+
+export const providers = sqliteTable('providers', {
+  id: text('id').primaryKey(),
+  name: text('name').notNull(),
+  website: text('website'),
+  contact: text('contact'),
+  baseCurrency: text('baseCurrency'),
+  usdRate: text('usdRate'),
+  eurRate: text('eurRate'),
+  notes: text('notes'),
+  apiType: text('apiType'),
+  apiBaseUrl: text('apiBaseUrl'),
+})
+
+export const providerAccounts = sqliteTable('provider_accounts', {
+  id: text('id').primaryKey(),
+  providerId: text('providerId')
+    .notNull()
+    .references(() => providers.id),
+  name: text('name').notNull(),
+  panelUrl: text('panelUrl'),
+  currency: text('currency'),
+  billingMode: text('billingMode'),
+  notes: text('notes'),
+  apiType: text('apiType'),
+  apiBaseUrl: text('apiBaseUrl'),
+  apiCredentials: text('apiCredentials'),
+  balanceApi: real('balance_api'),
+  balanceCurrency: text('balance_currency'),
+  balanceUpdatedAt: text('balance_updated_at'),
+  enoughmoneyto: text('enoughmoneyto'),
+  balanceAlertBelow: real('balance_alert_below'),
+})
+
+export const serverProjects = sqliteTable('server_projects', {
+  id: text('id').primaryKey(),
+  name: text('name').notNull(),
+  color: text('color'),
+  sortOrder: integer('sortOrder').default(0),
+  notes: text('notes'),
+  createdAt: text('createdAt'),
+})
+
+export const vps = sqliteTable('vps', {
+  id: text('id').primaryKey(),
+  ip: text('ip'),
+  ipv6: text('ipv6'),
+  additionalIps: text('additionalIps'),
+  dns: text('dns'),
+  providerId: text('providerId').references(() => providers.id),
+  providerAccountId: text('providerAccountId').references(() => providerAccounts.id),
+  country: text('country'),
+  city: text('city'),
+  datacenter: text('datacenter'),
+  os: text('os'),
+  vcpu: integer('vcpu'),
+  ramGb: integer('ramGb'),
+  diskGb: integer('diskGb'),
+  diskType: text('diskType'),
+  virtualization: text('virtualization'),
+  bandwidthTb: integer('bandwidthTb'),
+  sshPort: integer('sshPort'),
+  rootUser: text('rootUser'),
+  purpose: text('purpose'),
+  environment: text('environment'),
+  project: text('project'),
+  projectId: text('projectId').references(() => serverProjects.id),
+  monitoringEnabled: integer('monitoringEnabled'),
+  backupEnabled: integer('backupEnabled'),
+  status: text('status'),
+  tariffType: text('tariffType'),
+  currency: text('currency'),
+  dailyRate: real('dailyRate'),
+  monthlyRate: real('monthlyRate'),
+  createdAt: text('createdAt'),
+  paidUntil: text('paidUntil'),
+  notes: text('notes'),
+  userOverrides: text('userOverrides'),
+})
+
+export const payments = sqliteTable('payments', {
+  id: text('id').primaryKey(),
+  type: text('type').notNull(),
+  date: text('date').notNull(),
+  amount: real('amount').notNull(),
+  currency: text('currency'),
+  providerAccountId: text('providerAccountId').references(() => providerAccounts.id),
+  vpsId: text('vpsId').references(() => vps.id),
+  note: text('note'),
+})
+
+export const balanceLedger = sqliteTable('balance_ledger', {
+  id: text('id').primaryKey(),
+  type: text('type').notNull(),
+  date: text('date').notNull(),
+  amount: real('amount').notNull(),
+  currency: text('currency'),
+  direction: text('direction'),
+  providerAccountId: text('providerAccountId').references(() => providerAccounts.id),
+  vpsId: text('vpsId').references(() => vps.id),
+  note: text('note'),
+})
+
+export const settings = sqliteTable('settings', {
+  id: text('id').primaryKey(),
+  baseCurrency: text('baseCurrency'),
+  ratesUrl: text('ratesUrl'),
+  autoConvert: integer('autoConvert'),
+  ratesUpdatedAt: text('ratesUpdatedAt'),
+  syncEnabled: integer('syncEnabled'),
+  syncIntervalMinutes: integer('syncIntervalMinutes'),
+  syncTariffsIntervalMinutes: integer('syncTariffsIntervalMinutes'),
+  customFields: text('customFields'),
+  telegramBotToken: text('telegramBotToken'),
+  telegramChatId: text('telegramChatId'),
+  notifyPaymentExpiryEnabled: integer('notifyPaymentExpiryEnabled'),
+  notifyNewTariffsEnabled: integer('notifyNewTariffsEnabled'),
+  telegramMessageThreadId: text('telegramMessageThreadId'),
+  notifyLowBalanceEnabled: integer('notifyLowBalanceEnabled'),
+  notifySyncDigestEnabled: integer('notifySyncDigestEnabled'),
+})
+
+export const syncLog = sqliteTable('sync_log', {
+  id: text('id').primaryKey(),
+  accountId: text('accountId')
+    .notNull()
+    .references(() => providerAccounts.id),
+  startedAt: text('startedAt').notNull(),
+  finishedAt: text('finishedAt'),
+  status: text('status'),
+  vpsCount: integer('vpsCount'),
+  paymentsCount: integer('paymentsCount'),
+  error: text('error'),
+  summary: text('summary'),
+})
+
+export const activeTariffs = sqliteTable('active_tariffs', {
+  id: text('id').primaryKey(),
+  providerAccountId: text('providerAccountId')
+    .notNull()
+    .references(() => providerAccounts.id),
+  providerId: text('providerId')
+    .notNull()
+    .references(() => providers.id),
+  externalId: text('externalId').notNull(),
+  datacenterKey: text('datacenterKey'),
+  datacenterName: text('datacenterName'),
+  name: text('name'),
+  desc: text('desc'),
+  vcpu: integer('vcpu'),
+  ramGb: real('ramGb'),
+  diskGb: integer('diskGb'),
+  diskType: text('diskType'),
+  virtualization: text('virtualization'),
+  channel: text('channel'),
+  location: text('location'),
+  country: text('country'),
+  cpuModel: text('cpuModel'),
+  orderAvailable: integer('orderAvailable'),
+  price: text('price'),
+  syncedAt: text('syncedAt'),
+})
+
+export const tariffSyncOptions = sqliteTable('tariff_sync_options', {
+  providerAccountId: text('providerAccountId')
+    .primaryKey()
+    .references(() => providerAccounts.id),
+  datacenters: text('datacenters'),
+  periods: text('periods'),
+  syncedAt: text('syncedAt'),
+})
+
+export const now = sql`(datetime('now'))`
diff --git a/packages/shared/package.json b/packages/shared/package.json
new file mode 100644
index 0000000..e196525
--- /dev/null
+++ b/packages/shared/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "@cfdm/shared",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./contracts/*": "./src/contracts/*.ts",
+    "./types/*": "./src/types/*.ts"
+  },
+  "dependencies": {
+    "zod": "^3.25.0"
+  }
+}
diff --git a/packages/shared/src/contracts/balance-ledger.ts b/packages/shared/src/contracts/balance-ledger.ts
new file mode 100644
index 0000000..33aa54c
--- /dev/null
+++ b/packages/shared/src/contracts/balance-ledger.ts
@@ -0,0 +1,15 @@
+import { z } from 'zod'
+
+export const balanceLedgerSchema = z.object({
+  id: z.string().optional(),
+  type: z.string().min(1, 'Type is required'),
+  date: z.string().min(1, 'Date is required'),
+  amount: z.coerce.number(),
+  currency: z.string().optional().default(''),
+  direction: z.string().optional().default(''),
+  providerAccountId: z.string().optional().default(''),
+  vpsId: z.string().optional().default(''),
+  note: z.string().optional().default(''),
+})
+
+export type BalanceLedger = z.infer<typeof balanceLedgerSchema>
diff --git a/packages/shared/src/contracts/payment.ts b/packages/shared/src/contracts/payment.ts
new file mode 100644
index 0000000..998238c
--- /dev/null
+++ b/packages/shared/src/contracts/payment.ts
@@ -0,0 +1,14 @@
+import { z } from 'zod'
+
+export const paymentSchema = z.object({
+  id: z.string().optional(),
+  type: z.string().min(1, 'Type is required'),
+  date: z.string().min(1, 'Date is required'),
+  amount: z.coerce.number(),
+  currency: z.string().optional().default(''),
+  providerAccountId: z.string().optional().default(''),
+  vpsId: z.string().optional().default(''),
+  note: z.string().optional().default(''),
+})
+
+export type Payment = z.infer<typeof paymentSchema>
diff --git a/packages/shared/src/contracts/provider-account.ts b/packages/shared/src/contracts/provider-account.ts
new file mode 100644
index 0000000..1f998be
--- /dev/null
+++ b/packages/shared/src/contracts/provider-account.ts
@@ -0,0 +1,15 @@
+import { z } from 'zod'
+
+export const providerAccountSchema = z.object({
+  id: z.string().optional(),
+  providerId: z.string().min(1, 'Provider is required'),
+  name: z.string().min(1, 'Name is required'),
+  panelUrl: z.string().optional().default(''),
+  currency: z.string().optional().default(''),
+  billingMode: z.string().optional().default(''),
+  notes: z.string().optional().default(''),
+  apiCredentials: z.string().optional().default(''),
+  balanceAlertBelow: z.union([z.number(), z.null()]).optional(),
+})
+
+export type ProviderAccount = z.infer<typeof providerAccountSchema>
diff --git a/packages/shared/src/contracts/provider.ts b/packages/shared/src/contracts/provider.ts
new file mode 100644
index 0000000..c438f80
--- /dev/null
+++ b/packages/shared/src/contracts/provider.ts
@@ -0,0 +1,16 @@
+import { z } from 'zod'
+
+export const providerSchema = z.object({
+  id: z.string().optional(),
+  name: z.string().min(1, 'Name is required'),
+  website: z.string().optional().default(''),
+  contact: z.string().optional().default(''),
+  baseCurrency: z.string().optional().default(''),
+  usdRate: z.string().optional().default(''),
+  eurRate: z.string().optional().default(''),
+  notes: z.string().optional().default(''),
+  apiType: z.string().optional().default(''),
+  apiBaseUrl: z.string().optional().default(''),
+})
+
+export type Provider = z.infer<typeof providerSchema>
diff --git a/packages/shared/src/contracts/settings.ts b/packages/shared/src/contracts/settings.ts
new file mode 100644
index 0000000..1ffdfb2
--- /dev/null
+++ b/packages/shared/src/contracts/settings.ts
@@ -0,0 +1,22 @@
+import { z } from 'zod'
+
+export const settingsSchema = z.object({
+  id: z.string().optional(),
+  baseCurrency: z.string().optional(),
+  ratesUrl: z.string().optional(),
+  autoConvert: z.boolean().optional(),
+  ratesUpdatedAt: z.string().optional(),
+  syncEnabled: z.boolean().optional(),
+  syncIntervalMinutes: z.coerce.number().optional(),
+  syncTariffsIntervalMinutes: z.coerce.number().optional(),
+  telegramBotToken: z.string().optional(),
+  telegramChatId: z.string().optional(),
+  telegramMessageThreadId: z.string().optional(),
+  notifyPaymentExpiryEnabled: z.boolean().optional(),
+  notifyNewTariffsEnabled: z.boolean().optional(),
+  notifyLowBalanceEnabled: z.boolean().optional(),
+  notifySyncDigestEnabled: z.boolean().optional(),
+  customFields: z.any().optional(),
+})
+
+export type Settings = z.infer<typeof settingsSchema>
diff --git a/packages/shared/src/contracts/vps.ts b/packages/shared/src/contracts/vps.ts
new file mode 100644
index 0000000..984423c
--- /dev/null
+++ b/packages/shared/src/contracts/vps.ts
@@ -0,0 +1,40 @@
+import { z } from 'zod'
+
+export const vpsSchema = z.object({
+  id: z.string().optional(),
+  ip: z.string().optional().default(''),
+  ipv6: z.string().optional().default(''),
+  additionalIps: z.array(z.string()).optional().default([]),
+  dns: z.string().optional().default(''),
+  providerId: z.string().optional().default(''),
+  providerAccountId: z.string().optional().default(''),
+  country: z.string().optional().default(''),
+  city: z.string().optional().default(''),
+  datacenter: z.string().optional().default(''),
+  os: z.string().optional().default(''),
+  vcpu: z.coerce.number().optional().default(0),
+  ramGb: z.coerce.number().optional().default(0),
+  diskGb: z.coerce.number().optional().default(0),
+  diskType: z.string().optional().default(''),
+  virtualization: z.string().optional().default(''),
+  bandwidthTb: z.coerce.number().optional().default(0),
+  sshPort: z.coerce.number().optional().default(22),
+  rootUser: z.string().optional().default(''),
+  purpose: z.string().optional().default(''),
+  environment: z.string().optional().default(''),
+  project: z.string().optional().default(''),
+  projectId: z.string().optional().default(''),
+  monitoringEnabled: z.coerce.boolean().optional().default(false),
+  backupEnabled: z.coerce.boolean().optional().default(false),
+  status: z.string().optional().default('active'),
+  tariffType: z.string().optional().default(''),
+  currency: z.string().optional().default(''),
+  dailyRate: z.union([z.coerce.number(), z.literal('')]).optional(),
+  monthlyRate: z.union([z.coerce.number(), z.literal('')]).optional(),
+  createdAt: z.string().optional(),
+  paidUntil: z.string().optional().default(''),
+  notes: z.string().optional().default(''),
+  userOverrides: z.union([z.array(z.string()), z.literal('clear')]).optional(),
+})
+
+export type VpsFormValues = z.infer<typeof vpsSchema>
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
new file mode 100644
index 0000000..0260ca5
--- /dev/null
+++ b/packages/shared/src/index.ts
@@ -0,0 +1,6 @@
+export * from './contracts/provider'
+export * from './contracts/provider-account'
+export * from './contracts/vps'
+export * from './contracts/payment'
+export * from './contracts/balance-ledger'
+export * from './contracts/settings'
diff --git a/packages/ui/components.json b/packages/ui/components.json
new file mode 100644
index 0000000..67a5602
--- /dev/null
+++ b/packages/ui/components.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "base-nova",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/styles/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@cfdm/ui/components",
+    "utils": "@cfdm/ui/lib/utils",
+    "hooks": "@cfdm/ui/hooks",
+    "lib": "@cfdm/ui/lib",
+    "ui": "@cfdm/ui/components"
+  }
+}
diff --git a/packages/ui/package.json b/packages/ui/package.json
new file mode 100644
index 0000000..a5a11cd
--- /dev/null
+++ b/packages/ui/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@cfdm/ui",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "exports": {
+    "./components/*": "./src/components/*",
+    "./hooks/*": "./src/hooks/*",
+    "./lib/utils": "./src/lib/utils.ts",
+    "./globals.css": "./src/styles/globals.css"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.0.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.468.0",
+    "next-themes": "^0.4.6",
+    "recharts": "3.8.0",
+    "sonner": "^1.7.4",
+    "tailwind-merge": "^3.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3"
+  }
+}
diff --git a/packages/ui/src/components/alert-dialog.tsx b/packages/ui/src/components/alert-dialog.tsx
new file mode 100644
index 0000000..2278dc2
--- /dev/null
+++ b/packages/ui/src/components/alert-dialog.tsx
@@ -0,0 +1,185 @@
+import * as React from "react"
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog"
+
+import { cn } from "@cfdm/ui/lib/utils"
+import { Button } from "@cfdm/ui/components/button"
+
+function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props) {
+  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />
+}
+
+function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props) {
+  return (
+    <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />
+  )
+}
+
+function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props) {
+  return (
+    <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />
+  )
+}
+
+function AlertDialogOverlay({
+  className,
+  ...props
+}: AlertDialogPrimitive.Backdrop.Props) {
+  return (
+    <AlertDialogPrimitive.Backdrop
+      data-slot="alert-dialog-overlay"
+      className={cn(
+        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogContent({
+  className,
+  size = "default",
+  ...props
+}: AlertDialogPrimitive.Popup.Props & {
+  size?: "default" | "sm"
+}) {
+  return (
+    <AlertDialogPortal>
+      <AlertDialogOverlay />
+      <AlertDialogPrimitive.Popup
+        data-slot="alert-dialog-content"
+        data-size={size}
+        className={cn(
+          "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        )}
+        {...props}
+      />
+    </AlertDialogPortal>
+  )
+}
+
+function AlertDialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-header"
+      className={cn(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-footer"
+      className={cn(
+        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogMedia({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-media"
+      className={cn(
+        "mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
+  return (
+    <AlertDialogPrimitive.Title
+      data-slot="alert-dialog-title"
+      className={cn(
+        "text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
+  return (
+    <AlertDialogPrimitive.Description
+      data-slot="alert-dialog-description"
+      className={cn(
+        "text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogAction({
+  className,
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  return (
+    <Button
+      data-slot="alert-dialog-action"
+      className={cn(className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogCancel({
+  className,
+  variant = "outline",
+  size = "default",
+  ...props
+}: AlertDialogPrimitive.Close.Props &
+  Pick<React.ComponentProps<typeof Button>, "variant" | "size">) {
+  return (
+    <AlertDialogPrimitive.Close
+      data-slot="alert-dialog-cancel"
+      className={cn(className)}
+      render={<Button variant={variant} size={size} />}
+      {...props}
+    />
+  )
+}
+
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+}
diff --git a/packages/ui/src/components/badge.tsx b/packages/ui/src/components/badge.tsx
new file mode 100644
index 0000000..be75158
--- /dev/null
+++ b/packages/ui/src/components/badge.tsx
@@ -0,0 +1,52 @@
+import { mergeProps } from "@base-ui/react/merge-props"
+import { useRender } from "@base-ui/react/use-render"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+const badgeVariants = cva(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary:
+          "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive:
+          "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline:
+          "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost:
+          "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function Badge({
+  className,
+  variant = "default",
+  render,
+  ...props
+}: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps<"span">(
+      {
+        className: cn(badgeVariants({ variant }), className),
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "badge",
+      variant,
+    },
+  })
+}
+
+export { Badge, badgeVariants }
diff --git a/packages/ui/src/components/breadcrumb.tsx b/packages/ui/src/components/breadcrumb.tsx
new file mode 100644
index 0000000..a06f8ed
--- /dev/null
+++ b/packages/ui/src/components/breadcrumb.tsx
@@ -0,0 +1,125 @@
+import * as React from "react"
+import { mergeProps } from "@base-ui/react/merge-props"
+import { useRender } from "@base-ui/react/use-render"
+
+import { cn } from "@cfdm/ui/lib/utils"
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
+
+function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) {
+  return (
+    <nav
+      aria-label="breadcrumb"
+      data-slot="breadcrumb"
+      className={cn(className)}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
+  return (
+    <ol
+      data-slot="breadcrumb-list"
+      className={cn(
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="breadcrumb-item"
+      className={cn("inline-flex items-center gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbLink({
+  className,
+  render,
+  ...props
+}: useRender.ComponentProps<"a">) {
+  return useRender({
+    defaultTagName: "a",
+    props: mergeProps<"a">(
+      {
+        className: cn("transition-colors hover:text-foreground", className),
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "breadcrumb-link",
+    },
+  })
+}
+
+function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="breadcrumb-page"
+      role="link"
+      aria-disabled="true"
+      aria-current="page"
+      className={cn("font-normal text-foreground", className)}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="breadcrumb-separator"
+      role="presentation"
+      aria-hidden="true"
+      className={cn("[&>svg]:size-3.5", className)}
+      {...props}
+    >
+      {children ?? (
+        <ChevronRightIcon />
+      )}
+    </li>
+  )
+}
+
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="breadcrumb-ellipsis"
+      role="presentation"
+      aria-hidden="true"
+      className={cn(
+        "flex size-5 items-center justify-center [&>svg]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <MoreHorizontalIcon
+      />
+      <span className="sr-only">More</span>
+    </span>
+  )
+}
+
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+}
diff --git a/packages/ui/src/components/button.tsx b/packages/ui/src/components/button.tsx
new file mode 100644
index 0000000..bd0a3a2
--- /dev/null
+++ b/packages/ui/src/components/button.tsx
@@ -0,0 +1,58 @@
+import { Button as ButtonPrimitive } from "@base-ui/react/button"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+const buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline:
+          "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost:
+          "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive:
+          "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default:
+          "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-8",
+        "icon-xs":
+          "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm":
+          "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {
+  return (
+    <ButtonPrimitive
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }
diff --git a/packages/ui/src/components/card.tsx b/packages/ui/src/components/card.tsx
new file mode 100644
index 0000000..83262bf
--- /dev/null
+++ b/packages/ui/src/components/card.tsx
@@ -0,0 +1,103 @@
+import * as React from "react"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+function Card({
+  className,
+  size = "default",
+  ...props
+}: React.ComponentProps<"div"> & { size?: "default" | "sm" }) {
+  return (
+    <div
+      data-slot="card"
+      data-size={size}
+      className={cn(
+        "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-header"
+      className={cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-title"
+      className={cn(
+        "text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-description"
+      className={cn("text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  )
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-action"
+      className={cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-content"
+      className={cn("px-(--card-spacing)", className)}
+      {...props}
+    />
+  )
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-footer"
+      className={cn(
+        "flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardAction,
+  CardDescription,
+  CardContent,
+}
diff --git a/packages/ui/src/components/chart.tsx b/packages/ui/src/components/chart.tsx
new file mode 100644
index 0000000..4dec2f0
--- /dev/null
+++ b/packages/ui/src/components/chart.tsx
@@ -0,0 +1,371 @@
+import * as React from "react"
+import * as RechartsPrimitive from "recharts"
+import type { TooltipValueType } from "recharts"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: "", dark: ".dark" } as const
+
+const INITIAL_DIMENSION = { width: 320, height: 200 } as const
+type TooltipNameType = number | string
+
+export type ChartConfig = Record<
+  string,
+  {
+    label?: React.ReactNode
+    icon?: React.ComponentType
+  } & (
+    | { color?: string; theme?: never }
+    | { color?: never; theme: Record<keyof typeof THEMES, string> }
+  )
+>
+
+type ChartContextProps = {
+  config: ChartConfig
+}
+
+const ChartContext = React.createContext<ChartContextProps | null>(null)
+
+function useChart() {
+  const context = React.useContext(ChartContext)
+
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />")
+  }
+
+  return context
+}
+
+function ChartContainer({
+  id,
+  className,
+  children,
+  config,
+  initialDimension = INITIAL_DIMENSION,
+  ...props
+}: React.ComponentProps<"div"> & {
+  config: ChartConfig
+  children: React.ComponentProps<
+    typeof RechartsPrimitive.ResponsiveContainer
+  >["children"]
+  initialDimension?: {
+    width: number
+    height: number
+  }
+}) {
+  const uniqueId = React.useId()
+  const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`
+
+  return (
+    <ChartContext.Provider value={{ config }}>
+      <div
+        data-slot="chart"
+        data-chart={chartId}
+        className={cn(
+          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
+          className
+        )}
+        {...props}
+      >
+        <ChartStyle id={chartId} config={config} />
+        <RechartsPrimitive.ResponsiveContainer
+          initialDimension={initialDimension}
+        >
+          {children}
+        </RechartsPrimitive.ResponsiveContainer>
+      </div>
+    </ChartContext.Provider>
+  )
+}
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, config]) => config.theme ?? config.color
+  )
+
+  if (!colorConfig.length) {
+    return null
+  }
+
+  return (
+    <style
+      dangerouslySetInnerHTML={{
+        __html: Object.entries(THEMES)
+          .map(
+            ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+  .map(([key, itemConfig]) => {
+    const color =
+      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ??
+      itemConfig.color
+    return color ? `  --color-${key}: ${color};` : null
+  })
+  .join("\n")}
+}
+`
+          )
+          .join("\n"),
+      }}
+    />
+  )
+}
+
+const ChartTooltip = RechartsPrimitive.Tooltip
+
+function ChartTooltipContent({
+  active,
+  payload,
+  className,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey,
+}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
+  React.ComponentProps<"div"> & {
+    hideLabel?: boolean
+    hideIndicator?: boolean
+    indicator?: "line" | "dot" | "dashed"
+    nameKey?: string
+    labelKey?: string
+  } & Omit<
+    RechartsPrimitive.DefaultTooltipContentProps<
+      TooltipValueType,
+      TooltipNameType
+    >,
+    "accessibilityLayer"
+  >) {
+  const { config } = useChart()
+
+  const tooltipLabel = React.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null
+    }
+
+    const [item] = payload
+    const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`
+    const itemConfig = getPayloadConfigFromPayload(config, item, key)
+    const value =
+      !labelKey && typeof label === "string"
+        ? (config[label]?.label ?? label)
+        : itemConfig?.label
+
+    if (labelFormatter) {
+      return (
+        <div className={cn("font-medium", labelClassName)}>
+          {labelFormatter(value, payload)}
+        </div>
+      )
+    }
+
+    if (!value) {
+      return null
+    }
+
+    return <div className={cn("font-medium", labelClassName)}>{value}</div>
+  }, [
+    label,
+    labelFormatter,
+    payload,
+    hideLabel,
+    labelClassName,
+    config,
+    labelKey,
+  ])
+
+  if (!active || !payload?.length) {
+    return null
+  }
+
+  const nestLabel = payload.length === 1 && indicator !== "dot"
+
+  return (
+    <div
+      className={cn(
+        "grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+        className
+      )}
+    >
+      {!nestLabel ? tooltipLabel : null}
+      <div className="grid gap-1.5">
+        {payload
+          .filter((item) => item.type !== "none")
+          .map((item, index) => {
+            const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`
+            const itemConfig = getPayloadConfigFromPayload(config, item, key)
+            const indicatorColor = color ?? item.payload?.fill ?? item.color
+
+            return (
+              <div
+                key={index}
+                className={cn(
+                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                  indicator === "dot" && "items-center"
+                )}
+              >
+                {formatter && item?.value !== undefined && item.name ? (
+                  formatter(item.value, item.name, item, index, item.payload)
+                ) : (
+                  <>
+                    {itemConfig?.icon ? (
+                      <itemConfig.icon />
+                    ) : (
+                      !hideIndicator && (
+                        <div
+                          className={cn(
+                            "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
+                            {
+                              "h-2.5 w-2.5": indicator === "dot",
+                              "w-1": indicator === "line",
+                              "w-0 border-[1.5px] border-dashed bg-transparent":
+                                indicator === "dashed",
+                              "my-0.5": nestLabel && indicator === "dashed",
+                            }
+                          )}
+                          style={
+                            {
+                              "--color-bg": indicatorColor,
+                              "--color-border": indicatorColor,
+                            } as React.CSSProperties
+                          }
+                        />
+                      )
+                    )}
+                    <div
+                      className={cn(
+                        "flex flex-1 justify-between leading-none",
+                        nestLabel ? "items-end" : "items-center"
+                      )}
+                    >
+                      <div className="grid gap-1.5">
+                        {nestLabel ? tooltipLabel : null}
+                        <span className="text-muted-foreground">
+                          {itemConfig?.label ?? item.name}
+                        </span>
+                      </div>
+                      {item.value != null && (
+                        <span className="font-mono font-medium text-foreground tabular-nums">
+                          {typeof item.value === "number"
+                            ? item.value.toLocaleString()
+                            : String(item.value)}
+                        </span>
+                      )}
+                    </div>
+                  </>
+                )}
+              </div>
+            )
+          })}
+      </div>
+    </div>
+  )
+}
+
+const ChartLegend = RechartsPrimitive.Legend
+
+function ChartLegendContent({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  nameKey,
+}: React.ComponentProps<"div"> & {
+  hideIcon?: boolean
+  nameKey?: string
+} & RechartsPrimitive.DefaultLegendContentProps) {
+  const { config } = useChart()
+
+  if (!payload?.length) {
+    return null
+  }
+
+  return (
+    <div
+      className={cn(
+        "flex items-center justify-center gap-4",
+        verticalAlign === "top" ? "pb-3" : "pt-3",
+        className
+      )}
+    >
+      {payload
+        .filter((item) => item.type !== "none")
+        .map((item, index) => {
+          const key = `${nameKey ?? item.dataKey ?? "value"}`
+          const itemConfig = getPayloadConfigFromPayload(config, item, key)
+
+          return (
+            <div
+              key={index}
+              className={cn(
+                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+              )}
+            >
+              {itemConfig?.icon && !hideIcon ? (
+                <itemConfig.icon />
+              ) : (
+                <div
+                  className="h-2 w-2 shrink-0 rounded-[2px]"
+                  style={{
+                    backgroundColor: item.color,
+                  }}
+                />
+              )}
+              {itemConfig?.label}
+            </div>
+          )
+        })}
+    </div>
+  )
+}
+
+function getPayloadConfigFromPayload(
+  config: ChartConfig,
+  payload: unknown,
+  key: string
+) {
+  if (typeof payload !== "object" || payload === null) {
+    return undefined
+  }
+
+  const payloadPayload =
+    "payload" in payload &&
+    typeof payload.payload === "object" &&
+    payload.payload !== null
+      ? payload.payload
+      : undefined
+
+  let configLabelKey: string = key
+
+  if (
+    key in payload &&
+    typeof payload[key as keyof typeof payload] === "string"
+  ) {
+    configLabelKey = payload[key as keyof typeof payload] as string
+  } else if (
+    payloadPayload &&
+    key in payloadPayload &&
+    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
+  ) {
+    configLabelKey = payloadPayload[
+      key as keyof typeof payloadPayload
+    ] as string
+  }
+
+  return configLabelKey in config ? config[configLabelKey] : config[key]
+}
+
+export {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+}
diff --git a/packages/ui/src/components/dialog.tsx b/packages/ui/src/components/dialog.tsx
new file mode 100644
index 0000000..e4648d2
--- /dev/null
+++ b/packages/ui/src/components/dialog.tsx
@@ -0,0 +1,160 @@
+"use client"
+
+import * as React from "react"
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog"
+
+import { cn } from "@cfdm/ui/lib/utils"
+import { Button } from "@cfdm/ui/components/button"
+import { XIcon } from "lucide-react"
+
+function Dialog({ ...props }: DialogPrimitive.Root.Props) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />
+}
+
+function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
+}
+
+function DialogPortal({ ...props }: DialogPrimitive.Portal.Props) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
+}
+
+function DialogClose({ ...props }: DialogPrimitive.Close.Props) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
+}
+
+function DialogOverlay({
+  className,
+  ...props
+}: DialogPrimitive.Backdrop.Props) {
+  return (
+    <DialogPrimitive.Backdrop
+      data-slot="dialog-overlay"
+      className={cn(
+        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}: DialogPrimitive.Popup.Props & {
+  showCloseButton?: boolean
+}) {
+  return (
+    <DialogPortal>
+      <DialogOverlay />
+      <DialogPrimitive.Popup
+        data-slot="dialog-content"
+        className={cn(
+          "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <DialogPrimitive.Close
+            data-slot="dialog-close"
+            render={
+              <Button
+                variant="ghost"
+                className="absolute top-2 right-2"
+                size="icon-sm"
+              />
+            }
+          >
+            <XIcon
+            />
+            <span className="sr-only">Close</span>
+          </DialogPrimitive.Close>
+        )}
+      </DialogPrimitive.Popup>
+    </DialogPortal>
+  )
+}
+
+function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-header"
+      className={cn("flex flex-col gap-2", className)}
+      {...props}
+    />
+  )
+}
+
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showCloseButton?: boolean
+}) {
+  return (
+    <div
+      data-slot="dialog-footer"
+      className={cn(
+        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      {showCloseButton && (
+        <DialogPrimitive.Close render={<Button variant="outline" />}>
+          Close
+        </DialogPrimitive.Close>
+      )}
+    </div>
+  )
+}
+
+function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props) {
+  return (
+    <DialogPrimitive.Title
+      data-slot="dialog-title"
+      className={cn(
+        "text-base leading-none font-medium",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogDescription({
+  className,
+  ...props
+}: DialogPrimitive.Description.Props) {
+  return (
+    <DialogPrimitive.Description
+      data-slot="dialog-description"
+      className={cn(
+        "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+}
diff --git a/packages/ui/src/components/dropdown-menu.tsx b/packages/ui/src/components/dropdown-menu.tsx
new file mode 100644
index 0000000..f9055e2
--- /dev/null
+++ b/packages/ui/src/components/dropdown-menu.tsx
@@ -0,0 +1,266 @@
+import * as React from "react"
+import { Menu as MenuPrimitive } from "@base-ui/react/menu"
+
+import { cn } from "@cfdm/ui/lib/utils"
+import { ChevronRightIcon, CheckIcon } from "lucide-react"
+
+function DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {
+  return <MenuPrimitive.Root data-slot="dropdown-menu" {...props} />
+}
+
+function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {
+  return <MenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
+}
+
+function DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {
+  return <MenuPrimitive.Trigger data-slot="dropdown-menu-trigger" {...props} />
+}
+
+function DropdownMenuContent({
+  align = "start",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  className,
+  ...props
+}: MenuPrimitive.Popup.Props &
+  Pick<
+    MenuPrimitive.Positioner.Props,
+    "align" | "alignOffset" | "side" | "sideOffset"
+  >) {
+  return (
+    <MenuPrimitive.Portal>
+      <MenuPrimitive.Positioner
+        className="isolate z-50 outline-none"
+        align={align}
+        alignOffset={alignOffset}
+        side={side}
+        sideOffset={sideOffset}
+      >
+        <MenuPrimitive.Popup
+          data-slot="dropdown-menu-content"
+          className={cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className )}
+          {...props}
+        />
+      </MenuPrimitive.Positioner>
+    </MenuPrimitive.Portal>
+  )
+}
+
+function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {
+  return <MenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: MenuPrimitive.GroupLabel.Props & {
+  inset?: boolean
+}) {
+  return (
+    <MenuPrimitive.GroupLabel
+      data-slot="dropdown-menu-label"
+      data-inset={inset}
+      className={cn(
+        "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}: MenuPrimitive.Item.Props & {
+  inset?: boolean
+  variant?: "default" | "destructive"
+}) {
+  return (
+    <MenuPrimitive.Item
+      data-slot="dropdown-menu-item"
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {
+  return <MenuPrimitive.SubmenuRoot data-slot="dropdown-menu-sub" {...props} />
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: MenuPrimitive.SubmenuTrigger.Props & {
+  inset?: boolean
+}) {
+  return (
+    <MenuPrimitive.SubmenuTrigger
+      data-slot="dropdown-menu-sub-trigger"
+      data-inset={inset}
+      className={cn(
+        "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto" />
+    </MenuPrimitive.SubmenuTrigger>
+  )
+}
+
+function DropdownMenuSubContent({
+  align = "start",
+  alignOffset = -3,
+  side = "right",
+  sideOffset = 0,
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuContent>) {
+  return (
+    <DropdownMenuContent
+      data-slot="dropdown-menu-sub-content"
+      className={cn("w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className )}
+      align={align}
+      alignOffset={alignOffset}
+      side={side}
+      sideOffset={sideOffset}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}: MenuPrimitive.CheckboxItem.Props & {
+  inset?: boolean
+}) {
+  return (
+    <MenuPrimitive.CheckboxItem
+      data-slot="dropdown-menu-checkbox-item"
+      data-inset={inset}
+      className={cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span
+        className="pointer-events-none absolute right-2 flex items-center justify-center"
+        data-slot="dropdown-menu-checkbox-item-indicator"
+      >
+        <MenuPrimitive.CheckboxItemIndicator>
+          <CheckIcon
+          />
+        </MenuPrimitive.CheckboxItemIndicator>
+      </span>
+      {children}
+    </MenuPrimitive.CheckboxItem>
+  )
+}
+
+function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {
+  return (
+    <MenuPrimitive.RadioGroup
+      data-slot="dropdown-menu-radio-group"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}: MenuPrimitive.RadioItem.Props & {
+  inset?: boolean
+}) {
+  return (
+    <MenuPrimitive.RadioItem
+      data-slot="dropdown-menu-radio-item"
+      data-inset={inset}
+      className={cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <span
+        className="pointer-events-none absolute right-2 flex items-center justify-center"
+        data-slot="dropdown-menu-radio-item-indicator"
+      >
+        <MenuPrimitive.RadioItemIndicator>
+          <CheckIcon
+          />
+        </MenuPrimitive.RadioItemIndicator>
+      </span>
+      {children}
+    </MenuPrimitive.RadioItem>
+  )
+}
+
+function DropdownMenuSeparator({
+  className,
+  ...props
+}: MenuPrimitive.Separator.Props) {
+  return (
+    <MenuPrimitive.Separator
+      data-slot="dropdown-menu-separator"
+      className={cn("-mx-1 my-1 h-px bg-border", className)}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="dropdown-menu-shortcut"
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+}
diff --git a/packages/ui/src/components/field.tsx b/packages/ui/src/components/field.tsx
new file mode 100644
index 0000000..42a0733
--- /dev/null
+++ b/packages/ui/src/components/field.tsx
@@ -0,0 +1,238 @@
+"use client"
+
+import { useMemo } from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@cfdm/ui/lib/utils"
+import { Label } from "@cfdm/ui/components/label"
+import { Separator } from "@cfdm/ui/components/separator"
+
+function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
+  return (
+    <fieldset
+      data-slot="field-set"
+      className={cn(
+        "flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}: React.ComponentProps<"legend"> & { variant?: "legend" | "label" }) {
+  return (
+    <legend
+      data-slot="field-legend"
+      data-variant={variant}
+      className={cn(
+        "mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-group"
+      className={cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const fieldVariants = cva(
+  "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+        horizontal:
+          "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        responsive:
+          "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+      },
+    },
+    defaultVariants: {
+      orientation: "vertical",
+    },
+  }
+)
+
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="field"
+      data-orientation={orientation}
+      className={cn(fieldVariants({ orientation }), className)}
+      {...props}
+    />
+  )
+}
+
+function FieldContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-content"
+      className={cn(
+        "group/field-content flex flex-1 flex-col gap-0.5 leading-snug",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label>) {
+  return (
+    <Label
+      data-slot="field-label"
+      className={cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-label"
+      className={cn(
+        "flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="field-description"
+      className={cn(
+        "text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5",
+        "last:mt-0 nth-last-2:-mt-1",
+        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  children?: React.ReactNode
+}) {
+  return (
+    <div
+      data-slot="field-separator"
+      data-content={!!children}
+      className={cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      )}
+      {...props}
+    >
+      <Separator className="absolute inset-0 top-1/2" />
+      {children && (
+        <span
+          className="relative mx-auto block w-fit bg-background px-2 text-muted-foreground"
+          data-slot="field-separator-content"
+        >
+          {children}
+        </span>
+      )}
+    </div>
+  )
+}
+
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{ message?: string } | undefined>
+}) {
+  const content = useMemo(() => {
+    if (children) {
+      return children
+    }
+
+    if (!errors?.length) {
+      return null
+    }
+
+    const uniqueErrors = [
+      ...new Map(errors.map((error) => [error?.message, error])).values(),
+    ]
+
+    if (uniqueErrors?.length == 1) {
+      return uniqueErrors[0]?.message
+    }
+
+    return (
+      <ul className="ml-4 flex list-disc flex-col gap-1">
+        {uniqueErrors.map(
+          (error, index) =>
+            error?.message && <li key={index}>{error.message}</li>
+        )}
+      </ul>
+    )
+  }, [children, errors])
+
+  if (!content) {
+    return null
+  }
+
+  return (
+    <div
+      role="alert"
+      data-slot="field-error"
+      className={cn("text-sm font-normal text-destructive", className)}
+      {...props}
+    >
+      {content}
+    </div>
+  )
+}
+
+export {
+  Field,
+  FieldLabel,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldContent,
+  FieldTitle,
+}
diff --git a/packages/ui/src/components/input.tsx b/packages/ui/src/components/input.tsx
new file mode 100644
index 0000000..b5830a9
--- /dev/null
+++ b/packages/ui/src/components/input.tsx
@@ -0,0 +1,20 @@
+import * as React from "react"
+import { Input as InputPrimitive } from "@base-ui/react/input"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+  return (
+    <InputPrimitive
+      type={type}
+      data-slot="input"
+      className={cn(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Input }
diff --git a/packages/ui/src/components/label.tsx b/packages/ui/src/components/label.tsx
new file mode 100644
index 0000000..dc1cc56
--- /dev/null
+++ b/packages/ui/src/components/label.tsx
@@ -0,0 +1,18 @@
+import * as React from "react"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+function Label({ className, ...props }: React.ComponentProps<"label">) {
+  return (
+    <label
+      data-slot="label"
+      className={cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Label }
diff --git a/packages/ui/src/components/scroll-area.tsx b/packages/ui/src/components/scroll-area.tsx
new file mode 100644
index 0000000..caecc4e
--- /dev/null
+++ b/packages/ui/src/components/scroll-area.tsx
@@ -0,0 +1,55 @@
+"use client"
+
+import * as React from "react"
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+function ScrollArea({
+  className,
+  children,
+  ...props
+}: ScrollAreaPrimitive.Root.Props) {
+  return (
+    <ScrollAreaPrimitive.Root
+      data-slot="scroll-area"
+      className={cn("relative", className)}
+      {...props}
+    >
+      <ScrollAreaPrimitive.Viewport
+        data-slot="scroll-area-viewport"
+        className="size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1"
+      >
+        {children}
+      </ScrollAreaPrimitive.Viewport>
+      <ScrollBar />
+      <ScrollAreaPrimitive.Corner />
+    </ScrollAreaPrimitive.Root>
+  )
+}
+
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}: ScrollAreaPrimitive.Scrollbar.Props) {
+  return (
+    <ScrollAreaPrimitive.Scrollbar
+      data-slot="scroll-area-scrollbar"
+      data-orientation={orientation}
+      orientation={orientation}
+      className={cn(
+        "flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent",
+        className
+      )}
+      {...props}
+    >
+      <ScrollAreaPrimitive.Thumb
+        data-slot="scroll-area-thumb"
+        className="relative flex-1 rounded-full bg-border"
+      />
+    </ScrollAreaPrimitive.Scrollbar>
+  )
+}
+
+export { ScrollArea, ScrollBar }
diff --git a/packages/ui/src/components/select.tsx b/packages/ui/src/components/select.tsx
new file mode 100644
index 0000000..34213f5
--- /dev/null
+++ b/packages/ui/src/components/select.tsx
@@ -0,0 +1,199 @@
+import * as React from "react"
+import { Select as SelectPrimitive } from "@base-ui/react/select"
+
+import { cn } from "@cfdm/ui/lib/utils"
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react"
+
+const Select = SelectPrimitive.Root
+
+function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {
+  return (
+    <SelectPrimitive.Group
+      data-slot="select-group"
+      className={cn("scroll-my-1 p-1", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {
+  return (
+    <SelectPrimitive.Value
+      data-slot="select-value"
+      className={cn("flex flex-1 text-left", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}: SelectPrimitive.Trigger.Props & {
+  size?: "sm" | "default"
+}) {
+  return (
+    <SelectPrimitive.Trigger
+      data-slot="select-trigger"
+      data-size={size}
+      className={cn(
+        "flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <SelectPrimitive.Icon
+        render={
+          <ChevronDownIcon className="pointer-events-none size-4 text-muted-foreground" />
+        }
+      />
+    </SelectPrimitive.Trigger>
+  )
+}
+
+function SelectContent({
+  className,
+  children,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  alignItemWithTrigger = true,
+  ...props
+}: SelectPrimitive.Popup.Props &
+  Pick<
+    SelectPrimitive.Positioner.Props,
+    "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger"
+  >) {
+  return (
+    <SelectPrimitive.Portal>
+      <SelectPrimitive.Positioner
+        side={side}
+        sideOffset={sideOffset}
+        align={align}
+        alignOffset={alignOffset}
+        alignItemWithTrigger={alignItemWithTrigger}
+        className="isolate z-50"
+      >
+        <SelectPrimitive.Popup
+          data-slot="select-content"
+          data-align-trigger={alignItemWithTrigger}
+          className={cn("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className )}
+          {...props}
+        >
+          <SelectScrollUpButton />
+          <SelectPrimitive.List>{children}</SelectPrimitive.List>
+          <SelectScrollDownButton />
+        </SelectPrimitive.Popup>
+      </SelectPrimitive.Positioner>
+    </SelectPrimitive.Portal>
+  )
+}
+
+function SelectLabel({
+  className,
+  ...props
+}: SelectPrimitive.GroupLabel.Props) {
+  return (
+    <SelectPrimitive.GroupLabel
+      data-slot="select-label"
+      className={cn("px-1.5 py-1 text-xs text-muted-foreground", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectItem({
+  className,
+  children,
+  ...props
+}: SelectPrimitive.Item.Props) {
+  return (
+    <SelectPrimitive.Item
+      data-slot="select-item"
+      className={cn(
+        "relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )}
+      {...props}
+    >
+      <SelectPrimitive.ItemText className="flex flex-1 shrink-0 gap-2 whitespace-nowrap">
+        {children}
+      </SelectPrimitive.ItemText>
+      <SelectPrimitive.ItemIndicator
+        render={
+          <span className="pointer-events-none absolute right-2 flex size-4 items-center justify-center" />
+        }
+      >
+        <CheckIcon className="pointer-events-none" />
+      </SelectPrimitive.ItemIndicator>
+    </SelectPrimitive.Item>
+  )
+}
+
+function SelectSeparator({
+  className,
+  ...props
+}: SelectPrimitive.Separator.Props) {
+  return (
+    <SelectPrimitive.Separator
+      data-slot="select-separator"
+      className={cn("pointer-events-none -mx-1 my-1 h-px bg-border", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectScrollUpButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {
+  return (
+    <SelectPrimitive.ScrollUpArrow
+      data-slot="select-scroll-up-button"
+      className={cn(
+        "top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <ChevronUpIcon
+      />
+    </SelectPrimitive.ScrollUpArrow>
+  )
+}
+
+function SelectScrollDownButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {
+  return (
+    <SelectPrimitive.ScrollDownArrow
+      data-slot="select-scroll-down-button"
+      className={cn(
+        "bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <ChevronDownIcon
+      />
+    </SelectPrimitive.ScrollDownArrow>
+  )
+}
+
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+}
diff --git a/packages/ui/src/components/separator.tsx b/packages/ui/src/components/separator.tsx
new file mode 100644
index 0000000..46d27a8
--- /dev/null
+++ b/packages/ui/src/components/separator.tsx
@@ -0,0 +1,23 @@
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  ...props
+}: SeparatorPrimitive.Props) {
+  return (
+    <SeparatorPrimitive
+      data-slot="separator"
+      orientation={orientation}
+      className={cn(
+        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Separator }
diff --git a/packages/ui/src/components/sheet.tsx b/packages/ui/src/components/sheet.tsx
new file mode 100644
index 0000000..0595149
--- /dev/null
+++ b/packages/ui/src/components/sheet.tsx
@@ -0,0 +1,136 @@
+import * as React from "react"
+import { Dialog as SheetPrimitive } from "@base-ui/react/dialog"
+
+import { cn } from "@cfdm/ui/lib/utils"
+import { Button } from "@cfdm/ui/components/button"
+import { XIcon } from "lucide-react"
+
+function Sheet({ ...props }: SheetPrimitive.Root.Props) {
+  return <SheetPrimitive.Root data-slot="sheet" {...props} />
+}
+
+function SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {
+  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
+}
+
+function SheetClose({ ...props }: SheetPrimitive.Close.Props) {
+  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />
+}
+
+function SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {
+  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
+}
+
+function SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {
+  return (
+    <SheetPrimitive.Backdrop
+      data-slot="sheet-overlay"
+      className={cn(
+        "fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}: SheetPrimitive.Popup.Props & {
+  side?: "top" | "right" | "bottom" | "left"
+  showCloseButton?: boolean
+}) {
+  return (
+    <SheetPortal>
+      <SheetOverlay />
+      <SheetPrimitive.Popup
+        data-slot="sheet-content"
+        data-side={side}
+        className={cn(
+          "fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <SheetPrimitive.Close
+            data-slot="sheet-close"
+            render={
+              <Button
+                variant="ghost"
+                className="absolute top-3 right-3"
+                size="icon-sm"
+              />
+            }
+          >
+            <XIcon
+            />
+            <span className="sr-only">Close</span>
+          </SheetPrimitive.Close>
+        )}
+      </SheetPrimitive.Popup>
+    </SheetPortal>
+  )
+}
+
+function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-header"
+      className={cn("flex flex-col gap-0.5 p-4", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-footer"
+      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {
+  return (
+    <SheetPrimitive.Title
+      data-slot="sheet-title"
+      className={cn(
+        "text-base font-medium text-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SheetDescription({
+  className,
+  ...props
+}: SheetPrimitive.Description.Props) {
+  return (
+    <SheetPrimitive.Description
+      data-slot="sheet-description"
+      className={cn("text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+}
diff --git a/packages/ui/src/components/sidebar.tsx b/packages/ui/src/components/sidebar.tsx
new file mode 100644
index 0000000..4e47c11
--- /dev/null
+++ b/packages/ui/src/components/sidebar.tsx
@@ -0,0 +1,723 @@
+"use client"
+
+import * as React from "react"
+import { mergeProps } from "@base-ui/react/merge-props"
+import { useRender } from "@base-ui/react/use-render"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { useIsMobile } from "@cfdm/ui/hooks/use-mobile"
+import { cn } from "@cfdm/ui/lib/utils"
+import { Button } from "@cfdm/ui/components/button"
+import { Input } from "@cfdm/ui/components/input"
+import { Separator } from "@cfdm/ui/components/separator"
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from "@cfdm/ui/components/sheet"
+import { Skeleton } from "@cfdm/ui/components/skeleton"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@cfdm/ui/components/tooltip"
+import { PanelLeftIcon } from "lucide-react"
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state"
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
+const SIDEBAR_WIDTH = "16rem"
+const SIDEBAR_WIDTH_MOBILE = "18rem"
+const SIDEBAR_WIDTH_ICON = "3rem"
+const SIDEBAR_KEYBOARD_SHORTCUT = "b"
+
+type SidebarContextProps = {
+  state: "expanded" | "collapsed"
+  open: boolean
+  setOpen: (open: boolean) => void
+  openMobile: boolean
+  setOpenMobile: (open: boolean) => void
+  isMobile: boolean
+  toggleSidebar: () => void
+}
+
+const SidebarContext = React.createContext<SidebarContextProps | null>(null)
+
+function useSidebar() {
+  const context = React.useContext(SidebarContext)
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.")
+  }
+
+  return context
+}
+
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  defaultOpen?: boolean
+  open?: boolean
+  onOpenChange?: (open: boolean) => void
+}) {
+  const isMobile = useIsMobile()
+  const [openMobile, setOpenMobile] = React.useState(false)
+
+  // This is the internal state of the sidebar.
+  // We use openProp and setOpenProp for control from outside the component.
+  const [_open, _setOpen] = React.useState(defaultOpen)
+  const open = openProp ?? _open
+  const setOpen = React.useCallback(
+    (value: boolean | ((value: boolean) => boolean)) => {
+      const openState = typeof value === "function" ? value(open) : value
+      if (setOpenProp) {
+        setOpenProp(openState)
+      } else {
+        _setOpen(openState)
+      }
+
+      // This sets the cookie to keep the sidebar state.
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
+    },
+    [setOpenProp, open]
+  )
+
+  // Helper to toggle the sidebar.
+  const toggleSidebar = React.useCallback(() => {
+    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)
+  }, [isMobile, setOpen, setOpenMobile])
+
+  // Adds a keyboard shortcut to toggle the sidebar.
+  React.useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (
+        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
+        (event.metaKey || event.ctrlKey)
+      ) {
+        event.preventDefault()
+        toggleSidebar()
+      }
+    }
+
+    window.addEventListener("keydown", handleKeyDown)
+    return () => window.removeEventListener("keydown", handleKeyDown)
+  }, [toggleSidebar])
+
+  // We add a state so that we can do data-state="expanded" or "collapsed".
+  // This makes it easier to style the sidebar with Tailwind classes.
+  const state = open ? "expanded" : "collapsed"
+
+  const contextValue = React.useMemo<SidebarContextProps>(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar,
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  )
+
+  return (
+    <SidebarContext.Provider value={contextValue}>
+      <div
+        data-slot="sidebar-wrapper"
+        style={
+          {
+            "--sidebar-width": SIDEBAR_WIDTH,
+            "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+            ...style,
+          } as React.CSSProperties
+        }
+        className={cn(
+          "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    </SidebarContext.Provider>
+  )
+}
+
+function Sidebar({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  dir,
+  ...props
+}: React.ComponentProps<"div"> & {
+  side?: "left" | "right"
+  variant?: "sidebar" | "floating" | "inset"
+  collapsible?: "offcanvas" | "icon" | "none"
+}) {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
+
+  if (collapsible === "none") {
+    return (
+      <div
+        data-slot="sidebar"
+        className={cn(
+          "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    )
+  }
+
+  if (isMobile) {
+    return (
+      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
+        <SheetContent
+          dir={dir}
+          data-sidebar="sidebar"
+          data-slot="sidebar"
+          data-mobile="true"
+          className="w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+            } as React.CSSProperties
+          }
+          side={side}
+        >
+          <SheetHeader className="sr-only">
+            <SheetTitle>Sidebar</SheetTitle>
+            <SheetDescription>Displays the mobile sidebar.</SheetDescription>
+          </SheetHeader>
+          <div className="flex h-full w-full flex-col">{children}</div>
+        </SheetContent>
+      </Sheet>
+    )
+  }
+
+  return (
+    <div
+      className="group peer hidden text-sidebar-foreground md:block"
+      data-state={state}
+      data-collapsible={state === "collapsed" ? collapsible : ""}
+      data-variant={variant}
+      data-side={side}
+      data-slot="sidebar"
+    >
+      {/* This is what handles the sidebar gap on desktop */}
+      <div
+        data-slot="sidebar-gap"
+        className={cn(
+          "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+          "group-data-[collapsible=offcanvas]:w-0",
+          "group-data-[side=right]:rotate-180",
+          variant === "floating" || variant === "inset"
+            ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
+            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+        )}
+      />
+      <div
+        data-slot="sidebar-container"
+        data-side={side}
+        className={cn(
+          "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex",
+          // Adjust the padding for floating and inset variants.
+          variant === "floating" || variant === "inset"
+            ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
+            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+          className
+        )}
+        {...props}
+      >
+        <div
+          data-sidebar="sidebar"
+          data-slot="sidebar-inner"
+          className="flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border"
+        >
+          {children}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <Button
+      data-sidebar="trigger"
+      data-slot="sidebar-trigger"
+      variant="ghost"
+      size="icon-sm"
+      className={cn(className)}
+      onClick={(event) => {
+        onClick?.(event)
+        toggleSidebar()
+      }}
+      {...props}
+    >
+      <PanelLeftIcon />
+      <span className="sr-only">Toggle Sidebar</span>
+    </Button>
+  )
+}
+
+function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <button
+      data-sidebar="rail"
+      data-slot="sidebar-rail"
+      aria-label="Toggle Sidebar"
+      tabIndex={-1}
+      onClick={toggleSidebar}
+      title="Toggle Sidebar"
+      className={cn(
+        "absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2",
+        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
+  return (
+    <main
+      data-slot="sidebar-inset"
+      className={cn(
+        "relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof Input>) {
+  return (
+    <Input
+      data-slot="sidebar-input"
+      data-sidebar="input"
+      className={cn("h-8 w-full bg-background shadow-none", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-header"
+      data-sidebar="header"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-footer"
+      data-sidebar="footer"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="sidebar-separator"
+      data-sidebar="separator"
+      className={cn("mx-2 w-auto bg-sidebar-border", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-content"
+      data-sidebar="content"
+      className={cn(
+        "no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group"
+      data-sidebar="group"
+      className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupLabel({
+  className,
+  render,
+  ...props
+}: useRender.ComponentProps<"div"> & React.ComponentProps<"div">) {
+  return useRender({
+    defaultTagName: "div",
+    props: mergeProps<"div">(
+      {
+        className: cn(
+          "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+          className
+        ),
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "sidebar-group-label",
+      sidebar: "group-label",
+    },
+  })
+}
+
+function SidebarGroupAction({
+  className,
+  render,
+  ...props
+}: useRender.ComponentProps<"button"> & React.ComponentProps<"button">) {
+  return useRender({
+    defaultTagName: "button",
+    props: mergeProps<"button">(
+      {
+        className: cn(
+          "absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",
+          className
+        ),
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "sidebar-group-action",
+      sidebar: "group-action",
+    },
+  })
+}
+
+function SidebarGroupContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group-content"
+      data-sidebar="group-content"
+      className={cn("w-full text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu"
+      data-sidebar="menu"
+      className={cn("flex w-full min-w-0 flex-col gap-0", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-item"
+      data-sidebar="menu-item"
+      className={cn("group/menu-item relative", className)}
+      {...props}
+    />
+  )
+}
+
+const sidebarMenuButtonVariants = cva(
+  "peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline:
+          "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]",
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function SidebarMenuButton({
+  render,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  ...props
+}: useRender.ComponentProps<"button"> &
+  React.ComponentProps<"button"> & {
+    isActive?: boolean
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>
+  } & VariantProps<typeof sidebarMenuButtonVariants>) {
+  const { isMobile, state } = useSidebar()
+  const comp = useRender({
+    defaultTagName: "button",
+    props: mergeProps<"button">(
+      {
+        className: cn(sidebarMenuButtonVariants({ variant, size }), className),
+      },
+      props
+    ),
+    render: !tooltip ? render : <TooltipTrigger render={render} />,
+    state: {
+      slot: "sidebar-menu-button",
+      sidebar: "menu-button",
+      size,
+      active: isActive,
+    },
+  })
+
+  if (!tooltip) {
+    return comp
+  }
+
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip,
+    }
+  }
+
+  return (
+    <Tooltip>
+      {comp}
+      <TooltipContent
+        side="right"
+        align="center"
+        hidden={state !== "collapsed" || isMobile}
+        {...tooltip}
+      />
+    </Tooltip>
+  )
+}
+
+function SidebarMenuAction({
+  className,
+  render,
+  showOnHover = false,
+  ...props
+}: useRender.ComponentProps<"button"> &
+  React.ComponentProps<"button"> & {
+    showOnHover?: boolean
+  }) {
+  return useRender({
+    defaultTagName: "button",
+    props: mergeProps<"button">(
+      {
+        className: cn(
+          "absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",
+          showOnHover &&
+            "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0",
+          className
+        ),
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "sidebar-menu-action",
+      sidebar: "menu-action",
+    },
+  })
+}
+
+function SidebarMenuBadge({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-menu-badge"
+      data-sidebar="menu-badge"
+      className={cn(
+        "pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSkeleton({
+  className,
+  showIcon = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showIcon?: boolean
+}) {
+  // Random width between 50 to 90%.
+  const [width] = React.useState(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`
+  })
+
+  return (
+    <div
+      data-slot="sidebar-menu-skeleton"
+      data-sidebar="menu-skeleton"
+      className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
+      {...props}
+    >
+      {showIcon && (
+        <Skeleton
+          className="size-4 rounded-md"
+          data-sidebar="menu-skeleton-icon"
+        />
+      )}
+      <Skeleton
+        className="h-4 max-w-(--skeleton-width) flex-1"
+        data-sidebar="menu-skeleton-text"
+        style={
+          {
+            "--skeleton-width": width,
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  )
+}
+
+function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu-sub"
+      data-sidebar="menu-sub"
+      className={cn(
+        "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubItem({
+  className,
+  ...props
+}: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-sub-item"
+      data-sidebar="menu-sub-item"
+      className={cn("group/menu-sub-item relative", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubButton({
+  render,
+  size = "md",
+  isActive = false,
+  className,
+  ...props
+}: useRender.ComponentProps<"a"> &
+  React.ComponentProps<"a"> & {
+    size?: "sm" | "md"
+    isActive?: boolean
+  }) {
+  return useRender({
+    defaultTagName: "a",
+    props: mergeProps<"a">(
+      {
+        className: cn(
+          "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+          className
+        ),
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "sidebar-menu-sub-button",
+      sidebar: "menu-sub-button",
+      size,
+      active: isActive,
+    },
+  })
+}
+
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  useSidebar,
+}
diff --git a/packages/ui/src/components/skeleton.tsx b/packages/ui/src/components/skeleton.tsx
new file mode 100644
index 0000000..20ad405
--- /dev/null
+++ b/packages/ui/src/components/skeleton.tsx
@@ -0,0 +1,13 @@
+import { cn } from "@cfdm/ui/lib/utils"
+
+function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="skeleton"
+      className={cn("animate-pulse rounded-md bg-muted", className)}
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }
diff --git a/packages/ui/src/components/sonner.tsx b/packages/ui/src/components/sonner.tsx
new file mode 100644
index 0000000..9280ee5
--- /dev/null
+++ b/packages/ui/src/components/sonner.tsx
@@ -0,0 +1,49 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { Toaster as Sonner, type ToasterProps } from "sonner"
+import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from "lucide-react"
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      icons={{
+        success: (
+          <CircleCheckIcon className="size-4" />
+        ),
+        info: (
+          <InfoIcon className="size-4" />
+        ),
+        warning: (
+          <TriangleAlertIcon className="size-4" />
+        ),
+        error: (
+          <OctagonXIcon className="size-4" />
+        ),
+        loading: (
+          <Loader2Icon className="size-4 animate-spin" />
+        ),
+      }}
+      style={
+        {
+          "--normal-bg": "var(--popover)",
+          "--normal-text": "var(--popover-foreground)",
+          "--normal-border": "var(--border)",
+          "--border-radius": "var(--radius)",
+        } as React.CSSProperties
+      }
+      toastOptions={{
+        classNames: {
+          toast: "cn-toast",
+        },
+      }}
+      {...props}
+    />
+  )
+}
+
+export { Toaster }
diff --git a/packages/ui/src/components/table.tsx b/packages/ui/src/components/table.tsx
new file mode 100644
index 0000000..e01182e
--- /dev/null
+++ b/packages/ui/src/components/table.tsx
@@ -0,0 +1,116 @@
+"use client"
+
+import * as React from "react"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+function Table({ className, ...props }: React.ComponentProps<"table">) {
+  return (
+    <div
+      data-slot="table-container"
+      className="relative w-full overflow-x-auto"
+    >
+      <table
+        data-slot="table"
+        className={cn("w-full caption-bottom text-sm", className)}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
+  return (
+    <thead
+      data-slot="table-header"
+      className={cn("[&_tr]:border-b", className)}
+      {...props}
+    />
+  )
+}
+
+function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
+  return (
+    <tbody
+      data-slot="table-body"
+      className={cn("[&_tr:last-child]:border-0", className)}
+      {...props}
+    />
+  )
+}
+
+function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
+  return (
+    <tfoot
+      data-slot="table-footer"
+      className={cn(
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+  return (
+    <tr
+      data-slot="table-row"
+      className={cn(
+        "border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+  return (
+    <th
+      data-slot="table-head"
+      className={cn(
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+  return (
+    <td
+      data-slot="table-cell"
+      className={cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<"caption">) {
+  return (
+    <caption
+      data-slot="table-caption"
+      className={cn("mt-4 text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/packages/ui/src/components/tabs.tsx b/packages/ui/src/components/tabs.tsx
new file mode 100644
index 0000000..c1406b0
--- /dev/null
+++ b/packages/ui/src/components/tabs.tsx
@@ -0,0 +1,82 @@
+"use client"
+
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+function Tabs({
+  className,
+  orientation = "horizontal",
+  ...props
+}: TabsPrimitive.Root.Props) {
+  return (
+    <TabsPrimitive.Root
+      data-slot="tabs"
+      data-orientation={orientation}
+      className={cn(
+        "group/tabs flex gap-2 data-horizontal:flex-col",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const tabsListVariants = cva(
+  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function TabsList({
+  className,
+  variant = "default",
+  ...props
+}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {
+  return (
+    <TabsPrimitive.List
+      data-slot="tabs-list"
+      data-variant={variant}
+      className={cn(tabsListVariants({ variant }), className)}
+      {...props}
+    />
+  )
+}
+
+function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {
+  return (
+    <TabsPrimitive.Tab
+      data-slot="tabs-trigger"
+      className={cn(
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
+        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {
+  return (
+    <TabsPrimitive.Panel
+      data-slot="tabs-content"
+      className={cn("flex-1 text-sm outline-none", className)}
+      {...props}
+    />
+  )
+}
+
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }
diff --git a/packages/ui/src/components/textarea.tsx b/packages/ui/src/components/textarea.tsx
new file mode 100644
index 0000000..75df09b
--- /dev/null
+++ b/packages/ui/src/components/textarea.tsx
@@ -0,0 +1,18 @@
+import * as React from "react"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Textarea }
diff --git a/packages/ui/src/components/tooltip.tsx b/packages/ui/src/components/tooltip.tsx
new file mode 100644
index 0000000..f4fb24c
--- /dev/null
+++ b/packages/ui/src/components/tooltip.tsx
@@ -0,0 +1,66 @@
+"use client"
+
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip"
+
+import { cn } from "@cfdm/ui/lib/utils"
+
+function TooltipProvider({
+  delay = 0,
+  ...props
+}: TooltipPrimitive.Provider.Props) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delay={delay}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({ ...props }: TooltipPrimitive.Root.Props) {
+  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+}
+
+function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
+}
+
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}: TooltipPrimitive.Popup.Props &
+  Pick<
+    TooltipPrimitive.Positioner.Props,
+    "align" | "alignOffset" | "side" | "sideOffset"
+  >) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Positioner
+        align={align}
+        alignOffset={alignOffset}
+        side={side}
+        sideOffset={sideOffset}
+        className="isolate z-50"
+      >
+        <TooltipPrimitive.Popup
+          data-slot="tooltip-content"
+          className={cn(
+            "z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          )}
+          {...props}
+        >
+          {children}
+          <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" />
+        </TooltipPrimitive.Popup>
+      </TooltipPrimitive.Positioner>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/packages/ui/src/hooks/use-mobile.ts b/packages/ui/src/hooks/use-mobile.ts
new file mode 100644
index 0000000..a7c6b65
--- /dev/null
+++ b/packages/ui/src/hooks/use-mobile.ts
@@ -0,0 +1,19 @@
+import * as React from "react"
+
+export function useIsMobile(breakpoint = 768): boolean {
+  const [isMobile, setIsMobile] = React.useState<boolean>(() => {
+    if (typeof window === "undefined") return false
+    return window.innerWidth < breakpoint
+  })
+
+  React.useEffect(() => {
+    if (typeof window === "undefined") return
+    const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`)
+    const onChange = () => setIsMobile(mql.matches)
+    onChange()
+    mql.addEventListener("change", onChange)
+    return () => mql.removeEventListener("change", onChange)
+  }, [breakpoint])
+
+  return isMobile
+}
diff --git a/packages/ui/src/lib/utils.ts b/packages/ui/src/lib/utils.ts
new file mode 100644
index 0000000..bd0c391
--- /dev/null
+++ b/packages/ui/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
diff --git a/packages/ui/src/styles/globals.css b/packages/ui/src/styles/globals.css
new file mode 100644
index 0000000..284eaa4
--- /dev/null
+++ b/packages/ui/src/styles/globals.css
@@ -0,0 +1,123 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@source "../";
+@source "../../../apps/web/src";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..fd4be76
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,5773 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    devDependencies:
+      '@eslint/js':
+        specifier: ^9.39.1
+        version: 9.39.4
+      eslint:
+        specifier: ^9.39.1
+        version: 9.39.4(jiti@2.7.0)
+      eslint-plugin-react-hooks:
+        specifier: ^7.0.1
+        version: 7.1.1(eslint@9.39.4(jiti@2.7.0))
+      eslint-plugin-react-refresh:
+        specifier: ^0.4.24
+        version: 0.4.26(eslint@9.39.4(jiti@2.7.0))
+      globals:
+        specifier: ^16.5.0
+        version: 16.5.0
+      typescript:
+        specifier: ^5.9.2
+        version: 5.9.3
+
+  apps/api:
+    dependencies:
+      '@cfdm/db':
+        specifier: workspace:*
+        version: link:../../packages/db
+      '@cfdm/shared':
+        specifier: workspace:*
+        version: link:../../packages/shared
+      '@fastify/cors':
+        specifier: ^11.0.1
+        version: 11.2.0
+      '@fastify/sensible':
+        specifier: ^6.0.3
+        version: 6.0.4
+      '@fastify/static':
+        specifier: ^8.2.0
+        version: 8.3.0
+      better-sqlite3:
+        specifier: ^11.10.0
+        version: 11.10.0
+      cors:
+        specifier: ^2.8.5
+        version: 2.8.6
+      drizzle-orm:
+        specifier: ^0.40.0
+        version: 0.40.1(@types/better-sqlite3@7.6.13)(better-sqlite3@11.10.0)(gel@2.2.0)(sql.js@1.14.1)
+      express:
+        specifier: ^4.21.1
+        version: 4.22.2
+      fastify:
+        specifier: ^5.6.1
+        version: 5.8.5
+      sql.js:
+        specifier: ^1.14.0
+        version: 1.14.1
+    devDependencies:
+      '@types/cors':
+        specifier: ^2.8.17
+        version: 2.8.19
+      '@types/express':
+        specifier: ^5.0.0
+        version: 5.0.6
+      '@types/node':
+        specifier: ^22.10.0
+        version: 22.20.0
+      tsx:
+        specifier: ^4.19.0
+        version: 4.22.4
+      typescript:
+        specifier: ^5.9.2
+        version: 5.9.3
+      vitest:
+        specifier: ^3.0.0
+        version: 3.2.6(@types/node@22.20.0)(happy-dom@18.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+
+  apps/web:
+    dependencies:
+      '@base-ui/react':
+        specifier: ^1.0.0
+        version: 1.6.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@cfdm/shared':
+        specifier: workspace:*
+        version: link:../../packages/shared
+      '@cfdm/ui':
+        specifier: workspace:*
+        version: link:../../packages/ui
+      '@hookform/resolvers':
+        specifier: ^3.10.0
+        version: 3.10.0(react-hook-form@7.80.0(react@19.2.7))
+      '@tanstack/react-query':
+        specifier: ^5.90.2
+        version: 5.101.1(react@19.2.7)
+      '@tanstack/react-query-devtools':
+        specifier: ^5.90.2
+        version: 5.101.1(@tanstack/react-query@5.101.1(react@19.2.7))(react@19.2.7)
+      '@tanstack/react-router':
+        specifier: ^1.130.2
+        version: 1.170.16(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@tanstack/react-router-devtools':
+        specifier: ^1.130.2
+        version: 1.167.0(@tanstack/react-router@1.170.16(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@tanstack/router-core@1.171.13)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      lucide-react:
+        specifier: ^0.468.0
+        version: 0.468.0(react@19.2.7)
+      next-themes:
+        specifier: ^0.4.6
+        version: 0.4.6(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react:
+        specifier: ^19.2.0
+        version: 19.2.7
+      react-dom:
+        specifier: ^19.2.0
+        version: 19.2.7(react@19.2.7)
+      react-hook-form:
+        specifier: ^7.60.0
+        version: 7.80.0(react@19.2.7)
+      recharts:
+        specifier: 3.8.0
+        version: 3.8.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-is@18.3.1)(react@19.2.7)(redux@5.0.1)
+      sonner:
+        specifier: ^1.7.0
+        version: 1.7.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      zod:
+        specifier: ^3.25.0
+        version: 3.25.76
+    devDependencies:
+      '@tailwindcss/vite':
+        specifier: ^4.1.0
+        version: 4.3.1(vite@7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4))
+      '@tanstack/router-plugin':
+        specifier: ^1.130.0
+        version: 1.168.18(@tanstack/react-router@1.170.16(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4))
+      '@types/react':
+        specifier: ^19.2.7
+        version: 19.2.17
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.17)
+      '@vitejs/plugin-react':
+        specifier: ^5.1.1
+        version: 5.2.0(vite@7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4))
+      happy-dom:
+        specifier: ^18.0.0
+        version: 18.0.1
+      tailwindcss:
+        specifier: ^4.1.0
+        version: 4.3.1
+      tw-animate-css:
+        specifier: ^1.0.0
+        version: 1.4.0
+      typescript:
+        specifier: ^5.9.2
+        version: 5.9.3
+      vite:
+        specifier: ^7.3.1
+        version: 7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+      vitest:
+        specifier: ^3.0.0
+        version: 3.2.6(@types/node@26.0.1)(happy-dom@18.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+
+  packages/db:
+    dependencies:
+      better-sqlite3:
+        specifier: ^11.10.0
+        version: 11.10.0
+      drizzle-orm:
+        specifier: ^0.40.0
+        version: 0.40.1(@types/better-sqlite3@7.6.13)(better-sqlite3@11.10.0)(gel@2.2.0)(sql.js@1.14.1)
+    devDependencies:
+      '@types/better-sqlite3':
+        specifier: ^7.6.13
+        version: 7.6.13
+      drizzle-kit:
+        specifier: ^0.30.0
+        version: 0.30.6
+
+  packages/shared:
+    dependencies:
+      zod:
+        specifier: ^3.25.0
+        version: 3.25.76
+
+  packages/ui:
+    dependencies:
+      '@base-ui/react':
+        specifier: ^1.0.0
+        version: 1.6.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      class-variance-authority:
+        specifier: ^0.7.1
+        version: 0.7.1
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      lucide-react:
+        specifier: ^0.468.0
+        version: 0.468.0(react@19.2.7)
+      next-themes:
+        specifier: ^0.4.6
+        version: 0.4.6(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react:
+        specifier: ^19.0.0
+        version: 19.2.7
+      react-dom:
+        specifier: ^19.0.0
+        version: 19.2.7(react@19.2.7)
+      recharts:
+        specifier: 3.8.0
+        version: 3.8.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-is@18.3.1)(react@19.2.7)(redux@5.0.1)
+      sonner:
+        specifier: ^1.7.4
+        version: 1.7.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      tailwind-merge:
+        specifier: ^3.0.0
+        version: 3.6.0
+    devDependencies:
+      '@types/react':
+        specifier: 19.2.17
+        version: 19.2.17
+      '@types/react-dom':
+        specifier: 19.2.3
+        version: 19.2.3(@types/react@19.2.17)
+
+packages:
+
+  '@babel/code-frame@7.29.7':
+    resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.29.7':
+    resolution: {integrity: sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.29.7':
+    resolution: {integrity: sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.29.7':
+    resolution: {integrity: sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.29.7':
+    resolution: {integrity: sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-globals@7.29.7':
+    resolution: {integrity: sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.29.7':
+    resolution: {integrity: sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.29.7':
+    resolution: {integrity: sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-plugin-utils@7.29.7':
+    resolution: {integrity: sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.29.7':
+    resolution: {integrity: sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.29.7':
+    resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.29.7':
+    resolution: {integrity: sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.29.7':
+    resolution: {integrity: sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.7':
+    resolution: {integrity: sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-transform-react-jsx-self@7.29.7':
+    resolution: {integrity: sha512-TL0hMc9xzy86VD31nUiwzd5otRAcyEPcsegCxolO0PvcXuH1v0kECe/UIznYFihpkvU5wg/jk4v0TTEFfm53fw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.29.7':
+    resolution: {integrity: sha512-06IyK09H3wi4cGbhDBwp5gUGo0IKtnYa8tyTiephirPCK6fbobVGiXMMI5zLQ4aKEYP3wZ3ArU44o+8KMrSG/Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/runtime@7.29.7':
+    resolution: {integrity: sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.29.7':
+    resolution: {integrity: sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.29.7':
+    resolution: {integrity: sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.7':
+    resolution: {integrity: sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==}
+    engines: {node: '>=6.9.0'}
+
+  '@base-ui/react@1.6.0':
+    resolution: {integrity: sha512-/jzjTWJYXhRFO45Bev9lc3cHbmjzCMpUqbMZ2AgKy/z25mY9B6shGSNcXcjQar9n5doM0KYW1W8fcFv2jZBuMw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      '@date-fns/tz': ^1.2.0
+      '@types/react': ^17 || ^18 || ^19
+      date-fns: ^4.0.0
+      react: ^17 || ^18 || ^19
+      react-dom: ^17 || ^18 || ^19
+    peerDependenciesMeta:
+      '@date-fns/tz':
+        optional: true
+      '@types/react':
+        optional: true
+      date-fns:
+        optional: true
+
+  '@base-ui/utils@0.3.1':
+    resolution: {integrity: sha512-gFFiltORVmW/N6IILTGxizP3PBpVpysqML1ALY5Vk0mH+7faVkCknOU31goYHN5Aoek2dkjxva1XOD2Ce9WuIg==}
+    peerDependencies:
+      '@types/react': ^17 || ^18 || ^19
+      react: ^17 || ^18 || ^19
+      react-dom: ^17 || ^18 || ^19
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@drizzle-team/brocli@0.10.2':
+    resolution: {integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==}
+
+  '@esbuild-kit/core-utils@3.3.2':
+    resolution: {integrity: sha512-sPRAnw9CdSsRmEtnsl2WXWdyquogVpB3yZ3dgwJfe8zrOzTsV7cJvmwrKVa+0ma5BoiGJ+BoqkMvawbayKUsqQ==}
+    deprecated: 'Merged into tsx: https://tsx.is'
+
+  '@esbuild-kit/esm-loader@2.6.5':
+    resolution: {integrity: sha512-FxEMIkJKnodyA1OaCUoEvbYRkoZlLZ4d/eXFu9Fh8CbBBgP5EmZxrfTRyN0qpXZ4vOvqnE5YdRdcrmUUXuU+dA==}
+    deprecated: 'Merged into tsx: https://tsx.is'
+
+  '@esbuild/aix-ppc64@0.19.12':
+    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.28.1':
+    resolution: {integrity: sha512-Svl7tq8k/08+p6CXPpRjQ1fKX+1odH/BQbb48fV6fj3CWHhsoIOoY87w1oHXm0qEpkIK3ZfVgp0hed3XBXzXMQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.18.20':
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.19.12':
+    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.28.1':
+    resolution: {integrity: sha512-34EGEbCIAgosYz6goLcopX6Mo7NyGv9tfwEM2/7Ce2VcVRk568iSvniGWcUXIy7wEDR1wzolcxcriFVrWYcwBg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.18.20':
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.19.12':
+    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.28.1':
+    resolution: {integrity: sha512-0k2F129Xdio1TdJfzJ8sy1Q47vUD2NnwdhiAf7drUN1EBTfPf4hsFCtmMgu/6m8JSzsBrlmVjudMBQqOfG8usQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.18.20':
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.19.12':
+    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.28.1':
+    resolution: {integrity: sha512-dbwY7ltSMDWsRatcRpCnES4F+im88OCUgGZjy52shC7GqHRE/cYlxNbB4Z4UpJswpcc4Qxd2oE/ufM0p61IKng==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.18.20':
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.19.12':
+    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.28.1':
+    resolution: {integrity: sha512-TZbWkQY7kvTAXbXUT7uVACR5cMHsDiSz9z7ZKAX/RTq/WJEk3QyRr0wZpNhBDX+/0CtdqUIJlOiodQcta6tY3Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.18.20':
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.19.12':
+    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.28.1':
+    resolution: {integrity: sha512-zfdzgK9ACBNZLI/CyHTOx81SyNbM6YXn7rxSgX97VjyiPl9W1i4Ka4fgKECEoFCKGpvBj5qArWIGgQjOwkgskQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.18.20':
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.19.12':
+    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.28.1':
+    resolution: {integrity: sha512-wG2EA8ENdEI0qhkSZMjfqrdY+ziCYCPMmtZjjIwOmXFjmyzEHn+UUxk5of+SYsjtfs3VpnlC7QLzSI5hY/rOAw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.18.20':
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.19.12':
+    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.28.1':
+    resolution: {integrity: sha512-i7dZ9vQgnvSCzi/rYCXNgtF/U+eKZNJBzu3eTQbRgHnM7tNSizLOkRFAl3qzVc/Op/u5YkHHa4pf/3DOYHthLQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.18.20':
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.19.12':
+    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.28.1':
+    resolution: {integrity: sha512-yHs+0uc8+nvEAfAfxrWQKK5peSNzBc4PegcMO0EJ2hT71uA7vB8Ihg2e77R2P7SG5uYjPbHlLLmve4LLLRCf0g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.18.20':
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.19.12':
+    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.28.1':
+    resolution: {integrity: sha512-qVXBOHQS+d5Y722GwJzJUtOLlX7km3CraOaGormF1pDtPd2C/l1SHRPgjLunLGe51Sh5YYWKMFDyV4SxgMQYTQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.18.20':
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.19.12':
+    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.28.1':
+    resolution: {integrity: sha512-d1z4ZuP0ajrfz/FhGT4vv278rX8KnPPJx8i5+AtK7TYbx9Le9F1hyzurZpkEyjkGa9dUGhQow4C1NmeGvqxN2w==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.18.20':
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.19.12':
+    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.28.1':
+    resolution: {integrity: sha512-M5sRjUVZrkm1OAPR3dlOYzNmN+loZKGVi1VUQGrwuqLcbR6qeAz+famMhjASeH3YVKvZz+zT1jlh/keC3Rj/lg==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.18.20':
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.19.12':
+    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.28.1':
+    resolution: {integrity: sha512-mRObBZeHh2OxcBFPWE/FjylkRgZdYuiTR3vaTozquCGOH14iP9oN4x4Ge81CoIDYQrXmIxpFumJBu5MtZpnQJQ==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.18.20':
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.19.12':
+    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.28.1':
+    resolution: {integrity: sha512-slScBsMAb3GFDcdrCgLwZtPYRoH2H/youv10QiZyRjmsP48fznoveWytSgCI/R0ZcUgpc0ZhIUEx6LHts8yrfQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.18.20':
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.19.12':
+    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.28.1':
+    resolution: {integrity: sha512-kw0owk1o0GFETUJyW0jc0G4Yzs0BHZn0JDZ8JRT088vjJYX777BAs1fDGxAC+q831qOs2DTC96mNsG2opdfyyQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.18.20':
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.19.12':
+    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.28.1':
+    resolution: {integrity: sha512-/lAIjX8aYFRByhh6L5rYtPEDRqa9de/4V/juOXcta5frjvzXO4/sqEtyytse0g3zZFuWu5cDN0MkLz2qRDD2Ag==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.18.20':
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.19.12':
+    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.28.1':
+    resolution: {integrity: sha512-u/anNYF2mmVOEDwLtnQ1wOr3EZ9sTNGLWrsYGYwHWzGA3Si84IOkHXlbWTD1NB+9/1lcnweYKO54uhxZydNzfA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.28.1':
+    resolution: {integrity: sha512-oks0DYbLwWMmaakTsCb+zL4E+aHRVLom9IJZOAthMQEPiQmydXHkziYEsGYRx0uNV/IjEKGAV941JzH02pflqw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.18.20':
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.19.12':
+    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.28.1':
+    resolution: {integrity: sha512-aeL6lAnN89Hz43Mlh1G8ARasbuoYvSITDEx0tHh5b7jJnHcssqgjy9Yx430GDpmCa6OyrKoS0aNRjKundRizGg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.28.1':
+    resolution: {integrity: sha512-MEFJe5C3R8pwXdZ5Y21oo6m7ePiS0d9pWucn99O/wvyJZChoIQKrQDxKrGeW8F5+T0okTHesAmDeiHDTIq0V/Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.18.20':
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.19.12':
+    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.28.1':
+    resolution: {integrity: sha512-i/ZLIOafE0Z8cI/XANJAixoJL/uRAoS2xOA3rb0xN+KK0K177cMAsQYkzHtBrtMXAKuAc7HGgcWiZ/sRC1Nxgw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.28.1':
+    resolution: {integrity: sha512-ge+Z7EXFNt2BO1oAMsVpiQ8EwndV9i1xXerAeTIK7AtPs3bKFXQM7nlRxDSIUIMeueR1CNXxqztLzdNeReKBJg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.18.20':
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.19.12':
+    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.28.1':
+    resolution: {integrity: sha512-BEjgtECkL3vY+SaSQ6nzVfiALUeFxpawyp8Jmf5PtYhf1Ug40N1h/hxlhts+f1FvSvarEigdxS3BlSMI2PJLcQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.18.20':
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.19.12':
+    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.28.1':
+    resolution: {integrity: sha512-lCv9eK/H6ZJWbE7bh2nw54CZ9M2nupBxJcTsdk/QQnWkdSjKGuxmmH8/GWrlT1eMmZfn4dGcCjRte397WqfQXA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.18.20':
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.19.12':
+    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.28.1':
+    resolution: {integrity: sha512-zvb/mB2bSCoJOpoCBgYKKpX6YM6mJBlBUVUtVj41DlZJVEB6/0CKlRYxP5wWl1C1ILiCoAU5wZZ4q1P3qeS6Eg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.18.20':
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.19.12':
+    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.28.1':
+    resolution: {integrity: sha512-bm4Mowrv+GXMlpWX++EcXw/iLyd1o3+bJkC2DkWXYVvgZCqD/bSj9ctZeAMC3cIxgjRVR2Dufaiu4YPxr5gW1A==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.21.2':
+    resolution: {integrity: sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.3.5':
+    resolution: {integrity: sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.39.4':
+    resolution: {integrity: sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@fastify/accept-negotiator@2.0.1':
+    resolution: {integrity: sha512-/c/TW2bO/v9JeEgoD/g1G5GxGeCF1Hafdf79WPmUlgYiBXummY0oX3VVq4yFkKKVBKDNlaDUYoab7g38RpPqCQ==}
+
+  '@fastify/ajv-compiler@4.0.5':
+    resolution: {integrity: sha512-KoWKW+MhvfTRWL4qrhUwAAZoaChluo0m0vbiJlGMt2GXvL4LVPQEjt8kSpHI3IBq5Rez8fg+XeH3cneztq+C7A==}
+
+  '@fastify/cors@11.2.0':
+    resolution: {integrity: sha512-LbLHBuSAdGdSFZYTLVA3+Ch2t+sA6nq3Ejc6XLAKiQ6ViS2qFnvicpj0htsx03FyYeLs04HfRNBsz/a8SvbcUw==}
+
+  '@fastify/error@4.2.0':
+    resolution: {integrity: sha512-RSo3sVDXfHskiBZKBPRgnQTtIqpi/7zhJOEmAxCiBcM7d0uwdGdxLlsCaLzGs8v8NnxIRlfG0N51p5yFaOentQ==}
+
+  '@fastify/fast-json-stringify-compiler@5.0.3':
+    resolution: {integrity: sha512-uik7yYHkLr6fxd8hJSZ8c+xF4WafPK+XzneQDPU+D10r5X19GW8lJcom2YijX2+qtFF1ENJlHXKFM9ouXNJYgQ==}
+
+  '@fastify/forwarded@3.0.1':
+    resolution: {integrity: sha512-JqDochHFqXs3C3Ml3gOY58zM7OqO9ENqPo0UqAjAjH8L01fRZqwX9iLeX34//kiJubF7r2ZQHtBRU36vONbLlw==}
+
+  '@fastify/merge-json-schemas@0.2.1':
+    resolution: {integrity: sha512-OA3KGBCy6KtIvLf8DINC5880o5iBlDX4SxzLQS8HorJAbqluzLRn80UXU0bxZn7UOFhFgpRJDasfwn9nG4FG4A==}
+
+  '@fastify/proxy-addr@5.1.0':
+    resolution: {integrity: sha512-INS+6gh91cLUjB+PVHfu1UqcB76Sqtpyp7bnL+FYojhjygvOPA9ctiD/JDKsyD9Xgu4hUhCSJBPig/w7duNajw==}
+
+  '@fastify/send@4.1.0':
+    resolution: {integrity: sha512-TMYeQLCBSy2TOFmV95hQWkiTYgC/SEx7vMdV+wnZVX4tt8VBLKzmH8vV9OzJehV0+XBfg+WxPMt5wp+JBUKsVw==}
+
+  '@fastify/sensible@6.0.4':
+    resolution: {integrity: sha512-1vxcCUlPMew6WroK8fq+LVOwbsLtX+lmuRuqpcp6eYqu6vmkLwbKTdBWAZwbeaSgCfW4tzUpTIHLLvTiQQ1BwQ==}
+
+  '@fastify/static@8.3.0':
+    resolution: {integrity: sha512-yKxviR5PH1OKNnisIzZKmgZSus0r2OZb8qCSbqmw34aolT4g3UlzYfeBRym+HJ1J471CR8e2ldNub4PubD1coA==}
+
+  '@floating-ui/core@1.7.5':
+    resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
+
+  '@floating-ui/dom@1.7.6':
+    resolution: {integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==}
+
+  '@floating-ui/react-dom@2.1.8':
+    resolution: {integrity: sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/utils@0.2.11':
+    resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
+
+  '@hookform/resolvers@3.10.0':
+    resolution: {integrity: sha512-79Dv+3mDF7i+2ajj7SkypSKHhl1cbln1OGavqrsF7p6mbUv11xpqpacPsGDCTRvCSjEEIez2ef1NveSVL3b0Ag==}
+    peerDependencies:
+      react-hook-form: ^7.0.0
+
+  '@humanfs/core@0.19.2':
+    resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.8':
+    resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/types@0.15.0':
+    resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
+  '@isaacs/cliui@9.0.0':
+    resolution: {integrity: sha512-AokJm4tuBHillT+FpMtxQ60n8ObyXBatq7jD2/JA9dxbDDokKQm8KMht5ibGzLVU9IJDIKK4TPKgMHEYMn3lMg==}
+    engines: {node: '>=18'}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@lukeed/ms@2.0.2':
+    resolution: {integrity: sha512-9I2Zn6+NJLfaGoz9jN3lpwDgAYvfGeNYdbAIjJOqzs4Tpc+VU3Jqq4IofSUBKajiDS8k9fZIg18/z13mpk1bsA==}
+    engines: {node: '>=8'}
+
+  '@petamoriken/float16@3.9.3':
+    resolution: {integrity: sha512-8awtpHXCx/bNpFt4mt2xdkgtgVvKqty8VbjHI/WWWQuEw+KLzFot3f4+LkQY9YmOtq7A5GdOnqoIC8Pdygjk2g==}
+
+  '@pinojs/redact@0.4.0':
+    resolution: {integrity: sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==}
+
+  '@reduxjs/toolkit@2.12.0':
+    resolution: {integrity: sha512-KiT+RzZbp6mQET+Mg+h2c97+9j1sNflUxQkIHI7Yuzf6Peu+OYpmkn6nbHWmLLWj+1ZODUJFwGZ7gx3L9R9EOw==}
+    peerDependencies:
+      react: ^16.9.0 || ^17.0.0 || ^18 || ^19
+      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-redux:
+        optional: true
+
+  '@rolldown/pluginutils@1.0.0-rc.3':
+    resolution: {integrity: sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==}
+
+  '@rollup/rollup-android-arm-eabi@4.62.2':
+    resolution: {integrity: sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.62.2':
+    resolution: {integrity: sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.62.2':
+    resolution: {integrity: sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.62.2':
+    resolution: {integrity: sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.62.2':
+    resolution: {integrity: sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.62.2':
+    resolution: {integrity: sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.62.2':
+    resolution: {integrity: sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.62.2':
+    resolution: {integrity: sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-arm64-gnu@4.62.2':
+    resolution: {integrity: sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm64-musl@4.62.2':
+    resolution: {integrity: sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-loong64-gnu@4.62.2':
+    resolution: {integrity: sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-loong64-musl@4.62.2':
+    resolution: {integrity: sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.62.2':
+    resolution: {integrity: sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-ppc64-musl@4.62.2':
+    resolution: {integrity: sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.62.2':
+    resolution: {integrity: sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-riscv64-musl@4.62.2':
+    resolution: {integrity: sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-s390x-gnu@4.62.2':
+    resolution: {integrity: sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-gnu@4.62.2':
+    resolution: {integrity: sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-musl@4.62.2':
+    resolution: {integrity: sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-openbsd-x64@4.62.2':
+    resolution: {integrity: sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.62.2':
+    resolution: {integrity: sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.62.2':
+    resolution: {integrity: sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.62.2':
+    resolution: {integrity: sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.62.2':
+    resolution: {integrity: sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.62.2':
+    resolution: {integrity: sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@standard-schema/spec@1.1.0':
+    resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
+
+  '@standard-schema/utils@0.3.0':
+    resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
+
+  '@tailwindcss/node@4.3.1':
+    resolution: {integrity: sha512-6NDaqRoAMSXD1mr/RXu0HBvNE9a2n5tHPsxu9XHLws8o4Twes5rBM2205SUUiJ9goAtadrN6xTGX0UDEwp/N4A==}
+
+  '@tailwindcss/oxide-android-arm64@4.3.1':
+    resolution: {integrity: sha512-SVlyf61g374l5cHyg8x9kf5xmLcOaxvOTsbsqDnSsDJaKOEFZ7GCvi84VAVGpxojYOs1+3K6M0UjXfqPU8vmOQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.1':
+    resolution: {integrity: sha512-hVnWLwv+e/l7c4WKyVtHVrIPvYdqWHjRB3MDIqARynzFtnQg85kmQEFCbV9Ja0VVx4xXTIiDWY60Y7iz/iNoDA==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.3.1':
+    resolution: {integrity: sha512-Cf7abu0WVgbhU7ANgPUnSAvm7nCvMweusHb8FnaHlLfv/Caq4GYaEZg7ZImzzmjx4lIAfuS8q+eLIS7A7IzxIg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.1':
+    resolution: {integrity: sha512-ZZqzX2Y+GXtXXfqSfpJhDm60OoZfvLHLCgm+J7NVqgHHJjG/m9ugZI77RwTsVd4fnBJuCFP6Ae6kTJb71UdS8g==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.1':
+    resolution: {integrity: sha512-/Ah/xik0LaMYfv9DZ0S/t4pBlBNYOcqtRwusjgovHkvT8ixueWCLyJjsaF5kQIckjb4IT8Q6K6p/iPmZMixYgg==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.1':
+    resolution: {integrity: sha512-gqdFoVJlw444GvpnheZLHmvTzSxI/cOUUh2KSNejQjTcYkW062SVD+En0rUgD+QV91bz1XGIGtt1HJd48xUGbQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.1':
+    resolution: {integrity: sha512-Bwv9KwOvE0VKa86xPFif9b9c3Y1NxOV1P0gLti/IYaWEsQYZXDlxfGEtA8mdDZ7SG3wyNXAWYT5SIn3giL57oA==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.1':
+    resolution: {integrity: sha512-Ymi8O8T15HYQdOUWUtTI6ldN0neHP85FC+Qz32xTcZ7iJXtem/x8ITev0o1e9e5rkqj4lONZfTRLvkmin1+tKg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.1':
+    resolution: {integrity: sha512-M+P/91qJ6uILLw4k2G93GMDRAXj61SMvFQYt39AqvUqYgExXpLL5aepfns7sj4HiAQeolirQF9E0lzRvdf4zPQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.1':
+    resolution: {integrity: sha512-zsM8uOeqvVGHsAXsJxsT28ttosFahLJKCLOTUBqRAtKnVgGSRitds9T432QiT8b77Yga7JIBkulIRRlJPtYhRA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.1':
+    resolution: {integrity: sha512-aiNvSq9BsVk8V513lDKlrCFAgf8qBMPZTpgEhInL+NwQqs97mYmupVMrPrgBBSL8Pv/0zXu9MrMF9rMun1ZeNg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.1':
+    resolution: {integrity: sha512-xDEyu1rg290472FEGaKHnzyDyh5QH+AlWvsU5hMoMtPpzmKlRI0jaYKCgSHDYtaQWZOYbMaduSyCwFwY4n1HmA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.3.1':
+    resolution: {integrity: sha512-yVPyo8RNkabVr3O2EhHEE0Rewu7YKzc1DhIqfL46LKveFrmu9XbDazNOJY7/GRuvw1h6u3utWnR29H/p5JPlgA==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/vite@4.3.1':
+    resolution: {integrity: sha512-hItDHuIIlEV61R+faXu66s1K36aTurO/Qw0e45Vskz57gXl9pWOT6eg3zmcEui6CZXddbN7zd41bwmvag4JGwQ==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6 || ^7 || ^8
+
+  '@tanstack/history@1.162.0':
+    resolution: {integrity: sha512-79pf/RkhteYZTRgcR4F9kbk84P2N8rugQJswxfIqovlbRiT3yI7eBE+5QorIrZaOKktsgzRlXh1l/du/xpl4iA==}
+    engines: {node: '>=20.19'}
+
+  '@tanstack/query-core@5.101.1':
+    resolution: {integrity: sha512-Y6Y92dkXtNqx67m2pMSxUsA3zOCwv862JexZRP8/EPwvKXMPu9m8rv43spiXWzOUIggQ3SQApttALStzhA8B4g==}
+
+  '@tanstack/query-devtools@5.101.1':
+    resolution: {integrity: sha512-37RQ9U2PxlXQiv1era2t+uHgVhmiyvxqTMu30+KoVf0rufiucu6rpGRKFJk61Wh5OAZFKqCQd6lxTzFWfLZiuQ==}
+
+  '@tanstack/react-query-devtools@5.101.1':
+    resolution: {integrity: sha512-OXFR9XKdEslraq3cpl3kCUeNvTIq/xGWEZiFZdn2bLB/q4WxSALMEDKYZ5yYjMQytsfnQxwQYqV4qtVEf0nuog==}
+    peerDependencies:
+      '@tanstack/react-query': ^5.101.1
+      react: ^18 || ^19
+
+  '@tanstack/react-query@5.101.1':
+    resolution: {integrity: sha512-ZnONUuQKJe1bJMStXUL1s5uKN9FcfC28j5cK+iDZcdSHtUv1wtin1cGc/Oewhf2Oc4eKY7lggtpvT/AbMmhHew==}
+    peerDependencies:
+      react: ^18 || ^19
+
+  '@tanstack/react-router-devtools@1.167.0':
+    resolution: {integrity: sha512-nGw095EG7IHx0h5NtlEmzf6vcCTaFNPWdTSuDKazajhN0ct/v/TkekJ9J6KYUCeV1a8/2ZmToc58M+0rrOyn7w==}
+    engines: {node: '>=20.19'}
+    peerDependencies:
+      '@tanstack/react-router': ^1.170.0
+      '@tanstack/router-core': ^1.170.0
+      react: '>=18.0.0 || >=19.0.0'
+      react-dom: '>=18.0.0 || >=19.0.0'
+    peerDependenciesMeta:
+      '@tanstack/router-core':
+        optional: true
+
+  '@tanstack/react-router@1.170.16':
+    resolution: {integrity: sha512-w6eq1IJklujs1tESazaK/FxH0+H2l8vm/QPuu1cD3oRW/ubgKneQpd7b64ti/8gUyEimzimJQZDmJr6YHfP5+g==}
+    engines: {node: '>=20.19'}
+    peerDependencies:
+      react: '>=18.0.0 || >=19.0.0'
+      react-dom: '>=18.0.0 || >=19.0.0'
+
+  '@tanstack/react-store@0.9.3':
+    resolution: {integrity: sha512-y2iHd/N9OkoQbFJLUX1T9vbc2O9tjH0pQRgTcx1/Nz4IlwLvkgpuglXUx+mXt0g5ZDFrEeDnONPqkbfxXJKwRg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@tanstack/router-core@1.171.13':
+    resolution: {integrity: sha512-+NOwEj1kO/6IGmpHRIZHasYxYWpyBQGNIZAST9aNrk9Q3YlU9SgqVnl1pbLa9qAKfeNdXQIRve0RQb/0kyDeDA==}
+    engines: {node: '>=20.19'}
+
+  '@tanstack/router-devtools-core@1.168.0':
+    resolution: {integrity: sha512-wQoQhlBK7nlZgqzaqdYXKWNTpdHdsaREdaPhFZVH0/Ador+F+eM3/NF2i3f2LPeS0GgKraZUQXe1Q/1+KHyEYg==}
+    engines: {node: '>=20.19'}
+    peerDependencies:
+      '@tanstack/router-core': ^1.170.0
+      csstype: ^3.0.10
+    peerDependenciesMeta:
+      csstype:
+        optional: true
+
+  '@tanstack/router-generator@1.167.17':
+    resolution: {integrity: sha512-xtB9tB2Ws0tWR6Pi7nc3Qk9IYgoh1mQCKWjHqIl9tf6BNUpKoqniJoPAQ4+LGrK8FeZYU0o0p/qlZEyj9FAulA==}
+    engines: {node: '>=20.19'}
+
+  '@tanstack/router-plugin@1.168.18':
+    resolution: {integrity: sha512-MofS28/axfnfnhOD2RSgJEaU882aX5RsAzhGz5Vc4XhAmvCjy919u9JrNs4QsTWFbTD1P7IJ8WFlFVsrg0pStg==}
+    engines: {node: '>=20.19'}
+    peerDependencies:
+      '@rsbuild/core': '>=1.0.2 || ^2.0.0'
+      '@tanstack/react-router': ^1.170.15
+      vite: '>=5.0.0 || >=6.0.0 || >=7.0.0 || >=8.0.0'
+      vite-plugin-solid: ^2.11.10 || ^3.0.0-0
+      webpack: '>=5.92.0'
+    peerDependenciesMeta:
+      '@rsbuild/core':
+        optional: true
+      '@tanstack/react-router':
+        optional: true
+      vite:
+        optional: true
+      vite-plugin-solid:
+        optional: true
+      webpack:
+        optional: true
+
+  '@tanstack/router-utils@1.162.2':
+    resolution: {integrity: sha512-hTWqJtqIFFdvuCl8WXNyrodp2L9zo2G37xKRrcVmVRWpAB2h+U1LuRAfS4tsFTiWOIoE/B+WDVFB8JpoEdw6jQ==}
+    engines: {node: '>=20.19'}
+
+  '@tanstack/store@0.9.3':
+    resolution: {integrity: sha512-8reSzl/qGWGGVKhBoxXPMWzATSbZLZFWhwBAFO9NAyp0TxzfBP0mIrGb8CP8KrQTmvzXlR/vFPPUrHTLBGyFyw==}
+
+  '@tanstack/virtual-file-routes@1.162.0':
+    resolution: {integrity: sha512-uhOeFyxLcU41HzvrxsGpiWdcMbScY1EDgbZ5K7DVRMYInbLYWAC0EA/kx9wXAoSM8q82bUG2hRl8+EAjE6XAbA==}
+    engines: {node: '>=20.19'}
+
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+
+  '@types/babel__generator@7.27.0':
+    resolution: {integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==}
+
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+
+  '@types/babel__traverse@7.28.0':
+    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
+
+  '@types/better-sqlite3@7.6.13':
+    resolution: {integrity: sha512-NMv9ASNARoKksWtsq/SHakpYAYnhBrQgGD8zkLYk/jaK8jUGn08CfEdTRgYhMypUQAfzSP8W6gNLe0q19/t4VA==}
+
+  '@types/body-parser@1.19.6':
+    resolution: {integrity: sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==}
+
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/connect@3.4.38':
+    resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
+
+  '@types/cors@2.8.19':
+    resolution: {integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==}
+
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-shape@3.1.8':
+    resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/estree@1.0.9':
+    resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
+
+  '@types/express-serve-static-core@5.1.1':
+    resolution: {integrity: sha512-v4zIMr/cX7/d2BpAEX3KNKL/JrT1s43s96lLvvdTmza1oEvDudCqK9aF/djc/SWgy8Yh0h30TZx5VpzqFCxk5A==}
+
+  '@types/express@5.0.6':
+    resolution: {integrity: sha512-sKYVuV7Sv9fbPIt/442koC7+IIwK5olP1KWeD88e/idgoJqDm3JV/YUiPwkoKK92ylff2MGxSz1CSjsXelx0YA==}
+
+  '@types/http-errors@2.0.5':
+    resolution: {integrity: sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/node@20.19.43':
+    resolution: {integrity: sha512-6oYBAi5ikg4Pl+kGsoYtawUMBT2zZMCvPNF7pVLnHZfd1zf38DRiWn/gT01RYCdUqkv7Fhr+C9ot4/tb+2sVvA==}
+
+  '@types/node@22.20.0':
+    resolution: {integrity: sha512-QWlFW2wf3nTjC13/DqRnBpR4ZO36VJH/JVBkA/vcnmbTBNQIlnObqyqZE1tUR7+Ni23Lda8R1BxMfbXRpCUx5g==}
+
+  '@types/node@26.0.1':
+    resolution: {integrity: sha512-fc3KiUoBt6kie0N9bIW3E47vZsuaMf0PM2AaUpLCLT0s/LvX1nxAim6Fc049cNxODPpGm6qRAuUOB86SkRuPQw==}
+
+  '@types/qs@6.15.1':
+    resolution: {integrity: sha512-GZHUBZR9hckSUhrxmp1nG6NwdpM9fCunJwyThLW1X3AyHgd9IlHb6VANpQQqDr2o/qQp6McZ3y/IA2rVzKzSbw==}
+
+  '@types/range-parser@1.2.7':
+    resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
+
+  '@types/react-dom@19.2.3':
+    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
+    peerDependencies:
+      '@types/react': ^19.2.0
+
+  '@types/react@19.2.17':
+    resolution: {integrity: sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==}
+
+  '@types/send@1.2.1':
+    resolution: {integrity: sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==}
+
+  '@types/serve-static@2.2.0':
+    resolution: {integrity: sha512-8mam4H1NHLtu7nmtalF7eyBH14QyOASmcxHhSfEoRyr0nP/YdoesEtU+uSRvMe96TW/HPTtkoKqQLl53N7UXMQ==}
+
+  '@types/use-sync-external-store@0.0.6':
+    resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==}
+
+  '@types/whatwg-mimetype@3.0.2':
+    resolution: {integrity: sha512-c2AKvDT8ToxLIOUlN51gTiHXflsfIFisS4pO7pDPoKouJCESkhZnEy623gwP9laCy5lnLDAw1vAzu2vM2YLOrA==}
+
+  '@vitejs/plugin-react@5.2.0':
+    resolution: {integrity: sha512-YmKkfhOAi3wsB1PhJq5Scj3GXMn3WvtQ/JC0xoopuHoXSdmtdStOpFrYaT1kie2YgFBcIe64ROzMYRjCrYOdYw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  '@vitest/expect@3.2.6':
+    resolution: {integrity: sha512-1+7q9BtaKzEmO+fmNT3kYvoNn5Y71XWAx2Q5HRim4tTVRQVRv4uJFAQ5FbK0OPUeNP/WmVCpxYxoJdvuHVjzBQ==}
+
+  '@vitest/mocker@3.2.6':
+    resolution: {integrity: sha512-EZOrpDbkKotFAP7wPAQV1UIyoGOk4oX7ynWhBhLB7v+meMHbQhU16oPpIYGTTe4oFlhpryGpgpcZP/sin3hYuw==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@3.2.6':
+    resolution: {integrity: sha512-lb7XXXzmm2h2ASzFnRvQpDo6onT1NmMJA3tkGTWiBFtRJ9lxGY3d3mm/Apt36gej2bkkOVLL/yTOtufDaFa/jA==}
+
+  '@vitest/runner@3.2.6':
+    resolution: {integrity: sha512-HYcoSj1w5tcgUnzoF0HcyaAQjpA1gj9ftUJ7iSJSuipc02jW9gKkigwZbjFldAfYHA1fa8UZVRftdMY5msWM9Q==}
+
+  '@vitest/snapshot@3.2.6':
+    resolution: {integrity: sha512-H+ZjNTWGpObenh0YnlBctAPnJSI20P81PL8BPzWpx54YXLLTm8hEsWawtcYLMrwvpK48hGxLLbCS+1KRXhsKhw==}
+
+  '@vitest/spy@3.2.6':
+    resolution: {integrity: sha512-oq6BbH68WzcWmwtBrU9nqLeaXTR4XwJF7FSLkKEZo4i6eoXcrxjcwSuTvWBIRUTC6VC72nXYunzqgZA+IKdtxg==}
+
+  '@vitest/utils@3.2.6':
+    resolution: {integrity: sha512-lI23nIs4bnT3T8NIoh+vFaz5s2/DdP0Jgt2jxwgWljvwn82cLJtyi/If+fjFyoLMGIOz0U/fKvWE0d4jsNQEfg==}
+
+  abstract-logging@2.0.1:
+    resolution: {integrity: sha512-2BjRTZxTPvheOvGbBslFSYOUkr+SjPtOnrLP33f+VIWLzezQpZcqVg7ja3L4dBXmzzgwT+a029jRx5PCi3JuiA==}
+
+  accepts@1.3.8:
+    resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
+    engines: {node: '>= 0.6'}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.17.0:
+    resolution: {integrity: sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ajv-formats@3.0.1:
+    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv@6.15.0:
+    resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==}
+
+  ajv@8.20.0:
+    resolution: {integrity: sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansis@4.3.1:
+    resolution: {integrity: sha512-BJ8/l4R5LRE7hW9WdSuGYrLSHi2ynxeFpDFbH0K/CgNeY/tyhk+vO6TYxXC5r5CpUhNVX310xzPsN/H9lCdfOA==}
+    engines: {node: '>=14'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  array-flatten@1.1.1:
+    resolution: {integrity: sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  atomic-sleep@1.0.0:
+    resolution: {integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==}
+    engines: {node: '>=8.0.0'}
+
+  avvio@9.2.0:
+    resolution: {integrity: sha512-2t/sy01ArdHHE0vRH5Hsay+RtCZt3dLPji7W7/MMOCEgze5b7SNDC4j5H6FnVgPkI1MTNFGzHdHrVXDDl7QSSQ==}
+
+  babel-dead-code-elimination@1.0.12:
+    resolution: {integrity: sha512-GERT7L2TiYcYDtYk1IpD+ASAYXjKbLTDPhBtYj7X1NuRMDTMtAx9kyBenub1Ev41lo91OHCKdmP+egTDmfQ7Ig==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
+  base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+
+  baseline-browser-mapping@2.10.40:
+    resolution: {integrity: sha512-BSSLZ9/Cjjv7Gtj5B68ZzXcXUg8iOf3fme+FCuh8rC/Go+Kmh8cox7M3A8dolou16s64QjLPOSdngh7GxXvkSw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  better-sqlite3@11.10.0:
+    resolution: {integrity: sha512-EwhOpyXiOEL/lKzHz9AW1msWFNzGc/z+LzeB3/jnFJpxu+th2yqvzsSWas1v9jgs9+xiXJcD5A8CJxAG2TaghQ==}
+
+  bindings@1.5.0:
+    resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==}
+
+  bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+
+  body-parser@1.20.5:
+    resolution: {integrity: sha512-3grm+/2tUOvu2cjJkvsIxrv/wVpfXQW4PsQHYm7yk4vfpu7Ekl6nEsYBoJUL6qDwZUx8wUhQ8tR2qz+ad9c9OA==}
+    engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
+
+  brace-expansion@1.1.15:
+    resolution: {integrity: sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==}
+
+  brace-expansion@5.0.6:
+    resolution: {integrity: sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==}
+    engines: {node: 18 || 20 || >=22}
+
+  browserslist@4.28.4:
+    resolution: {integrity: sha512-MTc8i/x9jBQd1iMw2CFGS+rwMa07eYjLR0CCTLDACl9xhxy+nIs3KeML/biicXtk9JrZ6dnnTatmc7ErPXIxqw==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
+  buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+
+  bytes@3.1.2:
+    resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
+    engines: {node: '>= 0.8'}
+
+  cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  caniuse-lite@1.0.30001799:
+    resolution: {integrity: sha512-hG1bReV+OUU+MOqK4t/ZWI0tZOyz3rqS9XuhOUz1cIcbwBKjOyJEJuw9ER5JuNyqxNk8u/JUVbGibBOL1yrjFw==}
+
+  chai@5.3.3:
+    resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
+    engines: {node: '>=18'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  check-error@2.1.3:
+    resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
+    engines: {node: '>= 16'}
+
+  chokidar@5.0.0:
+    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
+    engines: {node: '>= 20.19.0'}
+
+  chownr@1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
+
+  class-variance-authority@0.7.1:
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  content-disposition@0.5.4:
+    resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
+    engines: {node: '>= 0.6'}
+
+  content-type@1.0.5:
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
+
+  content-type@2.0.0:
+    resolution: {integrity: sha512-j/O/d7GcZCyNl7/hwZAb606rzqkyvaDctLmckbxLzHvFBzTJHuGEdodATcP3yIRoDrLHkIATJuvzbFlp/ki2cQ==}
+    engines: {node: '>=18'}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie-es@3.1.1:
+    resolution: {integrity: sha512-UaXxwISYJPTr9hwQxMFYZ7kNhSXboMXP+Z3TRX6f1/NyaGPfuNUZOWP1pUEb75B2HjfklIYLVRfWiFZJyC6Npg==}
+
+  cookie-signature@1.0.7:
+    resolution: {integrity: sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==}
+
+  cookie@0.7.2:
+    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
+    engines: {node: '>= 0.6'}
+
+  cookie@1.1.1:
+    resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==}
+    engines: {node: '>=18'}
+
+  cors@2.8.6:
+    resolution: {integrity: sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==}
+    engines: {node: '>= 0.10'}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.2:
+    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decimal.js-light@2.5.1:
+    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
+
+  decompress-response@6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
+    engines: {node: '>=10'}
+
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
+  deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+    engines: {node: '>=4.0.0'}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  depd@2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  destroy@1.2.0:
+    resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
+    engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  diff@8.0.4:
+    resolution: {integrity: sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==}
+    engines: {node: '>=0.3.1'}
+
+  drizzle-kit@0.30.6:
+    resolution: {integrity: sha512-U4wWit0fyZuGuP7iNmRleQyK2V8wCuv57vf5l3MnG4z4fzNTjY/U13M8owyQ5RavqvqxBifWORaR3wIUzlN64g==}
+    hasBin: true
+
+  drizzle-orm@0.40.1:
+    resolution: {integrity: sha512-aPNhtiJiPfm3qxz1czrnIDkfvkSdKGXYeZkpG55NPTVI186LmK2fBLMi4dsHpPHlJrZeQ92D322YFPHADBALew==}
+    peerDependencies:
+      '@aws-sdk/client-rds-data': '>=3'
+      '@cloudflare/workers-types': '>=4'
+      '@electric-sql/pglite': '>=0.2.0'
+      '@libsql/client': '>=0.10.0'
+      '@libsql/client-wasm': '>=0.10.0'
+      '@neondatabase/serverless': '>=0.10.0'
+      '@op-engineering/op-sqlite': '>=2'
+      '@opentelemetry/api': ^1.4.1
+      '@planetscale/database': '>=1'
+      '@prisma/client': '*'
+      '@tidbcloud/serverless': '*'
+      '@types/better-sqlite3': '*'
+      '@types/pg': '*'
+      '@types/sql.js': '*'
+      '@vercel/postgres': '>=0.8.0'
+      '@xata.io/client': '*'
+      better-sqlite3: '>=7'
+      bun-types: '*'
+      expo-sqlite: '>=14.0.0'
+      gel: '>=2'
+      knex: '*'
+      kysely: '*'
+      mysql2: '>=2'
+      pg: '>=8'
+      postgres: '>=3'
+      prisma: '*'
+      sql.js: '>=1'
+      sqlite3: '>=5'
+    peerDependenciesMeta:
+      '@aws-sdk/client-rds-data':
+        optional: true
+      '@cloudflare/workers-types':
+        optional: true
+      '@electric-sql/pglite':
+        optional: true
+      '@libsql/client':
+        optional: true
+      '@libsql/client-wasm':
+        optional: true
+      '@neondatabase/serverless':
+        optional: true
+      '@op-engineering/op-sqlite':
+        optional: true
+      '@opentelemetry/api':
+        optional: true
+      '@planetscale/database':
+        optional: true
+      '@prisma/client':
+        optional: true
+      '@tidbcloud/serverless':
+        optional: true
+      '@types/better-sqlite3':
+        optional: true
+      '@types/pg':
+        optional: true
+      '@types/sql.js':
+        optional: true
+      '@vercel/postgres':
+        optional: true
+      '@xata.io/client':
+        optional: true
+      better-sqlite3:
+        optional: true
+      bun-types:
+        optional: true
+      expo-sqlite:
+        optional: true
+      gel:
+        optional: true
+      knex:
+        optional: true
+      kysely:
+        optional: true
+      mysql2:
+        optional: true
+      pg:
+        optional: true
+      postgres:
+        optional: true
+      prisma:
+        optional: true
+      sql.js:
+        optional: true
+      sqlite3:
+        optional: true
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  ee-first@1.1.1:
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+
+  electron-to-chromium@1.5.379:
+    resolution: {integrity: sha512-v/qV5aV5EUA2pGilzUCq5/eyOloZAqDZBu9UMBIzgPpLlprjSR6zswsWBTv0KpqxLGUAZEwhO95ZCt7srymNVA==}
+
+  encodeurl@2.0.0:
+    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
+    engines: {node: '>= 0.8'}
+
+  end-of-stream@1.4.5:
+    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
+
+  enhanced-resolve@5.21.6:
+    resolution: {integrity: sha512-aNnGCvbJ/RIyWo1IuhNdVjnNF+EjH9wpzpNHt+ci/m9He9LJvUN8wrCcXjp9cWsGNAuvSpVFTx/vraAFQ8qGjQ==}
+    engines: {node: '>=10.13.0'}
+
+  env-paths@3.0.0:
+    resolution: {integrity: sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
+  es-object-atoms@1.1.2:
+    resolution: {integrity: sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==}
+    engines: {node: '>= 0.4'}
+
+  es-toolkit@1.49.0:
+    resolution: {integrity: sha512-G5iZ6Pc/FNRY/soKZHC+TxGDD83rHUDXxzaWhGCX44vAv/tMs56WMusnm/KMNK+luUPsgA9U28cGr4RDlSzL2g==}
+
+  esbuild-register@3.6.0:
+    resolution: {integrity: sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==}
+    peerDependencies:
+      esbuild: '>=0.12 <1'
+
+  esbuild@0.18.20:
+    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.19.12:
+    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.28.1:
+    resolution: {integrity: sha512-HrJrvZv5ayxBzPfwphOoNzkzOIIlifzk0KJrGK2c8R4+LKpMtpYLQeUdjnwjWv/LZlkH2laZk+4w78pi99D4Vw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  eslint-plugin-react-hooks@7.1.1:
+    resolution: {integrity: sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0
+
+  eslint-plugin-react-refresh@0.4.26:
+    resolution: {integrity: sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ==}
+    peerDependencies:
+      eslint: '>=8.40'
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint@9.39.4:
+    resolution: {integrity: sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+
+  eventemitter3@5.0.4:
+    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
+
+  expand-template@2.0.3:
+    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
+    engines: {node: '>=6'}
+
+  expect-type@1.4.0:
+    resolution: {integrity: sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==}
+    engines: {node: '>=12.0.0'}
+
+  express@4.22.2:
+    resolution: {integrity: sha512-IuL+Elrou2ZvCFHs18/CIzy2Nzvo25nZ1/D2eIZlz7c+QUayAcYoiM2BthCjs+EBHVpjYjcuLDAiCWgeIX3X1Q==}
+    engines: {node: '>= 0.10.0'}
+
+  fast-decode-uri-component@1.0.1:
+    resolution: {integrity: sha512-WKgKWg5eUxvRZGwW8FvfbaH7AXSh2cL+3j5fMGzUMCxWBJ3dV3a7Wz8y2f/uQ0e3B6WmodD3oS54jTQ9HVTIIg==}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-json-stringify@6.4.0:
+    resolution: {integrity: sha512-ibRCQ0GZKJIQ+P3Et1h0LhPgp3PMTYk0MH8O+kW3lNYsvmaQww5Nn3f1jf73Q0jR1Yz3a1CDP4/NZD3vOajWJQ==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fast-querystring@1.1.2:
+    resolution: {integrity: sha512-g6KuKWmFXc0fID8WWH0jit4g0AGBoJhCkJMb1RmbsSEUNvQ+ZC8D6CUZ+GtF8nMzSPXnhiePyyqqipzNNEnHjg==}
+
+  fast-uri@3.1.2:
+    resolution: {integrity: sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==}
+
+  fastify-plugin@5.1.0:
+    resolution: {integrity: sha512-FAIDA8eovSt5qcDgcBvDuX/v0Cjz0ohGhENZ/wpc3y+oZCY2afZ9Baqql3g/lC+OHRnciQol4ww7tuthOb9idw==}
+
+  fastify@5.8.5:
+    resolution: {integrity: sha512-Yqptv59pQzPgQUSIm87hMqHJmdkb1+GPxdE6vW6FRyVE9G86mt7rOghitiU4JHRaTyDUk9pfeKmDeu70lAwM4Q==}
+
+  fastq@1.20.1:
+    resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  file-uri-to-path@1.0.0:
+    resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==}
+
+  finalhandler@1.3.2:
+    resolution: {integrity: sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==}
+    engines: {node: '>= 0.8'}
+
+  find-my-way@9.6.0:
+    resolution: {integrity: sha512-Zf4Xve4RymLl7NgaavNebZ01joJ8MfVerOG43wy7SHLO+r+K0C6d/SE0BiR7AV5V1VOCFlOP7ecdo+I4qmiHrQ==}
+    engines: {node: '>=20'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flatted@3.4.2:
+    resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==}
+
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
+    engines: {node: '>=14'}
+
+  forwarded@0.2.0:
+    resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
+    engines: {node: '>= 0.6'}
+
+  fresh@0.5.2:
+    resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
+    engines: {node: '>= 0.6'}
+
+  fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  gel@2.2.0:
+    resolution: {integrity: sha512-q0ma7z2swmoamHQusey8ayo8+ilVdzDt4WTxSPzq/yRqvucWRfymRVMvNgmSC0XK7eNjjEZEcplxpgaNojKdmQ==}
+    engines: {node: '>= 18.0.0'}
+    hasBin: true
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
+  get-tsconfig@4.14.0:
+    resolution: {integrity: sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==}
+
+  github-from-package@0.0.0:
+    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob@11.1.0:
+    resolution: {integrity: sha512-vuNwKSaKiqm7g0THUBu2x7ckSs3XJLXE+2ssL7/MfTGPLLcrJQ/4Uq1CjPTtO5cCIiRxqvN6Twy1qOwhL0Xjcw==}
+    engines: {node: 20 || >=22}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
+    hasBin: true
+
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@16.5.0:
+    resolution: {integrity: sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==}
+    engines: {node: '>=18'}
+
+  goober@2.1.19:
+    resolution: {integrity: sha512-U7veizMqxyKlM58+Z5j2ngJBH/r9siDmxpvNxSw0PylF6WQvrASJEZrxh1hidRBJc2jqoBVSyOban5u8m+6Rxg==}
+    peerDependencies:
+      csstype: ^3.0.10
+
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  happy-dom@18.0.1:
+    resolution: {integrity: sha512-qn+rKOW7KWpVTtgIUi6RVmTBZJSe2k0Db0vh1f7CWrWclkkc7/Q+FrOfkZIb2eiErLyqu5AXEzE7XthO9JVxRA==}
+    engines: {node: '>=20.0.0'}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.4:
+    resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==}
+    engines: {node: '>= 0.4'}
+
+  hermes-estree@0.25.1:
+    resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
+
+  hermes-parser@0.25.1:
+    resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
+
+  http-errors@2.0.1:
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
+
+  iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
+    engines: {node: '>=0.10.0'}
+
+  ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  immer@10.2.0:
+    resolution: {integrity: sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==}
+
+  immer@11.1.8:
+    resolution: {integrity: sha512-/tbkHMW7y10Lx6i1crLjD4/OhNkRG+Fo7byZHtah0547nIeXYcpIXaUh0IAQY6gO5459qpGGYapcEOHtFXkIuA==}
+
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
+  ipaddr.js@1.9.1:
+    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
+    engines: {node: '>= 0.10'}
+
+  ipaddr.js@2.4.0:
+    resolution: {integrity: sha512-9VGk3HGanVE6JoZXHiCpnGy5X0jYDnN4EA4lntFPj+1vIWlFhIylq2CrrCOJH9EAhc5CYhq18F2Av2tgoAPsYQ==}
+    engines: {node: '>= 10'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  isbot@5.1.44:
+    resolution: {integrity: sha512-PGEHtwMnKbZpeSEXW2Utx+/JWed7dp6DiH0WWg33vGSDA7RUvpUeJSVlLrVkQ1RCpvDOUc/eH9ql7VsdbBZ8pA==}
+    engines: {node: '>=18'}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  isexe@3.1.5:
+    resolution: {integrity: sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==}
+    engines: {node: '>=18'}
+
+  jackspeak@4.2.3:
+    resolution: {integrity: sha512-ykkVRwrYvFm1nb2AJfKKYPr0emF6IiXDYUaFx4Zn9ZuIH7MrzEZ3sD5RlqGXNRpHtvUHJyOnCEFxOlNDtGo7wg==}
+    engines: {node: 20 || >=22}
+
+  jiti@2.7.0:
+    resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
+    hasBin: true
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-tokens@9.0.1:
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+
+  js-yaml@4.2.0:
+    resolution: {integrity: sha512-ePWsvanv0DWuDRsW8dnt+R4jQ31SCRCQ7hhNcPXZPsoBZiemuZNYGf7adZdqX2D86j6rvKp3RpCxVTSb8WQlOw==}
+    hasBin: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-schema-ref-resolver@3.0.0:
+    resolution: {integrity: sha512-hOrZIVL5jyYFjzk7+y7n5JDzGlU8rfWDuYyHwGa2WA8/pcmMHezp2xsVwxrebD/Q9t8Nc5DboieySDpCp4WG4A==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  light-my-request@6.6.0:
+    resolution: {integrity: sha512-CHYbu8RtboSIoVsHZ6Ye4cj4Aw/yg2oAFimlF7mNvfDV192LR7nDiKtSIfCuLT7KokPSTn/9kfVLm5OGN0A28A==}
+
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  loupe@3.2.1:
+    resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
+
+  lru-cache@11.5.1:
+    resolution: {integrity: sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==}
+    engines: {node: 20 || >=22}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  lucide-react@0.468.0:
+    resolution: {integrity: sha512-6koYRhnM2N0GGZIdXzSeiNwguv1gt/FAjZOiPl76roBi3xKEXa4WmfpxgQwTTL4KipXjefrnf3oV4IsYhi4JFA==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  media-typer@0.3.0:
+    resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
+    engines: {node: '>= 0.6'}
+
+  media-typer@1.1.0:
+    resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
+    engines: {node: '>= 0.8'}
+
+  merge-descriptors@1.0.3:
+    resolution: {integrity: sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==}
+
+  methods@1.1.2:
+    resolution: {integrity: sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==}
+    engines: {node: '>= 0.6'}
+
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  mime-db@1.54.0:
+    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@3.0.2:
+    resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
+    engines: {node: '>=18'}
+
+  mime@1.6.0:
+    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  mime@3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+
+  mimic-response@3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
+    engines: {node: '>=10'}
+
+  minimatch@10.2.5:
+    resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimatch@3.1.5:
+    resolution: {integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minipass@7.1.3:
+    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  mkdirp-classic@0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
+
+  ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  nanoid@3.3.15:
+    resolution: {integrity: sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  napi-build-utils@2.0.0:
+    resolution: {integrity: sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==}
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  negotiator@0.6.3:
+    resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
+    engines: {node: '>= 0.6'}
+
+  next-themes@0.4.6:
+    resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
+    peerDependencies:
+      react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
+
+  node-abi@3.92.0:
+    resolution: {integrity: sha512-KdHvFWZjEKDf0cakgFjebl371GPsISX2oZHcuyKqM7DtogIsHrqKeLTo8wBHxaXRAQlY2PsPlZmfo+9ZCxEREQ==}
+    engines: {node: '>=10'}
+
+  node-releases@2.0.50:
+    resolution: {integrity: sha512-J6l92tKHX6w8Jy5nO1Vuc01NoIiRGi/d6qBKVxh+IQ8Cr3b6HbVNfKiF8ZpFKufTwpwxMmce2W3iQZ861ZRyTg==}
+    engines: {node: '>=18'}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
+
+  on-exit-leak-free@2.1.2:
+    resolution: {integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==}
+    engines: {node: '>=14.0.0'}
+
+  on-finished@2.4.1:
+    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
+    engines: {node: '>= 0.8'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parseurl@1.3.3:
+    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
+    engines: {node: '>= 0.8'}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-scurry@2.0.2:
+    resolution: {integrity: sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==}
+    engines: {node: 18 || 20 || >=22}
+
+  path-to-regexp@0.1.13:
+    resolution: {integrity: sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA==}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  pathval@2.0.1:
+    resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
+    engines: {node: '>= 14.16'}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
+  pino-abstract-transport@3.0.0:
+    resolution: {integrity: sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg==}
+
+  pino-std-serializers@7.1.0:
+    resolution: {integrity: sha512-BndPH67/JxGExRgiX1dX0w1FvZck5Wa4aal9198SrRhZjH3GxKQUKIBnYJTdj2HDN3UQAS06HlfcSbQj2OHmaw==}
+
+  pino@10.3.1:
+    resolution: {integrity: sha512-r34yH/GlQpKZbU1BvFFqOjhISRo1MNx1tWYsYvmj6KIRHSPMT2+yHOEb1SG6NMvRoHRF0a07kCOox/9yakl1vg==}
+    hasBin: true
+
+  postcss@8.5.15:
+    resolution: {integrity: sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prebuild-install@7.1.3:
+    resolution: {integrity: sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==}
+    engines: {node: '>=10'}
+    deprecated: No longer maintained. Please contact the author of the relevant native addon; alternatives are available.
+    hasBin: true
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier@3.8.4:
+    resolution: {integrity: sha512-N2MylSdi48+5N/6S5j+maeHbUSIzzZ5uOcX5Hm4QpV8Dkb1HFjfAKTKX6yNPJQD9AhcT3ifHNB66tWTTJDi11Q==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  process-warning@4.0.1:
+    resolution: {integrity: sha512-3c2LzQ3rY9d0hc1emcsHhfT9Jwz0cChib/QN89oME2R451w5fy3f0afAhERFZAwrbDU43wk12d0ORBpDVME50Q==}
+
+  process-warning@5.0.0:
+    resolution: {integrity: sha512-a39t9ApHNx2L4+HBnQKqxxHNs1r7KF+Intd8Q/g1bUh6q0WIp9voPXJ/x0j+ZL45KF1pJd9+q2jLIRMfvEshkA==}
+
+  proxy-addr@2.0.7:
+    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
+    engines: {node: '>= 0.10'}
+
+  pump@3.0.4:
+    resolution: {integrity: sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  qs@6.15.3:
+    resolution: {integrity: sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==}
+    engines: {node: '>=0.6'}
+
+  quick-format-unescaped@4.0.4:
+    resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
+
+  range-parser@1.2.1:
+    resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
+    engines: {node: '>= 0.6'}
+
+  raw-body@2.5.3:
+    resolution: {integrity: sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==}
+    engines: {node: '>= 0.8'}
+
+  rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+    hasBin: true
+
+  react-dom@19.2.7:
+    resolution: {integrity: sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==}
+    peerDependencies:
+      react: ^19.2.7
+
+  react-hook-form@7.80.0:
+    resolution: {integrity: sha512-4P+fk6oXsxY+6xSj7Euhc2sumQD8zQqCuVHoJwoyp9EchP+IUW9OESB7uHFJOKsIBQ4MQqYE84INJFqUCYNoOg==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      react: ^16.8.0 || ^17 || ^18 || ^19
+
+  react-is@18.3.1:
+    resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
+
+  react-redux@9.3.0:
+    resolution: {integrity: sha512-KQopgqFo/p/fgmAs5qz6p5RWaNAzq40WAu7fJIXnQpYxFPbJYtsJPWvGeF2rOBaY/kEuV77AVsX8TsQzKm+A/g==}
+    peerDependencies:
+      '@types/react': ^18.2.25 || ^19
+      react: ^18.0 || ^19
+      redux: ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      redux:
+        optional: true
+
+  react-refresh@0.18.0:
+    resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
+    engines: {node: '>=0.10.0'}
+
+  react@19.2.7:
+    resolution: {integrity: sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==}
+    engines: {node: '>=0.10.0'}
+
+  readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+
+  readdirp@5.0.0:
+    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
+    engines: {node: '>= 20.19.0'}
+
+  real-require@0.2.0:
+    resolution: {integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==}
+    engines: {node: '>= 12.13.0'}
+
+  real-require@1.0.0:
+    resolution: {integrity: sha512-P4nbQYQfePJxRSmY+v/KINxVucm4NF3p3s7pJveMTtom52FR4YGltUQLB8idDXwDDWW+eYrWDFbuzUnjoWHF7g==}
+
+  recharts@3.8.0:
+    resolution: {integrity: sha512-Z/m38DX3L73ExO4Tpc9/iZWHmHnlzWG4njQbxsF5aSjwqmHNDDIm0rdEBArkwsBvR8U6EirlEHiQNYWCVh9sGQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  redux-thunk@3.1.0:
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
+
+  redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  reselect@5.1.1:
+    resolution: {integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==}
+
+  reselect@5.2.0:
+    resolution: {integrity: sha512-AgZ3UOZm3YndfrJ4OYjgrT7bmCm/1iqkjvEfH/oYjzh6PD2qw4QuT3jjnXIrpdt4MTpMXclMT3lXbmRY+XRakw==}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
+  ret@0.5.0:
+    resolution: {integrity: sha512-I1XxrZSQ+oErkRR4jYbAyEEu2I0avBvvMM5JN+6EBprOGRCs63ENqZ3vjavq8fBw2+62G5LF5XelKwuJpcvcxw==}
+    engines: {node: '>=10'}
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
+  rollup@4.62.2:
+    resolution: {integrity: sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+
+  safe-regex2@5.1.1:
+    resolution: {integrity: sha512-mOSBvHGDZMuIEZMdOz/aCEYDCv0E7nfcNsIhUF+/P+xC7Hyf3FkvymqgPbg9D1EdSGu+uKbJgy09K/RKKc7kJA==}
+    hasBin: true
+
+  safe-stable-stringify@2.5.0:
+    resolution: {integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==}
+    engines: {node: '>=10'}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
+
+  secure-json-parse@4.1.0:
+    resolution: {integrity: sha512-l4KnYfEyqYJxDwlNVyRfO2E4NTHfMKAWdUuA8J0yve2Dz/E/PdBepY03RvyJpssIpRFwJoCD55wA+mEDs6ByWA==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.8.5:
+    resolution: {integrity: sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  send@0.19.2:
+    resolution: {integrity: sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==}
+    engines: {node: '>= 0.8.0'}
+
+  seroval-plugins@1.5.4:
+    resolution: {integrity: sha512-S0xQPhUTefAhNvNWFg0c1J8qJArHt5KdtJ/cFAofo06KD1MVSeFWyl4iiu+ApDIuw0WhjpOfCdgConOfAnLgkw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      seroval: ^1.0
+
+  seroval@1.5.4:
+    resolution: {integrity: sha512-46uFvgrXTVxZcUorgSSRZ4y+ieqLLQRMlG4bnCZKW3qI6BZm7Rg4ntMW4p1mILEEBZWrFlcpp0AyIIlM6jD9iw==}
+    engines: {node: '>=10'}
+
+  serve-static@1.16.3:
+    resolution: {integrity: sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==}
+    engines: {node: '>= 0.8.0'}
+
+  set-cookie-parser@2.7.2:
+    resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==}
+
+  setprototypeof@1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  shell-quote@1.9.0:
+    resolution: {integrity: sha512-Iov+JwFv/2HcTpcwNMKd8+IWNb8tboQJNQTkAY/LLVK7gGH9jy+LGkVqPxfekHl+yMmiqXszdGWXgkfml7hjqA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-list@1.0.1:
+    resolution: {integrity: sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
+  side-channel@1.1.1:
+    resolution: {integrity: sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==}
+    engines: {node: '>= 0.4'}
+
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  simple-concat@1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
+
+  simple-get@4.0.1:
+    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
+
+  sonic-boom@4.2.1:
+    resolution: {integrity: sha512-w6AxtubXa2wTXAUsZMMWERrsIRAdrK0Sc+FUytWvYAhBJLyuI4llrMIC1DtlNSdI99EI86KZum2MMq3EAZlF9Q==}
+
+  sonner@1.7.4:
+    resolution: {integrity: sha512-DIS8z4PfJRbIyfVFDVnK9rO3eYDtse4Omcm6bt0oEr5/jtLgysmjuBl1frJ9E/EQZrFmKx2A8m/s5s9CRXIzhw==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  split2@4.2.0:
+    resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
+    engines: {node: '>= 10.x'}
+
+  sql.js@1.14.1:
+    resolution: {integrity: sha512-gcj8zBWU5cFsi9WUP+4bFNXAyF1iRpA3LLyS/DP5xlrNzGmPIizUeBggKa8DbDwdqaKwUcTEnChtd2grWo/x/A==}
+
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
+
+  std-env@3.10.0:
+    resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
+
+  string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+
+  strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
+    engines: {node: '>=0.10.0'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  strip-literal@3.1.0:
+    resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  tailwind-merge@3.6.0:
+    resolution: {integrity: sha512-uxL7qAVQriqRQPAyK3pj66VqskWqoZ37PW94jwOTwNfq/z9oyu1V+eqrZqtR2+fCiXdYOZe/Modt8GtvqNzu+w==}
+
+  tailwindcss@4.3.1:
+    resolution: {integrity: sha512-hk+TB1m+K8CYNrP6rjQaq/Y+4Zylwpa87mLYBKCunwnnQ9p+fHb7kmSfGqyEJoxF/O6CDyABWVFEafNSYKll+Q==}
+
+  tapable@2.3.3:
+    resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
+    engines: {node: '>=6'}
+
+  tar-fs@2.1.4:
+    resolution: {integrity: sha512-mDAjwmZdh7LTT6pNleZ05Yt65HC3E+NiQzl672vQG38jIrehtJk/J3mNwIg+vShQPcLF/LV7CMnDW6vjj6sfYQ==}
+
+  tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
+    engines: {node: '>=6'}
+
+  thread-stream@4.2.0:
+    resolution: {integrity: sha512-e2zZ96wSChazBsbENf/Pcm/4swHt2cEKQ92rhUjkL9GCKiTDJIaTBenjE/m9DXi0QBmTMDkFDdOomUy20A1tDQ==}
+    engines: {node: '>=20'}
+
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinyexec@0.3.2:
+    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
+
+  tinyglobby@0.2.17:
+    resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
+    engines: {node: '>=12.0.0'}
+
+  tinypool@1.1.1:
+    resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+
+  tinyrainbow@2.0.0:
+    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@4.0.4:
+    resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==}
+    engines: {node: '>=14.0.0'}
+
+  toad-cache@3.7.1:
+    resolution: {integrity: sha512-5DXWzE4Vz7xNHsv+xQ+MGfJYyC78Aok3tEr0MNwHoRf7vZnga1mQXZ4/Nsodld4VR6Wd+VhfmqnNrsRJyYPfrQ==}
+    engines: {node: '>=20'}
+
+  toidentifier@1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+
+  tsx@4.22.4:
+    resolution: {integrity: sha512-X8EX+XV4QR5xCsrgxaED954zTDfY8KqlDtskKEL0cHhyS/P8b4IFOvGDQpsC9Q1XnLq915wEfwwY/zzskCtmhg==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
+  tunnel-agent@0.6.0:
+    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
+
+  tw-animate-css@1.4.0:
+    resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  type-is@1.6.18:
+    resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==}
+    engines: {node: '>= 0.6'}
+
+  type-is@2.1.0:
+    resolution: {integrity: sha512-faYHw0anBbc/kWF3zFTEnxSFOAGUX9GFbOBthvDdLsIlEoWOFOtS0zgCiQYwIskL9iGXZL3kAXD8OoZ4GmMATA==}
+    engines: {node: '>= 18'}
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
+  undici-types@8.3.0:
+    resolution: {integrity: sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==}
+
+  unpipe@1.0.0:
+    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
+    engines: {node: '>= 0.8'}
+
+  unplugin@3.2.0:
+    resolution: {integrity: sha512-6nGlT7EHsS+tTcTdAkYFqXIUwDrMJyJvHFNYGSr4x2/2ySIcV4f5e1RAJUeDyfOJPR8TF0auE8l+82PLhKjqsA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      '@farmfe/core': '*'
+      '@rspack/core': '*'
+      bun-types-no-globals: '*'
+      esbuild: '*'
+      rolldown: '*'
+      rollup: '*'
+      unloader: '*'
+      vite: '*'
+      webpack: '*'
+    peerDependenciesMeta:
+      '@farmfe/core':
+        optional: true
+      '@rspack/core':
+        optional: true
+      bun-types-no-globals:
+        optional: true
+      esbuild:
+        optional: true
+      rolldown:
+        optional: true
+      rollup:
+        optional: true
+      unloader:
+        optional: true
+      vite:
+        optional: true
+      webpack:
+        optional: true
+
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  use-sync-external-store@1.6.0:
+    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  utils-merge@1.0.1:
+    resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==}
+    engines: {node: '>= 0.4.0'}
+
+  vary@1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+
+  victory-vendor@37.3.6:
+    resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==}
+
+  vite-node@3.2.4:
+    resolution: {integrity: sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+
+  vite@7.3.6:
+    resolution: {integrity: sha512-4XP60spRGjSZFf1qYH+dJIkK2znL3zQfl9KkOV9MkkRR/3Dls0dxaBsQPTloEc5BLXWPL9vsOxopxyKoMmDueg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      lightningcss: ^1.21.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitest@3.2.6:
+    resolution: {integrity: sha512-xejya+bT/j/+R/AGa1XOfRxLmNUlLtlwjRsFUILF+xHfzElmGcmFydy2gqqIrd62ptIEfwVMofd19uNWD9L7Nw==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@types/debug': ^4.1.12
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      '@vitest/browser': 3.2.6
+      '@vitest/ui': 3.2.6
+      happy-dom: '*'
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@types/debug':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
+  whatwg-mimetype@3.0.0:
+    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
+    engines: {node: '>=12'}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  which@4.0.0:
+    resolution: {integrity: sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==}
+    engines: {node: ^16.13.0 || >=18.0.0}
+    hasBin: true
+
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zod-validation-error@4.0.2:
+    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      zod: ^3.25.0 || ^4.0.0
+
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
+
+  zod@4.4.3:
+    resolution: {integrity: sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==}
+
+snapshots:
+
+  '@babel/code-frame@7.29.7':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.29.7
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.29.7': {}
+
+  '@babel/core@7.29.7':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.7
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)
+      '@babel/helpers': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/template': 7.29.7
+      '@babel/traverse': 7.29.7
+      '@babel/types': 7.29.7
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.29.7':
+    dependencies:
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/helper-compilation-targets@7.29.7':
+    dependencies:
+      '@babel/compat-data': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
+      browserslist: 4.28.4
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-globals@7.29.7': {}
+
+  '@babel/helper-module-imports@7.29.7':
+    dependencies:
+      '@babel/traverse': 7.29.7
+      '@babel/types': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-module-imports': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+      '@babel/traverse': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-plugin-utils@7.29.7': {}
+
+  '@babel/helper-string-parser@7.29.7': {}
+
+  '@babel/helper-validator-identifier@7.29.7': {}
+
+  '@babel/helper-validator-option@7.29.7': {}
+
+  '@babel/helpers@7.29.7':
+    dependencies:
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.7
+
+  '@babel/parser@7.29.7':
+    dependencies:
+      '@babel/types': 7.29.7
+
+  '@babel/plugin-transform-react-jsx-self@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-react-jsx-source@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/runtime@7.29.7': {}
+
+  '@babel/template@7.29.7':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
+
+  '@babel/traverse@7.29.7':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.7
+      '@babel/helper-globals': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.7
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.29.7':
+    dependencies:
+      '@babel/helper-string-parser': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+
+  '@base-ui/react@1.6.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@babel/runtime': 7.29.7
+      '@base-ui/utils': 0.3.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@floating-ui/react-dom': 2.1.8(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@floating-ui/utils': 0.2.11
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      use-sync-external-store: 1.6.0(react@19.2.7)
+    optionalDependencies:
+      '@types/react': 19.2.17
+
+  '@base-ui/utils@0.3.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@babel/runtime': 7.29.7
+      '@floating-ui/utils': 0.2.11
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      reselect: 5.2.0
+      use-sync-external-store: 1.6.0(react@19.2.7)
+    optionalDependencies:
+      '@types/react': 19.2.17
+
+  '@drizzle-team/brocli@0.10.2': {}
+
+  '@esbuild-kit/core-utils@3.3.2':
+    dependencies:
+      esbuild: 0.18.20
+      source-map-support: 0.5.21
+
+  '@esbuild-kit/esm-loader@2.6.5':
+    dependencies:
+      '@esbuild-kit/core-utils': 3.3.2
+      get-tsconfig: 4.14.0
+
+  '@esbuild/aix-ppc64@0.19.12':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.28.1':
+    optional: true
+
+  '@esbuild/android-arm64@0.18.20':
+    optional: true
+
+  '@esbuild/android-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/android-arm64@0.28.1':
+    optional: true
+
+  '@esbuild/android-arm@0.18.20':
+    optional: true
+
+  '@esbuild/android-arm@0.19.12':
+    optional: true
+
+  '@esbuild/android-arm@0.28.1':
+    optional: true
+
+  '@esbuild/android-x64@0.18.20':
+    optional: true
+
+  '@esbuild/android-x64@0.19.12':
+    optional: true
+
+  '@esbuild/android-x64@0.28.1':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.18.20':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.28.1':
+    optional: true
+
+  '@esbuild/darwin-x64@0.18.20':
+    optional: true
+
+  '@esbuild/darwin-x64@0.19.12':
+    optional: true
+
+  '@esbuild/darwin-x64@0.28.1':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.18.20':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.28.1':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.18.20':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.28.1':
+    optional: true
+
+  '@esbuild/linux-arm64@0.18.20':
+    optional: true
+
+  '@esbuild/linux-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-arm64@0.28.1':
+    optional: true
+
+  '@esbuild/linux-arm@0.18.20':
+    optional: true
+
+  '@esbuild/linux-arm@0.19.12':
+    optional: true
+
+  '@esbuild/linux-arm@0.28.1':
+    optional: true
+
+  '@esbuild/linux-ia32@0.18.20':
+    optional: true
+
+  '@esbuild/linux-ia32@0.19.12':
+    optional: true
+
+  '@esbuild/linux-ia32@0.28.1':
+    optional: true
+
+  '@esbuild/linux-loong64@0.18.20':
+    optional: true
+
+  '@esbuild/linux-loong64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-loong64@0.28.1':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.18.20':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.19.12':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.28.1':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.18.20':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.28.1':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.18.20':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.28.1':
+    optional: true
+
+  '@esbuild/linux-s390x@0.18.20':
+    optional: true
+
+  '@esbuild/linux-s390x@0.19.12':
+    optional: true
+
+  '@esbuild/linux-s390x@0.28.1':
+    optional: true
+
+  '@esbuild/linux-x64@0.18.20':
+    optional: true
+
+  '@esbuild/linux-x64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-x64@0.28.1':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.28.1':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.18.20':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.28.1':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.28.1':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.18.20':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.28.1':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.28.1':
+    optional: true
+
+  '@esbuild/sunos-x64@0.18.20':
+    optional: true
+
+  '@esbuild/sunos-x64@0.19.12':
+    optional: true
+
+  '@esbuild/sunos-x64@0.28.1':
+    optional: true
+
+  '@esbuild/win32-arm64@0.18.20':
+    optional: true
+
+  '@esbuild/win32-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/win32-arm64@0.28.1':
+    optional: true
+
+  '@esbuild/win32-ia32@0.18.20':
+    optional: true
+
+  '@esbuild/win32-ia32@0.19.12':
+    optional: true
+
+  '@esbuild/win32-ia32@0.28.1':
+    optional: true
+
+  '@esbuild/win32-x64@0.18.20':
+    optional: true
+
+  '@esbuild/win32-x64@0.19.12':
+    optional: true
+
+  '@esbuild/win32-x64@0.28.1':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4(jiti@2.7.0))':
+    dependencies:
+      eslint: 9.39.4(jiti@2.7.0)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.21.2':
+    dependencies:
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
+      minimatch: 3.1.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
+
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.5':
+    dependencies:
+      ajv: 6.15.0
+      debug: 4.4.3
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.2.0
+      minimatch: 3.1.5
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.39.4': {}
+
+  '@eslint/object-schema@2.1.7': {}
+
+  '@eslint/plugin-kit@0.4.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      levn: 0.4.1
+
+  '@fastify/accept-negotiator@2.0.1': {}
+
+  '@fastify/ajv-compiler@4.0.5':
+    dependencies:
+      ajv: 8.20.0
+      ajv-formats: 3.0.1(ajv@8.20.0)
+      fast-uri: 3.1.2
+
+  '@fastify/cors@11.2.0':
+    dependencies:
+      fastify-plugin: 5.1.0
+      toad-cache: 3.7.1
+
+  '@fastify/error@4.2.0': {}
+
+  '@fastify/fast-json-stringify-compiler@5.0.3':
+    dependencies:
+      fast-json-stringify: 6.4.0
+
+  '@fastify/forwarded@3.0.1': {}
+
+  '@fastify/merge-json-schemas@0.2.1':
+    dependencies:
+      dequal: 2.0.3
+
+  '@fastify/proxy-addr@5.1.0':
+    dependencies:
+      '@fastify/forwarded': 3.0.1
+      ipaddr.js: 2.4.0
+
+  '@fastify/send@4.1.0':
+    dependencies:
+      '@lukeed/ms': 2.0.2
+      escape-html: 1.0.3
+      fast-decode-uri-component: 1.0.1
+      http-errors: 2.0.1
+      mime: 3.0.0
+
+  '@fastify/sensible@6.0.4':
+    dependencies:
+      '@lukeed/ms': 2.0.2
+      dequal: 2.0.3
+      fastify-plugin: 5.1.0
+      forwarded: 0.2.0
+      http-errors: 2.0.1
+      type-is: 2.1.0
+      vary: 1.1.2
+
+  '@fastify/static@8.3.0':
+    dependencies:
+      '@fastify/accept-negotiator': 2.0.1
+      '@fastify/send': 4.1.0
+      content-disposition: 0.5.4
+      fastify-plugin: 5.1.0
+      fastq: 1.20.1
+      glob: 11.1.0
+
+  '@floating-ui/core@1.7.5':
+    dependencies:
+      '@floating-ui/utils': 0.2.11
+
+  '@floating-ui/dom@1.7.6':
+    dependencies:
+      '@floating-ui/core': 1.7.5
+      '@floating-ui/utils': 0.2.11
+
+  '@floating-ui/react-dom@2.1.8(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+
+  '@floating-ui/utils@0.2.11': {}
+
+  '@hookform/resolvers@3.10.0(react-hook-form@7.80.0(react@19.2.7))':
+    dependencies:
+      react-hook-form: 7.80.0(react@19.2.7)
+
+  '@humanfs/core@0.19.2':
+    dependencies:
+      '@humanfs/types': 0.15.0
+
+  '@humanfs/node@0.16.8':
+    dependencies:
+      '@humanfs/core': 0.19.2
+      '@humanfs/types': 0.15.0
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanfs/types@0.15.0': {}
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
+  '@isaacs/cliui@9.0.0': {}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@lukeed/ms@2.0.2': {}
+
+  '@petamoriken/float16@3.9.3': {}
+
+  '@pinojs/redact@0.4.0': {}
+
+  '@reduxjs/toolkit@2.12.0(react-redux@9.3.0(@types/react@19.2.17)(react@19.2.7)(redux@5.0.1))(react@19.2.7)':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@standard-schema/utils': 0.3.0
+      immer: 11.1.8
+      redux: 5.0.1
+      redux-thunk: 3.1.0(redux@5.0.1)
+      reselect: 5.2.0
+    optionalDependencies:
+      react: 19.2.7
+      react-redux: 9.3.0(@types/react@19.2.17)(react@19.2.7)(redux@5.0.1)
+
+  '@rolldown/pluginutils@1.0.0-rc.3': {}
+
+  '@rollup/rollup-android-arm-eabi@4.62.2':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.62.2':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.62.2':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.62.2':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.62.2':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.62.2':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.62.2':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.62.2':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.62.2':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.62.2':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.62.2':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.62.2':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.62.2':
+    optional: true
+
+  '@standard-schema/spec@1.1.0': {}
+
+  '@standard-schema/utils@0.3.0': {}
+
+  '@tailwindcss/node@4.3.1':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.21.6
+      jiti: 2.7.0
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.3.1
+
+  '@tailwindcss/oxide-android-arm64@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.1':
+    optional: true
+
+  '@tailwindcss/oxide@4.3.1':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.3.1
+      '@tailwindcss/oxide-darwin-arm64': 4.3.1
+      '@tailwindcss/oxide-darwin-x64': 4.3.1
+      '@tailwindcss/oxide-freebsd-x64': 4.3.1
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.3.1
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.3.1
+      '@tailwindcss/oxide-linux-arm64-musl': 4.3.1
+      '@tailwindcss/oxide-linux-x64-gnu': 4.3.1
+      '@tailwindcss/oxide-linux-x64-musl': 4.3.1
+      '@tailwindcss/oxide-wasm32-wasi': 4.3.1
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.3.1
+      '@tailwindcss/oxide-win32-x64-msvc': 4.3.1
+
+  '@tailwindcss/vite@4.3.1(vite@7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4))':
+    dependencies:
+      '@tailwindcss/node': 4.3.1
+      '@tailwindcss/oxide': 4.3.1
+      tailwindcss: 4.3.1
+      vite: 7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+
+  '@tanstack/history@1.162.0': {}
+
+  '@tanstack/query-core@5.101.1': {}
+
+  '@tanstack/query-devtools@5.101.1': {}
+
+  '@tanstack/react-query-devtools@5.101.1(@tanstack/react-query@5.101.1(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@tanstack/query-devtools': 5.101.1
+      '@tanstack/react-query': 5.101.1(react@19.2.7)
+      react: 19.2.7
+
+  '@tanstack/react-query@5.101.1(react@19.2.7)':
+    dependencies:
+      '@tanstack/query-core': 5.101.1
+      react: 19.2.7
+
+  '@tanstack/react-router-devtools@1.167.0(@tanstack/react-router@1.170.16(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@tanstack/router-core@1.171.13)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@tanstack/react-router': 1.170.16(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@tanstack/router-devtools-core': 1.168.0(@tanstack/router-core@1.171.13)(csstype@3.2.3)
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+    optionalDependencies:
+      '@tanstack/router-core': 1.171.13
+    transitivePeerDependencies:
+      - csstype
+
+  '@tanstack/react-router@1.170.16(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@tanstack/history': 1.162.0
+      '@tanstack/react-store': 0.9.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@tanstack/router-core': 1.171.13
+      isbot: 5.1.44
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+
+  '@tanstack/react-store@0.9.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@tanstack/store': 0.9.3
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      use-sync-external-store: 1.6.0(react@19.2.7)
+
+  '@tanstack/router-core@1.171.13':
+    dependencies:
+      '@tanstack/history': 1.162.0
+      cookie-es: 3.1.1
+      seroval: 1.5.4
+      seroval-plugins: 1.5.4(seroval@1.5.4)
+
+  '@tanstack/router-devtools-core@1.168.0(@tanstack/router-core@1.171.13)(csstype@3.2.3)':
+    dependencies:
+      '@tanstack/router-core': 1.171.13
+      clsx: 2.1.1
+      goober: 2.1.19(csstype@3.2.3)
+    optionalDependencies:
+      csstype: 3.2.3
+
+  '@tanstack/router-generator@1.167.17':
+    dependencies:
+      '@babel/types': 7.29.7
+      '@tanstack/router-core': 1.171.13
+      '@tanstack/router-utils': 1.162.2
+      '@tanstack/virtual-file-routes': 1.162.0
+      jiti: 2.7.0
+      magic-string: 0.30.21
+      prettier: 3.8.4
+      zod: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@tanstack/router-plugin@1.168.18(@tanstack/react-router@1.170.16(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4))':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.7
+      '@tanstack/router-core': 1.171.13
+      '@tanstack/router-generator': 1.167.17
+      '@tanstack/router-utils': 1.162.2
+      chokidar: 5.0.0
+      unplugin: 3.2.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4))
+      zod: 4.4.3
+    optionalDependencies:
+      '@tanstack/react-router': 1.170.16(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      vite: 7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+    transitivePeerDependencies:
+      - '@farmfe/core'
+      - '@rspack/core'
+      - bun-types-no-globals
+      - esbuild
+      - rolldown
+      - rollup
+      - supports-color
+      - unloader
+
+  '@tanstack/router-utils@1.162.2':
+    dependencies:
+      '@babel/generator': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
+      ansis: 4.3.1
+      babel-dead-code-elimination: 1.0.12
+      diff: 8.0.4
+      pathe: 2.0.3
+      tinyglobby: 0.2.17
+    transitivePeerDependencies:
+      - supports-color
+
+  '@tanstack/store@0.9.3': {}
+
+  '@tanstack/virtual-file-routes@1.162.0': {}
+
+  '@types/babel__core@7.20.5':
+    dependencies:
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
+      '@types/babel__generator': 7.27.0
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.28.0
+
+  '@types/babel__generator@7.27.0':
+    dependencies:
+      '@babel/types': 7.29.7
+
+  '@types/babel__template@7.4.4':
+    dependencies:
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
+
+  '@types/babel__traverse@7.28.0':
+    dependencies:
+      '@babel/types': 7.29.7
+
+  '@types/better-sqlite3@7.6.13':
+    dependencies:
+      '@types/node': 22.20.0
+
+  '@types/body-parser@1.19.6':
+    dependencies:
+      '@types/connect': 3.4.38
+      '@types/node': 22.20.0
+
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/connect@3.4.38':
+    dependencies:
+      '@types/node': 22.20.0
+
+  '@types/cors@2.8.19':
+    dependencies:
+      '@types/node': 22.20.0
+
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-shape@3.1.8':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/estree@1.0.9': {}
+
+  '@types/express-serve-static-core@5.1.1':
+    dependencies:
+      '@types/node': 22.20.0
+      '@types/qs': 6.15.1
+      '@types/range-parser': 1.2.7
+      '@types/send': 1.2.1
+
+  '@types/express@5.0.6':
+    dependencies:
+      '@types/body-parser': 1.19.6
+      '@types/express-serve-static-core': 5.1.1
+      '@types/serve-static': 2.2.0
+
+  '@types/http-errors@2.0.5': {}
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/node@20.19.43':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/node@22.20.0':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/node@26.0.1':
+    dependencies:
+      undici-types: 8.3.0
+    optional: true
+
+  '@types/qs@6.15.1': {}
+
+  '@types/range-parser@1.2.7': {}
+
+  '@types/react-dom@19.2.3(@types/react@19.2.17)':
+    dependencies:
+      '@types/react': 19.2.17
+
+  '@types/react@19.2.17':
+    dependencies:
+      csstype: 3.2.3
+
+  '@types/send@1.2.1':
+    dependencies:
+      '@types/node': 22.20.0
+
+  '@types/serve-static@2.2.0':
+    dependencies:
+      '@types/http-errors': 2.0.5
+      '@types/node': 22.20.0
+
+  '@types/use-sync-external-store@0.0.6': {}
+
+  '@types/whatwg-mimetype@3.0.2': {}
+
+  '@vitejs/plugin-react@5.2.0(vite@7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4))':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/plugin-transform-react-jsx-self': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-react-jsx-source': 7.29.7(@babel/core@7.29.7)
+      '@rolldown/pluginutils': 1.0.0-rc.3
+      '@types/babel__core': 7.20.5
+      react-refresh: 0.18.0
+      vite: 7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vitest/expect@3.2.6':
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/spy': 3.2.6
+      '@vitest/utils': 3.2.6
+      chai: 5.3.3
+      tinyrainbow: 2.0.0
+
+  '@vitest/mocker@3.2.6(vite@7.3.6(@types/node@22.20.0)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4))':
+    dependencies:
+      '@vitest/spy': 3.2.6
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      vite: 7.3.6(@types/node@22.20.0)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+
+  '@vitest/mocker@3.2.6(vite@7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4))':
+    dependencies:
+      '@vitest/spy': 3.2.6
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      vite: 7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+
+  '@vitest/pretty-format@3.2.6':
+    dependencies:
+      tinyrainbow: 2.0.0
+
+  '@vitest/runner@3.2.6':
+    dependencies:
+      '@vitest/utils': 3.2.6
+      pathe: 2.0.3
+      strip-literal: 3.1.0
+
+  '@vitest/snapshot@3.2.6':
+    dependencies:
+      '@vitest/pretty-format': 3.2.6
+      magic-string: 0.30.21
+      pathe: 2.0.3
+
+  '@vitest/spy@3.2.6':
+    dependencies:
+      tinyspy: 4.0.4
+
+  '@vitest/utils@3.2.6':
+    dependencies:
+      '@vitest/pretty-format': 3.2.6
+      loupe: 3.2.1
+      tinyrainbow: 2.0.0
+
+  abstract-logging@2.0.1: {}
+
+  accepts@1.3.8:
+    dependencies:
+      mime-types: 2.1.35
+      negotiator: 0.6.3
+
+  acorn-jsx@5.3.2(acorn@8.17.0):
+    dependencies:
+      acorn: 8.17.0
+
+  acorn@8.17.0: {}
+
+  ajv-formats@3.0.1(ajv@8.20.0):
+    optionalDependencies:
+      ajv: 8.20.0
+
+  ajv@6.15.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  ajv@8.20.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.2
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansis@4.3.1: {}
+
+  argparse@2.0.1: {}
+
+  array-flatten@1.1.1: {}
+
+  assertion-error@2.0.1: {}
+
+  atomic-sleep@1.0.0: {}
+
+  avvio@9.2.0:
+    dependencies:
+      '@fastify/error': 4.2.0
+      fastq: 1.20.1
+
+  babel-dead-code-elimination@1.0.12:
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/traverse': 7.29.7
+      '@babel/types': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  balanced-match@1.0.2: {}
+
+  balanced-match@4.0.4: {}
+
+  base64-js@1.5.1: {}
+
+  baseline-browser-mapping@2.10.40: {}
+
+  better-sqlite3@11.10.0:
+    dependencies:
+      bindings: 1.5.0
+      prebuild-install: 7.1.3
+
+  bindings@1.5.0:
+    dependencies:
+      file-uri-to-path: 1.0.0
+
+  bl@4.1.0:
+    dependencies:
+      buffer: 5.7.1
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
+  body-parser@1.20.5:
+    dependencies:
+      bytes: 3.1.2
+      content-type: 1.0.5
+      debug: 2.6.9
+      depd: 2.0.0
+      destroy: 1.2.0
+      http-errors: 2.0.1
+      iconv-lite: 0.4.24
+      on-finished: 2.4.1
+      qs: 6.15.3
+      raw-body: 2.5.3
+      type-is: 1.6.18
+      unpipe: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  brace-expansion@1.1.15:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  brace-expansion@5.0.6:
+    dependencies:
+      balanced-match: 4.0.4
+
+  browserslist@4.28.4:
+    dependencies:
+      baseline-browser-mapping: 2.10.40
+      caniuse-lite: 1.0.30001799
+      electron-to-chromium: 1.5.379
+      node-releases: 2.0.50
+      update-browserslist-db: 1.2.3(browserslist@4.28.4)
+
+  buffer-from@1.1.2: {}
+
+  buffer@5.7.1:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+
+  bytes@3.1.2: {}
+
+  cac@6.7.14: {}
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
+  callsites@3.1.0: {}
+
+  caniuse-lite@1.0.30001799: {}
+
+  chai@5.3.3:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.3
+      deep-eql: 5.0.2
+      loupe: 3.2.1
+      pathval: 2.0.1
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  check-error@2.1.3: {}
+
+  chokidar@5.0.0:
+    dependencies:
+      readdirp: 5.0.0
+
+  chownr@1.1.4: {}
+
+  class-variance-authority@0.7.1:
+    dependencies:
+      clsx: 2.1.1
+
+  clsx@2.1.1: {}
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  concat-map@0.0.1: {}
+
+  content-disposition@0.5.4:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  content-type@1.0.5: {}
+
+  content-type@2.0.0: {}
+
+  convert-source-map@2.0.0: {}
+
+  cookie-es@3.1.1: {}
+
+  cookie-signature@1.0.7: {}
+
+  cookie@0.7.2: {}
+
+  cookie@1.1.1: {}
+
+  cors@2.8.6:
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  csstype@3.2.3: {}
+
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-color@3.1.0: {}
+
+  d3-ease@3.0.1: {}
+
+  d3-format@3.1.2: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@3.1.0: {}
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
+  debug@2.6.9:
+    dependencies:
+      ms: 2.0.0
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  decimal.js-light@2.5.1: {}
+
+  decompress-response@6.0.0:
+    dependencies:
+      mimic-response: 3.1.0
+
+  deep-eql@5.0.2: {}
+
+  deep-extend@0.6.0: {}
+
+  deep-is@0.1.4: {}
+
+  depd@2.0.0: {}
+
+  dequal@2.0.3: {}
+
+  destroy@1.2.0: {}
+
+  detect-libc@2.1.2: {}
+
+  diff@8.0.4: {}
+
+  drizzle-kit@0.30.6:
+    dependencies:
+      '@drizzle-team/brocli': 0.10.2
+      '@esbuild-kit/esm-loader': 2.6.5
+      esbuild: 0.19.12
+      esbuild-register: 3.6.0(esbuild@0.19.12)
+      gel: 2.2.0
+    transitivePeerDependencies:
+      - supports-color
+
+  drizzle-orm@0.40.1(@types/better-sqlite3@7.6.13)(better-sqlite3@11.10.0)(gel@2.2.0)(sql.js@1.14.1):
+    optionalDependencies:
+      '@types/better-sqlite3': 7.6.13
+      better-sqlite3: 11.10.0
+      gel: 2.2.0
+      sql.js: 1.14.1
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  ee-first@1.1.1: {}
+
+  electron-to-chromium@1.5.379: {}
+
+  encodeurl@2.0.0: {}
+
+  end-of-stream@1.4.5:
+    dependencies:
+      once: 1.4.0
+
+  enhanced-resolve@5.21.6:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.3
+
+  env-paths@3.0.0: {}
+
+  es-define-property@1.0.1: {}
+
+  es-errors@1.3.0: {}
+
+  es-module-lexer@1.7.0: {}
+
+  es-object-atoms@1.1.2:
+    dependencies:
+      es-errors: 1.3.0
+
+  es-toolkit@1.49.0: {}
+
+  esbuild-register@3.6.0(esbuild@0.19.12):
+    dependencies:
+      debug: 4.4.3
+      esbuild: 0.19.12
+    transitivePeerDependencies:
+      - supports-color
+
+  esbuild@0.18.20:
+    optionalDependencies:
+      '@esbuild/android-arm': 0.18.20
+      '@esbuild/android-arm64': 0.18.20
+      '@esbuild/android-x64': 0.18.20
+      '@esbuild/darwin-arm64': 0.18.20
+      '@esbuild/darwin-x64': 0.18.20
+      '@esbuild/freebsd-arm64': 0.18.20
+      '@esbuild/freebsd-x64': 0.18.20
+      '@esbuild/linux-arm': 0.18.20
+      '@esbuild/linux-arm64': 0.18.20
+      '@esbuild/linux-ia32': 0.18.20
+      '@esbuild/linux-loong64': 0.18.20
+      '@esbuild/linux-mips64el': 0.18.20
+      '@esbuild/linux-ppc64': 0.18.20
+      '@esbuild/linux-riscv64': 0.18.20
+      '@esbuild/linux-s390x': 0.18.20
+      '@esbuild/linux-x64': 0.18.20
+      '@esbuild/netbsd-x64': 0.18.20
+      '@esbuild/openbsd-x64': 0.18.20
+      '@esbuild/sunos-x64': 0.18.20
+      '@esbuild/win32-arm64': 0.18.20
+      '@esbuild/win32-ia32': 0.18.20
+      '@esbuild/win32-x64': 0.18.20
+
+  esbuild@0.19.12:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.19.12
+      '@esbuild/android-arm': 0.19.12
+      '@esbuild/android-arm64': 0.19.12
+      '@esbuild/android-x64': 0.19.12
+      '@esbuild/darwin-arm64': 0.19.12
+      '@esbuild/darwin-x64': 0.19.12
+      '@esbuild/freebsd-arm64': 0.19.12
+      '@esbuild/freebsd-x64': 0.19.12
+      '@esbuild/linux-arm': 0.19.12
+      '@esbuild/linux-arm64': 0.19.12
+      '@esbuild/linux-ia32': 0.19.12
+      '@esbuild/linux-loong64': 0.19.12
+      '@esbuild/linux-mips64el': 0.19.12
+      '@esbuild/linux-ppc64': 0.19.12
+      '@esbuild/linux-riscv64': 0.19.12
+      '@esbuild/linux-s390x': 0.19.12
+      '@esbuild/linux-x64': 0.19.12
+      '@esbuild/netbsd-x64': 0.19.12
+      '@esbuild/openbsd-x64': 0.19.12
+      '@esbuild/sunos-x64': 0.19.12
+      '@esbuild/win32-arm64': 0.19.12
+      '@esbuild/win32-ia32': 0.19.12
+      '@esbuild/win32-x64': 0.19.12
+
+  esbuild@0.28.1:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.28.1
+      '@esbuild/android-arm': 0.28.1
+      '@esbuild/android-arm64': 0.28.1
+      '@esbuild/android-x64': 0.28.1
+      '@esbuild/darwin-arm64': 0.28.1
+      '@esbuild/darwin-x64': 0.28.1
+      '@esbuild/freebsd-arm64': 0.28.1
+      '@esbuild/freebsd-x64': 0.28.1
+      '@esbuild/linux-arm': 0.28.1
+      '@esbuild/linux-arm64': 0.28.1
+      '@esbuild/linux-ia32': 0.28.1
+      '@esbuild/linux-loong64': 0.28.1
+      '@esbuild/linux-mips64el': 0.28.1
+      '@esbuild/linux-ppc64': 0.28.1
+      '@esbuild/linux-riscv64': 0.28.1
+      '@esbuild/linux-s390x': 0.28.1
+      '@esbuild/linux-x64': 0.28.1
+      '@esbuild/netbsd-arm64': 0.28.1
+      '@esbuild/netbsd-x64': 0.28.1
+      '@esbuild/openbsd-arm64': 0.28.1
+      '@esbuild/openbsd-x64': 0.28.1
+      '@esbuild/openharmony-arm64': 0.28.1
+      '@esbuild/sunos-x64': 0.28.1
+      '@esbuild/win32-arm64': 0.28.1
+      '@esbuild/win32-ia32': 0.28.1
+      '@esbuild/win32-x64': 0.28.1
+
+  escalade@3.2.0: {}
+
+  escape-html@1.0.3: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  eslint-plugin-react-hooks@7.1.1(eslint@9.39.4(jiti@2.7.0)):
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/parser': 7.29.7
+      eslint: 9.39.4(jiti@2.7.0)
+      hermes-parser: 0.25.1
+      zod: 3.25.76
+      zod-validation-error: 4.0.2(zod@3.25.76)
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-react-refresh@0.4.26(eslint@9.39.4(jiti@2.7.0)):
+    dependencies:
+      eslint: 9.39.4(jiti@2.7.0)
+
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint@9.39.4(jiti@2.7.0):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@2.7.0))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.2
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.5
+      '@eslint/js': 9.39.4
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.8
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.9
+      ajv: 6.15.0
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.5
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 2.7.0
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.17.0
+      acorn-jsx: 5.3.2(acorn@8.17.0)
+      eslint-visitor-keys: 4.2.1
+
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  esutils@2.0.3: {}
+
+  etag@1.8.1: {}
+
+  eventemitter3@5.0.4: {}
+
+  expand-template@2.0.3: {}
+
+  expect-type@1.4.0: {}
+
+  express@4.22.2:
+    dependencies:
+      accepts: 1.3.8
+      array-flatten: 1.1.1
+      body-parser: 1.20.5
+      content-disposition: 0.5.4
+      content-type: 1.0.5
+      cookie: 0.7.2
+      cookie-signature: 1.0.7
+      debug: 2.6.9
+      depd: 2.0.0
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      finalhandler: 1.3.2
+      fresh: 0.5.2
+      http-errors: 2.0.1
+      merge-descriptors: 1.0.3
+      methods: 1.1.2
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      path-to-regexp: 0.1.13
+      proxy-addr: 2.0.7
+      qs: 6.15.3
+      range-parser: 1.2.1
+      safe-buffer: 5.2.1
+      send: 0.19.2
+      serve-static: 1.16.3
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      type-is: 1.6.18
+      utils-merge: 1.0.1
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  fast-decode-uri-component@1.0.1: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-json-stringify@6.4.0:
+    dependencies:
+      '@fastify/merge-json-schemas': 0.2.1
+      ajv: 8.20.0
+      ajv-formats: 3.0.1(ajv@8.20.0)
+      fast-uri: 3.1.2
+      json-schema-ref-resolver: 3.0.0
+      rfdc: 1.4.1
+
+  fast-levenshtein@2.0.6: {}
+
+  fast-querystring@1.1.2:
+    dependencies:
+      fast-decode-uri-component: 1.0.1
+
+  fast-uri@3.1.2: {}
+
+  fastify-plugin@5.1.0: {}
+
+  fastify@5.8.5:
+    dependencies:
+      '@fastify/ajv-compiler': 4.0.5
+      '@fastify/error': 4.2.0
+      '@fastify/fast-json-stringify-compiler': 5.0.3
+      '@fastify/proxy-addr': 5.1.0
+      abstract-logging: 2.0.1
+      avvio: 9.2.0
+      fast-json-stringify: 6.4.0
+      find-my-way: 9.6.0
+      light-my-request: 6.6.0
+      pino: 10.3.1
+      process-warning: 5.0.0
+      rfdc: 1.4.1
+      secure-json-parse: 4.1.0
+      semver: 7.8.5
+      toad-cache: 3.7.1
+
+  fastq@1.20.1:
+    dependencies:
+      reusify: 1.1.0
+
+  fdir@6.5.0(picomatch@4.0.4):
+    optionalDependencies:
+      picomatch: 4.0.4
+
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
+  file-uri-to-path@1.0.0: {}
+
+  finalhandler@1.3.2:
+    dependencies:
+      debug: 2.6.9
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      statuses: 2.0.2
+      unpipe: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  find-my-way@9.6.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-querystring: 1.1.2
+      safe-regex2: 5.1.1
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.4.2
+      keyv: 4.5.4
+
+  flatted@3.4.2: {}
+
+  foreground-child@3.3.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
+  forwarded@0.2.0: {}
+
+  fresh@0.5.2: {}
+
+  fs-constants@1.0.0: {}
+
+  fsevents@2.3.3:
+    optional: true
+
+  function-bind@1.1.2: {}
+
+  gel@2.2.0:
+    dependencies:
+      '@petamoriken/float16': 3.9.3
+      debug: 4.4.3
+      env-paths: 3.0.0
+      semver: 7.8.5
+      shell-quote: 1.9.0
+      which: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  gensync@1.0.0-beta.2: {}
+
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.2
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.4
+      math-intrinsics: 1.1.0
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.2
+
+  get-tsconfig@4.14.0:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
+  github-from-package@0.0.0: {}
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob@11.1.0:
+    dependencies:
+      foreground-child: 3.3.1
+      jackspeak: 4.2.3
+      minimatch: 10.2.5
+      minipass: 7.1.3
+      package-json-from-dist: 1.0.1
+      path-scurry: 2.0.2
+
+  globals@14.0.0: {}
+
+  globals@16.5.0: {}
+
+  goober@2.1.19(csstype@3.2.3):
+    dependencies:
+      csstype: 3.2.3
+
+  gopd@1.2.0: {}
+
+  graceful-fs@4.2.11: {}
+
+  happy-dom@18.0.1:
+    dependencies:
+      '@types/node': 20.19.43
+      '@types/whatwg-mimetype': 3.0.2
+      whatwg-mimetype: 3.0.0
+
+  has-flag@4.0.0: {}
+
+  has-symbols@1.1.0: {}
+
+  hasown@2.0.4:
+    dependencies:
+      function-bind: 1.1.2
+
+  hermes-estree@0.25.1: {}
+
+  hermes-parser@0.25.1:
+    dependencies:
+      hermes-estree: 0.25.1
+
+  http-errors@2.0.1:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      toidentifier: 1.0.1
+
+  iconv-lite@0.4.24:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  ieee754@1.2.1: {}
+
+  ignore@5.3.2: {}
+
+  immer@10.2.0: {}
+
+  immer@11.1.8: {}
+
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  imurmurhash@0.1.4: {}
+
+  inherits@2.0.4: {}
+
+  ini@1.3.8: {}
+
+  internmap@2.0.3: {}
+
+  ipaddr.js@1.9.1: {}
+
+  ipaddr.js@2.4.0: {}
+
+  is-extglob@2.1.1: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  isbot@5.1.44: {}
+
+  isexe@2.0.0: {}
+
+  isexe@3.1.5: {}
+
+  jackspeak@4.2.3:
+    dependencies:
+      '@isaacs/cliui': 9.0.0
+
+  jiti@2.7.0: {}
+
+  js-tokens@4.0.0: {}
+
+  js-tokens@9.0.1: {}
+
+  js-yaml@4.2.0:
+    dependencies:
+      argparse: 2.0.1
+
+  jsesc@3.1.0: {}
+
+  json-buffer@3.0.1: {}
+
+  json-schema-ref-resolver@3.0.0:
+    dependencies:
+      dequal: 2.0.3
+
+  json-schema-traverse@0.4.1: {}
+
+  json-schema-traverse@1.0.0: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json5@2.2.3: {}
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  light-my-request@6.6.0:
+    dependencies:
+      cookie: 1.1.1
+      process-warning: 4.0.1
+      set-cookie-parser: 2.7.2
+
+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash.merge@4.6.2: {}
+
+  loupe@3.2.1: {}
+
+  lru-cache@11.5.1: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  lucide-react@0.468.0(react@19.2.7):
+    dependencies:
+      react: 19.2.7
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  math-intrinsics@1.1.0: {}
+
+  media-typer@0.3.0: {}
+
+  media-typer@1.1.0: {}
+
+  merge-descriptors@1.0.3: {}
+
+  methods@1.1.2: {}
+
+  mime-db@1.52.0: {}
+
+  mime-db@1.54.0: {}
+
+  mime-types@2.1.35:
+    dependencies:
+      mime-db: 1.52.0
+
+  mime-types@3.0.2:
+    dependencies:
+      mime-db: 1.54.0
+
+  mime@1.6.0: {}
+
+  mime@3.0.0: {}
+
+  mimic-response@3.1.0: {}
+
+  minimatch@10.2.5:
+    dependencies:
+      brace-expansion: 5.0.6
+
+  minimatch@3.1.5:
+    dependencies:
+      brace-expansion: 1.1.15
+
+  minimist@1.2.8: {}
+
+  minipass@7.1.3: {}
+
+  mkdirp-classic@0.5.3: {}
+
+  ms@2.0.0: {}
+
+  ms@2.1.3: {}
+
+  nanoid@3.3.15: {}
+
+  napi-build-utils@2.0.0: {}
+
+  natural-compare@1.4.0: {}
+
+  negotiator@0.6.3: {}
+
+  next-themes@0.4.6(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+    dependencies:
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+
+  node-abi@3.92.0:
+    dependencies:
+      semver: 7.8.5
+
+  node-releases@2.0.50: {}
+
+  object-assign@4.1.1: {}
+
+  object-inspect@1.13.4: {}
+
+  on-exit-leak-free@2.1.2: {}
+
+  on-finished@2.4.1:
+    dependencies:
+      ee-first: 1.1.1
+
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  package-json-from-dist@1.0.1: {}
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  parseurl@1.3.3: {}
+
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  path-scurry@2.0.2:
+    dependencies:
+      lru-cache: 11.5.1
+      minipass: 7.1.3
+
+  path-to-regexp@0.1.13: {}
+
+  pathe@2.0.3: {}
+
+  pathval@2.0.1: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@4.0.4: {}
+
+  pino-abstract-transport@3.0.0:
+    dependencies:
+      split2: 4.2.0
+
+  pino-std-serializers@7.1.0: {}
+
+  pino@10.3.1:
+    dependencies:
+      '@pinojs/redact': 0.4.0
+      atomic-sleep: 1.0.0
+      on-exit-leak-free: 2.1.2
+      pino-abstract-transport: 3.0.0
+      pino-std-serializers: 7.1.0
+      process-warning: 5.0.0
+      quick-format-unescaped: 4.0.4
+      real-require: 0.2.0
+      safe-stable-stringify: 2.5.0
+      sonic-boom: 4.2.1
+      thread-stream: 4.2.0
+
+  postcss@8.5.15:
+    dependencies:
+      nanoid: 3.3.15
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  prebuild-install@7.1.3:
+    dependencies:
+      detect-libc: 2.1.2
+      expand-template: 2.0.3
+      github-from-package: 0.0.0
+      minimist: 1.2.8
+      mkdirp-classic: 0.5.3
+      napi-build-utils: 2.0.0
+      node-abi: 3.92.0
+      pump: 3.0.4
+      rc: 1.2.8
+      simple-get: 4.0.1
+      tar-fs: 2.1.4
+      tunnel-agent: 0.6.0
+
+  prelude-ls@1.2.1: {}
+
+  prettier@3.8.4: {}
+
+  process-warning@4.0.1: {}
+
+  process-warning@5.0.0: {}
+
+  proxy-addr@2.0.7:
+    dependencies:
+      forwarded: 0.2.0
+      ipaddr.js: 1.9.1
+
+  pump@3.0.4:
+    dependencies:
+      end-of-stream: 1.4.5
+      once: 1.4.0
+
+  punycode@2.3.1: {}
+
+  qs@6.15.3:
+    dependencies:
+      es-define-property: 1.0.1
+      side-channel: 1.1.1
+
+  quick-format-unescaped@4.0.4: {}
+
+  range-parser@1.2.1: {}
+
+  raw-body@2.5.3:
+    dependencies:
+      bytes: 3.1.2
+      http-errors: 2.0.1
+      iconv-lite: 0.4.24
+      unpipe: 1.0.0
+
+  rc@1.2.8:
+    dependencies:
+      deep-extend: 0.6.0
+      ini: 1.3.8
+      minimist: 1.2.8
+      strip-json-comments: 2.0.1
+
+  react-dom@19.2.7(react@19.2.7):
+    dependencies:
+      react: 19.2.7
+      scheduler: 0.27.0
+
+  react-hook-form@7.80.0(react@19.2.7):
+    dependencies:
+      react: 19.2.7
+
+  react-is@18.3.1: {}
+
+  react-redux@9.3.0(@types/react@19.2.17)(react@19.2.7)(redux@5.0.1):
+    dependencies:
+      '@types/use-sync-external-store': 0.0.6
+      react: 19.2.7
+      use-sync-external-store: 1.6.0(react@19.2.7)
+    optionalDependencies:
+      '@types/react': 19.2.17
+      redux: 5.0.1
+
+  react-refresh@0.18.0: {}
+
+  react@19.2.7: {}
+
+  readable-stream@3.6.2:
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+
+  readdirp@5.0.0: {}
+
+  real-require@0.2.0: {}
+
+  real-require@1.0.0: {}
+
+  recharts@3.8.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-is@18.3.1)(react@19.2.7)(redux@5.0.1):
+    dependencies:
+      '@reduxjs/toolkit': 2.12.0(react-redux@9.3.0(@types/react@19.2.17)(react@19.2.7)(redux@5.0.1))(react@19.2.7)
+      clsx: 2.1.1
+      decimal.js-light: 2.5.1
+      es-toolkit: 1.49.0
+      eventemitter3: 5.0.4
+      immer: 10.2.0
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      react-is: 18.3.1
+      react-redux: 9.3.0(@types/react@19.2.17)(react@19.2.7)(redux@5.0.1)
+      reselect: 5.1.1
+      tiny-invariant: 1.3.3
+      use-sync-external-store: 1.6.0(react@19.2.7)
+      victory-vendor: 37.3.6
+    transitivePeerDependencies:
+      - '@types/react'
+      - redux
+
+  redux-thunk@3.1.0(redux@5.0.1):
+    dependencies:
+      redux: 5.0.1
+
+  redux@5.0.1: {}
+
+  require-from-string@2.0.2: {}
+
+  reselect@5.1.1: {}
+
+  reselect@5.2.0: {}
+
+  resolve-from@4.0.0: {}
+
+  resolve-pkg-maps@1.0.0: {}
+
+  ret@0.5.0: {}
+
+  reusify@1.1.0: {}
+
+  rfdc@1.4.1: {}
+
+  rollup@4.62.2:
+    dependencies:
+      '@types/estree': 1.0.9
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.62.2
+      '@rollup/rollup-android-arm64': 4.62.2
+      '@rollup/rollup-darwin-arm64': 4.62.2
+      '@rollup/rollup-darwin-x64': 4.62.2
+      '@rollup/rollup-freebsd-arm64': 4.62.2
+      '@rollup/rollup-freebsd-x64': 4.62.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.62.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.62.2
+      '@rollup/rollup-linux-arm64-gnu': 4.62.2
+      '@rollup/rollup-linux-arm64-musl': 4.62.2
+      '@rollup/rollup-linux-loong64-gnu': 4.62.2
+      '@rollup/rollup-linux-loong64-musl': 4.62.2
+      '@rollup/rollup-linux-ppc64-gnu': 4.62.2
+      '@rollup/rollup-linux-ppc64-musl': 4.62.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.62.2
+      '@rollup/rollup-linux-riscv64-musl': 4.62.2
+      '@rollup/rollup-linux-s390x-gnu': 4.62.2
+      '@rollup/rollup-linux-x64-gnu': 4.62.2
+      '@rollup/rollup-linux-x64-musl': 4.62.2
+      '@rollup/rollup-openbsd-x64': 4.62.2
+      '@rollup/rollup-openharmony-arm64': 4.62.2
+      '@rollup/rollup-win32-arm64-msvc': 4.62.2
+      '@rollup/rollup-win32-ia32-msvc': 4.62.2
+      '@rollup/rollup-win32-x64-gnu': 4.62.2
+      '@rollup/rollup-win32-x64-msvc': 4.62.2
+      fsevents: 2.3.3
+
+  safe-buffer@5.2.1: {}
+
+  safe-regex2@5.1.1:
+    dependencies:
+      ret: 0.5.0
+
+  safe-stable-stringify@2.5.0: {}
+
+  safer-buffer@2.1.2: {}
+
+  scheduler@0.27.0: {}
+
+  secure-json-parse@4.1.0: {}
+
+  semver@6.3.1: {}
+
+  semver@7.8.5: {}
+
+  send@0.19.2:
+    dependencies:
+      debug: 2.6.9
+      depd: 2.0.0
+      destroy: 1.2.0
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      fresh: 0.5.2
+      http-errors: 2.0.1
+      mime: 1.6.0
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.2.1
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  seroval-plugins@1.5.4(seroval@1.5.4):
+    dependencies:
+      seroval: 1.5.4
+
+  seroval@1.5.4: {}
+
+  serve-static@1.16.3:
+    dependencies:
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      parseurl: 1.3.3
+      send: 0.19.2
+    transitivePeerDependencies:
+      - supports-color
+
+  set-cookie-parser@2.7.2: {}
+
+  setprototypeof@1.2.0: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  shell-quote@1.9.0: {}
+
+  side-channel-list@1.0.1:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.1:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-list: 1.0.1
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
+
+  siginfo@2.0.0: {}
+
+  signal-exit@4.1.0: {}
+
+  simple-concat@1.0.1: {}
+
+  simple-get@4.0.1:
+    dependencies:
+      decompress-response: 6.0.0
+      once: 1.4.0
+      simple-concat: 1.0.1
+
+  sonic-boom@4.2.1:
+    dependencies:
+      atomic-sleep: 1.0.0
+
+  sonner@1.7.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+    dependencies:
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+
+  source-map-js@1.2.1: {}
+
+  source-map-support@0.5.21:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
+  source-map@0.6.1: {}
+
+  split2@4.2.0: {}
+
+  sql.js@1.14.1: {}
+
+  stackback@0.0.2: {}
+
+  statuses@2.0.2: {}
+
+  std-env@3.10.0: {}
+
+  string_decoder@1.3.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  strip-json-comments@2.0.1: {}
+
+  strip-json-comments@3.1.1: {}
+
+  strip-literal@3.1.0:
+    dependencies:
+      js-tokens: 9.0.1
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  tailwind-merge@3.6.0: {}
+
+  tailwindcss@4.3.1: {}
+
+  tapable@2.3.3: {}
+
+  tar-fs@2.1.4:
+    dependencies:
+      chownr: 1.1.4
+      mkdirp-classic: 0.5.3
+      pump: 3.0.4
+      tar-stream: 2.2.0
+
+  tar-stream@2.2.0:
+    dependencies:
+      bl: 4.1.0
+      end-of-stream: 1.4.5
+      fs-constants: 1.0.0
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
+  thread-stream@4.2.0:
+    dependencies:
+      real-require: 1.0.0
+
+  tiny-invariant@1.3.3: {}
+
+  tinybench@2.9.0: {}
+
+  tinyexec@0.3.2: {}
+
+  tinyglobby@0.2.17:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+
+  tinypool@1.1.1: {}
+
+  tinyrainbow@2.0.0: {}
+
+  tinyspy@4.0.4: {}
+
+  toad-cache@3.7.1: {}
+
+  toidentifier@1.0.1: {}
+
+  tsx@4.22.4:
+    dependencies:
+      esbuild: 0.28.1
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  tunnel-agent@0.6.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  tw-animate-css@1.4.0: {}
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  type-is@1.6.18:
+    dependencies:
+      media-typer: 0.3.0
+      mime-types: 2.1.35
+
+  type-is@2.1.0:
+    dependencies:
+      content-type: 2.0.0
+      media-typer: 1.1.0
+      mime-types: 3.0.2
+
+  typescript@5.9.3: {}
+
+  undici-types@6.21.0: {}
+
+  undici-types@8.3.0:
+    optional: true
+
+  unpipe@1.0.0: {}
+
+  unplugin@3.2.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)):
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      picomatch: 4.0.4
+      webpack-virtual-modules: 0.6.2
+    optionalDependencies:
+      esbuild: 0.28.1
+      rollup: 4.62.2
+      vite: 7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+
+  update-browserslist-db@1.2.3(browserslist@4.28.4):
+    dependencies:
+      browserslist: 4.28.4
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  use-sync-external-store@1.6.0(react@19.2.7):
+    dependencies:
+      react: 19.2.7
+
+  util-deprecate@1.0.2: {}
+
+  utils-merge@1.0.1: {}
+
+  vary@1.1.2: {}
+
+  victory-vendor@37.3.6:
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-ease': 3.0.2
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-shape': 3.1.8
+      '@types/d3-time': 3.0.4
+      '@types/d3-timer': 3.0.2
+      d3-array: 3.2.4
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-timer: 3.0.1
+
+  vite-node@3.2.4(@types/node@22.20.0)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4):
+    dependencies:
+      cac: 6.7.14
+      debug: 4.4.3
+      es-module-lexer: 1.7.0
+      pathe: 2.0.3
+      vite: 7.3.6(@types/node@22.20.0)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+    transitivePeerDependencies:
+      - '@types/node'
+      - jiti
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
+  vite-node@3.2.4(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4):
+    dependencies:
+      cac: 6.7.14
+      debug: 4.4.3
+      es-module-lexer: 1.7.0
+      pathe: 2.0.3
+      vite: 7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+    transitivePeerDependencies:
+      - '@types/node'
+      - jiti
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
+  vite@7.3.6(@types/node@22.20.0)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4):
+    dependencies:
+      esbuild: 0.28.1
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.15
+      rollup: 4.62.2
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      '@types/node': 22.20.0
+      fsevents: 2.3.3
+      jiti: 2.7.0
+      lightningcss: 1.32.0
+      tsx: 4.22.4
+
+  vite@7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4):
+    dependencies:
+      esbuild: 0.28.1
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.15
+      rollup: 4.62.2
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      '@types/node': 26.0.1
+      fsevents: 2.3.3
+      jiti: 2.7.0
+      lightningcss: 1.32.0
+      tsx: 4.22.4
+
+  vitest@3.2.6(@types/node@22.20.0)(happy-dom@18.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4):
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/expect': 3.2.6
+      '@vitest/mocker': 3.2.6(vite@7.3.6(@types/node@22.20.0)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4))
+      '@vitest/pretty-format': 3.2.6
+      '@vitest/runner': 3.2.6
+      '@vitest/snapshot': 3.2.6
+      '@vitest/spy': 3.2.6
+      '@vitest/utils': 3.2.6
+      chai: 5.3.3
+      debug: 4.4.3
+      expect-type: 1.4.0
+      magic-string: 0.30.21
+      pathe: 2.0.3
+      picomatch: 4.0.4
+      std-env: 3.10.0
+      tinybench: 2.9.0
+      tinyexec: 0.3.2
+      tinyglobby: 0.2.17
+      tinypool: 1.1.1
+      tinyrainbow: 2.0.0
+      vite: 7.3.6(@types/node@22.20.0)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+      vite-node: 3.2.4(@types/node@22.20.0)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 22.20.0
+      happy-dom: 18.0.1
+    transitivePeerDependencies:
+      - jiti
+      - less
+      - lightningcss
+      - msw
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
+  vitest@3.2.6(@types/node@26.0.1)(happy-dom@18.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4):
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/expect': 3.2.6
+      '@vitest/mocker': 3.2.6(vite@7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4))
+      '@vitest/pretty-format': 3.2.6
+      '@vitest/runner': 3.2.6
+      '@vitest/snapshot': 3.2.6
+      '@vitest/spy': 3.2.6
+      '@vitest/utils': 3.2.6
+      chai: 5.3.3
+      debug: 4.4.3
+      expect-type: 1.4.0
+      magic-string: 0.30.21
+      pathe: 2.0.3
+      picomatch: 4.0.4
+      std-env: 3.10.0
+      tinybench: 2.9.0
+      tinyexec: 0.3.2
+      tinyglobby: 0.2.17
+      tinypool: 1.1.1
+      tinyrainbow: 2.0.0
+      vite: 7.3.6(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+      vite-node: 3.2.4(@types/node@26.0.1)(jiti@2.7.0)(lightningcss@1.32.0)(tsx@4.22.4)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 26.0.1
+      happy-dom: 18.0.1
+    transitivePeerDependencies:
+      - jiti
+      - less
+      - lightningcss
+      - msw
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
+  webpack-virtual-modules@0.6.2: {}
+
+  whatwg-mimetype@3.0.0: {}
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  which@4.0.0:
+    dependencies:
+      isexe: 3.1.5
+
+  why-is-node-running@2.3.0:
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
+  word-wrap@1.2.5: {}
+
+  wrappy@1.0.2: {}
+
+  yallist@3.1.1: {}
+
+  yocto-queue@0.1.0: {}
+
+  zod-validation-error@4.0.2(zod@3.25.76):
+    dependencies:
+      zod: 3.25.76
+
+  zod@3.25.76: {}
+
+  zod@4.4.3: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
new file mode 100644
index 0000000..e9b0dad
--- /dev/null
+++ b/pnpm-workspace.yaml
@@ -0,0 +1,3 @@
+packages:
+  - 'apps/*'
+  - 'packages/*'
diff --git a/src/App.css b/src/App.css
deleted file mode 100644
index b9d355d..0000000
--- a/src/App.css
+++ /dev/null
@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}
diff --git a/src/App.jsx b/src/App.jsx
deleted file mode 100644
index 357f121..0000000
--- a/src/App.jsx
+++ /dev/null
@@ -1,196 +0,0 @@
-import { useEffect, useMemo, useState } from 'react'
-import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'
-import { AppLayout } from './components/AppLayout'
-import { DashboardPage } from './pages/DashboardPage'
-import { VpsPage } from './pages/VpsPage'
-import { ProvidersPage } from './pages/ProvidersPage'
-import { AccountsPage } from './pages/AccountsPage'
-import { PaymentsPage } from './pages/PaymentsPage'
-import { BalancePage } from './pages/BalancePage'
-import { ReportsPage } from './pages/ReportsPage'
-import { ResourcesPage } from './pages/ResourcesPage'
-import { SettingsPage } from './pages/SettingsPage'
-import { TariffsPage } from './pages/TariffsPage'
-import {
-  createRecord,
-  deleteRecord,
-  initDataStore,
-  loadDataSet,
-  updateRecord,
-} from './lib/api'
-import { normalizeRatesPayload } from './lib/utils'
-
-function App() {
-  const [isReady, setIsReady] = useState(false)
-  const [loadError, setLoadError] = useState('')
-  const [db, setDb] = useState({
-    vps: [],
-    providers: [],
-    providerAccounts: [],
-    payments: [],
-    balanceLedger: [],
-    settings: [],
-    activeTariffs: [],
-    tariffSyncOptions: [],
-    serverProjects: [],
-  })
-  const [ratesData, setRatesData] = useState(null)
-  const [ratesError, setRatesError] = useState('')
-
-  useEffect(() => {
-    initDataStore()
-      .then(() => loadDataSet())
-      .then((data) => {
-        setDb(data)
-        setIsReady(true)
-        setLoadError('')
-      })
-      .catch((err) => {
-        setLoadError(err.message || 'Ошибка загрузки данных')
-        setIsReady(true)
-      })
-  }, [])
-
-  useEffect(() => {
-    const settings = db.settings?.[0]
-    if (!settings?.ratesUrl) {
-      return
-    }
-    const directUrl = settings.ratesUrl
-    const proxyUrl = `/api/rates-proxy?url=${encodeURIComponent(directUrl)}`
-    const handlePayload = (payload) => {
-      setRatesData(normalizeRatesPayload(payload) ?? payload)
-      setRatesError('')
-    }
-    const fetchJson = (url) =>
-      fetch(url).then((r) => {
-        if (!r.ok) throw new Error(`HTTP ${r.status}`)
-        return r.json()
-      })
-    fetchJson(proxyUrl)
-      .then(handlePayload)
-      .catch(() => fetchJson(directUrl).then(handlePayload))
-      .catch((error) => {
-        setRatesError(error.message || 'Ошибка загрузки курсов')
-      })
-  }, [db.settings])
-
-  const actions = useMemo(
-    () => ({
-      create: async (collectionName, record) => {
-        const nextCollection = await createRecord(collectionName, record)
-        setDb((prev) => ({ ...prev, [collectionName]: nextCollection }))
-      },
-      update: async (collectionName, id, patch) => {
-        const nextCollection = await updateRecord(collectionName, id, patch)
-        setDb((prev) => ({ ...prev, [collectionName]: nextCollection }))
-      },
-      remove: async (collectionName, id) => {
-        const nextCollection = await deleteRecord(collectionName, id)
-        setDb((prev) => ({ ...prev, [collectionName]: nextCollection }))
-      },
-      upsertSettings: async (patch) => {
-        const current = db.settings?.[0]
-        if (current?.id) {
-          const nextCollection = await updateRecord('settings', current.id, patch)
-          setDb((prev) => ({ ...prev, settings: nextCollection }))
-          return
-        }
-        const nextCollection = await createRecord('settings', {
-          id: 'settings-main',
-          baseCurrency: 'RUB',
-          ratesUrl: 'https://www.cbr-xml-daily.ru/latest.js',
-          autoConvert: true,
-          ...patch,
-        })
-        setDb((prev) => ({ ...prev, settings: nextCollection }))
-      },
-      refreshData: async () => {
-        const data = await loadDataSet()
-        setDb(data)
-      },
-    }),
-    [db.settings],
-  )
-
-  if (!isReady) {
-    return (
-      <div className="page page-center">
-        <div className="container container-tight py-4 text-center">
-          <div className="spinner-border text-blue" role="status" />
-          <div className="text-secondary mt-2">Загрузка данных...</div>
-        </div>
-      </div>
-    )
-  }
-
-  if (loadError) {
-    return (
-      <div className="page page-center">
-        <div className="container container-tight py-4 text-center">
-          <div className="text-danger mb-2">{loadError}</div>
-          <div className="text-secondary">Убедитесь, что сервер запущен (npm run server)</div>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <BrowserRouter>
-      <AppLayout>
-        <Routes>
-          <Route path="/" element={<Navigate to="/dashboard" replace />} />
-          <Route
-            path="/dashboard"
-            element={<DashboardPage db={db} settings={db.settings} ratesData={ratesData} />}
-          />
-          <Route
-            path="/vps"
-            element={<VpsPage db={db} actions={actions} settings={db.settings} ratesData={ratesData} />}
-          />
-          <Route
-            path="/tariffs"
-            element={<TariffsPage db={db} actions={actions} settings={db.settings} ratesData={ratesData} />}
-          />
-          <Route
-            path="/providers"
-            element={<ProvidersPage db={db} actions={actions} />}
-          />
-          <Route
-            path="/accounts"
-            element={<AccountsPage db={db} actions={actions} settings={db.settings} ratesData={ratesData} />}
-          />
-          <Route
-            path="/payments"
-            element={<PaymentsPage db={db} actions={actions} settings={db.settings} ratesData={ratesData} />}
-          />
-          <Route
-            path="/balance"
-            element={<BalancePage db={db} actions={actions} settings={db.settings} ratesData={ratesData} />}
-          />
-          <Route
-            path="/reports"
-            element={<ReportsPage db={db} settings={db.settings} ratesData={ratesData} />}
-          />
-          <Route
-            path="/resources"
-            element={<ResourcesPage db={db} settings={db.settings} ratesData={ratesData} />}
-          />
-          <Route
-            path="/settings"
-            element={
-              <SettingsPage
-                db={db}
-                actions={actions}
-                ratesData={ratesData}
-                ratesError={ratesError}
-              />
-            }
-          />
-        </Routes>
-      </AppLayout>
-    </BrowserRouter>
-  )
-}
-
-export default App
diff --git a/src/assets/react.svg b/src/assets/react.svg
deleted file mode 100644
index 6c87de9..0000000
--- a/src/assets/react.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
\ No newline at end of file
diff --git a/src/components/AppLayout.jsx b/src/components/AppLayout.jsx
deleted file mode 100644
index b30c739..0000000
--- a/src/components/AppLayout.jsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { NavLink, useLocation } from 'react-router-dom'
-import {
-  IconBuildingSkyscraper,
-  IconChartBar,
-  IconChartHistogram,
-  IconCoin,
-  IconCreditCardPay,
-  IconLayoutDashboard,
-  IconSettings,
-  IconServer,
-  IconServer2,
-  IconWallet,
-} from '@tabler/icons-react'
-
-const menuItems = [
-  { to: '/dashboard', label: 'Дашборд', icon: IconLayoutDashboard },
-  { to: '/vps', label: 'VPS', icon: IconServer },
-  { to: '/tariffs', label: 'Активные тарифы', icon: IconServer2 },
-  { to: '/providers', label: 'Хостеры', icon: IconBuildingSkyscraper },
-  { to: '/accounts', label: 'Аккаунты хостеров', icon: IconWallet },
-  { to: '/payments', label: 'Платежи', icon: IconCreditCardPay },
-  { to: '/balance', label: 'Баланс и списания', icon: IconCoin },
-  { to: '/reports', label: 'Отчёты', icon: IconChartHistogram },
-  { to: '/resources', label: 'Ресурсы', icon: IconChartBar },
-  { to: '/settings', label: 'Настройки', icon: IconSettings },
-]
-
-export function AppLayout({ children }) {
-  const location = useLocation()
-
-  return (
-    <div className="page">
-      <aside className="navbar navbar-vertical navbar-expand-lg app-sidebar" data-bs-theme="dark">
-        <div className="container-fluid">
-          <h1 className="navbar-brand navbar-brand-autodark my-3 text-white">VPS Tracker</h1>
-          <div className="collapse navbar-collapse show">
-            <ul className="navbar-nav pt-lg-3">
-              {menuItems.map((item) => (
-                <li className="nav-item" key={item.to}>
-                  <NavLink
-                    to={item.to}
-                    className={`nav-link ${
-                      location.pathname === item.to ? 'active' : ''
-                    }`}
-                  >
-                    <span className="nav-link-icon d-md-none d-lg-inline-block">
-                      <item.icon size={18} stroke={1.75} />
-                    </span>
-                    <span className="nav-link-title">{item.label}</span>
-                  </NavLink>
-                </li>
-              ))}
-            </ul>
-          </div>
-        </div>
-      </aside>
-
-      <div className="page-wrapper">
-        <div className="d-lg-none border-bottom bg-white">
-          <div className="container-fluid py-2">
-            <div className="mobile-nav-scroll">
-              <div className="nav nav-pills nav-sm flex-nowrap">
-                {menuItems.map((item) => {
-                  const Icon = item.icon
-                  return (
-                    <NavLink
-                      key={item.to}
-                      to={item.to}
-                      className={`nav-link ${location.pathname === item.to ? 'active' : ''}`}
-                    >
-                      <Icon size={16} className="me-1" />
-                      {item.label}
-                    </NavLink>
-                  )
-                })}
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="page-body">
-          <div className="container-fluid">{children}</div>
-        </div>
-      </div>
-    </div>
-  )
-}
diff --git a/src/components/ConvertedAmount.jsx b/src/components/ConvertedAmount.jsx
deleted file mode 100644
index 176ae20..0000000
--- a/src/components/ConvertedAmount.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { convertWithProviderRate, formatCurrency } from '../lib/utils'
-
-function sourceMeta(source) {
-  if (source === 'provider') {
-    return { label: 'Курс хостера', className: 'bg-green-lt text-green' }
-  }
-  if (source === 'global') {
-    return { label: 'Глобальный курс', className: 'bg-blue-lt text-blue' }
-  }
-  if (source === 'no-rates') {
-    return { label: 'Курсы не загружены', className: 'bg-yellow-lt text-yellow' }
-  }
-  return { label: 'Без конвертации', className: 'bg-secondary-lt text-secondary' }
-}
-
-export function ConvertedAmount({ amount, currency, provider, settings, ratesData }) {
-  const result = convertWithProviderRate(amount, currency, provider, settings, ratesData)
-  const meta = sourceMeta(result.source)
-  const showOriginal = result.source !== 'native' && result.source !== 'no-rates'
-
-  return (
-    <div>
-      <div className="d-flex align-items-center gap-2">
-        <span>{formatCurrency(result.value, result.currency)}</span>
-        <span className={`badge ${meta.className}`}>{meta.label}</span>
-      </div>
-      {showOriginal ? (
-        <div className="text-secondary small">{formatCurrency(amount, currency)}</div>
-      ) : null}
-    </div>
-  )
-}
diff --git a/src/components/EmptyState.jsx b/src/components/EmptyState.jsx
deleted file mode 100644
index 2638e4f..0000000
--- a/src/components/EmptyState.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Tabler-style empty state for tables.
- * @see https://docs.tabler.io/docs/components/empty-states.html
- */
-export function EmptyState({ message = 'Нет данных', colSpan = 10 }) {
-  return (
-    <tr>
-      <td colSpan={colSpan} className="text-secondary text-center py-4">
-        {message}
-      </td>
-    </tr>
-  )
-}
diff --git a/src/components/ExpenseChart.jsx b/src/components/ExpenseChart.jsx
deleted file mode 100644
index 0e238f7..0000000
--- a/src/components/ExpenseChart.jsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import { useEffect, useRef } from 'react'
-import {
-  Chart as ChartJS,
-  BarController,
-  BarElement,
-  CategoryScale,
-  LinearScale,
-  Title,
-  Tooltip,
-} from 'chart.js'
-
-ChartJS.register(BarController, BarElement, CategoryScale, LinearScale, Title, Tooltip)
-
-export function ExpenseChart({ data, baseCurrency, formatCurrency }) {
-  const canvasRef = useRef(null)
-  const chartRef = useRef(null)
-
-  useEffect(() => {
-    const safeData = Array.isArray(data) ? data : []
-    if (safeData.length === 0) return
-
-    const canvas = canvasRef.current
-    if (!canvas) return
-
-    try {
-      if (chartRef.current) {
-        chartRef.current.destroy()
-        chartRef.current = null
-      }
-
-      const ctx = canvas.getContext('2d')
-      if (!ctx) return
-
-      const chart = new ChartJS(ctx, {
-        type: 'bar',
-        data: {
-          labels: safeData.map((d) => d.monthLabel || ''),
-          datasets: [
-            {
-              label: 'Расход',
-              data: safeData.map((d) => Number(d.amount) || 0),
-              backgroundColor: 'rgba(47, 179, 68, 0.6)',
-              borderColor: 'rgb(47, 179, 68)',
-              borderWidth: 1,
-            },
-          ],
-        },
-        options: {
-          responsive: true,
-          maintainAspectRatio: false,
-          plugins: {
-            legend: { display: false },
-            tooltip: {
-              callbacks: {
-                label: (ctx) =>
-                  typeof formatCurrency === 'function'
-                    ? formatCurrency(ctx.raw, baseCurrency)
-                    : String(ctx.raw),
-              },
-            },
-          },
-          scales: {
-            y: {
-              beginAtZero: true,
-              suggestedMax: (ctx) => {
-                const max = ctx.chart?.data?.datasets?.[0]?.data
-                  ? Math.max(...ctx.chart.data.datasets[0].data, 0)
-                  : 0
-                return max > 0 ? undefined : 1
-              },
-              ticks: {
-                callback: (value) =>
-                  typeof formatCurrency === 'function'
-                    ? formatCurrency(value, baseCurrency)
-                    : String(value),
-              },
-            },
-          },
-        },
-      })
-      chartRef.current = chart
-    } catch (err) {
-      console.warn('ExpenseChart error:', err)
-    }
-
-    return () => {
-      if (chartRef.current) {
-        chartRef.current.destroy()
-        chartRef.current = null
-      }
-    }
-  }, [data, baseCurrency, formatCurrency])
-
-  const safeData = Array.isArray(data) ? data : []
-
-  return (
-    <div style={{ height: 220, minHeight: 220, position: 'relative' }}>
-      {safeData.length === 0 ? (
-        <div className="text-secondary text-center py-5">Нет данных за период</div>
-      ) : (
-        <canvas ref={canvasRef} style={{ display: 'block', maxHeight: 220 }} />
-      )}
-    </div>
-  )
-}
diff --git a/src/components/PageHeader.jsx b/src/components/PageHeader.jsx
deleted file mode 100644
index 216b59d..0000000
--- a/src/components/PageHeader.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-export function PageHeader({ pretitle, title }) {
-  return (
-    <div className="page-header d-print-none mb-3">
-      <div className="row align-items-center">
-        <div className="col">
-          <div className="page-pretitle">{pretitle}</div>
-          <h2 className="page-title">{title}</h2>
-        </div>
-      </div>
-    </div>
-  )
-}
diff --git a/src/components/ProjectSuggestInput.jsx b/src/components/ProjectSuggestInput.jsx
deleted file mode 100644
index 49f58bd..0000000
--- a/src/components/ProjectSuggestInput.jsx
+++ /dev/null
@@ -1,202 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { IconFolder } from '@tabler/icons-react'
-import { fetchProjectSuggestions } from '../lib/api'
-import { noBrowserSuggestProps } from '../lib/noBrowserSuggestProps'
-
-function highlightMatch(text, query) {
-  const q = (query || '').trim().toLowerCase()
-  if (!q) return text
-  const lower = text.toLowerCase()
-  const idx = lower.indexOf(q)
-  if (idx < 0) return text
-  return (
-    <>
-      {text.slice(0, idx)}
-      <mark className="project-suggest-highlight">{text.slice(idx, idx + q.length)}</mark>
-      {text.slice(idx + q.length)}
-    </>
-  )
-}
-
-/**
- * Поле проекта с выпадающими подсказками в стиле Tabler (list-group + dropdown-menu).
- */
-export function ProjectSuggestInput({
-  value,
-  onChange,
-  serverProjects = [],
-  id,
-  className = 'form-control',
-  placeholder,
-  disabled,
-  'aria-label': ariaLabel,
-}) {
-  const [remoteNames, setRemoteNames] = useState([])
-  const [open, setOpen] = useState(false)
-  const [activeIndex, setActiveIndex] = useState(-1)
-  const wrapRef = useRef(null)
-  const listId = id ? `${id}-project-suggest-list` : 'project-suggest-list'
-
-  useEffect(() => {
-    const q = (value || '').trim()
-    let cancelled = false
-    const t = setTimeout(async () => {
-      try {
-        const rows = await fetchProjectSuggestions(q, 25)
-        if (!cancelled) {
-          setRemoteNames((rows || []).map((r) => r.name).filter(Boolean))
-        }
-      } catch {
-        if (!cancelled) setRemoteNames([])
-      }
-    }, 200)
-    return () => {
-      cancelled = true
-      clearTimeout(t)
-    }
-  }, [value])
-
-  const localNames = useMemo(() => {
-    const q = (value || '').trim().toLowerCase()
-    const list = Array.isArray(serverProjects) ? serverProjects : []
-    if (!q) {
-      return list.slice(0, 30).map((p) => p.name)
-    }
-    return list
-      .filter((p) => (p.name || '').toLowerCase().includes(q))
-      .slice(0, 20)
-      .map((p) => p.name)
-  }, [serverProjects, value])
-
-  const merged = useMemo(() => {
-    const out = []
-    const seen = new Set()
-    for (const n of [...localNames, ...remoteNames]) {
-      if (!n || seen.has(n)) continue
-      seen.add(n)
-      out.push(n)
-      if (out.length >= 45) break
-    }
-    return out
-  }, [localNames, remoteNames])
-
-  useEffect(() => {
-    setActiveIndex(-1)
-  }, [merged, value])
-
-  useEffect(() => {
-    if (!open) return undefined
-    const onDocDown = (e) => {
-      if (wrapRef.current && !wrapRef.current.contains(e.target)) {
-        setOpen(false)
-      }
-    }
-    document.addEventListener('mousedown', onDocDown)
-    return () => document.removeEventListener('mousedown', onDocDown)
-  }, [open])
-
-  const pick = useCallback(
-    (name) => {
-      onChange(name)
-      setOpen(false)
-      setActiveIndex(-1)
-    },
-    [onChange],
-  )
-
-  const onKeyDown = (e) => {
-    if (disabled) return
-    if (!open && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && merged.length > 0) {
-      setOpen(true)
-      setActiveIndex(e.key === 'ArrowDown' ? 0 : merged.length - 1)
-      e.preventDefault()
-      return
-    }
-    if (!open) return
-
-    if (e.key === 'Escape') {
-      setOpen(false)
-      setActiveIndex(-1)
-      e.preventDefault()
-      return
-    }
-    if (e.key === 'ArrowDown') {
-      e.preventDefault()
-      setActiveIndex((i) => (merged.length ? (i < merged.length - 1 ? i + 1 : 0) : -1))
-      return
-    }
-    if (e.key === 'ArrowUp') {
-      e.preventDefault()
-      setActiveIndex((i) => (merged.length ? (i > 0 ? i - 1 : merged.length - 1) : -1))
-      return
-    }
-    if (e.key === 'Enter' && activeIndex >= 0 && merged[activeIndex]) {
-      e.preventDefault()
-      pick(merged[activeIndex])
-    }
-  }
-
-  const showPanel = open && !disabled && (merged.length > 0 || (value || '').trim().length > 0)
-  const queryTrim = (value || '').trim()
-
-  return (
-    <div ref={wrapRef} className="position-relative project-suggest-wrap">
-      <input
-        {...noBrowserSuggestProps}
-        id={id}
-        type="text"
-        className={className}
-        value={value}
-        onChange={(e) => {
-          onChange(e.target.value)
-          setOpen(true)
-        }}
-        onFocus={() => !disabled && setOpen(true)}
-        onKeyDown={onKeyDown}
-        placeholder={placeholder}
-        disabled={disabled}
-        spellCheck={false}
-        aria-label={ariaLabel}
-        aria-expanded={showPanel}
-        aria-controls={showPanel ? listId : undefined}
-        aria-autocomplete="list"
-        role="combobox"
-      />
-      {showPanel ? (
-        <div
-          id={listId}
-          className="dropdown-menu show shadow-lg border rounded-2 project-suggest-panel"
-          role="listbox"
-        >
-          {merged.length > 0 ? (
-            <div className="list-group list-group-flush list-group-hoverable project-suggest-scroll">
-              {merged.map((name, idx) => (
-                <button
-                  key={name}
-                  type="button"
-                  role="option"
-                  aria-selected={idx === activeIndex}
-                  className={`list-group-item list-group-item-action d-flex align-items-center gap-2 py-2 px-3 rounded-0 text-start ${
-                    idx === activeIndex ? 'active' : ''
-                  }`}
-                  onMouseDown={(e) => e.preventDefault()}
-                  onClick={() => pick(name)}
-                  onMouseEnter={() => setActiveIndex(idx)}
-                >
-                  <span className="text-secondary project-suggest-folder">
-                    <IconFolder size={18} stroke={1.5} />
-                  </span>
-                  <span className="text-truncate">{highlightMatch(name, value)}</span>
-                </button>
-              ))}
-            </div>
-          ) : (
-            <div className="px-3 py-3 text-secondary small">
-              Совпадений нет — при сохранении VPS будет создан проект «{queryTrim}».
-            </div>
-          )}
-        </div>
-      ) : null}
-    </div>
-  )
-}
diff --git a/src/components/ProviderPieChart.jsx b/src/components/ProviderPieChart.jsx
deleted file mode 100644
index 3fc0c1b..0000000
--- a/src/components/ProviderPieChart.jsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import { useEffect, useRef } from 'react'
-import {
-  Chart as ChartJS,
-  ArcElement,
-  DoughnutController,
-  Legend,
-  Tooltip,
-} from 'chart.js'
-
-ChartJS.register(ArcElement, DoughnutController, Legend, Tooltip)
-
-const COLORS = [
-  'rgba(32, 107, 196, 0.8)',
-  'rgba(47, 179, 68, 0.8)',
-  'rgba(245, 159, 0, 0.8)',
-  'rgba(155, 93, 229, 0.8)',
-  'rgba(214, 51, 132, 0.8)',
-  'rgba(13, 202, 240, 0.8)',
-]
-
-export function ProviderPieChart({ data, baseCurrency, formatCurrency }) {
-  const canvasRef = useRef(null)
-  const chartRef = useRef(null)
-
-  useEffect(() => {
-    const safeData = Array.isArray(data) ? data : []
-    if (safeData.length === 0) return
-
-    const canvas = canvasRef.current
-    if (!canvas) return
-
-    try {
-      if (chartRef.current) {
-        chartRef.current.destroy()
-        chartRef.current = null
-      }
-
-      const ctx = canvas.getContext('2d')
-      if (!ctx) return
-
-      chartRef.current = new ChartJS(ctx, {
-        type: 'doughnut',
-        data: {
-          labels: safeData.map((d) => d.providerName || '-'),
-          datasets: [
-            {
-              data: safeData.map((d) => Number(d.amount) || 0),
-              backgroundColor: safeData.map((_, i) => COLORS[i % COLORS.length]),
-              borderWidth: 1,
-            },
-          ],
-        },
-        options: {
-          responsive: true,
-          maintainAspectRatio: false,
-          plugins: {
-            legend: { position: 'right' },
-            tooltip: {
-              callbacks: {
-                label: (ctx) => {
-                  const total = ctx.dataset.data.reduce((a, b) => a + b, 0)
-                  const pct = total > 0 ? ((ctx.raw / total) * 100).toFixed(1) : 0
-                  const formatted =
-                    typeof formatCurrency === 'function'
-                      ? formatCurrency(ctx.raw, baseCurrency)
-                      : String(ctx.raw)
-                  return `${ctx.label}: ${formatted} (${pct}%)`
-                },
-              },
-            },
-          },
-        },
-      })
-    } catch (err) {
-      console.warn('ProviderPieChart error:', err)
-    }
-
-    return () => {
-      if (chartRef.current) {
-        chartRef.current.destroy()
-        chartRef.current = null
-      }
-    }
-  }, [data, baseCurrency, formatCurrency])
-
-  const safeData = Array.isArray(data) ? data : []
-
-  return (
-    <div style={{ height: 220, minHeight: 220, position: 'relative' }}>
-      {safeData.length === 0 ? (
-        <div className="text-secondary text-center py-5">Нет расходов по хостеру</div>
-      ) : (
-        <canvas ref={canvasRef} style={{ display: 'block', maxHeight: 220 }} />
-      )}
-    </div>
-  )
-}
diff --git a/src/components/SyncLogTable.jsx b/src/components/SyncLogTable.jsx
deleted file mode 100644
index c62a825..0000000
--- a/src/components/SyncLogTable.jsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { useMemo } from 'react'
-import { EmptyState } from './EmptyState'
-import { formatSyncSummaryLine } from '../lib/inventory-health'
-import { accountSelectLabel } from '../lib/account-select-label'
-
-export function SyncLogTable({ syncLog = [], providerAccounts = [], providers = [] }) {
-  const providerById = useMemo(
-    () => new Map((providers || []).map((p) => [p.id, p])),
-    [providers],
-  )
-  const labelForAccountId = (accountId) => {
-    const account = providerAccounts.find((a) => a.id === accountId)
-    if (!account) return accountId
-    return accountSelectLabel(account, providerById, '')
-  }
-
-  const formatDate = (dateStr) => {
-    if (!dateStr) return '—'
-    try {
-      const d = new Date(dateStr)
-      return Number.isNaN(d.getTime()) ? dateStr : d.toLocaleString('ru-RU')
-    } catch {
-      return dateStr
-    }
-  }
-
-  const statusBadge = (status) => {
-    if (status === 'ok') return 'bg-green-lt text-green'
-    if (status === 'error') return 'bg-red-lt text-red'
-    if (status === 'running') return 'bg-blue-lt text-blue'
-    return 'bg-secondary-lt'
-  }
-
-  return (
-    <div className="card">
-      <div className="card-header">
-        <h3 className="card-title">Журнал синхронизации</h3>
-      </div>
-      <div className="table-responsive">
-        <table className="table card-table table-vcenter">
-          <thead>
-            <tr>
-              <th>Хостер / аккаунт</th>
-              <th>Начало</th>
-              <th>Окончание</th>
-              <th>Статус</th>
-              <th>VPS</th>
-              <th>Платежи</th>
-              <th>Итог</th>
-              <th>Ошибка</th>
-            </tr>
-          </thead>
-          <tbody>
-            {syncLog.map((row) => (
-              <tr key={row.id || `${row.accountId}-${row.startedAt}`}>
-                <td>{labelForAccountId(row.accountId)}</td>
-                <td>{formatDate(row.startedAt)}</td>
-                <td>{formatDate(row.finishedAt)}</td>
-                <td>
-                  <span className={`badge ${statusBadge(row.status)}`}>
-                    {row.status === 'ok' ? 'OK' : row.status === 'error' ? 'Ошибка' : row.status === 'running' ? 'Выполняется' : row.status || '—'}
-                  </span>
-                </td>
-                <td>{row.vpsCount ?? '—'}</td>
-                <td>{row.paymentsCount ?? '—'}</td>
-                <td className="small">
-                  {formatSyncSummaryLine(row.summary) || '—'}
-                </td>
-                <td>
-                  {row.error ? (
-                    <span className="text-danger small" title={row.error}>
-                      {row.error.length > 50 ? `${row.error.slice(0, 50)}…` : row.error}
-                    </span>
-                  ) : (
-                    '—'
-                  )}
-                </td>
-              </tr>
-            ))}
-            {syncLog.length === 0 ? (
-              <EmptyState message="Нет записей синхронизации" colSpan={8} />
-            ) : null}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  )
-}
diff --git a/src/components/UiModal.jsx b/src/components/UiModal.jsx
deleted file mode 100644
index 6a29964..0000000
--- a/src/components/UiModal.jsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { useEffect } from 'react'
-import { createPortal } from 'react-dom'
-
-export function UiModal({ open, title, onClose, size = 'modal-lg', footer, scrollable = false, children }) {
-  useEffect(() => {
-    if (!open) {
-      return undefined
-    }
-    const previousOverflow = document.body.style.overflow
-    document.body.style.overflow = 'hidden'
-    return () => {
-      document.body.style.overflow = previousOverflow
-    }
-  }, [open])
-
-  if (!open) {
-    return null
-  }
-
-  const modalNode = (
-    <div
-      className="ui-modal-root"
-      style={{
-        position: 'fixed',
-        inset: 0,
-        zIndex: 2000,
-      }}
-      role="dialog"
-      aria-modal="true"
-    >
-      <div
-        className="modal-backdrop fade show"
-        style={{
-          position: 'absolute',
-          inset: 0,
-        }}
-        onClick={onClose}
-      />
-      <div
-        className="modal modal-blur fade show d-block"
-        tabIndex={-1}
-        style={{
-          position: 'absolute',
-          inset: 0,
-          overflowY: 'auto',
-        }}
-      >
-        <div className={`modal-dialog ${size} modal-dialog-centered`} role="document">
-          <div className="modal-content">
-            <div className="modal-header">
-              <h5 className="modal-title">{title}</h5>
-              <button type="button" className="btn-close" aria-label="Close" onClick={onClose} />
-            </div>
-            <div
-              className="modal-body"
-              style={scrollable ? { maxHeight: '60vh', overflowY: 'auto' } : undefined}
-            >
-              {children}
-            </div>
-            {footer ? <div className="modal-footer">{footer}</div> : null}
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-
-  return createPortal(modalNode, document.body)
-}
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index 4b7e837..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,202 +0,0 @@
-body {
-  margin: 0;
-  min-width: 320px;
-  background: var(--tblr-bg-surface);
-  overflow-x: hidden;
-}
-
-#root {
-  min-height: 100vh;
-}
-
-.app-sidebar {
-  min-height: 100vh;
-  background: linear-gradient(180deg, #18233a 0%, #111a2d 100%);
-  border-right: 1px solid #23314b;
-}
-
-.app-sidebar .nav-link {
-  border-radius: 8px;
-  margin-bottom: 4px;
-  color: #aebbd2;
-}
-
-.app-sidebar .nav-link:hover,
-.app-sidebar .nav-link.active {
-  background: rgba(61, 119, 255, 0.2);
-  color: #e8f0ff;
-}
-
-.page-body {
-  background: #f5f7fb;
-  min-height: calc(100vh - 56px);
-}
-
-.page-wrapper {
-  min-width: 0;
-}
-
-.mobile-nav-scroll {
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-}
-
-.mobile-nav-scroll .nav {
-  width: max-content;
-}
-
-.cursor-pointer {
-  cursor: pointer;
-}
-
-.table td,
-.table th {
-  vertical-align: middle;
-}
-
-.stat-value {
-  font-size: 1.75rem;
-  font-weight: 600;
-}
-
-.metric-card {
-  border-left: 4px solid transparent;
-}
-
-.metric-card.metric-blue {
-  border-left-color: #206bc4;
-}
-
-.metric-card.metric-green {
-  border-left-color: #2fb344;
-}
-
-.metric-card.metric-yellow {
-  border-left-color: #f59f00;
-}
-
-.metric-card.metric-purple {
-  border-left-color: #9b5de5;
-}
-
-.metric-icon {
-  width: 36px;
-  height: 36px;
-  border-radius: 10px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.table-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 0.35rem;
-  flex-wrap: wrap;
-}
-
-.table-actions .btn {
-  white-space: nowrap;
-}
-
-.vps-header-actions {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-/* VPS modal form sections */
-.vps-modal-form .vps-form-section {
-  padding-bottom: 1.25rem;
-  margin-bottom: 1.25rem;
-  border-bottom: 1px solid var(--tblr-border-color, #e6e7e9);
-}
-
-.vps-modal-form .vps-form-section:last-child {
-  margin-bottom: 0;
-  padding-bottom: 0;
-  border-bottom: none;
-}
-
-.vps-form-section-title {
-  font-size: 0.75rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--tblr-secondary, #656d77);
-  margin-bottom: 0.75rem;
-}
-
-/* Компактный отступ между карточками в одной колонке */
-.card-stack .card {
-  margin-bottom: 0;
-}
-.card-stack .card + .card {
-  margin-top: 1rem;
-}
-
-/* Подсказки проекта (Tabler: dropdown-menu + list-group) */
-.project-suggest-wrap .project-suggest-panel {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: calc(100% + 2px);
-  z-index: 1060;
-  padding: 0;
-  margin: 0;
-}
-
-.project-suggest-wrap .project-suggest-scroll {
-  max-height: 16rem;
-  overflow-y: auto;
-}
-
-.project-suggest-wrap .project-suggest-highlight {
-  background: transparent;
-  color: var(--tblr-primary);
-  font-weight: 600;
-}
-
-.project-suggest-wrap .list-group-item.active .project-suggest-highlight {
-  color: inherit;
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-
-.project-suggest-wrap .list-group-item.active .project-suggest-folder {
-  color: inherit;
-  opacity: 0.9;
-}
-
-@media (max-width: 991.98px) {
-  .app-sidebar {
-    display: none;
-  }
-
-  .page-body .container-fluid {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .card .table-responsive {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-    width: calc(100% + 1.5rem);
-  }
-
-  .table-actions {
-    flex-direction: column;
-    align-items: stretch;
-    min-width: 8.5rem;
-  }
-
-  .table-actions .btn {
-    width: 100%;
-  }
-
-  .vps-header-actions {
-    overflow-x: auto;
-    white-space: nowrap;
-    padding-bottom: 0.125rem;
-  }
-}
diff --git a/src/lib/account-select-label.js b/src/lib/account-select-label.js
deleted file mode 100644
index 545dc2e..0000000
--- a/src/lib/account-select-label.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Подпись аккаунта в select и списках: при выборе одного хостера (scopedProviderId) — только имя аккаунта,
- * иначе «хостер / аккаунт» (как в фильтрах VPS).
- * @param {{ name?: string, providerId?: string }} account
- * @param {Map<string, { name?: string }>} providerById
- * @param {string} [scopedProviderId]
- */
-export function accountSelectLabel(account, providerById, scopedProviderId) {
-  const name = account.name?.trim() || '—'
-  if (scopedProviderId) return name
-  const providerName = providerById.get(account.providerId)?.name ?? '—'
-  return `${providerName} / ${name}`
-}
diff --git a/src/lib/api.js b/src/lib/api.js
deleted file mode 100644
index ab6f38c..0000000
--- a/src/lib/api.js
+++ /dev/null
@@ -1,239 +0,0 @@
-import { uid } from './utils'
-
-const COLLECTIONS = {
-  vps: 'vps',
-  providers: 'providers',
-  providerAccounts: 'providerAccounts',
-  payments: 'payments',
-  balanceLedger: 'balanceLedger',
-  settings: 'settings',
-}
-
-const API_PATHS = {
-  [COLLECTIONS.vps]: '/api/vps',
-  [COLLECTIONS.providers]: '/api/providers',
-  [COLLECTIONS.providerAccounts]: '/api/provider-accounts',
-  [COLLECTIONS.payments]: '/api/payments',
-  [COLLECTIONS.balanceLedger]: '/api/balance-ledger',
-  [COLLECTIONS.settings]: '/api/settings',
-}
-
-const STORAGE_KEY_PREFIX = 'vps-tracker:'
-
-const API_BASE = import.meta.env.VITE_API_URL || ''
-
-function getLocalStorageData() {
-  const data = {}
-  for (const name of Object.values(COLLECTIONS)) {
-    const key = `${STORAGE_KEY_PREFIX}${name}`
-    const raw = localStorage.getItem(key)
-    if (raw) {
-      try {
-        data[name] = JSON.parse(raw)
-      } catch {
-        data[name] = []
-      }
-    }
-  }
-  return data
-}
-
-function clearLocalStorage() {
-  for (const name of Object.values(COLLECTIONS)) {
-    localStorage.removeItem(`${STORAGE_KEY_PREFIX}${name}`)
-  }
-}
-
-async function fetchApi(path, options = {}) {
-  const url = `${API_BASE}${path.startsWith('/') ? path : `/${path}`}`
-  const res = await fetch(url, {
-    headers: { 'Content-Type': 'application/json', ...options.headers },
-    ...options,
-  })
-  if (!res.ok) {
-    let message = res.statusText || 'API error'
-    try {
-      const data = await res.json()
-      if (data?.error) message = data.error
-    } catch {
-      /* ignore */
-    }
-    const err = new Error(message)
-    err.status = res.status
-    err.response = res
-    throw err
-  }
-  if (res.status === 204) return null
-  return res.json()
-}
-
-export async function initDataStore() {
-  const localData = getLocalStorageData()
-  const hasLocalData = Object.keys(localData).some((k) => {
-    const arr = localData[k]
-    return Array.isArray(arr) ? arr.length > 0 : arr && typeof arr === 'object'
-  })
-
-  if (hasLocalData) {
-    try {
-      await fetchApi('/api/migrate', {
-        method: 'POST',
-        body: JSON.stringify(localData),
-      })
-      clearLocalStorage()
-    } catch (err) {
-      console.warn('Migration from localStorage failed:', err)
-    }
-  }
-}
-
-export async function loadDataSet() {
-  const data = await fetchApi('/api/data')
-  return {
-    [COLLECTIONS.vps]: data.vps ?? [],
-    [COLLECTIONS.providers]: data.providers ?? [],
-    [COLLECTIONS.providerAccounts]: data.providerAccounts ?? [],
-    [COLLECTIONS.payments]: data.payments ?? [],
-    [COLLECTIONS.balanceLedger]: data.balanceLedger ?? [],
-    [COLLECTIONS.settings]: data.settings ?? [],
-    activeTariffs: data.activeTariffs ?? [],
-    tariffSyncOptions: data.tariffSyncOptions ?? [],
-    serverProjects: data.serverProjects ?? [],
-  }
-}
-
-export async function fetchProjectSuggestions(q = '', limit = 25) {
-  const params = new URLSearchParams()
-  if (q) params.set('q', q)
-  params.set('limit', String(limit))
-  return fetchApi(`/api/projects/suggest?${params.toString()}`)
-}
-
-async function fetchCollection(collectionName) {
-  const path = API_PATHS[collectionName]
-  if (!path) throw new Error(`Unknown collection: ${collectionName}`)
-  return fetchApi(path)
-}
-
-export async function createRecord(collectionName, record) {
-  const path = API_PATHS[collectionName]
-  if (!path) throw new Error(`Unknown collection: ${collectionName}`)
-  const payload = { ...record, id: record.id || uid() }
-  await fetchApi(path, {
-    method: 'POST',
-    body: JSON.stringify(payload),
-  })
-  return fetchCollection(collectionName)
-}
-
-export async function updateRecord(collectionName, id, patch) {
-  const path = API_PATHS[collectionName]
-  if (!path) throw new Error(`Unknown collection: ${collectionName}`)
-  await fetchApi(`${path}/${encodeURIComponent(id)}`, {
-    method: 'PUT',
-    body: JSON.stringify(patch),
-  })
-  return fetchCollection(collectionName)
-}
-
-export async function deleteRecord(collectionName, id) {
-  const path = API_PATHS[collectionName]
-  if (!path) throw new Error(`Unknown collection: ${collectionName}`)
-  await fetchApi(`${path}/${encodeURIComponent(id)}`, { method: 'DELETE' })
-  return fetchCollection(collectionName)
-}
-
-export async function bulkUpdateVps(ids, action, value) {
-  return fetchApi('/api/vps/bulk', {
-    method: 'PATCH',
-    body: JSON.stringify({ ids, action, value }),
-  })
-}
-
-export async function syncAccount(accountId, opts = {}) {
-  return fetchApi(`/api/sync/${encodeURIComponent(accountId)}`, {
-    method: 'POST',
-    body: JSON.stringify(opts),
-  })
-}
-
-export async function fetchAccountBalance(accountId) {
-  return fetchApi(`/api/sync/${encodeURIComponent(accountId)}/balance`, { method: 'GET' })
-}
-
-export async function testApiConnection(apiBaseUrl, apiCredentials) {
-  return fetchApi('/api/sync/test-connection', {
-    method: 'POST',
-    body: JSON.stringify({ apiBaseUrl, apiCredentials }),
-  })
-}
-
-export async function fetchSyncStatus() {
-  return fetchApi('/api/sync/status')
-}
-
-export async function sendTelegramTestNotification() {
-  const res = await fetchApi('/api/settings/telegram/test', { method: 'POST' })
-  return res
-}
-
-export async function downloadBackupJsonBlob() {
-  const url = `${API_BASE}/api/backup/json`
-  const res = await fetch(url)
-  if (!res.ok) {
-    let message = res.statusText || 'Ошибка выгрузки'
-    try {
-      const data = await res.json()
-      if (data?.error) message = data.error
-    } catch {
-      /* ignore */
-    }
-    throw new Error(message)
-  }
-  return res.blob()
-}
-
-export async function downloadBackupDatabaseBlob() {
-  const url = `${API_BASE}/api/backup/database`
-  const res = await fetch(url)
-  if (!res.ok) {
-    let message = res.statusText || 'Ошибка выгрузки'
-    try {
-      const data = await res.json()
-      if (data?.error) message = data.error
-    } catch {
-      /* ignore */
-    }
-    throw new Error(message)
-  }
-  return res.blob()
-}
-
-export async function importBackupJson(payload) {
-  return fetchApi('/api/backup/json', {
-    method: 'POST',
-    body: JSON.stringify(payload),
-  })
-}
-
-export async function importBackupDatabaseBuffer(buffer) {
-  const url = `${API_BASE}/api/backup/database`
-  const res = await fetch(url, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/octet-stream' },
-    body: buffer,
-  })
-  if (!res.ok) {
-    let message = res.statusText || 'Ошибка восстановления'
-    try {
-      const data = await res.json()
-      if (data?.error) message = data.error
-    } catch {
-      /* ignore */
-    }
-    const err = new Error(message)
-    err.status = res.status
-    throw err
-  }
-  return res.json()
-}
diff --git a/src/lib/billmanager-ui.js b/src/lib/billmanager-ui.js
deleted file mode 100644
index 0c209e2..0000000
--- a/src/lib/billmanager-ui.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * BILLmanager: URL на хостере, учётные данные на аккаунте.
- */
-
-export function providerByIdMap(providers) {
-  return new Map(providers.map((p) => [p.id, p]))
-}
-
-/** Аккаунты, для которых можно вызывать синк (есть URL у хостера и креды у аккаунта). */
-export function billmanagerSyncableAccounts(providerAccounts, providers) {
-  const pmap = providerByIdMap(providers)
-  return providerAccounts.filter((a) => {
-    const p = pmap.get(a.providerId)
-    return p?.apiType === 'billmanager' && (p.apiBaseUrl || '').trim() && a.apiCredentialsSet
-  })
-}
-
-/** Показывать кнопки баланса/синка и брать баланс из API. */
-export function accountBillmanagerUiReady(account, provider) {
-  return (
-    provider?.apiType === 'billmanager' &&
-    (provider.apiBaseUrl || '').trim() &&
-    account.apiCredentialsSet
-  )
-}
-
-export function accountUsesBillmanagerBalanceApi(account, provider) {
-  return provider?.apiType === 'billmanager' && account.balance_api != null
-}
diff --git a/src/lib/noBrowserSuggestProps.js b/src/lib/noBrowserSuggestProps.js
deleted file mode 100644
index ee4313d..0000000
--- a/src/lib/noBrowserSuggestProps.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Отключает подсказки автозаполнения браузера и часто используемые хуки менеджеров паролей
- * на произвольных текстовых полях (адреса, проекты, заметки и т.д.).
- * Для полей пароля API используйте {@link passwordCredentialInputProps}.
- */
-export const noBrowserSuggestProps = Object.freeze({
-  autoComplete: 'off',
-  'data-lpignore': 'true',
-  'data-1p-ignore': 'true',
-  'data-bwignore': 'true',
-  'data-form-type': 'other',
-})
-
-/** Поля пароля/секрета: не отключаем менеджеры паролей, только автоподстановку формы. */
-export const passwordCredentialInputProps = Object.freeze({
-  autoComplete: 'new-password',
-})
diff --git a/src/lib/utils.js b/src/lib/utils.js
deleted file mode 100644
index 227cd0b..0000000
--- a/src/lib/utils.js
+++ /dev/null
@@ -1,434 +0,0 @@
-/**
- * Утилиты vps-tracker: ID, URL, форматирование, валюта, лейблы, CSV
- */
-
-/**
- * Генерирует уникальный ID (UUID или fallback)
- * @returns {string}
- */
-export function uid() {
-  if (crypto && crypto.randomUUID) {
-    return crypto.randomUUID()
-  }
-  return `id-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
-}
-
-/**
- * Добавляет https:// к URL при отсутствии протокола
- * @param {string} website
- * @returns {string}
- */
-export function normalizeWebsiteUrl(website) {
-  if (!website) {
-    return ''
-  }
-  if (website.startsWith('http://') || website.startsWith('https://')) {
-    return website
-  }
-  return `https://${website}`
-}
-
-/**
- * URL иконки сайта через Google Favicon API
- * @param {string} website
- * @returns {string}
- */
-export function faviconUrlFromWebsite(website) {
-  const normalized = normalizeWebsiteUrl(website)
-  if (!normalized) {
-    return ''
-  }
-  try {
-    const { hostname } = new URL(normalized)
-    return `https://www.google.com/s2/favicons?domain=${hostname}&sz=32`
-  } catch {
-    return ''
-  }
-}
-
-const countryCodeByName = {
-  germany: 'DE',
-  netherlands: 'NL',
-  russia: 'RU',
-  usa: 'US',
-  'united states': 'US',
-  ukraine: 'UA',
-  poland: 'PL',
-  france: 'FR',
-  spain: 'ES',
-  italy: 'IT',
-  estonia: 'EE',
-  finland: 'FI',
-  sweden: 'SE',
-  norway: 'NO',
-  latvia: 'LV',
-  lithuania: 'LT',
-  czechia: 'CZ',
-  czech: 'CZ',
-  singapore: 'SG',
-  japan: 'JP',
-  canada: 'CA',
-  brazil: 'BR',
-  turkey: 'TR',
-  georgia: 'GE',
-  kazakhstan: 'KZ',
-}
-
-/**
- * Эмодзи флага страны по названию (ru-RU)
- * @param {string} country - название страны
- * @returns {string} эмодзи флага или 🌐
- */
-export function getCountryFlagEmoji(country) {
-  if (!country) {
-    return '🌐'
-  }
-  const code = countryCodeByName[country.trim().toLowerCase()]
-  if (!code) {
-    return '🌐'
-  }
-  return code
-    .toUpperCase()
-    .split('')
-    .map((char) => String.fromCodePoint(127397 + char.charCodeAt(0)))
-    .join('')
-}
-
-const paymentTypeLabels = {
-  direct_vps_payment: 'Прямой платеж за VPS',
-  provider_balance_topup: 'Пополнение баланса хостера',
-  daily_debit: 'Ежедневное списание',
-  monthly_debit: 'Ежемесячное списание',
-}
-
-/**
- * Человекочитаемая метка типа платежа
- * @param {string} type - direct_vps_payment | provider_balance_topup | daily_debit | monthly_debit
- * @returns {string}
- */
-export function paymentTypeLabel(type) {
-  return paymentTypeLabels[type] || type
-}
-
-const vpsStatusLabels = {
-  active: 'Активен',
-  paused: 'Приостановлен',
-  archived: 'Архив',
-}
-
-/**
- * Человекочитаемая метка статуса VPS
- * @param {string} status - active | paused | archived
- * @returns {string}
- */
-export function vpsStatusLabel(status) {
-  return vpsStatusLabels[status] || status
-}
-
-const billingModeLabels = {
-  daily: 'Ежедневно',
-  monthly: 'Ежемесячно',
-}
-
-/**
- * Человекочитаемая метка режима биллинга
- * @param {string} mode - daily | monthly
- * @returns {string}
- */
-export function billingModeLabel(mode) {
-  return billingModeLabels[mode] || mode
-}
-
-const tariffTypeLabels = {
-  daily: 'Суточный',
-  monthly: 'Месячный',
-}
-
-/**
- * Человекочитаемая метка типа тарифа
- * @param {string} type - daily | monthly
- * @returns {string}
- */
-export function tariffTypeLabel(type) {
-  return tariffTypeLabels[type] || type
-}
-
-const CURRENCY_SYMBOL_MAP = {
-  '€': 'EUR',
-  '$': 'USD',
-  '₽': 'RUB',
-  '£': 'GBP',
-  '¥': 'JPY',
-  '₴': 'UAH',
-  '₸': 'KZT',
-}
-
-function toIsoCurrency(currency) {
-  if (!currency || typeof currency !== 'string') return 'USD'
-  const trimmed = currency.trim()
-  if (CURRENCY_SYMBOL_MAP[trimmed]) return CURRENCY_SYMBOL_MAP[trimmed]
-  const upper = trimmed.toUpperCase()
-  if (upper === 'RUR') return 'RUB'
-  if (trimmed.length === 3 && /^[A-Z]{3}$/i.test(trimmed)) return upper
-  return 'USD'
-}
-
-/**
- * Валюта тарифа VPS = валюта хостера (provider.baseCurrency).
- * vps.currency — только как запасной вариант, если хостер не найден.
- */
-export function effectiveVpsTariffCurrency(vps, provider) {
-  const provRaw = (provider?.baseCurrency || '').trim()
-  if (provRaw) return toIsoCurrency(provRaw)
-  const ownRaw = (vps?.currency || '').trim()
-  if (ownRaw) return toIsoCurrency(ownRaw)
-  return 'RUB'
-}
-
-/**
- * Форматирует сумму в валюте (ru-RU)
- * @param {number} amount
- * @param {string} [currency='USD']
- * @returns {string}
- */
-export function formatCurrency(amount, currency = 'USD') {
-  const safeAmount = Number.isFinite(Number(amount)) ? Number(amount) : 0
-  const isoCurrency = toIsoCurrency(currency)
-  return new Intl.NumberFormat('ru-RU', {
-    style: 'currency',
-    currency: isoCurrency,
-    minimumFractionDigits: 2,
-  }).format(safeAmount)
-}
-
-/**
- * Числовой курс хостера из справочника: только явное положительное число.
- * Пусто, «auto», невалид — нет своего курса, используется ссылка на курсы из настроек.
- * @param {unknown} raw
- * @returns {number}
- */
-export function parseProviderFxRate(raw) {
-  if (raw == null) return NaN
-  const s = String(raw).trim()
-  if (!s) return NaN
-  if (s.toLowerCase() === 'auto') return NaN
-  const n = Number(s.replace(',', '.'))
-  if (!Number.isFinite(n) || n <= 0) return NaN
-  return n
-}
-
-/**
- * Приводит ответ API курсов к виду { base, rates }.
- * Поддержка JSON ЦБ с полем Valute (daily_json.js) и уже нормализованного latest.js.
- * @param {object|null|undefined} payload
- * @returns {{ base: string, rates: object, date?: string }|null}
- */
-export function normalizeRatesPayload(payload) {
-  if (!payload || typeof payload !== 'object') return null
-  if (payload.base && payload.rates && typeof payload.rates === 'object') {
-    return payload
-  }
-  if (payload.Valute && typeof payload.Valute === 'object') {
-    const rates = {}
-    for (const v of Object.values(payload.Valute)) {
-      const code = v?.CharCode
-      const val = Number(v?.Value)
-      const nom = Number(v?.Nominal) || 1
-      if (
-        typeof code === 'string' &&
-        code.length === 3 &&
-        Number.isFinite(val) &&
-        val > 0 &&
-        nom > 0
-      ) {
-        rates[code] = nom / val
-      }
-    }
-    if (Object.keys(rates).length === 0) return null
-    return {
-      base: 'RUB',
-      rates,
-      date: typeof payload.Date === 'string' ? payload.Date : '',
-    }
-  }
-  return null
-}
-
-/**
- * Конвертирует сумму из одной валюты в другую по ratesData (CBR и т.п.)
- * @param {number} amount
- * @param {string} fromCurrency
- * @param {string} toCurrency
- * @param {object} ratesData - { base, rates: { USD: 1.2, EUR: 1.1, ... } }
- * @returns {number}
- */
-export function convertCurrency(amount, fromCurrency, toCurrency, ratesData) {
-  const safeAmount = Number(amount)
-  if (!Number.isFinite(safeAmount)) {
-    return 0
-  }
-  const from = toIsoCurrency(fromCurrency)
-  const to = toIsoCurrency(toCurrency)
-  if (!from || !to || from === to) {
-    return safeAmount
-  }
-  if (!ratesData || !ratesData.rates || !ratesData.base) {
-    return safeAmount
-  }
-  const apiBase = ratesData.base.toUpperCase()
-  const rates = { ...ratesData.rates, [apiBase]: 1 }
-
-  const rateFrom = rates[from]
-  const rateTo = rates[to]
-  if (!Number.isFinite(rateFrom) || rateFrom <= 0 || !Number.isFinite(rateTo) || rateTo <= 0) {
-    return safeAmount
-  }
-
-  const amountInApiBase = safeAmount / rateFrom
-  return amountInApiBase * rateTo
-}
-
-/**
- * Форматирует сумму в базовой валюте приложения (settings.baseCurrency)
- * @param {number} amount
- * @param {string} currency
- * @param {object[]} appSettings - settings из API
- * @param {object} ratesData
- * @returns {string}
- */
-export function formatInBaseCurrency(amount, currency, appSettings, ratesData) {
-  const settings = appSettings?.[0] || {}
-  const baseCurrency = settings.baseCurrency || 'RUB'
-  const autoConvert = settings.autoConvert !== false
-
-  if (!autoConvert) {
-    return formatCurrency(amount, currency)
-  }
-
-  const converted = convertCurrency(amount, currency, baseCurrency, ratesData)
-  return formatCurrency(converted, baseCurrency)
-}
-
-/**
- * Конвертирует сумму в валюту отображения (из настроек).
- * provider.baseCurrency — валюта, в которой хостер принимает платежи.
- * settings.baseCurrency — валюта отображения на дашбордах.
- * Курсы хостера (usdRate, eurRate) — только если заданы явные числа; иначе — курсы по ссылке из настроек.
- */
-export function convertWithProviderRate(amount, currency, provider, appSettings, ratesData) {
-  const safeAmount = Number(amount)
-  const appBase = (appSettings?.[0]?.baseCurrency || 'RUB').toUpperCase()
-  if (!Number.isFinite(safeAmount)) {
-    return { value: 0, currency: appBase, source: 'global' }
-  }
-
-  const fromCurrency = toIsoCurrency(currency || appBase)
-
-  if (fromCurrency === appBase) {
-    return { value: safeAmount, currency: appBase, source: 'native' }
-  }
-
-  const usdRate = parseProviderFxRate(provider?.usdRate)
-  const eurRate = parseProviderFxRate(provider?.eurRate)
-  if (fromCurrency === 'USD' && Number.isFinite(usdRate)) {
-    return { value: safeAmount * usdRate, currency: appBase, source: 'provider' }
-  }
-  if (fromCurrency === 'EUR' && Number.isFinite(eurRate)) {
-    return { value: safeAmount * eurRate, currency: appBase, source: 'provider' }
-  }
-
-  if (!ratesData || !ratesData.rates || !ratesData.base) {
-    return { value: safeAmount, currency: fromCurrency, source: 'no-rates' }
-  }
-
-  const converted = convertCurrency(safeAmount, fromCurrency, appBase, ratesData)
-  // При сумме 0 convertCurrency даёт 0 = исходной сумме — нельзя отличить «успех» от сбоя.
-  // Проверяем конвертацию 1 единицы: при отсутствии курсов convertCurrency возвращает 1 без изменений.
-  const oneConverted = convertCurrency(1, fromCurrency, appBase, ratesData)
-  const globalRatesWork =
-    Number.isFinite(oneConverted) && Math.abs(oneConverted - 1) > 1e-8
-  return {
-    value: converted,
-    currency: appBase,
-    source: globalRatesWork ? 'global' : 'no-rates',
-  }
-}
-
-/**
- * Форматирует сумму с учётом курсов провайдера (usdRate, eurRate)
- * @param {number} amount
- * @param {string} currency
- * @param {object} provider
- * @param {object[]} appSettings
- * @param {object} ratesData
- * @returns {string}
- */
-export function formatInProviderCurrency(amount, currency, provider, appSettings, ratesData) {
-  const converted = convertWithProviderRate(amount, currency, provider, appSettings, ratesData)
-  return formatCurrency(converted.value, converted.currency)
-}
-
-/**
- * Ключ месяца для группировки: "2025-03"
- * @param {string} dateString
- * @returns {string}
- */
-export function monthKey(dateString) {
-  const date = new Date(dateString)
-  if (Number.isNaN(date.getTime())) {
-    return ''
-  }
-  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}`
-}
-
-/**
- * Преобразует массив объектов в CSV-строку
- * @param {object[]} rows
- * @returns {string}
- */
-export function toCsv(rows) {
-  if (!rows.length) {
-    return ''
-  }
-  const headers = Object.keys(rows[0])
-  const escapeValue = (value) => {
-    const str = `${value ?? ''}`
-    if (str.includes('"') || str.includes(',') || str.includes('\n')) {
-      return `"${str.replaceAll('"', '""')}"`
-    }
-    return str
-  }
-  const lines = [headers.join(',')]
-  for (const row of rows) {
-    lines.push(headers.map((h) => escapeValue(row[h])).join(','))
-  }
-  return lines.join('\n')
-}
-
-/**
- * Инициирует скачивание текстового файла (CSV)
- * @param {string} fileName
- * @param {string} content
- */
-export function downloadTextFile(fileName, content) {
-  const blob = new Blob([content], { type: 'text/csv;charset=utf-8;' })
-  const url = URL.createObjectURL(blob)
-  const anchor = document.createElement('a')
-  anchor.href = url
-  anchor.download = fileName
-  anchor.click()
-  URL.revokeObjectURL(url)
-}
-
-/**
- * @param {string} fileName
- * @param {Blob} blob
- */
-export function downloadBlob(fileName, blob) {
-  const url = URL.createObjectURL(blob)
-  const anchor = document.createElement('a')
-  anchor.href = url
-  anchor.download = fileName
-  anchor.click()
-  URL.revokeObjectURL(url)
-}
diff --git a/src/main.jsx b/src/main.jsx
deleted file mode 100644
index 9b655d4..0000000
--- a/src/main.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.jsx'
-import '@tabler/core/dist/css/tabler.min.css'
-
-createRoot(document.getElementById('root')).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)
diff --git a/src/pages/AccountsPage.jsx b/src/pages/AccountsPage.jsx
deleted file mode 100644
index e6d9c98..0000000
--- a/src/pages/AccountsPage.jsx
+++ /dev/null
@@ -1,631 +0,0 @@
-import { useEffect, useMemo, useState } from 'react'
-import { Link, useSearchParams } from 'react-router-dom'
-import {
-  billingModeLabel,
-  faviconUrlFromWebsite,
-} from '../lib/utils'
-import { UiModal } from '../components/UiModal'
-import { EmptyState } from '../components/EmptyState'
-import { SyncLogTable } from '../components/SyncLogTable'
-import { PageHeader } from '../components/PageHeader'
-import { ConvertedAmount } from '../components/ConvertedAmount'
-import { syncAccount, testApiConnection, fetchAccountBalance, fetchSyncStatus } from '../lib/api'
-import { noBrowserSuggestProps, passwordCredentialInputProps } from '../lib/noBrowserSuggestProps'
-import { getBalanceMismatchAccountIds, getStaleSyncAccountIds } from '../lib/inventory-health'
-import {
-  billmanagerSyncableAccounts,
-  accountBillmanagerUiReady,
-  accountUsesBillmanagerBalanceApi,
-} from '../lib/billmanager-ui'
-import { IconRefresh, IconPlugConnected } from '@tabler/icons-react'
-
-const emptyForm = {
-  providerId: '',
-  name: '',
-  panelUrl: '',
-  currency: 'USD',
-  billingMode: 'monthly',
-  notes: '',
-  apiLogin: '',
-  apiPassword: '',
-  balance_alert_below: '',
-}
-
-export function AccountsPage({ db, actions, settings, ratesData }) {
-  const [searchParams] = useSearchParams()
-  const accountsHealth = (searchParams.get('health') || '').trim()
-  const [form, setForm] = useState(emptyForm)
-  const [editingId, setEditingId] = useState(null)
-  const [isModalOpen, setIsModalOpen] = useState(false)
-  const [syncLoadingId, setSyncLoadingId] = useState(null)
-  const [syncLoadingAll, setSyncLoadingAll] = useState(false)
-  const [syncMessage, setSyncMessage] = useState(null)
-  const [balanceLoadingId, setBalanceLoadingId] = useState(null)
-  const [saveError, setSaveError] = useState(null)
-
-  const loadSyncLog = () => {
-    fetchSyncStatus()
-      .then(setSyncLog)
-      .catch(() => setSyncLog([]))
-  }
-
-  useEffect(() => {
-    loadSyncLog()
-  }, [])
-
-  const billmanagerAccounts = useMemo(
-    () => billmanagerSyncableAccounts(db.providerAccounts, db.providers),
-    [db.providerAccounts, db.providers],
-  )
-  const [testConnectionLoading, setTestConnectionLoading] = useState(false)
-  const [testConnectionResult, setTestConnectionResult] = useState(null)
-  const [syncLog, setSyncLog] = useState([])
-
-  const highlightAccountIds = useMemo(() => {
-    if (accountsHealth === 'stale-sync') {
-      return new Set(getStaleSyncAccountIds(db.providerAccounts, db.providers, syncLog))
-    }
-    if (accountsHealth === 'balance-mismatch') {
-      return new Set(getBalanceMismatchAccountIds(db.providerAccounts, db.balanceLedger))
-    }
-    return null
-  }, [accountsHealth, db.providerAccounts, db.providers, db.balanceLedger, syncLog])
-
-  const balances = useMemo(() => {
-    return db.providerAccounts.map((account) => {
-      const rows = db.balanceLedger.filter((row) => row.providerAccountId === account.id)
-      const credits = rows
-        .filter((row) => row.direction === 'credit')
-        .reduce((acc, row) => acc + Number(row.amount || 0), 0)
-      const debits = rows
-        .filter((row) => row.direction === 'debit')
-        .reduce((acc, row) => acc + Number(row.amount || 0), 0)
-      return { accountId: account.id, balance: credits - debits }
-    })
-  }, [db.balanceLedger, db.providerAccounts])
-
-  const getBalance = (accountId) => balances.find((item) => item.accountId === accountId)?.balance || 0
-
-  const getDisplayBalance = (account) => {
-    const provider = db.providers.find((p) => p.id === account.providerId)
-    if (accountUsesBillmanagerBalanceApi(account, provider)) {
-      return account.balance_api
-    }
-    return getBalance(account.id)
-  }
-
-  const getDisplayCurrency = (account) => account.balance_currency || account.currency || 'USD'
-
-  const onFetchBalance = async (accountId) => {
-    setBalanceLoadingId(accountId)
-    try {
-      await fetchAccountBalance(accountId)
-      await actions.refreshData()
-    } catch (err) {
-      console.error('Balance fetch failed:', err)
-    } finally {
-      setBalanceLoadingId(null)
-    }
-  }
-
-  const onSubmit = async (event) => {
-    event.preventDefault()
-    if (!form.providerId || !form.name.trim()) {
-      return
-    }
-    const payload = {
-      providerId: form.providerId,
-      name: form.name,
-      panelUrl: form.panelUrl,
-      currency: form.currency,
-      billingMode: form.billingMode,
-      notes: form.notes,
-    }
-    const selectedProvider = db.providers.find((p) => p.id === form.providerId)
-    const bmReady =
-      selectedProvider?.apiType === 'billmanager' && (selectedProvider.apiBaseUrl || '').trim()
-    if (bmReady && form.apiLogin && form.apiPassword) {
-      payload.apiCredentials = `${form.apiLogin}:${form.apiPassword}`
-    }
-    {
-      let b = null
-      if (String(form.balance_alert_below || '').trim() !== '') {
-        const x = Number(form.balance_alert_below)
-        if (Number.isFinite(x)) b = x
-      }
-      payload.balance_alert_below = b
-    }
-    setSaveError(null)
-    try {
-      if (editingId) {
-        await actions.update('providerAccounts', editingId, payload)
-      } else {
-        await actions.create('providerAccounts', payload)
-      }
-      setForm(emptyForm)
-      setEditingId(null)
-      setIsModalOpen(false)
-    } catch (err) {
-      setSaveError(err.message || 'Ошибка сохранения')
-    }
-  }
-
-  const onTestConnection = async () => {
-    const p = db.providers.find((x) => x.id === form.providerId)
-    const baseUrl = p?.apiType === 'billmanager' ? (p.apiBaseUrl || '').trim() : ''
-    if (!baseUrl || !form.apiLogin?.trim() || !form.apiPassword?.trim()) {
-      setTestConnectionResult({
-        ok: false,
-        error: 'В настройках хостера укажите URL API; здесь — логин и пароль',
-      })
-      return
-    }
-    setTestConnectionLoading(true)
-    setTestConnectionResult(null)
-    try {
-      const result = await testApiConnection(baseUrl, `${form.apiLogin}:${form.apiPassword}`)
-      setTestConnectionResult(result)
-    } catch (err) {
-      setTestConnectionResult({ ok: false, error: err.message || 'Ошибка проверки' })
-    } finally {
-      setTestConnectionLoading(false)
-    }
-  }
-
-  const onEdit = (account) => {
-    setForm({
-      providerId: account.providerId || '',
-      name: account.name || '',
-      panelUrl: account.panelUrl || '',
-      currency: account.currency || 'USD',
-      billingMode: account.billingMode || 'monthly',
-      notes: account.notes || '',
-      apiLogin: '',
-      apiPassword: '',
-      balance_alert_below:
-        account.balance_alert_below != null && account.balance_alert_below !== ''
-          ? String(account.balance_alert_below)
-          : '',
-    })
-    setEditingId(account.id)
-    setIsModalOpen(true)
-    setTestConnectionResult(null)
-  }
-
-  const editingAccount = editingId ? db.providerAccounts.find((a) => a.id === editingId) : null
-  const formProvider = db.providers.find((p) => p.id === form.providerId)
-  const formBmUrl =
-    formProvider?.apiType === 'billmanager' ? (formProvider.apiBaseUrl || '').trim() : ''
-  const canTestConnection = Boolean(
-    formBmUrl && form.apiLogin?.trim() && form.apiPassword?.trim(),
-  )
-
-  const onSync = async (accountId) => {
-    setSyncLoadingId(accountId)
-    setSyncMessage(null)
-    try {
-      const result = await syncAccount(accountId)
-      setSyncMessage(result.ok ? `Синхронизировано: ${result.synced?.vpsCount ?? 0} VPS, ${result.synced?.paymentsCount ?? 0} платежей${result.synced?.balance ? ', баланс обновлён' : ''}` : result.error || 'Ошибка')
-      if (result.ok) {
-        await actions.refreshData()
-        loadSyncLog()
-      }
-    } catch (err) {
-      setSyncMessage(err.message || 'Ошибка синхронизации')
-    } finally {
-      setSyncLoadingId(null)
-    }
-  }
-
-  const onSyncAll = async () => {
-    if (billmanagerAccounts.length === 0) return
-    setSyncLoadingAll(true)
-    setSyncMessage(null)
-    let totalVps = 0
-    let totalPayments = 0
-    let lastError = null
-    for (const account of billmanagerAccounts) {
-      try {
-        const result = await syncAccount(account.id)
-        if (result.ok) {
-          totalVps += result.synced?.vpsCount ?? 0
-          totalPayments += result.synced?.paymentsCount ?? 0
-        } else {
-          lastError = result.error
-        }
-      } catch (err) {
-        lastError = err.message
-      }
-    }
-    if (lastError && totalVps === 0 && totalPayments === 0) {
-      setSyncMessage(lastError)
-    } else {
-      setSyncMessage(`Синхронизировано: ${totalVps} VPS, ${totalPayments} платежей${lastError ? `. Ошибки: ${lastError}` : ''}`)
-    }
-    if (totalVps > 0 || totalPayments > 0) {
-      await actions.refreshData()
-      loadSyncLog()
-    }
-    setSyncLoadingAll(false)
-  }
-
-  return (
-    <>
-      <PageHeader pretitle="Справочники" title="Аккаунты хостеров" />
-      {accountsHealth === 'stale-sync' ? (
-        highlightAccountIds?.size ? (
-          <div className="alert alert-warning d-flex align-items-center justify-content-between flex-wrap gap-2">
-            <span>
-              Подсвечены аккаунты без успешного синка дольше 48 ч или без записей в журнале.
-            </span>
-            <Link to="/accounts" className="btn btn-sm btn-outline-secondary">
-              Сбросить фильтр
-            </Link>
-          </div>
-        ) : (
-          <div className="alert alert-success d-flex align-items-center justify-content-between flex-wrap gap-2">
-            <span>Все BILLmanager-аккаунты имеют недавний успешный синк.</span>
-            <Link to="/accounts" className="btn btn-sm btn-outline-secondary">
-              Закрыть
-            </Link>
-          </div>
-        )
-      ) : null}
-      {accountsHealth === 'balance-mismatch' ? (
-        highlightAccountIds?.size ? (
-          <div className="alert alert-warning d-flex align-items-center justify-content-between flex-wrap gap-2">
-            <span>
-              В колонке «Баланс» для BILLmanager показывается сумма из API (в двух строках — с конвертацией и в валюте аккаунта).
-              Здесь же сверяется с <strong>журналом на странице «Баланс и списания»</strong> (те же движения в валюте баланса).
-              Подсветка только если в журнале уже есть записи по аккаунту, но итог заметно не совпадает с API.
-            </span>
-            <Link to="/accounts" className="btn btn-sm btn-outline-secondary">
-              Сбросить фильтр
-            </Link>
-          </div>
-        ) : (
-          <div className="alert alert-success d-flex align-items-center justify-content-between flex-wrap gap-2">
-            <span>Расхождений баланса API и ledger по выбранным правилам не найдено.</span>
-            <Link to="/accounts" className="btn btn-sm btn-outline-secondary">
-              Закрыть
-            </Link>
-          </div>
-        )
-      ) : null}
-      <div className="row row-cards">
-      <div className="col-12">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Аккаунты и привязанные VPS</h3>
-            {syncMessage ? (
-              <div className={`alert alert-${syncMessage.startsWith('Синхронизировано') ? 'success' : 'warning'} py-2 mb-0 me-2`}>
-                {syncMessage}
-              </div>
-            ) : null}
-            <div className="card-actions d-flex gap-2">
-              {billmanagerAccounts.length > 0 ? (
-                <button
-                  type="button"
-                  className="btn btn-outline-primary"
-                  onClick={onSyncAll}
-                  disabled={syncLoadingAll}
-                  title="Синхронизировать VPS и платежи со всех BILLmanager аккаунтов"
-                >
-                  {syncLoadingAll ? (
-                    <span className="spinner-border spinner-border-sm me-1" role="status" />
-                  ) : (
-                    <IconRefresh size={16} className="me-1" />
-                  )}
-                  Синхронизировать VPS
-                </button>
-              ) : null}
-              <button
-                type="button"
-                className="btn btn-primary"
-                onClick={() => {
-                  setForm(emptyForm)
-                  setEditingId(null)
-                  setIsModalOpen(true)
-                }}
-              >
-                Добавить аккаунт
-              </button>
-            </div>
-          </div>
-          <div className="table-responsive">
-            <table className="table card-table table-vcenter">
-              <thead>
-                <tr>
-                  <th>Аккаунт</th>
-                  <th>Хостер</th>
-                  <th>VPS</th>
-                  <th>Баланс</th>
-                  <th />
-                </tr>
-              </thead>
-              <tbody>
-                {db.providerAccounts.map((account) => {
-                  const provider = db.providers.find((item) => item.id === account.providerId)
-                  const bmUi = accountBillmanagerUiReady(account, provider)
-                  const linkedVps = db.vps.filter((item) => item.providerAccountId === account.id)
-                  const rowWarn = highlightAccountIds?.has(account.id)
-                  return (
-                    <tr key={account.id} className={rowWarn ? 'table-warning' : undefined}>
-                      <td>{account.name}</td>
-                      <td>
-                        <div className="d-flex align-items-center gap-2">
-                          {faviconUrlFromWebsite(provider?.website) ? (
-                            <img
-                              src={faviconUrlFromWebsite(provider?.website)}
-                              alt=""
-                              width="16"
-                              height="16"
-                              className="rounded"
-                            />
-                          ) : null}
-                          <span>{provider?.name || '-'}</span>
-                        </div>
-                      </td>
-                      <td>{linkedVps.map((item) => item.dns || item.ip).join(', ') || '-'}</td>
-                      <td>
-                        <ConvertedAmount
-                          amount={getDisplayBalance(account)}
-                          currency={getDisplayCurrency(account)}
-                          provider={provider}
-                          settings={settings}
-                          ratesData={ratesData}
-                        />
-                        {account.balance_updated_at ? (
-                          <div className="text-secondary small mt-1">
-                            Обновлено: {new Date(account.balance_updated_at).toLocaleString('ru-RU')}
-                          </div>
-                        ) : null}
-                        {account.enoughmoneyto ? (
-                          <div className="text-secondary small mt-1">
-                            Хватит до: {account.enoughmoneyto}
-                          </div>
-                        ) : null}
-                      </td>
-                      <td className="text-end">
-                        <div className="table-actions d-flex gap-1 flex-wrap justify-content-end">
-                          {bmUi ? (
-                            <>
-                              <button
-                                type="button"
-                                className="btn btn-sm btn-outline-secondary"
-                                onClick={() => onFetchBalance(account.id)}
-                                disabled={balanceLoadingId === account.id}
-                                title="Обновить баланс из API"
-                              >
-                                {balanceLoadingId === account.id ? (
-                                  <span className="spinner-border spinner-border-sm me-1" role="status" />
-                                ) : (
-                                  <IconRefresh size={14} className="me-1" />
-                                )}
-                                Баланс
-                              </button>
-                              <button
-                                type="button"
-                                className="btn btn-sm btn-outline-secondary"
-                                onClick={() => onSync(account.id)}
-                                disabled={syncLoadingId === account.id}
-                                title="Синхронизировать VPS и платежи с BILLmanager"
-                              >
-                                {syncLoadingId === account.id ? (
-                                  <span className="spinner-border spinner-border-sm me-1" role="status" />
-                                ) : (
-                                  <IconRefresh size={14} className="me-1" />
-                                )}
-                                Синхронизировать
-                              </button>
-                            </>
-                          ) : null}
-                          <button
-                            type="button"
-                            className="btn btn-sm btn-outline-primary"
-                            onClick={() => onEdit(account)}
-                          >
-                            Изменить
-                          </button>
-                          <button
-                            type="button"
-                            className="btn btn-sm btn-outline-danger"
-                            onClick={() => actions.remove('providerAccounts', account.id)}
-                          >
-                            Удалить
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  )
-                })}
-                {db.providerAccounts.length === 0 ? (
-                  <EmptyState message="Нет аккаунтов хостеров" colSpan={5} />
-                ) : null}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12 mt-3">
-        <SyncLogTable
-          syncLog={syncLog}
-          providerAccounts={db.providerAccounts}
-          providers={db.providers}
-        />
-      </div>
-    </div>
-
-      <UiModal
-        open={isModalOpen}
-        title={editingId ? 'Редактировать аккаунт' : 'Новый аккаунт хостера'}
-        onClose={() => {
-          setIsModalOpen(false)
-          setEditingId(null)
-          setForm(emptyForm)
-          setTestConnectionResult(null)
-          setSaveError(null)
-        }}
-        size="modal-md"
-      >
-        <form autoComplete="off" onSubmit={onSubmit} className="row g-3">
-          <div className="col-12">
-            <label className="form-label">Хостер</label>
-            <select autoComplete="off"
-              className="form-select"
-              value={form.providerId}
-              onChange={(e) => setForm((prev) => ({ ...prev, providerId: e.target.value }))}
-              required
-            >
-              <option value="">Выберите хостера</option>
-              {db.providers.map((provider) => (
-                <option key={provider.id} value={provider.id}>
-                  {provider.name}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div className="col-12">
-            <label className="form-label">Имя / Псевдоним аккаунта</label>
-            <input {...noBrowserSuggestProps}
-              className="form-control"
-              value={form.name}
-              onChange={(e) => setForm((prev) => ({ ...prev, name: e.target.value }))}
-              required
-            />
-          </div>
-          <div className="col-12">
-            <label className="form-label">Ссылка на панель управления</label>
-            <input {...noBrowserSuggestProps}
-              className="form-control"
-              placeholder="https://..."
-              value={form.panelUrl}
-              onChange={(e) => setForm((prev) => ({ ...prev, panelUrl: e.target.value }))}
-            />
-          </div>
-          <div className="col-12 col-sm-6">
-            <label className="form-label">Валюта</label>
-            <select autoComplete="off"
-              className="form-select"
-              value={form.currency}
-              onChange={(e) => setForm((prev) => ({ ...prev, currency: e.target.value }))}
-            >
-              <option>USD</option>
-              <option>EUR</option>
-              <option>RUB</option>
-            </select>
-          </div>
-          <div className="col-12 col-sm-6">
-            <label className="form-label">Режим списания</label>
-            <select autoComplete="off"
-              className="form-select"
-              value={form.billingMode}
-              onChange={(e) => setForm((prev) => ({ ...prev, billingMode: e.target.value }))}
-            >
-              <option value="daily">{billingModeLabel('daily')}</option>
-              <option value="monthly">{billingModeLabel('monthly')}</option>
-            </select>
-          </div>
-          <div className="col-12">
-            <hr className="my-2" />
-            <h6 className="text-secondary mb-2">Учётные данные API BILLmanager</h6>
-            {formProvider?.apiType === 'billmanager' && (formProvider.apiBaseUrl || '').trim() ? (
-              <div className="text-secondary small mb-2">
-                URL: <code className="user-select-all">{formProvider.apiBaseUrl}</code>
-              </div>
-            ) : (
-              <div className="alert alert-secondary py-2 small mb-2">
-                В карточке хостера выберите тип API BILLmanager и укажите URL — один на все аккаунты этого
-                хостера.
-              </div>
-            )}
-          </div>
-          {formProvider?.apiType === 'billmanager' && (formProvider.apiBaseUrl || '').trim() ? (
-            <>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Логин API</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  placeholder="admin"
-                  value={form.apiLogin}
-                  onChange={(e) => setForm((prev) => ({ ...prev, apiLogin: e.target.value }))}
-                />
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Пароль API</label>
-                <input {...passwordCredentialInputProps}
-                  type="password"
-                  className="form-control"
-                  placeholder={editingAccount?.apiCredentialsSet ? 'Оставьте пустым, чтобы не менять' : ''}
-                  value={form.apiPassword}
-                  onChange={(e) => setForm((prev) => ({ ...prev, apiPassword: e.target.value }))}
-                />
-              </div>
-              <div className="col-12 d-flex align-items-center gap-2">
-                <button
-                  type="button"
-                  className="btn btn-outline-secondary btn-sm"
-                  onClick={onTestConnection}
-                  disabled={!canTestConnection || testConnectionLoading}
-                >
-                  {testConnectionLoading ? (
-                    <span className="spinner-border spinner-border-sm me-1" role="status" />
-                  ) : (
-                    <IconPlugConnected size={14} className="me-1" />
-                  )}
-                  Проверить соединение
-                </button>
-                {testConnectionResult ? (
-                  <span className={testConnectionResult.ok ? 'text-success small' : 'text-danger small'}>
-                    {testConnectionResult.ok
-                      ? `Соединение успешно${testConnectionResult.vdsCount != null ? `, VDS: ${testConnectionResult.vdsCount}` : ''}`
-                      : testConnectionResult.error}
-                  </span>
-                ) : null}
-              </div>
-              <div className="col-12">
-                <label className="form-label">Порог баланса для Telegram</label>
-                <input
-                  {...noBrowserSuggestProps}
-                  type="number"
-                  step="any"
-                  className="form-control"
-                  placeholder="Пусто — не слать по балансу"
-                  value={form.balance_alert_below}
-                  onChange={(e) =>
-                    setForm((prev) => ({ ...prev, balance_alert_below: e.target.value }))
-                  }
-                />
-                <div className="form-hint">
-                  При плановом синке, если баланс API ниже этого значения — уведомление (вкл. в настройках).
-                </div>
-              </div>
-            </>
-          ) : null}
-          <div className="col-12">
-            <label className="form-label">Комментарий</label>
-            <textarea {...noBrowserSuggestProps}
-              className="form-control"
-              value={form.notes}
-              onChange={(e) => setForm((prev) => ({ ...prev, notes: e.target.value }))}
-            />
-          </div>
-          {saveError ? (
-            <div className="col-12">
-              <div className="alert alert-danger py-2">{saveError}</div>
-            </div>
-          ) : null}
-          <div className="col-12 d-flex gap-2 justify-content-end">
-            <button type="button" className="btn btn-outline-secondary" onClick={() => setIsModalOpen(false)}>
-              Отмена
-            </button>
-            <button type="submit" className="btn btn-primary">
-              {editingId ? 'Сохранить' : 'Добавить'}
-            </button>
-          </div>
-        </form>
-      </UiModal>
-    </>
-  )
-}
diff --git a/src/pages/BalancePage.jsx b/src/pages/BalancePage.jsx
deleted file mode 100644
index 590fe1d..0000000
--- a/src/pages/BalancePage.jsx
+++ /dev/null
@@ -1,298 +0,0 @@
-import { useMemo, useState } from 'react'
-import {
-  billingModeLabel,
-  paymentTypeLabel,
-} from '../lib/utils'
-import { UiModal } from '../components/UiModal'
-import { EmptyState } from '../components/EmptyState'
-import { PageHeader } from '../components/PageHeader'
-import { ConvertedAmount } from '../components/ConvertedAmount'
-import { noBrowserSuggestProps } from '../lib/noBrowserSuggestProps'
-import { accountSelectLabel } from '../lib/account-select-label'
-
-const emptyForm = {
-  type: 'daily_debit',
-  providerAccountId: '',
-  vpsId: '',
-  date: new Date().toISOString().slice(0, 10),
-  amount: '',
-  currency: 'USD',
-  note: '',
-}
-
-export function BalancePage({ db, actions, settings, ratesData }) {
-  const [form, setForm] = useState(emptyForm)
-  const [error, setError] = useState('')
-  const [isModalOpen, setIsModalOpen] = useState(false)
-
-  const providerById = useMemo(
-    () => new Map(db.providers.map((p) => [p.id, p])),
-    [db.providers],
-  )
-
-  const vpsOptions = useMemo(
-    () => db.vps.filter((vps) => !form.providerAccountId || vps.providerAccountId === form.providerAccountId),
-    [db.vps, form.providerAccountId],
-  )
-
-  const accountBalances = useMemo(() => {
-    return db.providerAccounts.map((account) => {
-      const records = db.balanceLedger.filter((item) => item.providerAccountId === account.id)
-      const value = records.reduce((acc, row) => {
-        const amount = Number(row.amount || 0)
-        return row.direction === 'credit' ? acc + amount : acc - amount
-      }, 0)
-      return { ...account, balance: value }
-    })
-  }, [db.balanceLedger, db.providerAccounts])
-
-  const onSubmit = (event) => {
-    event.preventDefault()
-    const amount = Number(form.amount)
-    if (!form.providerAccountId) {
-      setError('Выберите аккаунт')
-      return
-    }
-    if (!Number.isFinite(amount) || amount <= 0) {
-      setError('Сумма должна быть больше 0')
-      return
-    }
-    setError('')
-    actions.create('balanceLedger', {
-      type: form.type,
-      providerAccountId: form.providerAccountId,
-      vpsId: form.vpsId || '',
-      date: form.date,
-      amount,
-      currency: form.currency,
-      direction: 'debit',
-      note: form.note,
-    })
-    setForm(emptyForm)
-    setIsModalOpen(false)
-  }
-
-  const directionLabel = (direction) => (direction === 'credit' ? 'Пополнение' : 'Списание')
-
-  return (
-    <>
-      <PageHeader pretitle="Финансы" title="Баланс и списания" />
-      <div className="row row-cards">
-      <div className="col-12 card-stack">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Баланс по аккаунтам</h3>
-            <div className="card-actions">
-              <button className="btn btn-primary" type="button" onClick={() => setIsModalOpen(true)}>
-                Добавить списание
-              </button>
-            </div>
-          </div>
-          <div className="table-responsive">
-            <table className="table card-table table-vcenter">
-              <thead>
-                <tr>
-                  <th>Аккаунт</th>
-                  <th>Режим</th>
-                  <th>Баланс</th>
-                </tr>
-              </thead>
-              <tbody>
-                {accountBalances.map((account) => (
-                  <tr key={account.id}>
-                    <td>{accountSelectLabel(account, providerById, '')}</td>
-                    <td>{billingModeLabel(account.billingMode)}</td>
-                    <td>
-                      <ConvertedAmount
-                        amount={account.balance}
-                        currency={account.currency}
-                        provider={db.providers.find((item) => item.id === account.providerId)}
-                        settings={settings}
-                        ratesData={ratesData}
-                      />
-                    </td>
-                  </tr>
-                ))}
-                {accountBalances.length === 0 ? (
-                  <EmptyState message="Нет аккаунтов" colSpan={3} />
-                ) : null}
-              </tbody>
-            </table>
-          </div>
-        </div>
-
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Журнал операций</h3>
-          </div>
-          <div className="table-responsive">
-            <table className="table card-table table-vcenter">
-              <thead>
-                <tr>
-                  <th>Дата</th>
-                  <th>Тип</th>
-                  <th>Направление</th>
-                  <th>Аккаунт / VPS</th>
-                  <th>Сумма</th>
-                  <th />
-                </tr>
-              </thead>
-              <tbody>
-                {db.balanceLedger.map((row) => {
-                  const account = db.providerAccounts.find((item) => item.id === row.providerAccountId)
-                  const provider = db.providers.find((item) => item.id === account?.providerId)
-                  const vps = db.vps.find((item) => item.id === row.vpsId)
-                  return (
-                    <tr key={row.id}>
-                      <td>{row.date}</td>
-                      <td>{paymentTypeLabel(row.type)}</td>
-                      <td>
-                        <span className={`badge ${row.direction === 'credit' ? 'bg-green-lt' : 'bg-red-lt'}`}>
-                          {directionLabel(row.direction)}
-                        </span>
-                      </td>
-                      <td>
-                        <div>{account?.name || '-'}</div>
-                        <div className="text-secondary">{vps?.dns || vps?.ip || '-'}</div>
-                      </td>
-                      <td>
-                        <ConvertedAmount
-                          amount={row.amount}
-                          currency={row.currency}
-                          provider={provider}
-                          settings={settings}
-                          ratesData={ratesData}
-                        />
-                      </td>
-                      <td className="text-end">
-                        <div className="table-actions">
-                          <button
-                            className="btn btn-sm btn-outline-danger"
-                            type="button"
-                            onClick={() => actions.remove('balanceLedger', row.id)}
-                          >
-                            Удалить
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  )
-                })}
-                {db.balanceLedger.length === 0 ? (
-                  <EmptyState message="Журнал операций пуст" colSpan={6} />
-                ) : null}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </div>
-
-      <UiModal
-        open={isModalOpen}
-        title="Добавить списание"
-        onClose={() => {
-          setIsModalOpen(false)
-          setError('')
-          setForm(emptyForm)
-        }}
-        size="modal-md"
-      >
-        <form className="row g-3" autoComplete="off" onSubmit={onSubmit}>
-          <div className="col-12">
-            <label className="form-label">Тип списания</label>
-            <select autoComplete="off"
-              className="form-select"
-              value={form.type}
-              onChange={(e) => setForm((prev) => ({ ...prev, type: e.target.value }))}
-            >
-              <option value="daily_debit">Ежедневное списание</option>
-              <option value="monthly_debit">Ежемесячное списание</option>
-            </select>
-          </div>
-          <div className="col-12">
-            <label className="form-label">Аккаунт</label>
-            <select autoComplete="off"
-              className="form-select"
-              value={form.providerAccountId}
-              onChange={(e) =>
-                setForm((prev) => ({ ...prev, providerAccountId: e.target.value, vpsId: '' }))
-              }
-            >
-              <option value="">Выберите аккаунт</option>
-              {db.providerAccounts.map((account) => (
-                <option key={account.id} value={account.id}>
-                  {accountSelectLabel(account, providerById, '')}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div className="col-12">
-            <label className="form-label">VPS (необязательно)</label>
-            <select autoComplete="off"
-              className="form-select"
-              value={form.vpsId}
-              onChange={(e) => setForm((prev) => ({ ...prev, vpsId: e.target.value }))}
-            >
-              <option value="">Без привязки</option>
-              {vpsOptions.map((vps) => (
-                <option key={vps.id} value={vps.id}>
-                  {vps.dns || vps.ip}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div className="col-12 col-sm-6">
-            <label className="form-label">Дата</label>
-            <input {...noBrowserSuggestProps}
-              className="form-control"
-              type="date"
-              value={form.date}
-              onChange={(e) => setForm((prev) => ({ ...prev, date: e.target.value }))}
-            />
-          </div>
-          <div className="col-12 col-sm-6">
-            <label className="form-label">Валюта</label>
-            <select autoComplete="off"
-              className="form-select"
-              value={form.currency}
-              onChange={(e) => setForm((prev) => ({ ...prev, currency: e.target.value }))}
-            >
-              <option>USD</option>
-              <option>EUR</option>
-              <option>RUB</option>
-            </select>
-          </div>
-          <div className="col-12">
-            <label className="form-label">Сумма</label>
-            <input {...noBrowserSuggestProps}
-              type="number"
-              min="0.01"
-              step="0.01"
-              className="form-control"
-              value={form.amount}
-              onChange={(e) => setForm((prev) => ({ ...prev, amount: e.target.value }))}
-            />
-          </div>
-          <div className="col-12">
-            <label className="form-label">Комментарий</label>
-            <textarea {...noBrowserSuggestProps}
-              className="form-control"
-              value={form.note}
-              onChange={(e) => setForm((prev) => ({ ...prev, note: e.target.value }))}
-            />
-          </div>
-          {error ? <div className="col-12 text-danger small">{error}</div> : null}
-          <div className="col-12 d-flex gap-2 justify-content-end">
-            <button type="button" className="btn btn-outline-secondary" onClick={() => setIsModalOpen(false)}>
-              Отмена
-            </button>
-            <button className="btn btn-primary" type="submit">
-              Добавить списание
-            </button>
-          </div>
-        </form>
-      </UiModal>
-    </>
-  )
-}
diff --git a/src/pages/DashboardPage.jsx b/src/pages/DashboardPage.jsx
deleted file mode 100644
index 55d43b0..0000000
--- a/src/pages/DashboardPage.jsx
+++ /dev/null
@@ -1,589 +0,0 @@
-import { useEffect, useMemo, useState } from 'react'
-import { Link } from 'react-router-dom'
-import { convertCurrency, effectiveVpsTariffCurrency, formatCurrency, monthKey } from '../lib/utils'
-import { accountSelectLabel } from '../lib/account-select-label'
-import { getPaidUntilDate as computePaidUntil } from '../lib/paid-until'
-import { computeInventoryHealth, formatSyncSummaryLine } from '../lib/inventory-health'
-import { fetchSyncStatus } from '../lib/api'
-import { ConvertedAmount } from '../components/ConvertedAmount'
-import { EmptyState } from '../components/EmptyState'
-import { ExpenseChart } from '../components/ExpenseChart'
-import { PageHeader } from '../components/PageHeader'
-import { ProviderPieChart } from '../components/ProviderPieChart'
-import {
-  IconCash,
-  IconClockHour4,
-  IconServer,
-  IconWallet,
-} from '@tabler/icons-react'
-
-export function DashboardPage({ db = {}, settings, ratesData }) {
-  const [dashTab, setDashTab] = useState('overview')
-  const vps = Array.isArray(db.vps) ? db.vps : []
-  const providerAccounts = Array.isArray(db.providerAccounts) ? db.providerAccounts : []
-  const balanceLedger = Array.isArray(db.balanceLedger) ? db.balanceLedger : []
-  const payments = Array.isArray(db.payments) ? db.payments : []
-  const providers = Array.isArray(db.providers) ? db.providers : []
-
-  const [syncLogRows, setSyncLogRows] = useState([])
-  useEffect(() => {
-    fetchSyncStatus()
-      .then(setSyncLogRows)
-      .catch(() => setSyncLogRows([]))
-  }, [db.vps?.length, db.providerAccounts?.length])
-
-  const now = new Date()
-  const currentMonth = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}`
-  const baseCurrency = settings?.[0]?.baseCurrency || 'RUB'
-
-  const activeVpsCount = vps.filter((item) => item.status === 'active').length
-
-  const providerById = useMemo(
-    () => new Map(providers.map((p) => [p.id, p])),
-    [providers],
-  )
-
-  const monthForecast = useMemo(() => {
-    return vps
-      .filter((item) => item.status === 'active')
-      .reduce((acc, item) => {
-        const tariffType = item.tariffType || (Number(item.dailyRate || 0) > 0 ? 'daily' : 'monthly')
-        const amount =
-          tariffType === 'daily'
-            ? Number(item.dailyRate || 0) * 30
-            : Number(item.monthlyRate || 0)
-        const cur = effectiveVpsTariffCurrency(item, providerById.get(item.providerId))
-        return acc + convertCurrency(amount, cur, baseCurrency, ratesData)
-      }, 0)
-  }, [vps, baseCurrency, ratesData, providerById])
-
-  const monthExpenses = useMemo(() => {
-    return [...payments, ...balanceLedger]
-    .filter((item) => monthKey(item.date) === currentMonth)
-    .filter((item) => {
-      if (item.type === 'provider_balance_topup') {
-        return false
-      }
-      return true
-    })
-    .reduce(
-      (acc, item) =>
-        acc + convertCurrency(item.amount || 0, item.currency || 'USD', baseCurrency, ratesData),
-      0,
-    )
-  }, [payments, balanceLedger, currentMonth, baseCurrency, ratesData])
-
-  const prevMonthKey = useMemo(() => {
-    const d = new Date(now.getFullYear(), now.getMonth() - 1, 1)
-    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`
-  }, [currentMonth])
-
-  const prevMonthExpenses = useMemo(() => {
-    return [...payments, ...balanceLedger]
-      .filter((item) => monthKey(item.date) === prevMonthKey)
-      .filter((item) => item.type !== 'provider_balance_topup')
-      .reduce(
-        (acc, item) =>
-          acc + convertCurrency(item.amount || 0, item.currency || 'USD', baseCurrency, ratesData),
-        0,
-      )
-  }, [payments, balanceLedger, prevMonthKey, baseCurrency, ratesData])
-
-  const monthlyExpenseData = useMemo(() => {
-    const months = []
-    const now = new Date()
-    for (let i = 11; i >= 0; i--) {
-      const d = new Date(now.getFullYear(), now.getMonth() - i, 1)
-      const key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`
-      const amount = [...payments, ...balanceLedger]
-        .filter((item) => monthKey(item.date) === key)
-        .filter((item) => item.type !== 'provider_balance_topup')
-        .reduce(
-          (acc, item) =>
-            acc + convertCurrency(item.amount || 0, item.currency || 'USD', baseCurrency, ratesData),
-          0,
-        )
-      months.push({
-        monthKey: key,
-        monthLabel: d.toLocaleDateString('ru-RU', { month: 'short', year: '2-digit' }),
-        amount,
-      })
-    }
-    return months
-  }, [payments, balanceLedger, baseCurrency, ratesData])
-
-  const providerExpenseData = useMemo(() => {
-    const byProvider = {}
-    ;[...payments, ...balanceLedger]
-      .filter((item) => item.type !== 'provider_balance_topup')
-      .forEach((item) => {
-        const vpsItem = item.vpsId ? vps.find((v) => v.id === item.vpsId) : null
-        const providerId = vpsItem?.providerId || (item.providerAccountId
-          ? providerAccounts.find((a) => a.id === item.providerAccountId)?.providerId
-          : null)
-        const pid = providerId || 'unknown'
-        if (!byProvider[pid]) byProvider[pid] = 0
-        byProvider[pid] += convertCurrency(
-          item.amount || 0,
-          item.currency || 'USD',
-          baseCurrency,
-          ratesData,
-        )
-      })
-    return Object.entries(byProvider).map(([providerId, amount]) => ({
-      providerId,
-      providerName: providerId === 'unknown' ? '—' : (providers.find((p) => p.id === providerId)?.name || providerId),
-      amount,
-    }))
-  }, [payments, balanceLedger, vps, providerAccounts, providers, baseCurrency, ratesData])
-
-  const forecastByProject = useMemo(() => {
-    const map = {}
-    for (const item of vps.filter((x) => x.status === 'active')) {
-      const key = (item.project || '').trim() || '__none__'
-      const label = key === '__none__' ? 'Без проекта' : key
-      if (!map[key]) {
-        map[key] = { key, label, count: 0, forecast: 0 }
-      }
-      map[key].count += 1
-      const tariffType = item.tariffType || (Number(item.dailyRate || 0) > 0 ? 'daily' : 'monthly')
-      const amount =
-        tariffType === 'daily'
-          ? Number(item.dailyRate || 0) * 30
-          : Number(item.monthlyRate || 0)
-      const cur = effectiveVpsTariffCurrency(item, providerById.get(item.providerId))
-      map[key].forecast += convertCurrency(amount, cur, baseCurrency, ratesData)
-    }
-    return Object.values(map).sort((a, b) => {
-      if (a.key === '__none__') return 1
-      if (b.key === '__none__') return -1
-      return a.label.localeCompare(b.label, 'ru')
-    })
-  }, [vps, baseCurrency, ratesData, providerById])
-
-  const forecastByAccount = useMemo(() => {
-    return providerAccounts
-      .map((acc) => {
-        const items = vps.filter((x) => x.providerAccountId === acc.id && x.status === 'active')
-        let forecast = 0
-        for (const item of items) {
-          const tariffType = item.tariffType || (Number(item.dailyRate || 0) > 0 ? 'daily' : 'monthly')
-          const amount =
-            tariffType === 'daily'
-              ? Number(item.dailyRate || 0) * 30
-              : Number(item.monthlyRate || 0)
-          const cur = effectiveVpsTariffCurrency(item, providerById.get(item.providerId))
-          forecast += convertCurrency(amount, cur, baseCurrency, ratesData)
-        }
-        return { account: acc, count: items.length, forecast }
-      })
-      .filter((row) => row.count > 0)
-      .sort((a, b) => b.forecast - a.forecast)
-  }, [vps, providerAccounts, baseCurrency, ratesData, providerById])
-
-  const accountBalances = providerAccounts.map((account) => {
-    if (account.balance_api != null && Number.isFinite(Number(account.balance_api))) {
-      return {
-        ...account,
-        balance: Number(account.balance_api),
-        currency: account.balance_currency || account.currency,
-      }
-    }
-    const ledgerRows = balanceLedger.filter((row) => row.providerAccountId === account.id)
-    const credits = ledgerRows
-      .filter((row) => row.direction === 'credit')
-      .reduce((acc, row) => acc + Number(row.amount || 0), 0)
-    const debits = ledgerRows
-      .filter((row) => row.direction === 'debit')
-      .reduce((acc, row) => acc + Number(row.amount || 0), 0)
-    return { ...account, balance: credits - debits }
-  })
-
-  const totalBalance = accountBalances.reduce(
-    (acc, row) => acc + convertCurrency(row.balance, row.currency, baseCurrency, ratesData),
-    0,
-  )
-
-  const UPCOMING_DAYS = 7
-  const paidUntilCtx = { vps, providerAccounts, payments, balanceLedger, now }
-  const getPaidUntilDate = (item) => computePaidUntil(item, paidUntilCtx)
-
-  const inventoryIssues = useMemo(
-    () =>
-      computeInventoryHealth({
-        vps,
-        providerAccounts,
-        providers,
-        payments,
-        balanceLedger,
-        syncLog: syncLogRows,
-      }),
-    [vps, providerAccounts, providers, payments, balanceLedger, syncLogRows],
-  )
-
-  const recentSyncFeed = useMemo(() => {
-    return [...syncLogRows]
-      .filter((r) => r.finishedAt && (r.status === 'ok' || r.status === 'error'))
-      .slice(0, 12)
-  }, [syncLogRows])
-
-  const upcomingThreshold = new Date(now)
-  upcomingThreshold.setDate(upcomingThreshold.getDate() + UPCOMING_DAYS)
-  const todayStartForUpcoming = new Date(now.getFullYear(), now.getMonth(), now.getDate())
-  const upcoming = vps
-    .filter((item) => item.status === 'active')
-    .map((item) => {
-      const date = getPaidUntilDate(item)
-      return { vps: item, paidUntil: date }
-    })
-    .filter(
-      ({ paidUntil }) =>
-        paidUntil &&
-        paidUntil <= upcomingThreshold &&
-        paidUntil >= todayStartForUpcoming,
-    )
-    .sort((a, b) => a.paidUntil - b.paidUntil)
-    .slice(0, 10)
-
-  const healthIssuesCount = inventoryIssues.reduce((n, i) => n + (i.count || 0), 0)
-
-  return (
-    <>
-      <PageHeader pretitle="Обзор" title="Дашборд" />
-      <ul className="nav nav-tabs mb-3" role="tablist">
-        <li className="nav-item" role="presentation">
-          <button
-            type="button"
-            className={`nav-link ${dashTab === 'overview' ? 'active' : ''}`}
-            onClick={() => setDashTab('overview')}
-          >
-            Обзор
-          </button>
-        </li>
-        <li className="nav-item" role="presentation">
-          <button
-            type="button"
-            className={`nav-link ${dashTab === 'health' ? 'active' : ''}`}
-            onClick={() => setDashTab('health')}
-          >
-            Health Check
-            {inventoryIssues.length > 0 ? (
-              <span className="badge bg-orange-lt text-orange ms-2">{healthIssuesCount}</span>
-            ) : null}
-          </button>
-        </li>
-      </ul>
-
-      {dashTab === 'overview' ? (
-      <div className="row row-cards">
-      <div className="col-sm-6 col-lg-3">
-        <div className="card metric-card metric-blue h-100">
-          <div className="card-body">
-            <div className="d-flex align-items-center justify-content-between">
-              <div className="text-secondary">Активные VPS</div>
-              <span className="metric-icon bg-blue-lt text-blue">
-                <IconServer size={18} />
-              </span>
-            </div>
-            <div className="stat-value">{activeVpsCount}</div>
-          </div>
-        </div>
-      </div>
-      <div className="col-sm-6 col-lg-3">
-        <div className="card metric-card metric-green h-100">
-          <div className="card-body">
-            <div className="d-flex align-items-center justify-content-between">
-              <div className="text-secondary">Расходы за месяц</div>
-              <span className="metric-icon bg-green-lt text-green">
-                <IconCash size={18} />
-              </span>
-            </div>
-            <div className="stat-value">{formatCurrency(monthExpenses, baseCurrency)}</div>
-            <div className="text-secondary small mt-1">
-              Прогноз: {formatCurrency(monthForecast, baseCurrency)}
-            </div>
-            <div className="text-secondary small">
-              Прошлый месяц: {formatCurrency(prevMonthExpenses, baseCurrency)}
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="col-sm-6 col-lg-3">
-        <div className="card metric-card metric-yellow h-100">
-          <div className="card-body">
-            <div className="d-flex align-items-center justify-content-between">
-              <div className="text-secondary">Аккаунтов хостеров</div>
-              <span className="metric-icon bg-yellow-lt text-yellow">
-                <IconClockHour4 size={18} />
-              </span>
-            </div>
-            <div className="stat-value">{providerAccounts.length}</div>
-          </div>
-        </div>
-      </div>
-      <div className="col-sm-6 col-lg-3">
-        <div className="card metric-card metric-purple h-100">
-          <div className="card-body">
-            <div className="d-flex align-items-center justify-content-between">
-              <div className="text-secondary">Суммарный баланс</div>
-              <span className="metric-icon bg-purple-lt text-purple">
-                <IconWallet size={18} />
-              </span>
-            </div>
-            <div className="stat-value">{formatCurrency(totalBalance, baseCurrency)}</div>
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12 col-xl-8">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Остатки по аккаунтам хостеров</h3>
-          </div>
-          <div className="table-responsive">
-            <table className="table card-table table-vcenter">
-              <thead>
-                <tr>
-                  <th>Аккаунт</th>
-                  <th>Валюта</th>
-                  <th>Баланс</th>
-                </tr>
-              </thead>
-              <tbody>
-                {accountBalances.map((item) => (
-                  <tr key={item.id}>
-                    <td>{accountSelectLabel(item, providerById, '')}</td>
-                    <td>{item.currency}</td>
-                    <td>
-                      <ConvertedAmount
-                        amount={item.balance}
-                        currency={item.currency}
-                        provider={db.providers.find((provider) => provider.id === item.providerId)}
-                        settings={settings}
-                        ratesData={ratesData}
-                      />
-                    </td>
-                  </tr>
-                ))}
-                {accountBalances.length === 0 ? (
-                  <EmptyState message="Пока нет аккаунтов" colSpan={3} />
-                ) : null}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12 col-xl-4">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Истекающая оплата (ближайшие {UPCOMING_DAYS} дней)</h3>
-          </div>
-          <div className="list-group list-group-flush">
-            {upcoming.map(({ vps: item, paidUntil }) => {
-              const provider = providers.find((p) => p.id === item.providerId)
-              const account = providerAccounts.find((a) => a.id === item.providerAccountId)
-              return (
-                <div key={item.id} className="list-group-item">
-                  <div className="d-flex justify-content-between">
-                    <div>
-                      <div className="fw-medium">{item.dns || item.ip}</div>
-                      <div className="text-secondary small">
-                        {provider?.name || '—'} / {account?.name || '—'}
-                      </div>
-                    </div>
-                    <div className="text-secondary">
-                      {paidUntil.toLocaleDateString('ru-RU')}
-                    </div>
-                  </div>
-                </div>
-              )
-            })}
-            {upcoming.length === 0 ? (
-              <div className="list-group-item text-secondary text-center py-4">
-                Нет VPS с истекающей оплатой в ближайшие {UPCOMING_DAYS} дней
-              </div>
-            ) : null}
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12 col-xl-6">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Расходы по месяцам</h3>
-          </div>
-          <div className="card-body">
-            <ExpenseChart
-              data={monthlyExpenseData}
-              baseCurrency={baseCurrency}
-              formatCurrency={formatCurrency}
-            />
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12 col-xl-6">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Расходы по хостеру</h3>
-          </div>
-          <div className="card-body">
-            <ProviderPieChart
-              data={providerExpenseData}
-              baseCurrency={baseCurrency}
-              formatCurrency={formatCurrency}
-            />
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12 col-xl-6">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Прогноз по проектам (активные VPS)</h3>
-          </div>
-          <div className="table-responsive">
-            <table className="table card-table table-vcenter">
-              <thead>
-                <tr>
-                  <th>Проект / пул</th>
-                  <th className="text-end">VPS</th>
-                  <th className="text-end">Прогноз / мес</th>
-                </tr>
-              </thead>
-              <tbody>
-                {forecastByProject.map((row) => (
-                  <tr key={row.key}>
-                    <td>{row.label}</td>
-                    <td className="text-end">{row.count}</td>
-                    <td className="text-end">{formatCurrency(row.forecast, baseCurrency)}</td>
-                  </tr>
-                ))}
-                {forecastByProject.length === 0 ? (
-                  <EmptyState message="Нет активных VPS" colSpan={3} />
-                ) : null}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12 col-xl-6">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Прогноз по аккаунтам (активные VPS)</h3>
-          </div>
-          <div className="table-responsive">
-            <table className="table card-table table-vcenter">
-              <thead>
-                <tr>
-                  <th>Аккаунт</th>
-                  <th className="text-end">VPS</th>
-                  <th className="text-end">Прогноз / мес</th>
-                </tr>
-              </thead>
-              <tbody>
-                {forecastByAccount.map((row) => (
-                  <tr key={row.account.id}>
-                    <td>{row.account.name}</td>
-                    <td className="text-end">{row.count}</td>
-                    <td className="text-end">{formatCurrency(row.forecast, baseCurrency)}</td>
-                  </tr>
-                ))}
-                {forecastByAccount.length === 0 ? (
-                  <EmptyState message="Нет активных VPS по аккаунтам" colSpan={3} />
-                ) : null}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </div>
-      ) : null}
-
-      {dashTab === 'health' ? (
-      <div className="row row-cards">
-        <div className="col-12">
-          <div className={`card ${inventoryIssues.length > 0 ? 'border-warning' : ''}`}>
-            <div className="card-header">
-              <h3 className="card-title">Health Check</h3>
-            </div>
-            <div className="card-body">
-              {inventoryIssues.length > 0 ? (
-                <div className="row g-2">
-                  {inventoryIssues.map((issue) => (
-                    <div className="col-md-6 col-xl-4" key={issue.key}>
-                      <Link className="card card-link" to={issue.to}>
-                        <div className="card-body py-2 px-3">
-                          <div className="d-flex justify-content-between align-items-center">
-                            <span className="fw-medium">{issue.title}</span>
-                            <span className="badge bg-orange-lt text-orange">{issue.count}</span>
-                          </div>
-                          {issue.hint ? <div className="text-secondary small mt-1">{issue.hint}</div> : null}
-                        </div>
-                      </Link>
-                    </div>
-                  ))}
-                </div>
-              ) : (
-                <div className="text-secondary text-center py-4">
-                  Замечаний по инвентарю нет. При появлении проблем они отобразятся здесь со ссылками на списки.
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-
-        <div className="col-12">
-          <div className="card">
-            <div className="card-header">
-              <h3 className="card-title">Последние синхронизации</h3>
-              <div className="card-actions">
-                <Link to="/accounts" className="btn btn-sm btn-outline-secondary">
-                  Аккаунты
-                </Link>
-              </div>
-            </div>
-            <div className="list-group list-group-flush">
-              {recentSyncFeed.map((row) => {
-                const acc = providerAccounts.find((a) => a.id === row.accountId)
-                const line = formatSyncSummaryLine(row.summary)
-                return (
-                  <div key={row.id} className="list-group-item">
-                    <div className="d-flex justify-content-between align-items-start gap-2">
-                      <div>
-                        <div className="fw-medium">{acc?.name || row.accountId}</div>
-                        <div className="text-secondary small">
-                          {row.status === 'error' ? (
-                            <span className="text-danger">{row.error || line}</span>
-                          ) : (
-                            line || 'OK'
-                          )}
-                        </div>
-                      </div>
-                      <span className={`badge ${row.status === 'ok' ? 'bg-green-lt text-green' : 'bg-red-lt text-red'}`}>
-                        {row.status === 'ok' ? 'OK' : 'Ошибка'}
-                      </span>
-                    </div>
-                    <div className="text-secondary small mt-1">
-                      {row.finishedAt
-                        ? new Date(row.finishedAt).toLocaleString('ru-RU')
-                        : '—'}
-                    </div>
-                  </div>
-                )
-              })}
-              {recentSyncFeed.length === 0 ? (
-                <div className="list-group-item text-secondary text-center py-4">
-                  Запустите синхронизацию на странице аккаунтов — здесь появится краткий итог
-                </div>
-              ) : null}
-            </div>
-          </div>
-        </div>
-      </div>
-      ) : null}
-    </>
-  )
-}
diff --git a/src/pages/PaymentsPage.jsx b/src/pages/PaymentsPage.jsx
deleted file mode 100644
index 2663671..0000000
--- a/src/pages/PaymentsPage.jsx
+++ /dev/null
@@ -1,307 +0,0 @@
-import { useMemo, useState } from 'react'
-import { IconEdit } from '@tabler/icons-react'
-import { paymentTypeLabel } from '../lib/utils'
-import { UiModal } from '../components/UiModal'
-import { EmptyState } from '../components/EmptyState'
-import { PageHeader } from '../components/PageHeader'
-import { ConvertedAmount } from '../components/ConvertedAmount'
-import { noBrowserSuggestProps } from '../lib/noBrowserSuggestProps'
-
-const emptyForm = {
-  type: 'direct_vps_payment',
-  date: new Date().toISOString().slice(0, 10),
-  amount: '',
-  currency: 'USD',
-  providerAccountId: '',
-  vpsId: '',
-  note: '',
-}
-
-export function PaymentsPage({ db, actions, settings, ratesData }) {
-  const [form, setForm] = useState(emptyForm)
-  const [editingId, setEditingId] = useState(null)
-  const [error, setError] = useState('')
-  const [isModalOpen, setIsModalOpen] = useState(false)
-
-  const vpsOptions = useMemo(
-    () => db.vps.filter((item) => !form.providerAccountId || item.providerAccountId === form.providerAccountId),
-    [db.vps, form.providerAccountId],
-  )
-
-  const onSubmit = (event) => {
-    event.preventDefault()
-    const amount = Number(form.amount)
-    if (!Number.isFinite(amount) || amount <= 0) {
-      setError('Сумма должна быть больше 0')
-      return
-    }
-    if (!form.providerAccountId) {
-      setError('Выберите аккаунт хостера')
-      return
-    }
-    if (form.type === 'direct_vps_payment' && !form.vpsId) {
-      setError('Для прямого платежа выберите VPS')
-      return
-    }
-    setError('')
-
-    const payload = {
-      type: form.type,
-      date: form.date,
-      amount,
-      currency: form.currency,
-      providerAccountId: form.providerAccountId,
-      vpsId: form.vpsId || '',
-      note: form.note,
-    }
-
-    if (editingId) {
-      actions.update('payments', editingId, payload)
-    } else {
-      actions.create('payments', payload)
-      if (form.type === 'provider_balance_topup') {
-        actions.create('balanceLedger', {
-          type: 'provider_balance_topup',
-          date: form.date,
-          amount,
-          currency: form.currency,
-          direction: 'credit',
-          providerAccountId: form.providerAccountId,
-          vpsId: '',
-          note: form.note || 'Пополнение баланса',
-        })
-      }
-    }
-
-    setForm(emptyForm)
-    setEditingId(null)
-    setIsModalOpen(false)
-  }
-
-  const onEdit = (payment) => {
-    setForm({
-      type: payment.type || 'direct_vps_payment',
-      date: payment.date || new Date().toISOString().slice(0, 10),
-      amount: payment.amount ?? '',
-      currency: payment.currency || 'USD',
-      providerAccountId: payment.providerAccountId || '',
-      vpsId: payment.vpsId || '',
-      note: payment.note || '',
-    })
-    setEditingId(payment.id)
-    setIsModalOpen(true)
-    setError('')
-  }
-
-  return (
-    <>
-      <PageHeader pretitle="Финансы" title="Платежи" />
-      <div className="row row-cards">
-      <div className="col-12">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">История платежей</h3>
-            <div className="card-actions">
-              <button
-                type="button"
-                className="btn btn-primary"
-                onClick={() => {
-                  setForm(emptyForm)
-                  setEditingId(null)
-                  setIsModalOpen(true)
-                }}
-              >
-                Добавить платеж
-              </button>
-            </div>
-          </div>
-          <div className="table-responsive">
-            <table className="table card-table table-vcenter">
-              <thead>
-                <tr>
-                  <th>Дата</th>
-                  <th>Тип</th>
-                  <th>Аккаунт / VPS</th>
-                  <th>Сумма</th>
-                  <th />
-                </tr>
-              </thead>
-              <tbody>
-                {db.payments.map((payment) => {
-                  const account = db.providerAccounts.find((item) => item.id === payment.providerAccountId)
-                  const provider = db.providers.find((item) => item.id === account?.providerId)
-                  const vps = db.vps.find((item) => item.id === payment.vpsId)
-                  return (
-                    <tr key={payment.id}>
-                      <td>{payment.date}</td>
-                      <td>{paymentTypeLabel(payment.type)}</td>
-                      <td>
-                        <div>{account?.name || '-'}</div>
-                        <div className="text-secondary">{vps?.dns || vps?.ip || '-'}</div>
-                      </td>
-                      <td>
-                        <ConvertedAmount
-                          amount={payment.amount}
-                          currency={payment.currency}
-                          provider={provider}
-                          settings={settings}
-                          ratesData={ratesData}
-                        />
-                      </td>
-                      <td className="text-end">
-                        <div className="table-actions">
-                          <button
-                            type="button"
-                            className="btn btn-sm btn-outline-primary me-1"
-                            onClick={() => onEdit(payment)}
-                          >
-                            <IconEdit size={14} className="me-1" />
-                            Изменить
-                          </button>
-                          <button
-                            type="button"
-                            className="btn btn-sm btn-outline-danger"
-                            onClick={() => actions.remove('payments', payment.id)}
-                          >
-                            Удалить
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  )
-                })}
-                {db.payments.length === 0 ? (
-                  <EmptyState message="Нет платежей" colSpan={5} />
-                ) : null}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </div>
-
-      <UiModal
-        open={isModalOpen}
-        title={editingId ? 'Редактировать платеж' : 'Новая операция платежа'}
-        onClose={() => {
-          setIsModalOpen(false)
-          setError('')
-          setForm(emptyForm)
-          setEditingId(null)
-        }}
-        size="modal-md"
-      >
-        <form className="row g-3" autoComplete="off" onSubmit={onSubmit}>
-          <div className="col-12">
-            <label className="form-label">Тип</label>
-            <select autoComplete="off"
-              className="form-select"
-              value={form.type}
-              onChange={(e) =>
-                setForm((prev) => ({
-                  ...prev,
-                  type: e.target.value,
-                  vpsId: '',
-                }))
-              }
-            >
-              <option value="direct_vps_payment">Прямой платеж за VPS</option>
-              <option value="provider_balance_topup">Пополнение баланса хостера</option>
-            </select>
-          </div>
-          <div className="col-12">
-            <label className="form-label">Аккаунт хостера</label>
-            <select autoComplete="off"
-              className="form-select"
-              value={form.providerAccountId}
-              onChange={(e) =>
-                setForm((prev) => ({
-                  ...prev,
-                  providerAccountId: e.target.value,
-                  vpsId: '',
-                }))
-              }
-              required
-            >
-              <option value="">Выберите аккаунт</option>
-              {db.providerAccounts.map((account) => (
-                <option key={account.id} value={account.id}>
-                  {account.name}
-                </option>
-              ))}
-            </select>
-          </div>
-          {form.type === 'direct_vps_payment' ? (
-            <div className="col-12">
-              <label className="form-label">VPS</label>
-              <select autoComplete="off"
-                className="form-select"
-                value={form.vpsId}
-                onChange={(e) => setForm((prev) => ({ ...prev, vpsId: e.target.value }))}
-                required
-              >
-                <option value="">Выберите VPS</option>
-                {vpsOptions.map((vps) => (
-                  <option key={vps.id} value={vps.id}>
-                    {vps.dns || vps.ip}
-                  </option>
-                ))}
-              </select>
-            </div>
-          ) : null}
-          <div className="col-12 col-sm-6">
-            <label className="form-label">Дата</label>
-            <input {...noBrowserSuggestProps}
-              type="date"
-              className="form-control"
-              value={form.date}
-              onChange={(e) => setForm((prev) => ({ ...prev, date: e.target.value }))}
-              required
-            />
-          </div>
-          <div className="col-12 col-sm-6">
-            <label className="form-label">Валюта</label>
-            <select autoComplete="off"
-              className="form-select"
-              value={form.currency}
-              onChange={(e) => setForm((prev) => ({ ...prev, currency: e.target.value }))}
-            >
-              <option>USD</option>
-              <option>EUR</option>
-              <option>RUB</option>
-            </select>
-          </div>
-          <div className="col-12">
-            <label className="form-label">Сумма</label>
-            <input {...noBrowserSuggestProps}
-              type="number"
-              step="0.01"
-              min="0.01"
-              className="form-control"
-              value={form.amount}
-              onChange={(e) => setForm((prev) => ({ ...prev, amount: e.target.value }))}
-              required
-            />
-          </div>
-          <div className="col-12">
-            <label className="form-label">Комментарий</label>
-            <textarea {...noBrowserSuggestProps}
-              className="form-control"
-              value={form.note}
-              onChange={(e) => setForm((prev) => ({ ...prev, note: e.target.value }))}
-            />
-          </div>
-          {error ? <div className="col-12 text-danger small">{error}</div> : null}
-          <div className="col-12 d-flex gap-2 justify-content-end">
-            <button type="button" className="btn btn-outline-secondary" onClick={() => setIsModalOpen(false)}>
-              Отмена
-            </button>
-            <button type="submit" className="btn btn-primary">
-              {editingId ? 'Сохранить' : 'Добавить'}
-            </button>
-          </div>
-        </form>
-      </UiModal>
-    </>
-  )
-}
diff --git a/src/pages/ProvidersPage.jsx b/src/pages/ProvidersPage.jsx
deleted file mode 100644
index 1c6aed9..0000000
--- a/src/pages/ProvidersPage.jsx
+++ /dev/null
@@ -1,289 +0,0 @@
-import { useState } from 'react'
-import { UiModal } from '../components/UiModal'
-import { EmptyState } from '../components/EmptyState'
-import { PageHeader } from '../components/PageHeader'
-import { faviconUrlFromWebsite } from '../lib/utils'
-import { noBrowserSuggestProps } from '../lib/noBrowserSuggestProps'
-
-const emptyForm = {
-  name: '',
-  website: '',
-  contact: '',
-  baseCurrency: 'RUB',
-  usdRate: '',
-  eurRate: '',
-  notes: '',
-  apiType: '',
-  apiBaseUrl: '',
-}
-
-export function ProvidersPage({ db, actions }) {
-  const [form, setForm] = useState(emptyForm)
-  const [editingId, setEditingId] = useState(null)
-  const [isModalOpen, setIsModalOpen] = useState(false)
-
-  const onSubmit = (event) => {
-    event.preventDefault()
-    if (!form.name.trim()) {
-      return
-    }
-    if (editingId) {
-      actions.update('providers', editingId, form)
-    } else {
-      actions.create('providers', form)
-    }
-    setForm(emptyForm)
-    setEditingId(null)
-    setIsModalOpen(false)
-  }
-
-  const onEdit = (provider) => {
-    setForm({
-      name: provider.name || '',
-      website: provider.website || '',
-      contact: provider.contact || '',
-      baseCurrency: provider.baseCurrency || 'RUB',
-      usdRate: provider.usdRate || '',
-      eurRate: provider.eurRate || '',
-      notes: provider.notes || '',
-      apiType: provider.apiType || '',
-      apiBaseUrl: provider.apiBaseUrl || '',
-    })
-    setEditingId(provider.id)
-    setIsModalOpen(true)
-  }
-
-  return (
-    <>
-      <PageHeader pretitle="Справочники" title="Хостеры" />
-      <div className="row row-cards">
-        <div className="col-12">
-          <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Список хостеров</h3>
-            <div className="card-actions">
-              <button
-                type="button"
-                className="btn btn-primary"
-                onClick={() => {
-                  setForm(emptyForm)
-                  setEditingId(null)
-                  setIsModalOpen(true)
-                }}
-              >
-                Добавить хостера
-              </button>
-            </div>
-          </div>
-          <div className="table-responsive">
-            <table className="table card-table table-vcenter">
-              <thead>
-                <tr>
-                  <th>Название</th>
-                  <th>Сайт</th>
-                  <th>Валюта / курсы</th>
-                  <th>Контакт</th>
-                  <th>API</th>
-                  <th />
-                </tr>
-              </thead>
-              <tbody>
-                {db.providers.map((provider) => (
-                  <tr key={provider.id}>
-                    <td>
-                      <div className="d-flex align-items-center gap-2">
-                        {faviconUrlFromWebsite(provider.website) ? (
-                          <img
-                            src={faviconUrlFromWebsite(provider.website)}
-                            alt=""
-                            width="16"
-                            height="16"
-                            className="rounded"
-                          />
-                        ) : null}
-                        <span>{provider.name}</span>
-                      </div>
-                    </td>
-                    <td>{provider.website || '-'}</td>
-                    <td>
-                      <div>{provider.baseCurrency || 'RUB'}</div>
-                      <div className="text-secondary small">
-                        USD: {provider.usdRate || 'auto'} / EUR: {provider.eurRate || 'auto'}
-                      </div>
-                    </td>
-                    <td>{provider.contact || '-'}</td>
-                    <td>
-                      {provider.apiType === 'billmanager' && (provider.apiBaseUrl || '').trim() ? (
-                        <span className="text-secondary small">BILLmanager</span>
-                      ) : (
-                        '—'
-                      )}
-                    </td>
-                    <td className="text-end">
-                      <div className="table-actions">
-                        <button
-                          type="button"
-                          className="btn btn-sm btn-outline-primary"
-                          onClick={() => onEdit(provider)}
-                        >
-                          Изменить
-                        </button>
-                        <button
-                          type="button"
-                          className="btn btn-sm btn-outline-danger"
-                          onClick={() => actions.remove('providers', provider.id)}
-                        >
-                          Удалить
-                        </button>
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-                {db.providers.length === 0 ? (
-                  <EmptyState message="Пока нет хостеров" colSpan={6} />
-                ) : null}
-              </tbody>
-            </table>
-          </div>
-        </div>
-        </div>
-      </div>
-
-      <UiModal
-        open={isModalOpen}
-        title={editingId ? 'Редактировать хостера' : 'Добавить хостера'}
-        onClose={() => {
-          setIsModalOpen(false)
-          setEditingId(null)
-          setForm(emptyForm)
-        }}
-        size="modal-md"
-      >
-        <form autoComplete="off" onSubmit={onSubmit} className="row g-3">
-          <div className="col-12">
-            <label className="form-label">Название</label>
-            <input {...noBrowserSuggestProps}
-              className="form-control"
-              value={form.name}
-              onChange={(e) => setForm((prev) => ({ ...prev, name: e.target.value }))}
-              required
-            />
-          </div>
-          <div className="col-12">
-            <label className="form-label">Сайт</label>
-            <input {...noBrowserSuggestProps}
-              className="form-control"
-              value={form.website}
-              onChange={(e) => setForm((prev) => ({ ...prev, website: e.target.value }))}
-            />
-          </div>
-          <div className="col-12">
-            <label className="form-label">Контакт</label>
-            <input {...noBrowserSuggestProps}
-              className="form-control"
-              value={form.contact}
-              onChange={(e) => setForm((prev) => ({ ...prev, contact: e.target.value }))}
-            />
-          </div>
-          <div className="col-12 col-sm-4">
-            <label className="form-label">Валюта приёма платежей</label>
-            <select autoComplete="off"
-              className="form-select"
-              value={form.baseCurrency}
-              onChange={(e) => setForm((prev) => ({ ...prev, baseCurrency: e.target.value }))}
-            >
-              <option>RUB</option>
-              <option>USD</option>
-              <option>EUR</option>
-            </select>
-            <div className="text-secondary small">Валюта, в которой хостер принимает платежи</div>
-          </div>
-          <div className="col-12 col-sm-4">
-            <label className="form-label">Курс USD</label>
-            <input {...noBrowserSuggestProps}
-              type="number"
-              min="0"
-              step="0.0001"
-              className="form-control"
-              placeholder="auto"
-              value={form.usdRate}
-              onChange={(e) => setForm((prev) => ({ ...prev, usdRate: e.target.value }))}
-            />
-          </div>
-          <div className="col-12 col-sm-4">
-            <label className="form-label">Курс EUR</label>
-            <input {...noBrowserSuggestProps}
-              type="number"
-              min="0"
-              step="0.0001"
-              className="form-control"
-              placeholder="auto"
-              value={form.eurRate}
-              onChange={(e) => setForm((prev) => ({ ...prev, eurRate: e.target.value }))}
-            />
-          </div>
-          <div className="col-12">
-            <div className="text-secondary small">
-              Курс USD/EUR: рублей (или единиц валюты отображения в настройках) за 1 USD/EUR. Пусто или «auto» —
-              конвертация по ссылке на курсы валют из настроек.
-            </div>
-          </div>
-          <div className="col-12">
-            <label className="form-label">Заметки</label>
-            <textarea {...noBrowserSuggestProps}
-              className="form-control"
-              value={form.notes}
-              onChange={(e) => setForm((prev) => ({ ...prev, notes: e.target.value }))}
-            />
-          </div>
-          <div className="col-12">
-            <hr className="my-2" />
-            <h6 className="text-secondary mb-2">Интеграция API (один URL на хостера)</h6>
-            <div className="text-secondary small mb-2">
-              Логин и пароль API — в разделе «Аккаунты хостеров»; проверка соединения доступна там при вводе
-              учётных данных.
-            </div>
-          </div>
-          <div className="col-12">
-            <label className="form-label">Тип API</label>
-            <select
-              autoComplete="off"
-              className="form-select"
-              value={form.apiType}
-              onChange={(e) =>
-                setForm((prev) => ({
-                  ...prev,
-                  apiType: e.target.value,
-                  apiBaseUrl: e.target.value === 'billmanager' ? prev.apiBaseUrl : '',
-                }))
-              }
-            >
-              <option value="">— Не использовать —</option>
-              <option value="billmanager">BILLmanager</option>
-            </select>
-          </div>
-          {form.apiType === 'billmanager' ? (
-            <div className="col-12">
-              <label className="form-label">URL API BILLmanager</label>
-              <input
-                {...noBrowserSuggestProps}
-                className="form-control"
-                placeholder="https://bill.example.com:1500/billmgr"
-                value={form.apiBaseUrl}
-                onChange={(e) => setForm((prev) => ({ ...prev, apiBaseUrl: e.target.value }))}
-              />
-            </div>
-          ) : null}
-          <div className="col-12 d-flex gap-2 justify-content-end">
-            <button type="button" className="btn btn-outline-secondary" onClick={() => setIsModalOpen(false)}>
-              Отмена
-            </button>
-            <button type="submit" className="btn btn-primary">
-              {editingId ? 'Сохранить' : 'Добавить'}
-            </button>
-          </div>
-        </form>
-      </UiModal>
-    </>
-  )
-}
diff --git a/src/pages/ReportsPage.jsx b/src/pages/ReportsPage.jsx
deleted file mode 100644
index 0f6e75c..0000000
--- a/src/pages/ReportsPage.jsx
+++ /dev/null
@@ -1,357 +0,0 @@
-import { useMemo, useState } from 'react'
-import {
-  convertCurrency,
-  downloadTextFile,
-  effectiveVpsTariffCurrency,
-  formatCurrency,
-  toCsv,
-  vpsStatusLabel,
-} from '../lib/utils'
-import { ConvertedAmount } from '../components/ConvertedAmount'
-import { EmptyState } from '../components/EmptyState'
-import { PageHeader } from '../components/PageHeader'
-import { noBrowserSuggestProps } from '../lib/noBrowserSuggestProps'
-
-function isDateInRange(dateStr, dateFrom, dateTo) {
-  if (!dateStr) return false
-  const d = new Date(dateStr)
-  if (Number.isNaN(d.getTime())) return false
-  if (dateFrom && d < new Date(dateFrom)) return false
-  if (dateTo && d > new Date(dateTo + 'T23:59:59.999')) return false
-  return true
-}
-
-export function ReportsPage({ db, settings, ratesData }) {
-  const [filters, setFilters] = useState({
-    providerId: '',
-    providerAccountId: '',
-    project: '',
-    country: '',
-    month: '',
-    dateFrom: '',
-    dateTo: '',
-  })
-
-  const projectNameOptions = useMemo(() => {
-    const names = new Set()
-    for (const p of db.serverProjects || []) {
-      if ((p.name || '').trim()) names.add(p.name.trim())
-    }
-    for (const v of db.vps || []) {
-      const p = (v.project || '').trim()
-      if (p) names.add(p)
-    }
-    return [...names].sort((a, b) => a.localeCompare(b, 'ru'))
-  }, [db.serverProjects, db.vps])
-
-  const accountFilterOptions = useMemo(
-    () =>
-      (db.providerAccounts || []).filter(
-        (account) => !filters.providerId || account.providerId === filters.providerId,
-      ),
-    [db.providerAccounts, filters.providerId],
-  )
-
-  const rows = useMemo(() => {
-    const dateFrom = filters.dateFrom || (filters.month ? `${filters.month}-01` : '')
-    const dateTo = filters.dateTo || (filters.month ? (() => {
-      const [y, m] = filters.month.split('-').map(Number)
-      const lastDay = new Date(y, m, 0).getDate()
-      return `${filters.month}-${String(lastDay).padStart(2, '0')}`
-    })() : '')
-
-    const filteredVps = (db.vps || []).filter((vps) => {
-      const byProvider = !filters.providerId || vps.providerId === filters.providerId
-      const byAccount =
-        !filters.providerAccountId || vps.providerAccountId === filters.providerAccountId
-      const proj = (vps.project || '').trim()
-      const byProject =
-        !filters.project ||
-        (filters.project === '__none__' ? !proj : proj === filters.project)
-      const byCountry =
-        !filters.country || vps.country?.toLowerCase().includes(filters.country.toLowerCase())
-      return byProvider && byAccount && byProject && byCountry
-    })
-
-    const vpsByAccount = new Map()
-    for (const v of filteredVps) {
-      const aid = v.providerAccountId || ''
-      if (!vpsByAccount.has(aid)) vpsByAccount.set(aid, [])
-      vpsByAccount.get(aid).push(v)
-    }
-
-    return filteredVps.map((vps) => {
-      const provider = db.providers.find((item) => item.id === vps.providerId)
-      const account = db.providerAccounts?.find((a) => a.id === vps.providerAccountId)
-      const vpsIdNorm = (id) => (id == null || id === '' ? '' : String(id))
-
-      const paymentsDirect = (db.payments || []).filter(
-        (item) =>
-          vpsIdNorm(item.vpsId) === vps.id &&
-          item.type !== 'provider_balance_topup' &&
-          (!dateFrom || !dateTo || isDateInRange(item.date, dateFrom, dateTo)),
-      )
-      const singleVpsInAccount = (vpsByAccount.get(vps.providerAccountId || '') || []).length === 1
-      const paymentsAccountLevel = singleVpsInAccount
-        ? (db.payments || []).filter(
-            (item) =>
-              item.providerAccountId === vps.providerAccountId &&
-              vpsIdNorm(item.vpsId) === '' &&
-              item.type !== 'provider_balance_topup' &&
-              (!dateFrom || !dateTo || isDateInRange(item.date, dateFrom, dateTo)),
-          )
-        : []
-
-      const debitsDirect = (db.balanceLedger || []).filter(
-        (item) =>
-          vpsIdNorm(item.vpsId) === vps.id &&
-          item.direction === 'debit' &&
-          (!dateFrom || !dateTo || isDateInRange(item.date, dateFrom, dateTo)),
-      )
-      const debitsAccountLevel = singleVpsInAccount
-        ? (db.balanceLedger || []).filter(
-            (item) =>
-              item.providerAccountId === vps.providerAccountId &&
-              vpsIdNorm(item.vpsId) === '' &&
-              item.direction === 'debit' &&
-              (!dateFrom || !dateTo || isDateInRange(item.date, dateFrom, dateTo)),
-          )
-        : []
-
-      const allPayments = [...paymentsDirect, ...paymentsAccountLevel]
-      const allDebits = [...debitsDirect, ...debitsAccountLevel]
-      const totalPayments = allPayments.reduce((acc, item) => acc + Number(item.amount || 0), 0)
-      const totalDebits = allDebits.reduce((acc, item) => acc + Number(item.amount || 0), 0)
-      const total = totalPayments + totalDebits
-
-      return {
-        providerId: vps.providerId,
-        provider: provider?.name || '-',
-        account: account?.name || '-',
-        project: (vps.project || '').trim() || '—',
-        vps: vps.dns || vps.ip,
-        ip: vps.ip,
-        country: vps.country || '',
-        city: vps.city || '',
-        status: vps.status,
-        expense: Number(total.toFixed(2)),
-        currency: effectiveVpsTariffCurrency(vps, provider),
-      }
-    })
-  }, [db.payments, db.balanceLedger, db.providers, db.providerAccounts, db.vps, filters])
-
-  const baseCurrency = settings?.[0]?.baseCurrency || 'RUB'
-  const totalExpense = rows.reduce(
-    (acc, row) => acc + convertCurrency(row.expense, row.currency, baseCurrency, ratesData),
-    0,
-  )
-
-  return (
-    <>
-      <PageHeader pretitle="Аналитика" title="Отчёты" />
-      <div className="row row-cards">
-      <div className="col-12">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Фильтры и экспорт</h3>
-          </div>
-          <div className="card-body">
-            <div className="row g-2 align-items-end">
-              <div className="col-12 col-md-6 col-xl-3">
-                <label className="form-label">Хостер</label>
-                <select autoComplete="off"
-                  className="form-select"
-                  value={filters.providerId}
-                  onChange={(e) =>
-                    setFilters((prev) => ({
-                      ...prev,
-                      providerId: e.target.value,
-                      providerAccountId: '',
-                    }))
-                  }
-                >
-                  <option value="">Все хостеры</option>
-                  {db.providers.map((provider) => (
-                    <option key={provider.id} value={provider.id}>
-                      {provider.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div className="col-12 col-md-6 col-xl-3">
-                <label className="form-label">Аккаунт</label>
-                <select autoComplete="off"
-                  className="form-select"
-                  value={filters.providerAccountId}
-                  onChange={(e) =>
-                    setFilters((prev) => ({ ...prev, providerAccountId: e.target.value }))
-                  }
-                >
-                  <option value="">Все аккаунты</option>
-                  {accountFilterOptions.map((account) => (
-                    <option key={account.id} value={account.id}>
-                      {account.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div className="col-12 col-md-6 col-xl-3">
-                <label className="form-label">Проект / пул</label>
-                <select autoComplete="off"
-                  className="form-select"
-                  value={filters.project}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, project: e.target.value }))}
-                >
-                  <option value="">Все проекты</option>
-                  <option value="__none__">Без проекта</option>
-                  {projectNameOptions.map((name) => (
-                    <option key={name} value={name}>
-                      {name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div className="col-12 col-md-6 col-xl-3">
-                <label className="form-label">Страна</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={filters.country}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, country: e.target.value }))}
-                  placeholder="например Германия"
-                />
-              </div>
-              <div className="col-12 col-md-6 col-xl-2">
-                <label className="form-label">Период (YYYY-MM)</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={filters.month}
-                  onChange={(e) =>
-                    setFilters((prev) => ({
-                      ...prev,
-                      month: e.target.value,
-                      dateFrom: '',
-                      dateTo: '',
-                    }))
-                  }
-                  placeholder="2026-03"
-                />
-              </div>
-              <div className="col-12 col-md-6 col-xl-2">
-                <label className="form-label">Дата с</label>
-                <input {...noBrowserSuggestProps}
-                  type="date"
-                  className="form-control"
-                  value={filters.dateFrom}
-                  onChange={(e) =>
-                    setFilters((prev) => ({
-                      ...prev,
-                      dateFrom: e.target.value,
-                      month: '',
-                    }))
-                  }
-                />
-              </div>
-              <div className="col-12 col-md-6 col-xl-2">
-                <label className="form-label">Дата по</label>
-                <input {...noBrowserSuggestProps}
-                  type="date"
-                  className="form-control"
-                  value={filters.dateTo}
-                  onChange={(e) =>
-                    setFilters((prev) => ({
-                      ...prev,
-                      dateTo: e.target.value,
-                      month: '',
-                    }))
-                  }
-                />
-              </div>
-              <div className="col-12 col-md-6 col-xl-3">
-                <button
-                  type="button"
-                  className="btn btn-primary w-100"
-                  onClick={() => {
-                    const csv = toCsv(rows)
-                    downloadTextFile('vps-report.csv', csv)
-                  }}
-                >
-                  Экспорт CSV
-                </button>
-              </div>
-              <div className="col-12 col-md-6 col-xl-3">
-                <button
-                  type="button"
-                  className="btn btn-outline-secondary w-100"
-                  onClick={() => {
-                    downloadTextFile(
-                      'vps-tracker-backup.json',
-                      JSON.stringify(db, null, 2),
-                    )
-                  }}
-                >
-                  Резервная копия JSON
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Сводный отчет</h3>
-            <div className="card-actions text-secondary">
-              Итого: {formatCurrency(totalExpense, baseCurrency)}
-            </div>
-          </div>
-          <div className="table-responsive">
-            <table className="table card-table table-vcenter">
-              <thead>
-                <tr>
-                  <th>Хостер</th>
-                  <th>Аккаунт</th>
-                  <th>Проект</th>
-                  <th>VPS</th>
-                  <th>Локация</th>
-                  <th>Статус</th>
-                  <th>Расход</th>
-                </tr>
-              </thead>
-              <tbody>
-                {rows.map((row) => (
-                  <tr key={`${row.ip}-${row.vps}`}>
-                    <td>{row.provider}</td>
-                    <td>{row.account}</td>
-                    <td>{row.project}</td>
-                    <td>
-                      <div>{row.vps}</div>
-                      <div className="text-secondary">{row.ip}</div>
-                    </td>
-                    <td>
-                      {row.country} / {row.city}
-                    </td>
-                    <td>{vpsStatusLabel(row.status)}</td>
-                    <td>
-                      <ConvertedAmount
-                        amount={row.expense}
-                        currency={row.currency}
-                        provider={db.providers.find((item) => item.id === row.providerId)}
-                        settings={settings}
-                        ratesData={ratesData}
-                      />
-                    </td>
-                  </tr>
-                ))}
-                {rows.length === 0 ? (
-                  <EmptyState message="Нет данных под фильтр" colSpan={7} />
-                ) : null}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </div>
-    </>
-  )
-}
diff --git a/src/pages/ResourcesPage.jsx b/src/pages/ResourcesPage.jsx
deleted file mode 100644
index 09f003a..0000000
--- a/src/pages/ResourcesPage.jsx
+++ /dev/null
@@ -1,373 +0,0 @@
-import { useMemo, useState } from 'react'
-import {
-  convertCurrency,
-  effectiveVpsTariffCurrency,
-  formatCurrency,
-} from '../lib/utils'
-import { EmptyState } from '../components/EmptyState'
-import { PageHeader } from '../components/PageHeader'
-import { noBrowserSuggestProps } from '../lib/noBrowserSuggestProps'
-
-function vpsMonthlyEstimateInBase(item, baseCurrency, ratesData, providerById) {
-  if (item.status !== 'active') return 0
-  const tariffType = item.tariffType || (Number(item.dailyRate || 0) > 0 ? 'daily' : 'monthly')
-  const amount =
-    tariffType === 'daily'
-      ? Number(item.dailyRate || 0) * 30
-      : Number(item.monthlyRate || 0)
-  const cur = effectiveVpsTariffCurrency(item, providerById.get(item.providerId))
-  return convertCurrency(amount, cur, baseCurrency, ratesData)
-}
-
-export function ResourcesPage({ db, settings, ratesData }) {
-  const baseCurrency = settings?.[0]?.baseCurrency || 'RUB'
-  const [groupBy, setGroupBy] = useState('project')
-  const [filters, setFilters] = useState({
-    providerId: '',
-    providerAccountId: '',
-    project: '',
-    country: '',
-    datacenter: '',
-  })
-
-  const customFields = Array.isArray(settings?.[0]?.customFields) ? settings[0].customFields : []
-
-  const projectNameOptions = useMemo(() => {
-    const names = new Set()
-    for (const p of db.serverProjects || []) {
-      if ((p.name || '').trim()) names.add(p.name.trim())
-    }
-    for (const v of db.vps || []) {
-      const p = (v.project || '').trim()
-      if (p) names.add(p)
-    }
-    return [...names].sort((a, b) => a.localeCompare(b, 'ru'))
-  }, [db.serverProjects, db.vps])
-
-  const accountFilterOptions = useMemo(
-    () =>
-      (db.providerAccounts || []).filter(
-        (account) => !filters.providerId || account.providerId === filters.providerId,
-      ),
-    [db.providerAccounts, filters.providerId],
-  )
-
-  const vpsFiltered = useMemo(() => {
-    return (db.vps || []).filter((item) => {
-      const byProvider = !filters.providerId || item.providerId === filters.providerId
-      const byAccount =
-        !filters.providerAccountId || item.providerAccountId === filters.providerAccountId
-      const proj = (item.project || '').trim()
-      const byProject =
-        !filters.project ||
-        (filters.project === '__none__' ? !proj : proj === filters.project)
-      const byCountry =
-        !filters.country || item.country?.toLowerCase().includes(filters.country.toLowerCase())
-      const byDc =
-        !filters.datacenter ||
-        item.datacenter?.toLowerCase().includes(filters.datacenter.toLowerCase())
-      const byCustom = customFields.every((f) => {
-        const filterVal = (filters[f.key] || '').trim().toLowerCase()
-        if (!filterVal) return true
-        const itemVal = (item[f.key] || '').toLowerCase()
-        return itemVal.includes(filterVal)
-      })
-      return byProvider && byAccount && byProject && byCountry && byDc && byCustom
-    })
-  }, [db.vps, filters, customFields])
-
-  const providerById = useMemo(
-    () => new Map((db.providers || []).map((p) => [p.id, p])),
-    [db.providers],
-  )
-
-  const groups = useMemo(() => {
-    const map = new Map()
-    const accounts = db.providerAccounts || []
-    for (const item of vpsFiltered) {
-      let key
-      let label
-      switch (groupBy) {
-        case 'account': {
-          const aid = item.providerAccountId || ''
-          key = aid || '__none__'
-          label = accounts.find((a) => a.id === aid)?.name || '—'
-          break
-        }
-        case 'country': {
-          const c = (item.country || '').trim()
-          key = c || '__none__'
-          label = key === '__none__' ? 'Не указано' : c
-          break
-        }
-        case 'datacenter': {
-          const dc = (item.datacenter || '').trim()
-          key = dc || '__none__'
-          label = key === '__none__' ? 'Не указано' : dc
-          break
-        }
-        default: {
-          const p = (item.project || '').trim()
-          key = p || '__none__'
-          label = key === '__none__' ? 'Без проекта' : p
-        }
-      }
-      if (!map.has(key)) {
-        map.set(key, {
-          key,
-          label,
-          count: 0,
-          activeCount: 0,
-          vcpu: 0,
-          ramGb: 0,
-          diskGb: 0,
-          forecast: 0,
-        })
-      }
-      const g = map.get(key)
-      g.count += 1
-      if (item.status === 'active') g.activeCount += 1
-      g.vcpu += Number(item.vcpu || 0)
-      g.ramGb += Number(item.ramGb || 0)
-      g.diskGb += Number(item.diskGb || 0)
-      g.forecast += vpsMonthlyEstimateInBase(item, baseCurrency, ratesData, providerById)
-    }
-    const list = [...map.values()]
-    list.sort((a, b) => {
-      if (groupBy === 'account' || groupBy === 'project') {
-        if (a.key === '__none__') return 1
-        if (b.key === '__none__') return -1
-      }
-      return b.forecast - a.forecast || b.vcpu - a.vcpu
-    })
-    return list
-  }, [vpsFiltered, groupBy, db.providerAccounts, baseCurrency, ratesData, providerById])
-
-  const maxForecast = useMemo(
-    () => groups.reduce((m, g) => Math.max(m, g.forecast), 0),
-    [groups],
-  )
-
-  const totals = useMemo(() => {
-    return groups.reduce(
-      (acc, g) => ({
-        count: acc.count + g.count,
-        activeCount: acc.activeCount + g.activeCount,
-        vcpu: acc.vcpu + g.vcpu,
-        ramGb: acc.ramGb + g.ramGb,
-        diskGb: acc.diskGb + g.diskGb,
-        forecast: acc.forecast + g.forecast,
-      }),
-      { count: 0, activeCount: 0, vcpu: 0, ramGb: 0, diskGb: 0, forecast: 0 },
-    )
-  }, [groups])
-
-  const defaultFilters = () => ({
-    providerId: '',
-    providerAccountId: '',
-    project: '',
-    country: '',
-    datacenter: '',
-    ...customFields.reduce((acc, f) => {
-      acc[f.key] = ''
-      return acc
-    }, {}),
-  })
-
-  return (
-    <>
-      <PageHeader pretitle="Аналитика" title="Ресурсы и прогноз" />
-      <div className="row row-cards">
-        <div className="col-12">
-          <div className="card">
-            <div className="card-header">
-              <h3 className="card-title">Группировка и фильтры</h3>
-              <div className="card-actions">
-                <button
-                  type="button"
-                  className="btn btn-sm btn-outline-secondary"
-                  onClick={() => setFilters(defaultFilters())}
-                >
-                  Сбросить
-                </button>
-              </div>
-            </div>
-            <div className="card-body">
-              <div className="row g-2">
-                <div className="col-12 col-md-6 col-xl-3">
-                  <label className="form-label">Группировать по</label>
-                  <select autoComplete="off"
-                    className="form-select"
-                    value={groupBy}
-                    onChange={(e) => setGroupBy(e.target.value)}
-                  >
-                    <option value="project">Проект / пул</option>
-                    <option value="account">Аккаунту</option>
-                    <option value="country">Стране</option>
-                    <option value="datacenter">Датацентру</option>
-                  </select>
-                </div>
-                <div className="col-12 col-md-6 col-xl-3">
-                  <label className="form-label">Хостер</label>
-                  <select autoComplete="off"
-                    className="form-select"
-                    value={filters.providerId}
-                    onChange={(e) =>
-                      setFilters((prev) => ({
-                        ...prev,
-                        providerId: e.target.value,
-                        providerAccountId: '',
-                      }))
-                    }
-                  >
-                    <option value="">Все</option>
-                    {(db.providers || []).map((p) => (
-                      <option key={p.id} value={p.id}>
-                        {p.name}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-                <div className="col-12 col-md-6 col-xl-3">
-                  <label className="form-label">Аккаунт</label>
-                  <select autoComplete="off"
-                    className="form-select"
-                    value={filters.providerAccountId}
-                    onChange={(e) =>
-                      setFilters((prev) => ({ ...prev, providerAccountId: e.target.value }))
-                    }
-                  >
-                    <option value="">Все</option>
-                    {accountFilterOptions.map((a) => (
-                      <option key={a.id} value={a.id}>
-                        {a.name}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-                <div className="col-12 col-md-6 col-xl-3">
-                  <label className="form-label">Проект (фильтр)</label>
-                  <select autoComplete="off"
-                    className="form-select"
-                    value={filters.project}
-                    onChange={(e) => setFilters((prev) => ({ ...prev, project: e.target.value }))}
-                  >
-                    <option value="">Все</option>
-                    <option value="__none__">Без проекта</option>
-                    {projectNameOptions.map((name) => (
-                      <option key={name} value={name}>
-                        {name}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-                <div className="col-12 col-md-6 col-xl-3">
-                  <label className="form-label">Страна</label>
-                  <input {...noBrowserSuggestProps}
-                    className="form-control"
-                    value={filters.country}
-                    onChange={(e) => setFilters((prev) => ({ ...prev, country: e.target.value }))}
-                    placeholder="Часть названия"
-                  />
-                </div>
-                <div className="col-12 col-md-6 col-xl-3">
-                  <label className="form-label">Датацентр</label>
-                  <input {...noBrowserSuggestProps}
-                    className="form-control"
-                    value={filters.datacenter}
-                    onChange={(e) =>
-                      setFilters((prev) => ({ ...prev, datacenter: e.target.value }))
-                    }
-                    placeholder="Часть названия ДЦ"
-                  />
-                </div>
-                {customFields.map((f) => (
-                  <div key={f.key} className="col-12 col-md-6 col-xl-3">
-                    <label className="form-label">{f.label}</label>
-                    <input {...noBrowserSuggestProps}
-                      className="form-control"
-                      value={filters[f.key] ?? ''}
-                      onChange={(e) =>
-                        setFilters((prev) => ({ ...prev, [f.key]: e.target.value }))
-                      }
-                      placeholder={f.label}
-                    />
-                  </div>
-                ))}
-              </div>
-              <div className="text-secondary small mt-2">
-                Учтено VPS: {vpsFiltered.length} из {(db.vps || []).length}. Прогноз / мес — только
-                активные (в базовой валюте).
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div className="col-12">
-          <div className="card">
-            <div className="card-header">
-              <h3 className="card-title">Сводка по группам</h3>
-            </div>
-            <div className="table-responsive">
-              <table className="table card-table table-vcenter">
-                <thead>
-                  <tr>
-                    <th>Группа</th>
-                    <th className="text-end">VPS</th>
-                    <th className="text-end">Активных</th>
-                    <th className="text-end">vCPU</th>
-                    <th className="text-end">RAM, GB</th>
-                    <th className="text-end">Диск, GB</th>
-                    <th className="text-end">Прогноз / мес</th>
-                    <th style={{ minWidth: 120 }}>Доля прогноза</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  {groups.map((g) => (
-                    <tr key={g.key}>
-                      <td className="fw-medium">{g.label}</td>
-                      <td className="text-end">{g.count}</td>
-                      <td className="text-end">{g.activeCount}</td>
-                      <td className="text-end">{g.vcpu}</td>
-                      <td className="text-end">{Number(g.ramGb.toFixed(1))}</td>
-                      <td className="text-end">{g.diskGb}</td>
-                      <td className="text-end">{formatCurrency(g.forecast, baseCurrency)}</td>
-                      <td>
-                        <div
-                          className="progress progress-sm"
-                          title={`${maxForecast > 0 ? Math.round((g.forecast / maxForecast) * 100) : 0}% от макс. группы`}
-                        >
-                          <div
-                            className="progress-bar bg-primary"
-                            style={{
-                              width: `${maxForecast > 0 ? Math.min(100, (g.forecast / maxForecast) * 100) : 0}%`,
-                            }}
-                          />
-                        </div>
-                      </td>
-                    </tr>
-                  ))}
-                  {groups.length > 0 ? (
-                    <tr className="table-active fw-medium">
-                      <td>Итого</td>
-                      <td className="text-end">{totals.count}</td>
-                      <td className="text-end">{totals.activeCount}</td>
-                      <td className="text-end">{totals.vcpu}</td>
-                      <td className="text-end">{Number(totals.ramGb.toFixed(1))}</td>
-                      <td className="text-end">{totals.diskGb}</td>
-                      <td className="text-end">{formatCurrency(totals.forecast, baseCurrency)}</td>
-                      <td />
-                    </tr>
-                  ) : null}
-                  {groups.length === 0 ? (
-                    <EmptyState message="Нет VPS по фильтрам" colSpan={8} />
-                  ) : null}
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  )
-}
diff --git a/src/pages/SettingsPage.jsx b/src/pages/SettingsPage.jsx
deleted file mode 100644
index 7f3f4cc..0000000
--- a/src/pages/SettingsPage.jsx
+++ /dev/null
@@ -1,592 +0,0 @@
-import { useEffect, useMemo, useState } from 'react'
-import { IconPlus, IconSend, IconTrash } from '@tabler/icons-react'
-import { PageHeader } from '../components/PageHeader'
-import {
-  downloadBackupDatabaseBlob,
-  downloadBackupJsonBlob,
-  importBackupDatabaseBuffer,
-  importBackupJson,
-  sendTelegramTestNotification,
-} from '../lib/api'
-import { downloadBlob } from '../lib/utils'
-import { noBrowserSuggestProps, passwordCredentialInputProps } from '../lib/noBrowserSuggestProps'
-
-const defaultSettings = {
-  baseCurrency: 'RUB',
-  ratesUrl: 'https://www.cbr-xml-daily.ru/latest.js',
-  autoConvert: true,
-  syncEnabled: false,
-  syncIntervalMinutes: 60,
-  syncTariffsIntervalMinutes: 1440,
-  telegramBotToken: '',
-  telegramChatId: '',
-  telegramMessageThreadId: '',
-  notifyPaymentExpiryEnabled: false,
-  notifyNewTariffsEnabled: false,
-  notifyLowBalanceEnabled: false,
-  notifySyncDigestEnabled: false,
-}
-
-export function SettingsPage({ db, actions, ratesData, ratesError }) {
-  const current = db.settings?.[0] || defaultSettings
-  const [form, setForm] = useState({
-    baseCurrency: current.baseCurrency || 'RUB',
-    ratesUrl: current.ratesUrl || 'https://www.cbr-xml-daily.ru/latest.js',
-    autoConvert: current.autoConvert !== false,
-    syncEnabled: current.syncEnabled !== false && Boolean(current.syncEnabled),
-    syncIntervalMinutes: current.syncIntervalMinutes ?? 60,
-    syncTariffsIntervalMinutes: current.syncTariffsIntervalMinutes ?? 1440,
-    telegramBotToken: '',
-    telegramChatId: current.telegramChatId ?? '',
-    telegramMessageThreadId: current.telegramMessageThreadId ?? '',
-    notifyPaymentExpiryEnabled: Boolean(current.notifyPaymentExpiryEnabled),
-    notifyNewTariffsEnabled: Boolean(current.notifyNewTariffsEnabled),
-    notifyLowBalanceEnabled: Boolean(current.notifyLowBalanceEnabled),
-    notifySyncDigestEnabled: Boolean(current.notifySyncDigestEnabled),
-  })
-  const [telegramTokenEdited, setTelegramTokenEdited] = useState(false)
-  const [telegramTestLoading, setTelegramTestLoading] = useState(false)
-  const [telegramTestMessage, setTelegramTestMessage] = useState(null)
-  const [backupBusy, setBackupBusy] = useState(false)
-  const [backupMessage, setBackupMessage] = useState(null)
-  const [newFieldLabel, setNewFieldLabel] = useState('')
-  const customFields = Array.isArray(current.customFields) ? current.customFields : []
-
-  useEffect(() => {
-    setForm((prev) => ({
-      ...prev,
-      baseCurrency: current.baseCurrency || 'RUB',
-      ratesUrl: current.ratesUrl || 'https://www.cbr-xml-daily.ru/latest.js',
-      autoConvert: current.autoConvert !== false,
-      syncEnabled: Boolean(current.syncEnabled),
-      syncIntervalMinutes: current.syncIntervalMinutes ?? 60,
-      syncTariffsIntervalMinutes: current.syncTariffsIntervalMinutes ?? 1440,
-      telegramChatId: current.telegramChatId ?? '',
-      telegramMessageThreadId: current.telegramMessageThreadId ?? '',
-      notifyPaymentExpiryEnabled: Boolean(current.notifyPaymentExpiryEnabled),
-      notifyNewTariffsEnabled: Boolean(current.notifyNewTariffsEnabled),
-      notifyLowBalanceEnabled: Boolean(current.notifyLowBalanceEnabled),
-      notifySyncDigestEnabled: Boolean(current.notifySyncDigestEnabled),
-    }))
-  }, [current.baseCurrency, current.ratesUrl, current.autoConvert, current.syncEnabled, current.syncIntervalMinutes, current.syncTariffsIntervalMinutes, current.telegramChatId, current.telegramMessageThreadId, current.notifyPaymentExpiryEnabled, current.notifyNewTariffsEnabled, current.notifyLowBalanceEnabled, current.notifySyncDigestEnabled])
-
-  const availableCurrencies = useMemo(() => {
-    const list = new Set(['RUB', 'USD', 'EUR'])
-    if (ratesData?.rates) {
-      Object.keys(ratesData.rates).forEach((code) => list.add(code))
-    }
-    return [...list].sort()
-  }, [ratesData])
-
-  const onSubmit = (event) => {
-    event.preventDefault()
-    actions.upsertSettings({
-      baseCurrency: form.baseCurrency,
-      ratesUrl: form.ratesUrl,
-      autoConvert: form.autoConvert,
-      ratesUpdatedAt: ratesData?.date || '',
-    })
-  }
-
-  const onSyncSettingsSubmit = (event) => {
-    event.preventDefault()
-    actions.upsertSettings({
-      syncEnabled: form.syncEnabled,
-      syncIntervalMinutes: Math.max(15, Number(form.syncIntervalMinutes) || 60),
-      syncTariffsIntervalMinutes: Math.max(60, Number(form.syncTariffsIntervalMinutes) || 1440),
-    })
-  }
-
-  const onTelegramTest = async () => {
-    setTelegramTestMessage(null)
-    setTelegramTestLoading(true)
-    try {
-      await sendTelegramTestNotification()
-      setTelegramTestMessage({ type: 'success', text: 'Тестовое уведомление отправлено' })
-    } catch (err) {
-      setTelegramTestMessage({ type: 'danger', text: err.message || 'Ошибка отправки' })
-    } finally {
-      setTelegramTestLoading(false)
-    }
-  }
-
-  const onTelegramSubmit = (event) => {
-    event.preventDefault()
-    const payload = {
-      telegramChatId: form.telegramChatId || '',
-      telegramMessageThreadId: form.telegramMessageThreadId || '',
-      notifyPaymentExpiryEnabled: form.notifyPaymentExpiryEnabled,
-      notifyNewTariffsEnabled: form.notifyNewTariffsEnabled,
-      notifyLowBalanceEnabled: form.notifyLowBalanceEnabled,
-      notifySyncDigestEnabled: form.notifySyncDigestEnabled,
-    }
-    if (telegramTokenEdited && form.telegramBotToken !== undefined) {
-      payload.telegramBotToken = form.telegramBotToken || ''
-    }
-    actions.upsertSettings(payload)
-    setTelegramTokenEdited(false)
-    setForm((prev) => ({ ...prev, telegramBotToken: '' }))
-  }
-
-  const addCustomField = () => {
-    const label = newFieldLabel.trim()
-    if (!label) return
-    const nextIndex = customFields.reduce((max, f) => {
-      const n = parseInt(f.key?.replace('cf_', '') || '0', 10)
-      return Math.max(max, n)
-    }, -1) + 1
-    const key = `cf_${nextIndex}`
-    actions.upsertSettings({ customFields: [...customFields, { key, label }] })
-    setNewFieldLabel('')
-  }
-
-  const removeCustomField = (key) => {
-    actions.upsertSettings({
-      customFields: customFields.filter((f) => f.key !== key),
-    })
-  }
-
-  return (
-    <>
-      <PageHeader pretitle="Система" title="Настройки" />
-      <div className="row row-cards">
-      <div className="col-12">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Настройки валют</h3>
-          </div>
-          <div className="card-body">
-            <form className="row g-3" autoComplete="off" onSubmit={onSubmit}>
-              <div className="col-12 col-md-6">
-                <label className="form-label">Валюта отображения</label>
-                <select autoComplete="off"
-                  className="form-select"
-                  value={form.baseCurrency}
-                  onChange={(e) => setForm((prev) => ({ ...prev, baseCurrency: e.target.value }))}
-                >
-                  {availableCurrencies.map((code) => (
-                    <option key={code} value={code}>
-                      {code}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div className="col-12 col-md-6">
-                <label className="form-label">Автоконвертация</label>
-                <label className="form-check">
-                  <input {...noBrowserSuggestProps}
-                    className="form-check-input"
-                    type="checkbox"
-                    checked={form.autoConvert}
-                    onChange={(e) => setForm((prev) => ({ ...prev, autoConvert: e.target.checked }))}
-                  />
-                  <span className="form-check-label">Показывать суммы в валюте отображения</span>
-                </label>
-              </div>
-              <div className="col-12">
-                <label className="form-label">Ссылка на курсы валют</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={form.ratesUrl}
-                  onChange={(e) => setForm((prev) => ({ ...prev, ratesUrl: e.target.value }))}
-                  placeholder="https://www.cbr-xml-daily.ru/latest.js"
-                />
-              </div>
-              <div className="col-12 d-flex justify-content-end">
-                <button type="submit" className="btn btn-primary">
-                  Сохранить настройки
-                </button>
-              </div>
-              <div className="col-12">
-                <div className="text-secondary small">
-                  Валюта отображения — в какой валюте показывать суммы на дашбордах. Курсы хостера (если указаны)
-                  имеют приоритет над глобальными курсами по ссылке выше.
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12 col-lg-6">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Дополнительные поля VPS</h3>
-          </div>
-          <div className="card-body">
-            <p className="text-secondary small mb-3">
-              Текстовые поля для расширенного режима просмотра списка VPS. Отображаются как колонки в таблице и в форме редактирования.
-            </p>
-            <div className="d-flex gap-2 mb-3">
-              <input {...noBrowserSuggestProps}
-                type="text"
-                className="form-control"
-                placeholder="Название поля (например: Контакт, ID заказа)"
-                value={newFieldLabel}
-                onChange={(e) => setNewFieldLabel(e.target.value)}
-                onKeyDown={(e) => e.key === 'Enter' && (e.preventDefault(), addCustomField())}
-              />
-              <button
-                type="button"
-                className="btn btn-primary"
-                onClick={addCustomField}
-              >
-                <IconPlus size={16} />
-              </button>
-            </div>
-            {customFields.length > 0 ? (
-              <ul className="list-group list-group-flush">
-                {customFields.map((f) => (
-                  <li key={f.key} className="list-group-item d-flex justify-content-between align-items-center">
-                    <span>{f.label}</span>
-                    <button
-                      type="button"
-                      className="btn btn-sm btn-outline-danger"
-                      onClick={() => removeCustomField(f.key)}
-                    >
-                      <IconTrash size={14} />
-                    </button>
-                  </li>
-                ))}
-              </ul>
-            ) : (
-              <div className="text-secondary small">Нет дополнительных полей</div>
-            )}
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12 col-lg-6">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Синхронизация с API хостеров</h3>
-          </div>
-          <div className="card-body">
-            <p className="text-secondary small mb-3">
-              Периодическая синхронизация данных из BILLmanager для аккаунтов с настроенным API.
-              Два независимых интервала: VPS и платежи обновляются чаще, тарифы — реже.
-            </p>
-            <form className="row g-3" autoComplete="off" onSubmit={onSyncSettingsSubmit}>
-              <div className="col-12">
-                <label className="form-check">
-                  <input {...noBrowserSuggestProps}
-                    className="form-check-input"
-                    type="checkbox"
-                    checked={form.syncEnabled}
-                    onChange={(e) => setForm((prev) => ({ ...prev, syncEnabled: e.target.checked }))}
-                  />
-                  <span className="form-check-label">Включить периодическую синхронизацию</span>
-                </label>
-              </div>
-              <div className="col-12 col-md-6">
-                <label className="form-label">Интервал VPS и платежей (минуты)</label>
-                <input {...noBrowserSuggestProps}
-                  type="number"
-                  min="15"
-                  className="form-control"
-                  value={form.syncIntervalMinutes}
-                  onChange={(e) => setForm((prev) => ({ ...prev, syncIntervalMinutes: e.target.value }))}
-                  placeholder="60"
-                />
-              </div>
-              <div className="col-12 col-md-6">
-                <label className="form-label">Интервал тарифов (минуты)</label>
-                <input {...noBrowserSuggestProps}
-                  type="number"
-                  min="60"
-                  className="form-control"
-                  value={form.syncTariffsIntervalMinutes}
-                  onChange={(e) => setForm((prev) => ({ ...prev, syncTariffsIntervalMinutes: e.target.value }))}
-                  placeholder="1440"
-                />
-                <div className="text-secondary small mt-1">
-                  Тарифы меняются редко, можно ставить 24 ч (1440) и больше
-                </div>
-              </div>
-              <div className="col-12 d-flex justify-content-end">
-                <button type="submit" className="btn btn-primary">
-                  Сохранить
-                </button>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12 col-lg-6">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Уведомления Telegram</h3>
-          </div>
-          <div className="card-body">
-            <p className="text-secondary small mb-3">
-              Уведомления отправляются в Telegram при периодической синхронизации. Каждый тип можно включить или отключить отдельно.
-            </p>
-            <form className="row g-3" autoComplete="off" onSubmit={onTelegramSubmit}>
-              <div className="col-12">
-                <label className="form-label">Токен бота</label>
-                <input {...passwordCredentialInputProps}
-                  type="password"
-                  className="form-control"
-                  value={form.telegramBotToken}
-                  onChange={(e) => {
-                    setForm((prev) => ({ ...prev, telegramBotToken: e.target.value }))
-                    setTelegramTokenEdited(true)
-                  }}
-                  placeholder={current.telegramBotTokenSet ? '••••••••' : 'Токен от @BotFather'}
-                />
-              </div>
-              <div className="col-12">
-                <label className="form-label">Chat ID (SuperGroup)</label>
-                <input {...noBrowserSuggestProps}
-                  type="text"
-                  className="form-control"
-                  value={form.telegramChatId}
-                  onChange={(e) => setForm((prev) => ({ ...prev, telegramChatId: e.target.value }))}
-                  placeholder="например -1001234567890"
-                />
-                <div className="text-secondary small mt-1">
-                  ID группы (отрицательное число). Добавьте бота в группу, затем getUpdates — chat.id.
-                </div>
-              </div>
-              <div className="col-12">
-                <label className="form-label">ID топика (цепочки сообщений)</label>
-                <input {...noBrowserSuggestProps}
-                  type="text"
-                  className="form-control"
-                  value={form.telegramMessageThreadId}
-                  onChange={(e) => setForm((prev) => ({ ...prev, telegramMessageThreadId: e.target.value }))}
-                  placeholder="необязательно, например 12345"
-                />
-                <div className="text-secondary small mt-1">
-                  Для SuperGroup с топиками — ID топика. Оставьте пустым для общей ленты группы.
-                </div>
-              </div>
-              <div className="col-12">
-                <label className="form-check">
-                  <input {...noBrowserSuggestProps}
-                    className="form-check-input"
-                    type="checkbox"
-                    checked={form.notifyPaymentExpiryEnabled}
-                    onChange={(e) => setForm((prev) => ({ ...prev, notifyPaymentExpiryEnabled: e.target.checked }))}
-                  />
-                  <span className="form-check-label">Уведомления об истекающей оплате (ближайшие 7 дней)</span>
-                </label>
-              </div>
-              <div className="col-12">
-                <label className="form-check">
-                  <input {...noBrowserSuggestProps}
-                    className="form-check-input"
-                    type="checkbox"
-                    checked={form.notifyNewTariffsEnabled}
-                    onChange={(e) => setForm((prev) => ({ ...prev, notifyNewTariffsEnabled: e.target.checked }))}
-                  />
-                  <span className="form-check-label">Уведомления о новых тарифах</span>
-                </label>
-              </div>
-              <div className="col-12">
-                <label className="form-check">
-                  <input {...noBrowserSuggestProps}
-                    className="form-check-input"
-                    type="checkbox"
-                    checked={form.notifyLowBalanceEnabled}
-                    onChange={(e) => setForm((prev) => ({ ...prev, notifyLowBalanceEnabled: e.target.checked }))}
-                  />
-                  <span className="form-check-label">
-                    Низкий баланс (порог задаётся у каждого аккаунта BILLmanager)
-                  </span>
-                </label>
-              </div>
-              <div className="col-12">
-                <label className="form-check">
-                  <input {...noBrowserSuggestProps}
-                    className="form-check-input"
-                    type="checkbox"
-                    checked={form.notifySyncDigestEnabled}
-                    onChange={(e) => setForm((prev) => ({ ...prev, notifySyncDigestEnabled: e.target.checked }))}
-                  />
-                  <span className="form-check-label">Краткий итог после планового синка VPS</span>
-                </label>
-              </div>
-              <div className="col-12 d-flex justify-content-end gap-2">
-                <button
-                  type="button"
-                  className="btn btn-outline-primary"
-                  onClick={onTelegramTest}
-                  disabled={telegramTestLoading || !current.telegramBotTokenSet || !current.telegramChatId}
-                >
-                  {telegramTestLoading ? (
-                    <>
-                      <span className="spinner-border spinner-border-sm me-1" />
-                      Отправка…
-                    </>
-                  ) : (
-                    <>
-                      <IconSend size={16} className="me-1" />
-                      Тестовое уведомление
-                    </>
-                  )}
-                </button>
-                <button type="submit" className="btn btn-primary">
-                  Сохранить
-                </button>
-              </div>
-              {telegramTestMessage ? (
-                <div className={`col-12 alert alert-${telegramTestMessage.type} py-2 mb-0`}>
-                  {telegramTestMessage.text}
-                </div>
-              ) : null}
-            </form>
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Резервная копия</h3>
-          </div>
-          <div className="card-body">
-            <p className="text-secondary small mb-3">
-              JSON включает все данные (в т.ч. API-ключи и токен Telegram). Файл SQLite — точная копия базы.
-              Восстановление перезаписывает текущие данные.
-            </p>
-            <div className="d-flex flex-wrap gap-2 mb-3">
-              <button
-                type="button"
-                className="btn btn-outline-primary"
-                disabled={backupBusy}
-                onClick={async () => {
-                  setBackupMessage(null)
-                  setBackupBusy(true)
-                  try {
-                    const blob = await downloadBackupJsonBlob()
-                    downloadBlob('vps-tracker-backup.json', blob)
-                  } catch (err) {
-                    setBackupMessage({ type: 'danger', text: err.message || 'Ошибка выгрузки' })
-                  } finally {
-                    setBackupBusy(false)
-                  }
-                }}
-              >
-                Скачать JSON
-              </button>
-              <button
-                type="button"
-                className="btn btn-outline-primary"
-                disabled={backupBusy}
-                onClick={async () => {
-                  setBackupMessage(null)
-                  setBackupBusy(true)
-                  try {
-                    const blob = await downloadBackupDatabaseBlob()
-                    downloadBlob('vps-tracker.db', blob)
-                  } catch (err) {
-                    setBackupMessage({ type: 'danger', text: err.message || 'Ошибка выгрузки' })
-                  } finally {
-                    setBackupBusy(false)
-                  }
-                }}
-              >
-                Скачать SQLite
-              </button>
-            </div>
-            <div className="row g-2 align-items-end">
-              <div className="col-12 col-md-6">
-                <label className="form-label">Восстановить из JSON</label>
-                <input
-                  {...noBrowserSuggestProps}
-                  type="file"
-                  accept="application/json,.json"
-                  className="form-control"
-                  disabled={backupBusy}
-                  onChange={async (e) => {
-                    const file = e.target.files?.[0]
-                    e.target.value = ''
-                    if (!file) return
-                    setBackupMessage(null)
-                    setBackupBusy(true)
-                    try {
-                      const text = await file.text()
-                      const data = JSON.parse(text)
-                      await importBackupJson(data)
-                      await actions.refreshData()
-                      setBackupMessage({ type: 'success', text: 'Данные восстановлены из JSON' })
-                    } catch (err) {
-                      setBackupMessage({ type: 'danger', text: err.message || 'Ошибка импорта' })
-                    } finally {
-                      setBackupBusy(false)
-                    }
-                  }}
-                />
-              </div>
-              <div className="col-12 col-md-6">
-                <label className="form-label">Восстановить из SQLite</label>
-                <input
-                  {...noBrowserSuggestProps}
-                  type="file"
-                  accept=".db,application/octet-stream"
-                  className="form-control"
-                  disabled={backupBusy}
-                  onChange={async (e) => {
-                    const file = e.target.files?.[0]
-                    e.target.value = ''
-                    if (!file) return
-                    setBackupMessage(null)
-                    setBackupBusy(true)
-                    try {
-                      const buf = await file.arrayBuffer()
-                      await importBackupDatabaseBuffer(buf)
-                      await actions.refreshData()
-                      setBackupMessage({ type: 'success', text: 'База восстановлена из SQLite' })
-                    } catch (err) {
-                      setBackupMessage({ type: 'danger', text: err.message || 'Ошибка восстановления' })
-                    } finally {
-                      setBackupBusy(false)
-                    }
-                  }}
-                />
-              </div>
-            </div>
-            {backupMessage ? (
-              <div className={`alert alert-${backupMessage.type} py-2 mt-3 mb-0`}>{backupMessage.text}</div>
-            ) : null}
-          </div>
-        </div>
-      </div>
-
-      <div className="col-12 col-lg-6">
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">Статус источника курсов</h3>
-          </div>
-          <div className="card-body">
-            <div className="mb-2">
-              <span className="text-secondary">Источник:</span> {current.ratesUrl}
-            </div>
-            <div className="mb-2">
-              <span className="text-secondary">Дата курсов:</span> {ratesData?.date || '-'}
-            </div>
-            <div className="mb-2">
-              <span className="text-secondary">База API:</span> {ratesData?.base || '-'}
-            </div>
-            <button
-              type="button"
-              className="btn btn-outline-primary btn-sm mb-3"
-              onClick={() => actions.upsertSettings({ ratesUpdatedAt: new Date().toISOString() })}
-            >
-              Обновить курсы сейчас
-            </button>
-            {ratesError ? <div className="alert alert-danger py-2">{ratesError}</div> : null}
-            {!ratesError && ratesData ? (
-              <div className="alert alert-success py-2 mb-0">
-                Курсы загружены. Текущая конвертация работает автоматически.
-              </div>
-            ) : null}
-          </div>
-        </div>
-      </div>
-    </div>
-    </>
-  )
-}
diff --git a/src/pages/TariffsPage.jsx b/src/pages/TariffsPage.jsx
deleted file mode 100644
index ea2d384..0000000
--- a/src/pages/TariffsPage.jsx
+++ /dev/null
@@ -1,564 +0,0 @@
-import { useMemo, useState } from 'react'
-import { convertCurrency, formatCurrency, faviconUrlFromWebsite, normalizeWebsiteUrl } from '../lib/utils'
-import {
-  IconArrowDown,
-  IconArrowUp,
-  IconMapPin,
-  IconRefresh,
-  IconSearch,
-  IconServer,
-} from '@tabler/icons-react'
-import { syncAccount } from '../lib/api'
-import { EmptyState } from '../components/EmptyState'
-import { PageHeader } from '../components/PageHeader'
-import { noBrowserSuggestProps } from '../lib/noBrowserSuggestProps'
-import { billmanagerSyncableAccounts } from '../lib/billmanager-ui'
-
-const SORT_COLUMNS = ['name', 'vcpu', 'ramGb', 'diskGb', 'diskType', 'virtualization', 'channel', 'country', 'location', 'price']
-
-function SortHeader({ column, children, onSort, sortBy, sortDir }) {
-  return (
-    <th
-      role="button"
-      tabIndex={0}
-      onClick={() => onSort(column)}
-      onKeyDown={(e) => (e.key === 'Enter' || e.key === ' ') && onSort(column)}
-      style={SORT_COLUMNS.includes(column) ? { cursor: 'pointer', userSelect: 'none' } : undefined}
-    >
-      {children}
-      {sortBy === column && (sortDir === 'asc' ? <IconArrowUp size={14} className="ms-1" /> : <IconArrowDown size={14} className="ms-1" />)}
-    </th>
-  )
-}
-
-function parsePrice(priceStr) {
-  if (!priceStr || typeof priceStr !== 'string') return { amount: 0, currency: 'RUB' }
-  const match = priceStr.match(/([\d\s.,]+)\s*(RUB|USD|EUR|€|₽|\$)/i) || priceStr.match(/([\d\s.,]+)\s+([A-Z]{3})\b/i)
-  if (!match) return { amount: 0, currency: 'RUB' }
-  const amount = parseFloat(String(match[1]).replace(/\s/g, '').replace(',', '.')) || 0
-  let currency = 'RUB'
-  if (match[2]) {
-    if (match[2] === '€') currency = 'EUR'
-    else if (match[2] === '₽' || match[2].toUpperCase() === 'RUB') currency = 'RUB'
-    else if (match[2] === '$' || match[2].toUpperCase() === 'USD') currency = 'USD'
-    else currency = match[2].toUpperCase()
-  }
-  return { amount, currency }
-}
-
-export function TariffsPage({ db, actions, settings, ratesData }) {
-  const [filters, setFilters] = useState({
-    search: '',
-    providerId: '',
-    providerAccountId: '',
-    country: '',
-    orderAvailable: 'all',
-  })
-  const [syncLoading, setSyncLoading] = useState(false)
-  const [syncMessage, setSyncMessage] = useState(null)
-  const [sortBy, setSortBy] = useState('name')
-  const [sortDir, setSortDir] = useState('asc')
-
-  const baseCurrency = (settings?.[0]?.baseCurrency || 'RUB').toUpperCase()
-
-  const billmanagerAccounts = useMemo(
-    () => billmanagerSyncableAccounts(db.providerAccounts, db.providers),
-    [db.providerAccounts, db.providers],
-  )
-
-  const filteredAndSortedTariffs = useMemo(() => {
-    const filtered = db.activeTariffs.filter((item) => {
-      const search = filters.search.toLowerCase()
-      const bySearch =
-        !search ||
-        item.name?.toLowerCase().includes(search) ||
-        item.desc?.toLowerCase().includes(search) ||
-        item.location?.toLowerCase().includes(search) ||
-        item.country?.toLowerCase().includes(search) ||
-        item.datacenterName?.toLowerCase().includes(search) ||
-        item.cpuModel?.toLowerCase().includes(search) ||
-        String(item.vcpu || '').includes(search) ||
-        String(item.ramGb || '').includes(search) ||
-        String(item.diskGb || '').includes(search) ||
-        item.diskType?.toLowerCase().includes(search) ||
-        item.virtualization?.toLowerCase().includes(search)
-      const byProvider = !filters.providerId || item.providerId === filters.providerId
-      const byAccount =
-        !filters.providerAccountId || item.providerAccountId === filters.providerAccountId
-      const byCountry =
-        !filters.country || item.country === filters.country
-      const byOrderAvailable =
-        filters.orderAvailable === 'all' ||
-        (filters.orderAvailable === 'yes' && item.orderAvailable) ||
-        (filters.orderAvailable === 'no' && !item.orderAvailable)
-      return bySearch && byProvider && byAccount && byCountry && byOrderAvailable
-    })
-
-    const sorted = [...filtered].sort((a, b) => {
-      let cmp = 0
-      if (sortBy === 'price') {
-        const pa = parsePrice(a.price)
-        const pb = parsePrice(b.price)
-        const va = convertCurrency(pa.amount, pa.currency, baseCurrency, ratesData)
-        const vb = convertCurrency(pb.amount, pb.currency, baseCurrency, ratesData)
-        cmp = va - vb
-      } else if (['vcpu', 'ramGb', 'diskGb'].includes(sortBy)) {
-        const va = Number(a[sortBy]) || 0
-        const vb = Number(b[sortBy]) || 0
-        cmp = va - vb
-      } else {
-        const va = String(a[sortBy] ?? '').toLowerCase()
-        const vb = String(b[sortBy] ?? '').toLowerCase()
-        cmp = va.localeCompare(vb)
-      }
-      return sortDir === 'asc' ? cmp : -cmp
-    })
-    return sorted
-  }, [db.activeTariffs, filters, sortBy, sortDir, baseCurrency, ratesData])
-
-  const handleSort = (col) => {
-    if (!SORT_COLUMNS.includes(col)) return
-    setSortBy(col)
-    setSortDir((prev) => (sortBy === col && prev === 'asc' ? 'desc' : 'asc'))
-  }
-
-  const accountFilterOptions = useMemo(
-    () =>
-      db.providerAccounts.filter(
-        (account) => !filters.providerId || account.providerId === filters.providerId,
-      ),
-    [db.providerAccounts, filters.providerId],
-  )
-
-  const availableCountries = useMemo(() => {
-    const filtered = db.activeTariffs.filter((item) => {
-      const byProvider = !filters.providerId || item.providerId === filters.providerId
-      const byAccount =
-        !filters.providerAccountId || item.providerAccountId === filters.providerAccountId
-      return byProvider && byAccount && item.country
-    })
-    const countries = [...new Set(filtered.map((t) => t.country).filter(Boolean))].sort()
-    return countries
-  }, [db.activeTariffs, filters.providerId, filters.providerAccountId])
-
-  const onSync = async () => {
-    if (billmanagerAccounts.length === 0) return
-    setSyncLoading(true)
-    setSyncMessage(null)
-    let totalTariffs = 0
-    let lastError = null
-    for (const account of billmanagerAccounts) {
-      try {
-        const result = await syncAccount(account.id, { onlyTariffs: true })
-        if (result.ok) {
-          totalTariffs += result.synced?.tariffsCount ?? 0
-        } else {
-          lastError = result.error
-        }
-      } catch (err) {
-        lastError = err.message
-      }
-    }
-    if (lastError && totalTariffs === 0) {
-      setSyncMessage(lastError)
-    } else {
-      setSyncMessage(
-        totalTariffs > 0
-          ? `Синхронизировано: ${totalTariffs} тарифов${lastError ? `. Ошибки: ${lastError}` : ''}`
-          : lastError
-            ? `Ошибка: ${lastError}`
-            : 'Нет новых тарифов для синхронизации',
-      )
-    }
-    if (totalTariffs > 0) await actions.refreshData()
-    setSyncLoading(false)
-  }
-
-  const resetFilters = () => {
-    setFilters({
-      search: '',
-      providerId: '',
-      providerAccountId: '',
-      country: '',
-      orderAvailable: 'all',
-    })
-  }
-
-  const syncOptionsByAccount = useMemo(() => {
-    const map = {}
-    for (const opt of db.tariffSyncOptions || []) {
-      map[opt.providerAccountId] = opt
-    }
-    return map
-  }, [db.tariffSyncOptions])
-
-  return (
-    <>
-      <PageHeader pretitle="Каталог хостера" title="Активные тарифы" />
-      <div className="row row-cards">
-        <div className="col-12 card-stack">
-          {Object.keys(syncOptionsByAccount).length > 0 ? (
-            <div className="card">
-              <div className="card-header">
-                <h3 className="card-title">
-                  <IconMapPin size={18} className="me-1" />
-                  Доступные датацентры и страны
-                </h3>
-              </div>
-              <div className="card-body">
-                <div className="row g-3">
-                  {Object.entries(syncOptionsByAccount).map(([accountId, opt]) => {
-                    const account = db.providerAccounts.find((a) => a.id === accountId)
-                    const provider = db.providers.find((p) => p.id === account?.providerId)
-                    const dcs = opt.datacenters || []
-                    const periods = opt.periods || []
-                    if (dcs.length === 0) return null
-                    return (
-                      <div key={accountId} className="col-12 col-md-6 col-lg-4">
-                        <div className="border rounded p-3">
-                          <div className="fw-medium mb-2">
-                            {provider?.name} / {account?.name}
-                          </div>
-                          <div className="d-flex flex-wrap gap-1">
-                            {dcs.map((dc) => (
-                              <span
-                                key={dc.k}
-                                className="badge bg-blue-lt"
-                                title={`ID: ${dc.k}`}
-                              >
-                                {dc.v}
-                              </span>
-                            ))}
-                          </div>
-                          {periods.length > 0 ? (
-                            <div className="mt-2 text-secondary small">
-                              Периоды: {periods.map((p) => p.v).join(', ')}
-                            </div>
-                          ) : null}
-                        </div>
-                      </div>
-                    )
-                  })}
-                </div>
-              </div>
-            </div>
-          ) : null}
-          <div className="card">
-            <div className="card-body">
-              <div className="row g-2">
-                <div className="col-xl-3 col-lg-4 col-md-6">
-                  <div className="input-icon">
-                    <span className="input-icon-addon">
-                      <IconSearch size={16} />
-                    </span>
-                    <input {...noBrowserSuggestProps}
-                      className="form-control"
-                      placeholder="Поиск по названию, ресурсам..."
-                      value={filters.search}
-                      onChange={(e) =>
-                        setFilters((prev) => ({ ...prev, search: e.target.value }))
-                      }
-                    />
-                  </div>
-                </div>
-                <div className="col-xl-2 col-lg-4 col-md-6">
-                  <select autoComplete="off"
-                    className="form-select"
-                    value={filters.providerId}
-                    onChange={(e) =>
-                      setFilters((prev) => ({
-                        ...prev,
-                        providerId: e.target.value,
-                        providerAccountId: '',
-                      }))
-                    }
-                  >
-                    <option value="">Все хостеры</option>
-                    {db.providers.map((provider) => (
-                      <option key={provider.id} value={provider.id}>
-                        {provider.name}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-                <div className="col-xl-2 col-lg-4 col-md-6">
-                  <select autoComplete="off"
-                    className="form-select"
-                    value={filters.providerAccountId}
-                    onChange={(e) =>
-                      setFilters((prev) => ({
-                        ...prev,
-                        providerAccountId: e.target.value,
-                      }))
-                    }
-                  >
-                    <option value="">Все аккаунты</option>
-                    {accountFilterOptions.map((account) => (
-                      <option key={account.id} value={account.id}>
-                        {account.name}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-                <div className="col-xl-2 col-lg-4 col-md-6">
-                  <select autoComplete="off"
-                    className="form-select"
-                    value={filters.country}
-                    onChange={(e) =>
-                      setFilters((prev) => ({ ...prev, country: e.target.value }))
-                    }
-                  >
-                    <option value="">Все страны</option>
-                    {availableCountries.map((c) => (
-                      <option key={c} value={c}>
-                        {c}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-                <div className="col-xl-2 col-lg-4 col-md-6">
-                  <select autoComplete="off"
-                    className="form-select"
-                    value={filters.orderAvailable}
-                    onChange={(e) =>
-                      setFilters((prev) => ({ ...prev, orderAvailable: e.target.value }))
-                    }
-                  >
-                    <option value="all">Доступность: все</option>
-                    <option value="yes">Можно заказать</option>
-                    <option value="no">Нельзя заказать</option>
-                  </select>
-                </div>
-                <div className="col-xl-2 col-lg-4 col-md-6">
-                  <button
-                    type="button"
-                    className="btn btn-sm btn-outline-secondary"
-                    onClick={resetFilters}
-                  >
-                    Сбросить
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div className="card">
-            <div className="card-header">
-              <h3 className="card-title">Список тарифов</h3>
-              {syncMessage ? (
-                <div
-                  className={`alert alert-${
-                    syncMessage.startsWith('Синхронизировано')
-                      ? 'success'
-                      : syncMessage.startsWith('Ошибка')
-                        ? 'warning'
-                        : 'secondary'
-                  } py-2 mb-0 me-2`}
-                >
-                  {syncMessage}
-                </div>
-              ) : null}
-              <div className="card-actions">
-                {billmanagerAccounts.length > 0 ? (
-                  <button
-                    type="button"
-                    className="btn btn-primary btn-sm"
-                    onClick={onSync}
-                    disabled={syncLoading}
-                    title="Синхронизировать тарифы из BILLmanager"
-                  >
-                    {syncLoading ? (
-                      <span className="spinner-border spinner-border-sm me-1" role="status" />
-                    ) : (
-                      <IconRefresh size={16} className="me-1" />
-                    )}
-                    Синхронизировать
-                  </button>
-                ) : (
-                  <span className="text-secondary small">
-                    Добавьте аккаунт BILLmanager для синхронизации тарифов
-                  </span>
-                )}
-              </div>
-            </div>
-            <div className="table-responsive">
-              <table className="table card-table table-vcenter">
-                <thead>
-                  <tr>
-                    <SortHeader column="name" onSort={handleSort} sortBy={sortBy} sortDir={sortDir}>Тариф</SortHeader>
-                    <th>Хостер / Аккаунт</th>
-                    <SortHeader column="vcpu" onSort={handleSort} sortBy={sortBy} sortDir={sortDir}>vCPU</SortHeader>
-                    <SortHeader column="ramGb" onSort={handleSort} sortBy={sortBy} sortDir={sortDir}>RAM</SortHeader>
-                    <SortHeader column="diskGb" onSort={handleSort} sortBy={sortBy} sortDir={sortDir}>Диск</SortHeader>
-                    <SortHeader column="diskType" onSort={handleSort} sortBy={sortBy} sortDir={sortDir}>Тип диска</SortHeader>
-                    <SortHeader column="virtualization" onSort={handleSort} sortBy={sortBy} sortDir={sortDir}>Виртуализация</SortHeader>
-                    <SortHeader column="channel" onSort={handleSort} sortBy={sortBy} sortDir={sortDir}>Канал</SortHeader>
-                    <SortHeader column="country" onSort={handleSort} sortBy={sortBy} sortDir={sortDir}>Страна</SortHeader>
-                    <SortHeader column="location" onSort={handleSort} sortBy={sortBy} sortDir={sortDir}>Локация</SortHeader>
-                    <th>CPU</th>
-                    <SortHeader column="price" onSort={handleSort} sortBy={sortBy} sortDir={sortDir}>Цена</SortHeader>
-                    <th>₽/vCPU</th>
-                    <th>₽/GB RAM</th>
-                    <th>₽/GB диск</th>
-                    <th>Заказ</th>
-                    <th>Панель</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  {filteredAndSortedTariffs.map((item) => {
-                    const provider = db.providers.find((p) => p.id === item.providerId)
-                    const account = db.providerAccounts.find(
-                      (a) => a.id === item.providerAccountId,
-                    )
-                    const { amount: priceAmount, currency: priceCurrency } = parsePrice(item.price)
-                    const priceInBase = convertCurrency(priceAmount, priceCurrency, baseCurrency, ratesData)
-                    const vcpu = Number(item.vcpu) || 0
-                    const ramGb = Number(item.ramGb) || 0
-                    const diskGb = Number(item.diskGb) || 0
-                    const pricePerVcpu = vcpu > 0 ? priceInBase / vcpu : null
-                    const pricePerRam = ramGb > 0 ? priceInBase / ramGb : null
-                    const pricePerDisk = diskGb > 0 ? priceInBase / diskGb : null
-                    return (
-                      <tr key={item.id}>
-                        <td>
-                          <div className="d-flex align-items-center gap-2">
-                            <span className="avatar avatar-sm bg-blue-lt">
-                              <IconServer size={16} />
-                            </span>
-                            <div>
-                              <div className="fw-medium">{item.name || '—'}</div>
-                              {item.desc ? (
-                                <div
-                                  className="text-secondary small text-truncate"
-                                  style={{ maxWidth: 280 }}
-                                  title={item.desc}
-                                >
-                                  {item.desc}
-                                </div>
-                              ) : null}
-                            </div>
-                          </div>
-                        </td>
-                        <td>
-                          <div className="d-flex align-items-center gap-2">
-                            {faviconUrlFromWebsite(provider?.website) ? (
-                              <img
-                                src={faviconUrlFromWebsite(provider?.website)}
-                                alt=""
-                                width="16"
-                                height="16"
-                                className="rounded"
-                              />
-                            ) : null}
-                            <span>{provider?.name || '—'}</span>
-                          </div>
-                          <div className="text-secondary small">{account?.name || '—'}</div>
-                        </td>
-                        <td>
-                          <span className="badge bg-azure-lt">{item.vcpu || '—'}</span>
-                        </td>
-                        <td>
-                          <span className="badge bg-lime-lt">
-                            {item.ramGb ? `${item.ramGb} GB` : '—'}
-                          </span>
-                        </td>
-                        <td>
-                          <span className="badge bg-orange-lt">
-                            {item.diskGb ? `${item.diskGb} GB` : '—'}
-                          </span>
-                        </td>
-                        <td>{item.diskType || '—'}</td>
-                        <td>{item.virtualization || '—'}</td>
-                        <td>{item.channel || '—'}</td>
-                        <td>
-                          {item.country ? (
-                            <span className="badge bg-cyan-lt">{item.country}</span>
-                          ) : (
-                            '—'
-                          )}
-                        </td>
-                        <td>{item.location || item.datacenterName || '—'}</td>
-                        <td>
-                          {item.cpuModel ? (
-                            <span className="text-secondary small" title={item.cpuModel}>
-                              {item.cpuModel.length > 20 ? `${item.cpuModel.slice(0, 20)}…` : item.cpuModel}
-                            </span>
-                          ) : (
-                            '—'
-                          )}
-                        </td>
-                        <td>
-                          <span
-                            className={
-                              item.orderAvailable ? 'text-success' : 'text-secondary'
-                            }
-                          >
-                            {item.price || '—'}
-                          </span>
-                        </td>
-                        <td>
-                          <span className="text-secondary small">
-                            {pricePerVcpu != null
-                              ? formatCurrency(pricePerVcpu, baseCurrency)
-                              : '—'}
-                          </span>
-                        </td>
-                        <td>
-                          <span className="text-secondary small">
-                            {pricePerRam != null
-                              ? formatCurrency(pricePerRam, baseCurrency)
-                              : '—'}
-                          </span>
-                        </td>
-                        <td>
-                          <span className="text-secondary small">
-                            {pricePerDisk != null
-                              ? formatCurrency(pricePerDisk, baseCurrency)
-                              : '—'}
-                          </span>
-                        </td>
-                        <td>
-                          <span
-                            className={`badge ${
-                              item.orderAvailable ? 'bg-green-lt text-green' : 'bg-secondary-lt'
-                            }`}
-                          >
-                            {item.orderAvailable ? 'Да' : 'Нет'}
-                          </span>
-                        </td>
-                        <td>
-                          {normalizeWebsiteUrl(account?.panelUrl || provider?.website) ? (
-                            <a
-                              href={normalizeWebsiteUrl(account?.panelUrl || provider?.website)}
-                              target="_blank"
-                              rel="noreferrer"
-                              className="btn btn-sm btn-outline-secondary"
-                            >
-                              Открыть
-                            </a>
-                          ) : (
-                            <span className="text-secondary">—</span>
-                          )}
-                        </td>
-                      </tr>
-                    )
-                  })}
-                  {filteredAndSortedTariffs.length === 0 ? (
-                    <EmptyState
-                      message={
-                        db.activeTariffs.length === 0
-                          ? 'Нет данных. Синхронизируйте тарифы из BILLmanager.'
-                          : 'По фильтрам ничего не найдено'
-                      }
-                      colSpan={17}
-                    />
-                  ) : null}
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  )
-}
diff --git a/src/pages/VpsPage.jsx b/src/pages/VpsPage.jsx
deleted file mode 100644
index 8ec339e..0000000
--- a/src/pages/VpsPage.jsx
+++ /dev/null
@@ -1,1804 +0,0 @@
-import { Fragment, useMemo, useState } from 'react'
-import { Link, useSearchParams } from 'react-router-dom'
-import {
-  convertCurrency,
-  effectiveVpsTariffCurrency,
-  faviconUrlFromWebsite,
-  formatCurrency,
-  getCountryFlagEmoji,
-  normalizeWebsiteUrl,
-  tariffTypeLabel,
-  vpsStatusLabel,
-} from '../lib/utils'
-import {
-  IconEdit,
-  IconFilter,
-  IconMapPin,
-  IconPlus,
-  IconRefresh,
-  IconSearch,
-  IconServer,
-  IconTrash,
-} from '@tabler/icons-react'
-import { syncAccount, bulkUpdateVps } from '../lib/api'
-import { UiModal } from '../components/UiModal'
-import { ConvertedAmount } from '../components/ConvertedAmount'
-import { EmptyState } from '../components/EmptyState'
-import { PageHeader } from '../components/PageHeader'
-import { ProjectSuggestInput } from '../components/ProjectSuggestInput'
-import { noBrowserSuggestProps } from '../lib/noBrowserSuggestProps'
-import { getPaidUntilDate as computePaidUntilForHealth } from '../lib/paid-until'
-import { billmanagerSyncableAccounts } from '../lib/billmanager-ui'
-import { accountSelectLabel } from '../lib/account-select-label'
-
-const emptyForm = {
-  ip: '',
-  ipv6: '',
-  additionalIpsText: '',
-  dns: '',
-  providerId: '',
-  providerAccountId: '',
-  country: '',
-  city: '',
-  datacenter: '',
-  os: '',
-  vcpu: '',
-  ramGb: '',
-  diskGb: '',
-  diskType: 'NVMe',
-  virtualization: 'KVM',
-  bandwidthTb: '',
-  sshPort: '22',
-  rootUser: 'root',
-  purpose: '',
-  environment: 'prod',
-  project: '',
-  monitoringEnabled: true,
-  backupEnabled: false,
-  status: 'active',
-  tariffType: 'monthly',
-  currency: '',
-  dailyRate: '',
-  monthlyRate: '',
-  createdAt: new Date().toISOString().slice(0, 10),
-  paidUntil: '',
-  notes: '',
-  resetToApi: false,
-}
-
-const VPS_FILTER_PRESETS_KEY = 'vps-tracker:vps-filter-presets'
-
-function loadFilterPresets() {
-  try {
-    const raw = localStorage.getItem(VPS_FILTER_PRESETS_KEY)
-    if (!raw) return []
-    const parsed = JSON.parse(raw)
-    return Array.isArray(parsed) ? parsed : []
-  } catch {
-    return []
-  }
-}
-
-function vpsMonthlyEstimateInBase(item, baseCurrency, ratesData, providerById) {
-  if (item.status !== 'active') return 0
-  const tariffType = item.tariffType || (Number(item.dailyRate || 0) > 0 ? 'daily' : 'monthly')
-  const amount =
-    tariffType === 'daily'
-      ? Number(item.dailyRate || 0) * 30
-      : Number(item.monthlyRate || 0)
-  const provider = providerById.get(item.providerId)
-  const cur = effectiveVpsTariffCurrency(item, provider)
-  return convertCurrency(amount, cur, baseCurrency, ratesData)
-}
-
-function buildDefaultVpsFilters(customFields) {
-  return {
-    search: '',
-    providerId: '',
-    providerAccountId: '',
-    country: '',
-    city: '',
-    datacenter: '',
-    status: 'all',
-    environment: 'all',
-    tariffType: 'all',
-    monitoring: 'all',
-    backup: 'all',
-    minVcpu: '',
-    minRamGb: '',
-    minDiskGb: '',
-    project: '',
-    groupByProject: false,
-    tableCompact: false,
-    ...customFields.reduce((acc, f) => {
-      acc[f.key] = ''
-      return acc
-    }, {}),
-  }
-}
-
-export function VpsPage({ db, actions, settings, ratesData }) {
-  const [searchParams] = useSearchParams()
-  const healthKey = (searchParams.get('health') || '').trim()
-
-  const customFields = Array.isArray(settings?.[0]?.customFields) ? settings[0].customFields : []
-  const [form, setForm] = useState(emptyForm)
-  const [editingId, setEditingId] = useState(null)
-  const [isModalOpen, setIsModalOpen] = useState(false)
-  const [viewMode, setViewMode] = useState('basic')
-  const [showAdvancedFilters, setShowAdvancedFilters] = useState(false)
-  const [syncLoading, setSyncLoading] = useState(false)
-  const [syncMessage, setSyncMessage] = useState(null)
-  const [selectedIds, setSelectedIds] = useState(new Set())
-  const [bulkLoading, setBulkLoading] = useState(false)
-  const [bulkProjectValue, setBulkProjectValue] = useState('')
-  const [filterPresets, setFilterPresets] = useState(loadFilterPresets)
-
-  const baseCurrency = settings?.[0]?.baseCurrency || 'RUB'
-
-  const billmanagerAccounts = useMemo(
-    () => billmanagerSyncableAccounts(db.providerAccounts, db.providers),
-    [db.providerAccounts, db.providers],
-  )
-
-  const providerById = useMemo(
-    () => new Map(db.providers.map((p) => [p.id, p])),
-    [db.providers],
-  )
-  const [filters, setFilters] = useState({
-    search: '',
-    providerId: '',
-    providerAccountId: '',
-    country: '',
-    city: '',
-    datacenter: '',
-    status: 'all',
-    environment: 'all',
-    tariffType: 'all',
-    monitoring: 'all',
-    backup: 'all',
-    minVcpu: '',
-    minRamGb: '',
-    minDiskGb: '',
-    project: '',
-    groupByProject: false,
-    tableCompact: false,
-  })
-
-  const healthPredicate = useMemo(() => {
-    if (!healthKey) return null
-    const todayStart = new Date()
-    todayStart.setHours(0, 0, 0, 0)
-    const ctx = {
-      vps: db.vps,
-      providerAccounts: db.providerAccounts,
-      payments: db.payments,
-      balanceLedger: db.balanceLedger,
-    }
-    if (healthKey === 'no-project') {
-      return (item) => item.status === 'active' && !(item.project || '').trim()
-    }
-    if (healthKey === 'no-rate') {
-      return (item) => {
-        if (item.status !== 'active') return false
-        const dr = Number(item.dailyRate || 0)
-        const mr = Number(item.monthlyRate || 0)
-        const noMoney =
-          (!Number.isFinite(dr) || dr <= 0) && (!Number.isFinite(mr) || mr <= 0)
-        const prov = providerById.get(item.providerId)
-        const noCur =
-          !(item.currency || '').trim() && !(prov?.baseCurrency || '').trim()
-        return noMoney || noCur
-      }
-    }
-    if (healthKey === 'paid-overdue') {
-      return (item) => {
-        if (item.status !== 'active') return false
-        const d = computePaidUntilForHealth(item, ctx)
-        return Boolean(d && d < todayStart)
-      }
-    }
-    return null
-  }, [healthKey, db.vps, db.providerAccounts, db.payments, db.balanceLedger, providerById])
-
-  const filteredVps = useMemo(() => {
-    return db.vps.filter((item) => {
-      if (healthPredicate && !healthPredicate(item)) return false
-      const search = filters.search.toLowerCase()
-      const extraIps = Array.isArray(item.additionalIps) ? item.additionalIps.join(' ') : ''
-      const minVcpu = Number(filters.minVcpu || 0)
-      const minRamGb = Number(filters.minRamGb || 0)
-      const minDiskGb = Number(filters.minDiskGb || 0)
-      const bySearch =
-        !search ||
-        item.ip?.toLowerCase().includes(search) ||
-        item.dns?.toLowerCase().includes(search) ||
-        item.ipv6?.toLowerCase().includes(search) ||
-        extraIps.toLowerCase().includes(search) ||
-        item.project?.toLowerCase().includes(search) ||
-        item.purpose?.toLowerCase().includes(search) ||
-        item.os?.toLowerCase().includes(search)
-      const byProvider = !filters.providerId || item.providerId === filters.providerId
-      const byAccount =
-        !filters.providerAccountId || item.providerAccountId === filters.providerAccountId
-      const byCountry =
-        !filters.country || item.country?.toLowerCase().includes(filters.country.toLowerCase())
-      const byCity = !filters.city || item.city?.toLowerCase().includes(filters.city.toLowerCase())
-      const byDatacenter =
-        !filters.datacenter ||
-        item.datacenter?.toLowerCase().includes(filters.datacenter.toLowerCase())
-      const byStatus = filters.status === 'all' || item.status === filters.status
-      const byEnvironment =
-        filters.environment === 'all' || item.environment === filters.environment
-      const byTariff = filters.tariffType === 'all' || item.tariffType === filters.tariffType
-      const byMonitoring =
-        filters.monitoring === 'all' ||
-        (filters.monitoring === 'on' ? item.monitoringEnabled : !item.monitoringEnabled)
-      const byBackup =
-        filters.backup === 'all' ||
-        (filters.backup === 'on' ? item.backupEnabled : !item.backupEnabled)
-      const byCpu = !minVcpu || Number(item.vcpu || 0) >= minVcpu
-      const byRam = !minRamGb || Number(item.ramGb || 0) >= minRamGb
-      const byDisk = !minDiskGb || Number(item.diskGb || 0) >= minDiskGb
-      const proj = (item.project || '').trim()
-      const byProject =
-        !filters.project ||
-        (filters.project === '__none__' ? !proj : proj === filters.project)
-      const byCustomFields = customFields.every((f) => {
-        const filterVal = (filters[f.key] || '').trim().toLowerCase()
-        if (!filterVal) return true
-        const itemVal = (item[f.key] || '').toLowerCase()
-        return itemVal.includes(filterVal)
-      })
-      return (
-        bySearch &&
-        byProvider &&
-        byAccount &&
-        byCountry &&
-        byCity &&
-        byDatacenter &&
-        byStatus &&
-        byEnvironment &&
-        byTariff &&
-        byMonitoring &&
-        byBackup &&
-        byCustomFields &&
-        byCpu &&
-        byRam &&
-        byDisk &&
-        byProject
-      )
-    })
-  }, [db.vps, filters, customFields, healthPredicate])
-
-  const projectNameOptions = useMemo(() => {
-    const names = new Set()
-    for (const p of db.serverProjects || []) {
-      if ((p.name || '').trim()) names.add(p.name.trim())
-    }
-    for (const v of db.vps) {
-      const p = (v.project || '').trim()
-      if (p) names.add(p)
-    }
-    return [...names].sort((a, b) => a.localeCompare(b, 'ru'))
-  }, [db.serverProjects, db.vps])
-
-  const tableSections = useMemo(() => {
-    if (!filters.groupByProject) {
-      return [
-        {
-          key: '_flat',
-          label: null,
-          items: filteredVps,
-          count: filteredVps.length,
-          forecast: filteredVps.reduce(
-            (acc, item) => acc + vpsMonthlyEstimateInBase(item, baseCurrency, ratesData, providerById),
-            0,
-          ),
-        },
-      ]
-    }
-    const map = new Map()
-    for (const item of filteredVps) {
-      const key = (item.project || '').trim() || '__none__'
-      if (!map.has(key)) map.set(key, [])
-      map.get(key).push(item)
-    }
-    const keys = [...map.keys()].sort((a, b) => {
-      if (a === '__none__') return 1
-      if (b === '__none__') return -1
-      return a.localeCompare(b, 'ru')
-    })
-    return keys.map((key) => {
-      const items = map.get(key)
-      const forecast = items.reduce(
-        (acc, item) => acc + vpsMonthlyEstimateInBase(item, baseCurrency, ratesData, providerById),
-        0,
-      )
-      return {
-        key,
-        label: key === '__none__' ? 'Без проекта' : key,
-        items,
-        count: items.length,
-        forecast,
-      }
-    })
-  }, [filteredVps, filters.groupByProject, baseCurrency, ratesData, providerById])
-
-  const tableColCount = 8 + (viewMode === 'extended' ? 16 + customFields.length : 0)
-
-  const accountFilterOptions = useMemo(
-    () =>
-      db.providerAccounts.filter(
-        (account) => !filters.providerId || account.providerId === filters.providerId,
-      ),
-    [db.providerAccounts, filters.providerId],
-  )
-
-  const activeFiltersCount = useMemo(() => {
-    return Object.entries(filters).filter(([key, value]) => {
-      if (key === 'search') {
-        return Boolean(value)
-      }
-      if (['status', 'environment', 'tariffType', 'monitoring', 'backup'].includes(key)) {
-        return value !== 'all'
-      }
-      if (customFields.some((f) => f.key === key)) {
-        return Boolean(value)
-      }
-      if (key === 'project') {
-        return Boolean(value)
-      }
-      if (key === 'groupByProject' || key === 'tableCompact') {
-        return false
-      }
-      return Boolean(value)
-    }).length
-  }, [filters, customFields])
-
-  const accountOptions = db.providerAccounts.filter(
-    (account) => !form.providerId || account.providerId === form.providerId,
-  )
-
-  const onSubmit = (event) => {
-    event.preventDefault()
-    if (!form.ip.trim() || !form.providerId || !form.providerAccountId) {
-      return
-    }
-    const { additionalIpsText: _additionalIpsText, resetToApi, ...restForm } = form
-    const additionalIps = form.additionalIpsText
-      .split(/\r?\n|,/)
-      .map((value) => value.trim())
-      .filter(Boolean)
-    const customFieldValues = {}
-    customFields.forEach((f) => {
-      customFieldValues[f.key] = form[f.key] ?? ''
-    })
-    const payload = {
-      ...restForm,
-      ...customFieldValues,
-      additionalIps,
-      dailyRate: form.tariffType === 'daily' ? form.dailyRate : '',
-      monthlyRate: form.tariffType === 'monthly' ? form.monthlyRate : '',
-    }
-    if (resetToApi) {
-      payload.userOverrides = 'clear'
-    }
-    if (editingId) {
-      actions.update('vps', editingId, payload)
-    } else {
-      actions.create('vps', payload)
-    }
-    setEditingId(null)
-    setForm(emptyForm)
-    setIsModalOpen(false)
-  }
-
-  const onEdit = (vps) => {
-    setForm({
-      ip: vps.ip || '',
-      ipv6: vps.ipv6 || '',
-      additionalIpsText: Array.isArray(vps.additionalIps) ? vps.additionalIps.join('\n') : '',
-      dns: vps.dns || '',
-      providerId: vps.providerId || '',
-      providerAccountId: vps.providerAccountId || '',
-      country: vps.country || '',
-      city: vps.city || '',
-      datacenter: vps.datacenter || '',
-      os: vps.os || '',
-      vcpu: vps.vcpu || '',
-      ramGb: vps.ramGb || '',
-      diskGb: vps.diskGb || '',
-      diskType: vps.diskType || 'NVMe',
-      virtualization: vps.virtualization || 'KVM',
-      bandwidthTb: vps.bandwidthTb || '',
-      sshPort: vps.sshPort || '22',
-      rootUser: vps.rootUser || 'root',
-      purpose: vps.purpose || '',
-      environment: vps.environment || 'prod',
-      project: vps.project || '',
-      monitoringEnabled: vps.monitoringEnabled !== false,
-      backupEnabled: vps.backupEnabled === true,
-      status: vps.status || 'active',
-      tariffType:
-        vps.tariffType || (Number(vps.dailyRate || 0) > 0 ? 'daily' : 'monthly'),
-      currency: vps.currency || '',
-      dailyRate: vps.dailyRate || '',
-      monthlyRate: vps.monthlyRate || '',
-      createdAt: vps.createdAt || '',
-      paidUntil: vps.paidUntil || '',
-      notes: vps.notes || '',
-      resetToApi: false,
-      ...customFields.reduce((acc, f) => {
-        acc[f.key] = vps[f.key] ?? ''
-        return acc
-      }, {}),
-    })
-    setEditingId(vps.id)
-    setIsModalOpen(true)
-  }
-
-  const getAccountBalance = (providerAccountId) => {
-    const account = db.providerAccounts?.find((a) => a.id === providerAccountId)
-    if (account?.balance_api != null && Number.isFinite(Number(account.balance_api))) {
-      return Number(account.balance_api)
-    }
-    const rows = db.balanceLedger.filter((row) => row.providerAccountId === providerAccountId)
-    const credits = rows
-      .filter((row) => row.direction === 'credit')
-      .reduce((acc, row) => acc + Number(row.amount || 0), 0)
-    const debits = rows
-      .filter((row) => row.direction === 'debit')
-      .reduce((acc, row) => acc + Number(row.amount || 0), 0)
-    return credits - debits
-  }
-
-  const getPaidUntilDate = (item) => {
-    if (item.status !== 'active') {
-      return '-'
-    }
-    const account = db.providerAccounts?.find((a) => a.id === item.providerAccountId)
-    const tariffType = item.tariffType || (Number(item.dailyRate || 0) > 0 ? 'daily' : 'monthly')
-    const isDailyBilling = tariffType === 'daily' || account?.billingMode === 'daily'
-
-    let paidUntilFromApi = null
-    if (item.paidUntil) {
-      try {
-        const d = new Date(item.paidUntil)
-        paidUntilFromApi = Number.isNaN(d.getTime()) ? null : d
-      } catch {
-        paidUntilFromApi = null
-      }
-    }
-
-    const now = new Date()
-    const isPaidUntilNextDay =
-      paidUntilFromApi &&
-      (() => {
-        const today = new Date(now.getFullYear(), now.getMonth(), now.getDate())
-        const diffMs = paidUntilFromApi - today
-        const diffDays = Math.round(diffMs / (24 * 60 * 60 * 1000))
-        return diffDays >= 0 && diffDays <= 2
-      })()
-
-    const shouldCalculateFromBalance = isDailyBilling || isPaidUntilNextDay
-
-    if (!shouldCalculateFromBalance && paidUntilFromApi) {
-      return paidUntilFromApi.toLocaleDateString('ru-RU')
-    }
-
-    const dailyRate = Number(item.dailyRate || 0)
-    const monthlyRate = Number(item.monthlyRate || 0)
-    const burnRate = tariffType === 'daily' ? dailyRate : monthlyRate / 30
-    if (!Number.isFinite(burnRate) || burnRate <= 0) {
-      return paidUntilFromApi ? paidUntilFromApi.toLocaleDateString('ru-RU') : '-'
-    }
-
-    const directPayments = db.payments
-      .filter((payment) => payment.vpsId === item.id && payment.type === 'direct_vps_payment')
-      .reduce((acc, payment) => acc + Number(payment.amount || 0), 0)
-
-    const accountBalance = getAccountBalance(item.providerAccountId)
-    const activeInAccount = db.vps.filter(
-      (vps) => vps.providerAccountId === item.providerAccountId && vps.status === 'active',
-    ).length
-    const allocatedBalance = activeInAccount > 0 ? Math.max(0, accountBalance) / activeInAccount : 0
-
-    const funds = directPayments + allocatedBalance
-    const coveredDays = Math.floor(funds / burnRate)
-    if (!Number.isFinite(coveredDays) || coveredDays <= 0) {
-      return paidUntilFromApi ? paidUntilFromApi.toLocaleDateString('ru-RU') : '-'
-    }
-
-    const paidUntil = new Date()
-    paidUntil.setDate(paidUntil.getDate() + coveredDays)
-    return paidUntil.toLocaleDateString('ru-RU')
-  }
-
-  const activeTariffAmount = (item) =>
-    (item.tariffType || (Number(item.dailyRate || 0) > 0 ? 'daily' : 'monthly')) === 'daily'
-      ? Number(item.dailyRate || 0)
-      : Number(item.monthlyRate || 0)
-
-  const nearlyEqual = (a, b, epsilon = 0.0001) => Math.abs(Number(a || 0) - Number(b || 0)) < epsilon
-
-  const onSync = async () => {
-    if (billmanagerAccounts.length === 0) return
-    setSyncLoading(true)
-    setSyncMessage(null)
-    let totalVps = 0
-    let totalPayments = 0
-    let lastError = null
-    for (const account of billmanagerAccounts) {
-      try {
-        const result = await syncAccount(account.id)
-        if (result.ok) {
-          totalVps += result.synced?.vpsCount ?? 0
-          totalPayments += result.synced?.paymentsCount ?? 0
-        } else {
-          lastError = result.error
-        }
-      } catch (err) {
-        lastError = err.message
-      }
-    }
-    if (lastError && totalVps === 0 && totalPayments === 0) {
-      setSyncMessage(lastError)
-    } else {
-      const parts = []
-      if (totalVps > 0) parts.push(`${totalVps} VPS`)
-      if (totalPayments > 0) parts.push(`${totalPayments} платежей`)
-      setSyncMessage(`Синхронизировано: ${parts.join(', ')}${lastError ? `. Ошибки: ${lastError}` : ''}`)
-    }
-    if (totalVps > 0 || totalPayments > 0) await actions.refreshData()
-    setSyncLoading(false)
-  }
-
-  const toggleSelectAll = () => {
-    if (selectedIds.size === filteredVps.length) {
-      setSelectedIds(new Set())
-    } else {
-      setSelectedIds(new Set(filteredVps.map((v) => v.id)))
-    }
-  }
-
-  const toggleSelect = (id) => {
-    setSelectedIds((prev) => {
-      const next = new Set(prev)
-      if (next.has(id)) next.delete(id)
-      else next.add(id)
-      return next
-    })
-  }
-
-  const onBulkStatus = async (status) => {
-    const ids = [...selectedIds]
-    if (ids.length === 0) return
-    setBulkLoading(true)
-    try {
-      await bulkUpdateVps(ids, 'status', status)
-      setSelectedIds(new Set())
-      await actions.refreshData()
-    } catch (err) {
-      setSyncMessage(err.message || 'Ошибка массового обновления')
-    } finally {
-      setBulkLoading(false)
-    }
-  }
-
-  const onBulkDelete = async () => {
-    const ids = [...selectedIds]
-    if (ids.length === 0) return
-    if (!window.confirm(`Удалить ${ids.length} VPS?`)) return
-    setBulkLoading(true)
-    try {
-      await bulkUpdateVps(ids, 'delete')
-      setSelectedIds(new Set())
-      await actions.refreshData()
-    } catch (err) {
-      setSyncMessage(err.message || 'Ошибка массового удаления')
-    } finally {
-      setBulkLoading(false)
-    }
-  }
-
-  const onBulkProject = async () => {
-    const ids = [...selectedIds]
-    if (ids.length === 0) return
-    setBulkLoading(true)
-    try {
-      await bulkUpdateVps(ids, 'project', bulkProjectValue)
-      setBulkProjectValue('')
-      setSelectedIds(new Set())
-      await actions.refreshData()
-    } catch (err) {
-      setSyncMessage(err.message || 'Ошибка назначения проекта')
-    } finally {
-      setBulkLoading(false)
-    }
-  }
-
-  const resetFilters = () => {
-    setFilters(buildDefaultVpsFilters(customFields))
-  }
-
-  const persistFilterPresets = (next) => {
-    setFilterPresets(next)
-    localStorage.setItem(VPS_FILTER_PRESETS_KEY, JSON.stringify(next))
-  }
-
-  const applyFilterPreset = (preset) => {
-    if (!preset?.filters) return
-    setFilters({ ...buildDefaultVpsFilters(customFields), ...preset.filters })
-  }
-
-  const saveCurrentFilterPreset = () => {
-    const name = window.prompt('Имя пресета фильтров')
-    if (!name?.trim()) return
-    const trimmed = name.trim()
-    const next = [...filterPresets.filter((p) => p.name !== trimmed), { name: trimmed, filters: { ...filters } }]
-    persistFilterPresets(next)
-  }
-
-  const deleteFilterPresetByName = () => {
-    const name = window.prompt('Имя пресета для удаления')
-    if (!name?.trim()) return
-    const trimmed = name.trim()
-    persistFilterPresets(filterPresets.filter((p) => p.name !== trimmed))
-  }
-
-  return (
-    <>
-      <PageHeader pretitle="Управление инфраструктурой" title="VPS серверы" />
-      {healthKey && healthPredicate ? (
-        <div className="alert alert-info d-flex align-items-center justify-content-between flex-wrap gap-2">
-          <span>Показаны только VPS по замечанию с дашборда ({healthKey}).</span>
-          <Link to="/vps" className="btn btn-sm btn-outline-primary">
-            Сбросить ссылку
-          </Link>
-        </div>
-      ) : null}
-      {healthKey && !healthPredicate ? (
-        <div className="alert alert-warning">
-          Неизвестный параметр health=&quot;{healthKey}&quot;.{' '}
-          <Link to="/vps">К полному списку</Link>
-        </div>
-      ) : null}
-      <div className="row row-cards">
-      <div className="col-12 card-stack">
-        <div className="card">
-          <div className="card-body">
-            <div className="d-flex align-items-center justify-content-between mb-2">
-              <div className="text-secondary small">Активных фильтров: {activeFiltersCount}</div>
-              <div className="d-flex gap-2">
-                <button
-                  type="button"
-                  className="btn btn-sm btn-outline-primary"
-                  onClick={() => setShowAdvancedFilters((prev) => !prev)}
-                >
-                  {showAdvancedFilters ? 'Скрыть фильтры' : 'Показать фильтры'}
-                </button>
-                <button type="button" className="btn btn-sm btn-outline-secondary" onClick={resetFilters}>
-                  Сбросить
-                </button>
-              </div>
-            </div>
-            <div className="row g-2">
-              <div className="col-xl-3 col-lg-4 col-md-6">
-                <div className="input-icon">
-                  <span className="input-icon-addon">
-                    <IconSearch size={16} />
-                  </span>
-                  <input {...noBrowserSuggestProps}
-                    className="form-control"
-                    placeholder="Поиск IP / DNS"
-                    value={filters.search}
-                    onChange={(e) =>
-                      setFilters((prev) => ({
-                        ...prev,
-                        search: e.target.value,
-                      }))
-                    }
-                  />
-                </div>
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <select autoComplete="off"
-                  className="form-select"
-                  value={filters.project}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, project: e.target.value }))}
-                  aria-label="Фильтр по проекту"
-                >
-                  <option value="">Все проекты</option>
-                  <option value="__none__">Без проекта</option>
-                  {projectNameOptions.map((name) => (
-                    <option key={name} value={name}>
-                      {name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              {showAdvancedFilters ? (
-                <>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <select autoComplete="off"
-                  className="form-select"
-                  value={filters.providerId}
-                  onChange={(e) =>
-                    setFilters((prev) => ({
-                      ...prev,
-                      providerId: e.target.value,
-                      providerAccountId: '',
-                    }))
-                  }
-                >
-                  <option value="">Все хостеры</option>
-                  {db.providers.map((provider) => (
-                    <option key={provider.id} value={provider.id}>
-                      {provider.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <select autoComplete="off"
-                  className="form-select"
-                  value={filters.providerAccountId}
-                  onChange={(e) =>
-                    setFilters((prev) => ({
-                      ...prev,
-                      providerAccountId: e.target.value,
-                    }))
-                  }
-                >
-                  <option value="">Все аккаунты</option>
-                  {accountFilterOptions.map((account) => (
-                    <option key={account.id} value={account.id}>
-                      {accountSelectLabel(account, providerById, filters.providerId)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <select autoComplete="off"
-                  className="form-select"
-                  value={filters.status}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, status: e.target.value }))}
-                >
-                  <option value="all">Любой статус</option>
-                  <option value="active">Активен</option>
-                  <option value="paused">Приостановлен</option>
-                  <option value="archived">Архив</option>
-                </select>
-              </div>
-              <div className="col-xl-3 col-lg-4 col-md-6">
-                <select autoComplete="off"
-                  className="form-select"
-                  value={filters.environment}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, environment: e.target.value }))}
-                >
-                  <option value="all">Любое окружение</option>
-                  <option value="prod">prod</option>
-                  <option value="stage">stage</option>
-                  <option value="dev">dev</option>
-                  <option value="test">test</option>
-                </select>
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <select autoComplete="off"
-                  className="form-select"
-                  value={filters.tariffType}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, tariffType: e.target.value }))}
-                >
-                  <option value="all">Любой тариф</option>
-                  <option value="daily">Суточный</option>
-                  <option value="monthly">Месячный</option>
-                </select>
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <select autoComplete="off"
-                  className="form-select"
-                  value={filters.monitoring}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, monitoring: e.target.value }))}
-                >
-                  <option value="all">Мониторинг: любой</option>
-                  <option value="on">Мониторинг: вкл</option>
-                  <option value="off">Мониторинг: выкл</option>
-                </select>
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <select autoComplete="off"
-                  className="form-select"
-                  value={filters.backup}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, backup: e.target.value }))}
-                >
-                  <option value="all">Бэкап: любой</option>
-                  <option value="on">Бэкап: вкл</option>
-                  <option value="off">Бэкап: выкл</option>
-                </select>
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <div className="input-icon">
-                  <span className="input-icon-addon">
-                    <IconFilter size={16} />
-                  </span>
-                  <input {...noBrowserSuggestProps}
-                    className="form-control"
-                    placeholder="Страна"
-                    value={filters.country}
-                    onChange={(e) =>
-                      setFilters((prev) => ({
-                        ...prev,
-                        country: e.target.value,
-                      }))
-                    }
-                  />
-                </div>
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <div className="input-icon">
-                  <span className="input-icon-addon">
-                    <IconMapPin size={16} />
-                  </span>
-                  <input {...noBrowserSuggestProps}
-                    className="form-control"
-                    placeholder="Город"
-                    value={filters.city}
-                    onChange={(e) =>
-                      setFilters((prev) => ({
-                        ...prev,
-                        city: e.target.value,
-                      }))
-                    }
-                  />
-                </div>
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  placeholder="ДЦ"
-                  value={filters.datacenter}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, datacenter: e.target.value }))}
-                />
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <input {...noBrowserSuggestProps}
-                  type="number"
-                  min="0"
-                  className="form-control"
-                  placeholder="vCPU от"
-                  value={filters.minVcpu}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, minVcpu: e.target.value }))}
-                />
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <input {...noBrowserSuggestProps}
-                  type="number"
-                  min="0"
-                  className="form-control"
-                  placeholder="RAM от, GB"
-                  value={filters.minRamGb}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, minRamGb: e.target.value }))}
-                />
-              </div>
-              <div className="col-xl-2 col-lg-4 col-md-6">
-                <input {...noBrowserSuggestProps}
-                  type="number"
-                  min="0"
-                  className="form-control"
-                  placeholder="Диск от, GB"
-                  value={filters.minDiskGb}
-                  onChange={(e) => setFilters((prev) => ({ ...prev, minDiskGb: e.target.value }))}
-                />
-              </div>
-              {customFields.map((f) => (
-                <div key={f.key} className="col-xl-2 col-lg-4 col-md-6">
-                  <input {...noBrowserSuggestProps}
-                    className="form-control"
-                    placeholder={f.label}
-                    value={filters[f.key] ?? ''}
-                    onChange={(e) => setFilters((prev) => ({ ...prev, [f.key]: e.target.value }))}
-                  />
-                </div>
-              ))}
-                </>
-              ) : null}
-            </div>
-            <div className="row g-2 mt-2 align-items-center flex-wrap">
-              <div className="col-12 col-sm-auto">
-                <label className="form-check mb-0">
-                  <input {...noBrowserSuggestProps}
-                    type="checkbox"
-                    className="form-check-input"
-                    checked={filters.groupByProject}
-                    onChange={(e) =>
-                      setFilters((prev) => ({ ...prev, groupByProject: e.target.checked }))
-                    }
-                  />
-                  <span className="form-check-label">Группировать по проекту</span>
-                </label>
-              </div>
-              <div className="col-12 col-sm-auto">
-                <label className="form-check mb-0">
-                  <input {...noBrowserSuggestProps}
-                    type="checkbox"
-                    className="form-check-input"
-                    checked={filters.tableCompact}
-                    onChange={(e) =>
-                      setFilters((prev) => ({ ...prev, tableCompact: e.target.checked }))
-                    }
-                  />
-                  <span className="form-check-label">Компактная таблица</span>
-                </label>
-              </div>
-              <div className="col-12 col-sm-auto">
-                <select autoComplete="off"
-                  className="form-select form-select-sm"
-                  style={{ minWidth: '11rem' }}
-                  defaultValue=""
-                  onChange={(e) => {
-                    const name = e.target.value
-                    const preset = filterPresets.find((p) => p.name === name)
-                    if (preset) applyFilterPreset(preset)
-                    e.target.value = ''
-                  }}
-                  aria-label="Применить пресет фильтров"
-                >
-                  <option value="">Пресет фильтров…</option>
-                  {filterPresets.map((p) => (
-                    <option key={p.name} value={p.name}>
-                      {p.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div className="col-12 col-sm-auto d-flex flex-wrap gap-1">
-                <button
-                  type="button"
-                  className="btn btn-sm btn-outline-secondary"
-                  onClick={saveCurrentFilterPreset}
-                >
-                  Сохранить пресет
-                </button>
-                <button
-                  type="button"
-                  className="btn btn-sm btn-outline-secondary"
-                  onClick={deleteFilterPresetByName}
-                  disabled={filterPresets.length === 0}
-                >
-                  Удалить пресет
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div className="card">
-          <div className="card-header">
-            <h3 className="card-title">
-              VPS список
-              <span className="text-secondary fw-normal ms-2 small">
-                Показано {filteredVps.length} из {db.vps.length}
-              </span>
-            </h3>
-            {selectedIds.size > 0 ? (
-              <div className="d-flex align-items-center flex-wrap gap-2 me-2">
-                <span className="text-secondary small">Выбрано: {selectedIds.size}</span>
-                <div className="d-flex flex-wrap align-items-center gap-1">
-                  <div className="btn-group btn-group-sm">
-                    <button
-                      type="button"
-                      className="btn btn-outline-secondary"
-                      onClick={() => onBulkStatus('archived')}
-                      disabled={bulkLoading}
-                    >
-                      В архив
-                    </button>
-                    <button
-                      type="button"
-                      className="btn btn-outline-secondary"
-                      onClick={() => onBulkStatus('active')}
-                      disabled={bulkLoading}
-                    >
-                      Активен
-                    </button>
-                    <button
-                      type="button"
-                      className="btn btn-outline-secondary"
-                      onClick={() => onBulkStatus('paused')}
-                      disabled={bulkLoading}
-                    >
-                      Приостановлен
-                    </button>
-                  </div>
-                  <div style={{ width: '11rem' }}>
-                    <ProjectSuggestInput
-                      id="vps-bulk-project"
-                      className="form-control form-control-sm"
-                      serverProjects={db.serverProjects}
-                      value={bulkProjectValue}
-                      onChange={setBulkProjectValue}
-                      placeholder="Проект / пул"
-                      disabled={bulkLoading}
-                      aria-label="Проект для массового назначения"
-                    />
-                  </div>
-                  <button
-                    type="button"
-                    className="btn btn-sm btn-outline-primary"
-                    onClick={onBulkProject}
-                    disabled={bulkLoading}
-                    title="Назначить проект выбранным VPS"
-                  >
-                    В проект
-                  </button>
-                  <button
-                    type="button"
-                    className="btn btn-sm btn-outline-danger"
-                    onClick={onBulkDelete}
-                    disabled={bulkLoading}
-                  >
-                    Удалить
-                  </button>
-                </div>
-                <button
-                  type="button"
-                  className="btn btn-sm btn-outline-secondary"
-                  onClick={() => setSelectedIds(new Set())}
-                >
-                  Снять выбор
-                </button>
-              </div>
-            ) : null}
-            {syncMessage ? (
-              <div className={`alert alert-${syncMessage.startsWith('Синхронизировано') ? 'success' : 'warning'} py-2 mb-0 me-2`}>
-                {syncMessage}
-              </div>
-            ) : null}
-            <div className="card-actions">
-              <div className="vps-header-actions">
-                <div className="btn-group" role="group" aria-label="Режим таблицы VPS">
-                  <button
-                    type="button"
-                    className={`btn btn-sm ${viewMode === 'basic' ? 'btn-primary' : 'btn-outline-primary'}`}
-                    onClick={() => setViewMode('basic')}
-                  >
-                    Базовый
-                  </button>
-                  <button
-                    type="button"
-                    className={`btn btn-sm ${viewMode === 'extended' ? 'btn-primary' : 'btn-outline-primary'}`}
-                    onClick={() => setViewMode('extended')}
-                  >
-                    Расширенный
-                  </button>
-                </div>
-                {billmanagerAccounts.length > 0 ? (
-                  <button
-                    type="button"
-                    className="btn btn-outline-primary btn-sm"
-                    onClick={onSync}
-                    disabled={syncLoading}
-                    title="Синхронизировать VPS и платежи из BILLmanager"
-                  >
-                    {syncLoading ? (
-                      <span className="spinner-border spinner-border-sm me-1" role="status" />
-                    ) : (
-                      <IconRefresh size={16} className="me-1" />
-                    )}
-                    Синхронизировать
-                  </button>
-                ) : null}
-                <button
-                  type="button"
-                  className="btn btn-primary btn-sm"
-                  onClick={() => {
-                    const base = { ...emptyForm }
-                    customFields.forEach((f) => {
-                      base[f.key] = ''
-                    })
-                    setForm(base)
-                    setEditingId(null)
-                    setIsModalOpen(true)
-                  }}
-                >
-                  <IconPlus size={16} className="me-1" />
-                  Добавить VPS
-                </button>
-              </div>
-            </div>
-          </div>
-          <div className="table-responsive">
-            <table
-              className={`table card-table table-vcenter${filters.tableCompact ? ' table-sm' : ''}`}
-            >
-              <thead>
-                <tr>
-                  <th style={{ width: 40 }}>
-                    <input {...noBrowserSuggestProps}
-                      type="checkbox"
-                      className="form-check-input"
-                      checked={filteredVps.length > 0 && selectedIds.size === filteredVps.length}
-                      onChange={toggleSelectAll}
-                      title="Выбрать все на странице"
-                    />
-                  </th>
-                  <th>IP / DNS</th>
-                  <th>Хостер / Аккаунт</th>
-                  <th>Локация</th>
-                  {viewMode === 'extended' ? (
-                    <>
-                      <th>IPv6</th>
-                      <th>ДЦ</th>
-                      <th>ОС</th>
-                      <th>vCPU</th>
-                      <th>RAM, GB</th>
-                      <th>Диск, GB</th>
-                      <th>Тип диска</th>
-                      <th>Виртуализация</th>
-                      <th>BW, TB</th>
-                      <th>SSH user</th>
-                      <th>SSH порт</th>
-                      <th>Окружение</th>
-                      <th>Проект</th>
-                      <th>Назначение</th>
-                      <th>Мониторинг</th>
-                      <th>Бэкап</th>
-                      {customFields.map((f) => (
-                        <th key={f.key}>{f.label}</th>
-                      ))}
-                    </>
-                  ) : null}
-                  <th>Оплачено до</th>
-                  <th>Панель</th>
-                  <th>Платежи</th>
-                  <th />
-                </tr>
-              </thead>
-              <tbody>
-                {tableSections.map((section) => (
-                  <Fragment key={section.key}>
-                    {filters.groupByProject && section.label ? (
-                      <tr className="table-active">
-                        <td colSpan={tableColCount}>
-                          <div className="d-flex flex-wrap align-items-center gap-2">
-                            <span>{section.label}</span>
-                            <span className="badge bg-secondary-lt">{section.count} VPS</span>
-                            <span className="text-secondary small">
-                              Прогноз / мес: {formatCurrency(section.forecast, baseCurrency)}
-                            </span>
-                          </div>
-                        </td>
-                      </tr>
-                    ) : null}
-                    {section.items.map((item) => {
-                  const provider = db.providers.find((providerRow) => providerRow.id === item.providerId)
-                  const account = db.providerAccounts.find(
-                    (accountRow) => accountRow.id === item.providerAccountId,
-                  )
-                  const relatedPaymentSum = db.payments
-                    .filter((payment) => payment.vpsId === item.id)
-                    .reduce((acc, payment) => acc + Number(payment.amount || 0), 0)
-                  const tariffAmount = activeTariffAmount(item)
-                  const showPaidBlock =
-                    Number(relatedPaymentSum) > 0 &&
-                    !nearlyEqual(relatedPaymentSum, tariffAmount)
-                  return (
-                    <tr key={item.id}>
-                      <td>
-                        <input {...noBrowserSuggestProps}
-                          type="checkbox"
-                          className="form-check-input"
-                          checked={selectedIds.has(item.id)}
-                          onChange={() => toggleSelect(item.id)}
-                        />
-                      </td>
-                      <td>
-                        <div className="fw-medium">{item.ip}</div>
-                        {Array.isArray(item.additionalIps)
-                          ? item.additionalIps.map((extraIp, idx) => (
-                              <div key={`${item.id}-ip-${idx}`} className="text-secondary">
-                                {extraIp}
-                              </div>
-                            ))
-                          : null}
-                        <div className="text-secondary">{item.dns || '-'}</div>
-                      </td>
-                      <td>
-                        <div className="d-flex align-items-center gap-2">
-                          {faviconUrlFromWebsite(provider?.website) ? (
-                            <img
-                              src={faviconUrlFromWebsite(provider?.website)}
-                              alt=""
-                              width="16"
-                              height="16"
-                              className="rounded"
-                            />
-                          ) : null}
-                          <span>{provider?.name || '-'}</span>
-                        </div>
-                        <div className="text-secondary">{account?.name || '-'}</div>
-                      </td>
-                      <td>
-                        <span title={item.country || 'Неизвестная страна'}>
-                          {getCountryFlagEmoji(item.country)}
-                        </span>{' '}
-                        {item.city || '-'}
-                        <div>
-                          <span
-                            className={`badge ${
-                              item.status === 'active'
-                                ? 'bg-green-lt'
-                                : item.status === 'paused'
-                                  ? 'bg-yellow-lt'
-                                  : 'bg-secondary-lt'
-                            }`}
-                          >
-                            {vpsStatusLabel(item.status)}
-                          </span>
-                        </div>
-                      </td>
-                      {viewMode === 'extended' ? (
-                        <>
-                          <td>{item.ipv6 || '-'}</td>
-                          <td>{item.datacenter || '-'}</td>
-                          <td>{item.os || '-'}</td>
-                          <td>{item.vcpu || '-'}</td>
-                          <td>{item.ramGb || '-'}</td>
-                          <td>{item.diskGb || '-'}</td>
-                          <td>{item.diskType || '-'}</td>
-                          <td>{item.virtualization || '-'}</td>
-                          <td>{item.bandwidthTb || '-'}</td>
-                          <td>{item.rootUser || '-'}</td>
-                          <td>{item.sshPort || '-'}</td>
-                          <td>{item.environment || '-'}</td>
-                          <td>{item.project || '-'}</td>
-                          <td>{item.purpose || '-'}</td>
-                          <td>
-                            <span
-                              className={`badge ${
-                                item.monitoringEnabled
-                                  ? 'bg-green-lt text-green'
-                                  : 'bg-secondary-lt text-secondary'
-                              }`}
-                            >
-                              {item.monitoringEnabled ? 'Вкл' : 'Выкл'}
-                            </span>
-                          </td>
-                          <td>
-                            <span
-                              className={`badge ${
-                                item.backupEnabled
-                                  ? 'bg-blue-lt text-blue'
-                                  : 'bg-secondary-lt text-secondary'
-                              }`}
-                            >
-                              {item.backupEnabled ? 'Вкл' : 'Выкл'}
-                            </span>
-                          </td>
-                          {customFields.map((f) => (
-                            <td key={f.key}>{item[f.key] || '-'}</td>
-                          ))}
-                        </>
-                      ) : null}
-                      <td>{getPaidUntilDate(item)}</td>
-                      <td>
-                        {normalizeWebsiteUrl(account?.panelUrl || provider?.website) ? (
-                          <a
-                            href={normalizeWebsiteUrl(account?.panelUrl || provider?.website)}
-                            target="_blank"
-                            rel="noreferrer"
-                            className="btn btn-sm btn-outline-secondary"
-                          >
-                            Открыть
-                          </a>
-                        ) : (
-                          <span className="text-secondary">—</span>
-                        )}
-                      </td>
-                      <td>
-                        {showPaidBlock ? (
-                          <>
-                            <div className="text-secondary small">Оплачено:</div>
-                            <ConvertedAmount
-                              amount={relatedPaymentSum}
-                              currency={item.currency}
-                              provider={provider}
-                              settings={settings}
-                              ratesData={ratesData}
-                            />
-                          </>
-                        ) : null}
-                        <div className="text-secondary small mt-1">
-                          {tariffTypeLabel(
-                            item.tariffType || (Number(item.dailyRate || 0) > 0 ? 'daily' : 'monthly'),
-                          )}
-                          :
-                        </div>
-                        <ConvertedAmount
-                          amount={tariffAmount}
-                          currency={effectiveVpsTariffCurrency(item, provider)}
-                          provider={provider}
-                          settings={settings}
-                          ratesData={ratesData}
-                        />
-                      </td>
-                      <td className="text-end">
-                        <div className="table-actions">
-                          <button
-                            type="button"
-                            className="btn btn-sm btn-outline-primary"
-                            onClick={() => onEdit(item)}
-                          >
-                            <IconEdit size={14} className="me-1" />
-                            Изменить
-                          </button>
-                          <button
-                            type="button"
-                            className="btn btn-sm btn-outline-danger"
-                            onClick={() => actions.remove('vps', item.id)}
-                          >
-                            <IconTrash size={14} className="me-1" />
-                            Удалить
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  )
-                    })}
-                  </Fragment>
-                ))}
-                {filteredVps.length === 0 ? (
-                  <EmptyState
-                    message="По фильтрам ничего не найдено"
-                    colSpan={tableColCount}
-                  />
-                ) : null}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </div>
-
-      <UiModal
-        open={isModalOpen}
-        title={editingId ? 'Редактировать VPS' : 'Новый VPS'}
-        onClose={() => {
-          setIsModalOpen(false)
-          setEditingId(null)
-          setForm(emptyForm)
-        }}
-        size="modal-xl"
-        scrollable
-        footer={
-          <div className="d-flex gap-2 justify-content-end w-100">
-            <button type="button" className="btn btn-outline-secondary" onClick={() => setIsModalOpen(false)}>
-              Отмена
-            </button>
-            <button type="submit" form="vps-form" className="btn btn-primary">
-              <IconPlus size={16} className="me-1" />
-              {editingId ? 'Сохранить' : 'Добавить'}
-            </button>
-          </div>
-        }
-      >
-        <form id="vps-form" autoComplete="off" onSubmit={onSubmit} className="vps-modal-form">
-          <section className="vps-form-section">
-            <h6 className="vps-form-section-title">Сеть</h6>
-            <div className="row g-3">
-              <div className="col-12 col-sm-6">
-                <label className="form-label">IP</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={form.ip}
-                  onChange={(e) => setForm((prev) => ({ ...prev, ip: e.target.value }))}
-                  placeholder="192.168.1.1"
-                  required
-                />
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">DNS</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={form.dns}
-                  onChange={(e) => setForm((prev) => ({ ...prev, dns: e.target.value }))}
-                  placeholder="server.example.com"
-                />
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">IPv6</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={form.ipv6}
-                  onChange={(e) => setForm((prev) => ({ ...prev, ipv6: e.target.value }))}
-                  placeholder="2a01:4f8::1"
-                />
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Дополнительные IP</label>
-                <textarea {...noBrowserSuggestProps}
-                  className="form-control"
-                  rows={2}
-                  value={form.additionalIpsText}
-                  onChange={(e) => setForm((prev) => ({ ...prev, additionalIpsText: e.target.value }))}
-                  placeholder="По одному адресу в строке"
-                />
-              </div>
-            </div>
-          </section>
-
-          <section className="vps-form-section">
-            <h6 className="vps-form-section-title">Провайдер и локация</h6>
-            <div className="row g-3">
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Хостер</label>
-                <select autoComplete="off"
-                  className="form-select"
-                  value={form.providerId}
-                  onChange={(e) =>
-                    setForm((prev) => ({
-                      ...prev,
-                      providerId: e.target.value,
-                      providerAccountId: '',
-                    }))
-                  }
-                  required
-                >
-                  <option value="">— Выберите —</option>
-                  {db.providers.map((provider) => (
-                    <option key={provider.id} value={provider.id}>
-                      {provider.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Аккаунт хостера</label>
-                <select autoComplete="off"
-                  className="form-select"
-                  value={form.providerAccountId}
-                  onChange={(e) => setForm((prev) => ({ ...prev, providerAccountId: e.target.value }))}
-                  required
-                >
-                  <option value="">— Выберите —</option>
-                  {accountOptions.map((account) => (
-                    <option key={account.id} value={account.id}>
-                      {accountSelectLabel(account, providerById, form.providerId)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Страна</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={form.country}
-                  onChange={(e) => setForm((prev) => ({ ...prev, country: e.target.value }))}
-                  placeholder="Germany"
-                />
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Город</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={form.city}
-                  onChange={(e) => setForm((prev) => ({ ...prev, city: e.target.value }))}
-                  placeholder="Frankfurt"
-                />
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">ДЦ / зона</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={form.datacenter}
-                  onChange={(e) => setForm((prev) => ({ ...prev, datacenter: e.target.value }))}
-                  placeholder="fra1"
-                />
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">ОС</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={form.os}
-                  onChange={(e) => setForm((prev) => ({ ...prev, os: e.target.value }))}
-                  placeholder="Ubuntu 24.04 LTS"
-                />
-              </div>
-            </div>
-          </section>
-
-          <section className="vps-form-section">
-            <h6 className="vps-form-section-title">Ресурсы</h6>
-            <div className="row g-3">
-              <div className="col-12 col-sm-6 col-md-4">
-                <label className="form-label">vCPU</label>
-                <input {...noBrowserSuggestProps}
-                  type="number"
-                  min="1"
-                  step="1"
-                  className="form-control"
-                  value={form.vcpu}
-                  onChange={(e) => setForm((prev) => ({ ...prev, vcpu: e.target.value }))}
-                  placeholder="2"
-                />
-              </div>
-              <div className="col-12 col-sm-6 col-md-4">
-                <label className="form-label">RAM (GB)</label>
-                <input {...noBrowserSuggestProps}
-                  type="number"
-                  min="1"
-                  step="1"
-                  className="form-control"
-                  value={form.ramGb}
-                  onChange={(e) => setForm((prev) => ({ ...prev, ramGb: e.target.value }))}
-                  placeholder="4"
-                />
-              </div>
-              <div className="col-12 col-sm-6 col-md-4">
-                <label className="form-label">Диск (GB)</label>
-                <input {...noBrowserSuggestProps}
-                  type="number"
-                  min="1"
-                  step="1"
-                  className="form-control"
-                  value={form.diskGb}
-                  onChange={(e) => setForm((prev) => ({ ...prev, diskGb: e.target.value }))}
-                  placeholder="80"
-                />
-              </div>
-              <div className="col-12 col-sm-6 col-md-4">
-                <label className="form-label">Тип диска</label>
-                <select autoComplete="off"
-                  className="form-select"
-                  value={form.diskType}
-                  onChange={(e) => setForm((prev) => ({ ...prev, diskType: e.target.value }))}
-                >
-                  <option value="NVMe">NVMe</option>
-                  <option value="SSD">SSD</option>
-                  <option value="HDD">HDD</option>
-                </select>
-              </div>
-              <div className="col-12 col-sm-6 col-md-4">
-                <label className="form-label">Виртуализация</label>
-                <select autoComplete="off"
-                  className="form-select"
-                  value={form.virtualization}
-                  onChange={(e) => setForm((prev) => ({ ...prev, virtualization: e.target.value }))}
-                >
-                  <option value="KVM">KVM</option>
-                  <option value="Xen">Xen</option>
-                  <option value="VMware">VMware</option>
-                  <option value="Hyper-V">Hyper-V</option>
-                  <option value="LXC">LXC</option>
-                </select>
-              </div>
-              <div className="col-12 col-sm-6 col-md-4">
-                <label className="form-label">Трафик (TB)</label>
-                <input {...noBrowserSuggestProps}
-                  type="number"
-                  min="0"
-                  step="0.1"
-                  className="form-control"
-                  value={form.bandwidthTb}
-                  onChange={(e) => setForm((prev) => ({ ...prev, bandwidthTb: e.target.value }))}
-                  placeholder="5"
-                />
-              </div>
-            </div>
-          </section>
-
-          <section className="vps-form-section">
-            <h6 className="vps-form-section-title">SSH и назначение</h6>
-            <div className="row g-3">
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Пользователь SSH</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={form.rootUser}
-                  onChange={(e) => setForm((prev) => ({ ...prev, rootUser: e.target.value }))}
-                />
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">SSH порт</label>
-                <input {...noBrowserSuggestProps}
-                  type="number"
-                  min="1"
-                  max="65535"
-                  className="form-control"
-                  value={form.sshPort}
-                  onChange={(e) => setForm((prev) => ({ ...prev, sshPort: e.target.value }))}
-                />
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Окружение</label>
-                <select autoComplete="off"
-                  className="form-select"
-                  value={form.environment}
-                  onChange={(e) => setForm((prev) => ({ ...prev, environment: e.target.value }))}
-                >
-                  <option value="prod">prod</option>
-                  <option value="stage">stage</option>
-                  <option value="dev">dev</option>
-                  <option value="test">test</option>
-                </select>
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Проект / пул</label>
-                <ProjectSuggestInput
-                  id="vps-form-project"
-                  serverProjects={db.serverProjects}
-                  value={form.project}
-                  onChange={(v) => setForm((prev) => ({ ...prev, project: v }))}
-                  placeholder="Умный дом, прокси…"
-                  aria-label="Проект или пул"
-                />
-                <div className="text-secondary small mt-1">
-                  Подсказки — уже созданные группы; новое имя создастся при сохранении.
-                </div>
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Назначение</label>
-                <input {...noBrowserSuggestProps}
-                  className="form-control"
-                  value={form.purpose}
-                  onChange={(e) => setForm((prev) => ({ ...prev, purpose: e.target.value }))}
-                  placeholder="api, db, worker..."
-                />
-              </div>
-              <div className="col-12 col-sm-6 d-flex align-items-end gap-3 pt-2">
-                <label className="form-check mb-0">
-                  <input {...noBrowserSuggestProps}
-                    className="form-check-input"
-                    type="checkbox"
-                    checked={form.monitoringEnabled}
-                    onChange={(e) => setForm((prev) => ({ ...prev, monitoringEnabled: e.target.checked }))}
-                  />
-                  <span className="form-check-label">Мониторинг</span>
-                </label>
-                <label className="form-check mb-0">
-                  <input {...noBrowserSuggestProps}
-                    className="form-check-input"
-                    type="checkbox"
-                    checked={form.backupEnabled}
-                    onChange={(e) => setForm((prev) => ({ ...prev, backupEnabled: e.target.checked }))}
-                  />
-                  <span className="form-check-label">Бэкапы</span>
-                </label>
-              </div>
-            </div>
-          </section>
-
-          <section className="vps-form-section">
-            <h6 className="vps-form-section-title">Тариф и оплата</h6>
-            <div className="row g-3">
-              <div className="col-12 col-sm-6 col-md-4">
-                <label className="form-label">Статус</label>
-                <select autoComplete="off"
-                  className="form-select"
-                  value={form.status}
-                  onChange={(e) => setForm((prev) => ({ ...prev, status: e.target.value }))}
-                >
-                  <option value="active">{vpsStatusLabel('active')}</option>
-                  <option value="paused">{vpsStatusLabel('paused')}</option>
-                  <option value="archived">{vpsStatusLabel('archived')}</option>
-                </select>
-              </div>
-              <div className="col-12 col-sm-6 col-md-4">
-                <label className="form-label">Тип тарифа</label>
-                <select autoComplete="off"
-                  className="form-select"
-                  value={form.tariffType}
-                  onChange={(e) =>
-                    setForm((prev) => ({
-                      ...prev,
-                      tariffType: e.target.value,
-                      dailyRate: e.target.value === 'daily' ? prev.dailyRate : '',
-                      monthlyRate: e.target.value === 'monthly' ? prev.monthlyRate : '',
-                    }))
-                  }
-                >
-                  <option value="daily">{tariffTypeLabel('daily')}</option>
-                  <option value="monthly">{tariffTypeLabel('monthly')}</option>
-                </select>
-              </div>
-              <div className="col-12 col-sm-6 col-md-4">
-                <label className="form-label">
-                  {form.tariffType === 'daily' ? 'Суточный тариф' : 'Месячный тариф'}
-                </label>
-                <input {...noBrowserSuggestProps}
-                  type="number"
-                  step="0.01"
-                  min="0"
-                  className="form-control"
-                  value={form.tariffType === 'daily' ? form.dailyRate : form.monthlyRate}
-                  onChange={(e) =>
-                    setForm((prev) => ({
-                      ...prev,
-                      dailyRate: prev.tariffType === 'daily' ? e.target.value : '',
-                      monthlyRate: prev.tariffType === 'monthly' ? e.target.value : '',
-                    }))
-                  }
-                  placeholder="0.00"
-                />
-              </div>
-              {form.providerId ? (
-                <div className="col-12">
-                  <span className="text-secondary small">
-                    Валюта тарифа: {(providerById.get(form.providerId)?.baseCurrency || '—').toUpperCase()} (из справочника хостера)
-                  </span>
-                </div>
-              ) : null}
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Дата создания</label>
-                <input {...noBrowserSuggestProps}
-                  type="date"
-                  className="form-control"
-                  value={form.createdAt}
-                  onChange={(e) => setForm((prev) => ({ ...prev, createdAt: e.target.value }))}
-                />
-              </div>
-              <div className="col-12 col-sm-6">
-                <label className="form-label">Оплачено до</label>
-                <input {...noBrowserSuggestProps}
-                  type="date"
-                  className="form-control"
-                  value={form.paidUntil}
-                  onChange={(e) => setForm((prev) => ({ ...prev, paidUntil: e.target.value }))}
-                  placeholder="Дата окончания оплаченного периода"
-                />
-              </div>
-            </div>
-          </section>
-
-          <section className="vps-form-section">
-            <h6 className="vps-form-section-title">Заметки</h6>
-            <div className="row g-3">
-              <div className="col-12">
-                <textarea {...noBrowserSuggestProps}
-                  className="form-control"
-                  rows={3}
-                  value={form.notes}
-                  onChange={(e) => setForm((prev) => ({ ...prev, notes: e.target.value }))}
-                  placeholder="Дополнительная информация..."
-                />
-              </div>
-              {editingId && (form.notes?.includes('bm-') || (db.vps.find((v) => v.id === editingId)?.userOverrides?.length ?? 0) > 0) ? (
-                <div className="col-12">
-                  <label className="form-check">
-                    <input {...noBrowserSuggestProps}
-                      type="checkbox"
-                      className="form-check-input"
-                      checked={form.resetToApi}
-                      onChange={(e) => setForm((prev) => ({ ...prev, resetToApi: e.target.checked }))}
-                    />
-                    <span className="form-check-label">Сбросить к данным API (при следующей синхронизации поля будут перезаписаны)</span>
-                  </label>
-                </div>
-              ) : null}
-            </div>
-          </section>
-
-          {customFields.length > 0 ? (
-            <section className="vps-form-section">
-              <h6 className="vps-form-section-title">Дополнительные поля</h6>
-              <div className="row g-3">
-                {customFields.map((f) => (
-                  <div key={f.key} className="col-12 col-sm-6">
-                    <label className="form-label">{f.label}</label>
-                    <input {...noBrowserSuggestProps}
-                      type="text"
-                      className="form-control"
-                      value={form[f.key] ?? ''}
-                      onChange={(e) => setForm((prev) => ({ ...prev, [f.key]: e.target.value }))}
-                    />
-                  </div>
-                ))}
-              </div>
-            </section>
-          ) : null}
-        </form>
-      </UiModal>
-    </>
-  )
-}
diff --git a/tsconfig.base.json b/tsconfig.base.json
new file mode 100644
index 0000000..568076e
--- /dev/null
+++ b/tsconfig.base.json
@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "verbatimModuleSyntax": true,
+    "resolveJsonModule": true,
+    "allowImportingTsExtensions": false,
+    "noEmit": true,
+    "useDefineForClassFields": true
+  }
+}
diff --git a/vite.config.js b/vite.config.js
deleted file mode 100644
index ab8ee06..0000000
--- a/vite.config.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-  server: {
-    proxy: {
-      '/api': {
-        target: 'http://localhost:3001',
-        changeOrigin: true,
-      },
-    },
-  },
-})