From 7ad18d53f34cb298407d89bea0a611ec66c1bc4b Mon Sep 17 00:00:00 2001
From: Dmitry <cinnabarflower@gmail.com>
Date: Tue, 6 Jan 2026 23:12:36 +0300
Subject: [PATCH] admin and qr

---
 .claude/settings.local.json                   |    3 +-
 admin/.dockerignore                           |    9 +
 admin/.gitignore                              |   24 +
 admin/@/components/ui/alert-dialog.tsx        |  139 +
 admin/@/components/ui/button.tsx              |   57 +
 admin/@/components/ui/card.tsx                |   79 +
 admin/@/components/ui/dialog.tsx              |  120 +
 admin/@/components/ui/form.tsx                |  177 +
 admin/@/components/ui/input.tsx               |   22 +
 admin/@/components/ui/label.tsx               |   24 +
 admin/@/components/ui/select.tsx              |  160 +
 admin/@/components/ui/sonner.tsx              |   43 +
 admin/@/components/ui/table.tsx               |  117 +
 admin/@/components/ui/textarea.tsx            |   22 +
 admin/Dockerfile                              |   37 +
 admin/README.md                               |   73 +
 admin/components.json                         |   18 +
 admin/eslint.config.js                        |   23 +
 admin/index.html                              |   13 +
 admin/nginx.conf                              |   41 +
 admin/package-lock.json                       | 7436 +++++++++++++++++
 admin/package.json                            |   59 +
 admin/postcss.config.cjs                      |    6 +
 admin/public/vite.svg                         |    1 +
 admin/src/App.css                             |   42 +
 admin/src/App.tsx                             |   47 +
 admin/src/api/analytics.ts                    |   55 +
 admin/src/api/auth.test.ts                    |  105 +
 admin/src/api/auth.ts                         |   57 +
 admin/src/api/cards.ts                        |  131 +
 admin/src/api/cardsWithVoice.test.ts          |   87 +
 admin/src/api/cardsWithVoice.ts               |   59 +
 admin/src/api/client.test.ts                  |  127 +
 admin/src/api/client.ts                       |  200 +
 admin/src/api/media.ts                        |  109 +
 admin/src/api/packs.ts                        |  215 +
 admin/src/api/tests.ts                        |  131 +
 admin/src/api/users.ts                        |   44 +
 admin/src/api/voices.ts                       |   45 +
 admin/src/assets/react.svg                    |    1 +
 admin/src/components/BulkCardEditor.test.tsx  |   95 +
 admin/src/components/BulkCardEditor.tsx       |  412 +
 admin/src/components/BulkCardUpload.tsx       |  372 +
 admin/src/components/CardEditorPreview.tsx    |  358 +
 admin/src/components/CardVoicesManager.tsx    |  311 +
 admin/src/components/JSONQuestionEditor.tsx   |  182 +
 admin/src/components/PackCardsManager.tsx     |  209 +
 admin/src/components/PackTestsManager.tsx     |  214 +
 admin/src/components/QuestionEditorDialog.tsx |  300 +
 .../src/components/TestPacksManager.test.tsx  |   89 +
 admin/src/components/TestPacksManager.tsx     |  260 +
 admin/src/components/TestQuestionsManager.tsx |  183 +
 admin/src/components/TokenRefreshProvider.tsx |   52 +
 .../forms/InputButtonsQuestionForm.tsx        |  251 +
 .../components/forms/MatrixQuestionForm.tsx   |   75 +
 .../components/forms/SimpleQuestionForm.tsx   |  213 +
 admin/src/components/layout/Layout.tsx        |  131 +
 admin/src/components/ui/alert-dialog.tsx      |  138 +
 admin/src/components/ui/alert.tsx             |   59 +
 admin/src/components/ui/audio-upload.tsx      |  335 +
 admin/src/components/ui/badge.tsx             |   37 +
 admin/src/components/ui/button.tsx            |   59 +
 admin/src/components/ui/card.tsx              |   79 +
 admin/src/components/ui/checkbox.tsx          |   28 +
 .../ui/color-palette-input.test.tsx           |   72 +
 .../src/components/ui/color-palette-input.tsx |   85 +
 admin/src/components/ui/dialog.tsx            |  120 +
 admin/src/components/ui/image-upload.tsx      |  242 +
 admin/src/components/ui/input.tsx             |   24 +
 admin/src/components/ui/label.tsx             |   24 +
 admin/src/components/ui/select.tsx            |  160 +
 admin/src/components/ui/sonner.tsx            |   25 +
 admin/src/components/ui/table.tsx             |  117 +
 admin/src/components/ui/textarea.tsx          |   23 +
 admin/src/index.css                           |   59 +
 admin/src/main.tsx                            |   20 +
 admin/src/pages/CardsPage.tsx                 |  721 ++
 admin/src/pages/DashboardPage.tsx             |  249 +
 admin/src/pages/LoginPage.tsx                 |  438 +
 admin/src/pages/PacksPage.tsx                 |  673 ++
 admin/src/pages/TestsPage.tsx                 |  639 ++
 admin/src/pages/UsersPage.tsx                 |  548 ++
 admin/src/stores/authStore.ts                 |  146 +
 admin/src/test/setup.ts                       |   21 +
 admin/src/types/models.ts                     |  198 +
 admin/src/types/questions.test.ts             |   41 +
 admin/src/types/questions.ts                  |  161 +
 admin/tailwind.config.js                      |   77 +
 admin/tsconfig.app.json                       |   34 +
 admin/tsconfig.json                           |    7 +
 admin/tsconfig.node.json                      |   26 +
 admin/vite.config.ts                          |   22 +
 backend/prisma/schema.prisma                  |   41 +-
 backend/src/app.module.ts                     |    2 +
 backend/src/rooms/rooms.controller.ts         |   12 +-
 backend/src/rooms/rooms.service.ts            |   22 +-
 package-lock.json                             |    7 +
 package.json                                  |    1 +
 src/components/QRModal.css                    |  182 +
 src/components/QRModal.jsx                    |   63 +
 src/index.css                                 |    8 +
 src/pages/Home.jsx                            |    4 +
 src/pages/JoinRoom.css                        |   87 +
 src/pages/JoinRoom.jsx                        |  190 +-
 src/pages/RoomPage.jsx                        |   34 +-
 105 files changed, 20181 insertions(+), 44 deletions(-)
 create mode 100644 admin/.dockerignore
 create mode 100644 admin/.gitignore
 create mode 100644 admin/@/components/ui/alert-dialog.tsx
 create mode 100644 admin/@/components/ui/button.tsx
 create mode 100644 admin/@/components/ui/card.tsx
 create mode 100644 admin/@/components/ui/dialog.tsx
 create mode 100644 admin/@/components/ui/form.tsx
 create mode 100644 admin/@/components/ui/input.tsx
 create mode 100644 admin/@/components/ui/label.tsx
 create mode 100644 admin/@/components/ui/select.tsx
 create mode 100644 admin/@/components/ui/sonner.tsx
 create mode 100644 admin/@/components/ui/table.tsx
 create mode 100644 admin/@/components/ui/textarea.tsx
 create mode 100644 admin/Dockerfile
 create mode 100644 admin/README.md
 create mode 100644 admin/components.json
 create mode 100644 admin/eslint.config.js
 create mode 100644 admin/index.html
 create mode 100644 admin/nginx.conf
 create mode 100644 admin/package-lock.json
 create mode 100644 admin/package.json
 create mode 100644 admin/postcss.config.cjs
 create mode 100644 admin/public/vite.svg
 create mode 100644 admin/src/App.css
 create mode 100644 admin/src/App.tsx
 create mode 100644 admin/src/api/analytics.ts
 create mode 100644 admin/src/api/auth.test.ts
 create mode 100644 admin/src/api/auth.ts
 create mode 100644 admin/src/api/cards.ts
 create mode 100644 admin/src/api/cardsWithVoice.test.ts
 create mode 100644 admin/src/api/cardsWithVoice.ts
 create mode 100644 admin/src/api/client.test.ts
 create mode 100644 admin/src/api/client.ts
 create mode 100644 admin/src/api/media.ts
 create mode 100644 admin/src/api/packs.ts
 create mode 100644 admin/src/api/tests.ts
 create mode 100644 admin/src/api/users.ts
 create mode 100644 admin/src/api/voices.ts
 create mode 100644 admin/src/assets/react.svg
 create mode 100644 admin/src/components/BulkCardEditor.test.tsx
 create mode 100644 admin/src/components/BulkCardEditor.tsx
 create mode 100644 admin/src/components/BulkCardUpload.tsx
 create mode 100644 admin/src/components/CardEditorPreview.tsx
 create mode 100644 admin/src/components/CardVoicesManager.tsx
 create mode 100644 admin/src/components/JSONQuestionEditor.tsx
 create mode 100644 admin/src/components/PackCardsManager.tsx
 create mode 100644 admin/src/components/PackTestsManager.tsx
 create mode 100644 admin/src/components/QuestionEditorDialog.tsx
 create mode 100644 admin/src/components/TestPacksManager.test.tsx
 create mode 100644 admin/src/components/TestPacksManager.tsx
 create mode 100644 admin/src/components/TestQuestionsManager.tsx
 create mode 100644 admin/src/components/TokenRefreshProvider.tsx
 create mode 100644 admin/src/components/forms/InputButtonsQuestionForm.tsx
 create mode 100644 admin/src/components/forms/MatrixQuestionForm.tsx
 create mode 100644 admin/src/components/forms/SimpleQuestionForm.tsx
 create mode 100644 admin/src/components/layout/Layout.tsx
 create mode 100644 admin/src/components/ui/alert-dialog.tsx
 create mode 100644 admin/src/components/ui/alert.tsx
 create mode 100644 admin/src/components/ui/audio-upload.tsx
 create mode 100644 admin/src/components/ui/badge.tsx
 create mode 100644 admin/src/components/ui/button.tsx
 create mode 100644 admin/src/components/ui/card.tsx
 create mode 100644 admin/src/components/ui/checkbox.tsx
 create mode 100644 admin/src/components/ui/color-palette-input.test.tsx
 create mode 100644 admin/src/components/ui/color-palette-input.tsx
 create mode 100644 admin/src/components/ui/dialog.tsx
 create mode 100644 admin/src/components/ui/image-upload.tsx
 create mode 100644 admin/src/components/ui/input.tsx
 create mode 100644 admin/src/components/ui/label.tsx
 create mode 100644 admin/src/components/ui/select.tsx
 create mode 100644 admin/src/components/ui/sonner.tsx
 create mode 100644 admin/src/components/ui/table.tsx
 create mode 100644 admin/src/components/ui/textarea.tsx
 create mode 100644 admin/src/index.css
 create mode 100644 admin/src/main.tsx
 create mode 100644 admin/src/pages/CardsPage.tsx
 create mode 100644 admin/src/pages/DashboardPage.tsx
 create mode 100644 admin/src/pages/LoginPage.tsx
 create mode 100644 admin/src/pages/PacksPage.tsx
 create mode 100644 admin/src/pages/TestsPage.tsx
 create mode 100644 admin/src/pages/UsersPage.tsx
 create mode 100644 admin/src/stores/authStore.ts
 create mode 100644 admin/src/test/setup.ts
 create mode 100644 admin/src/types/models.ts
 create mode 100644 admin/src/types/questions.test.ts
 create mode 100644 admin/src/types/questions.ts
 create mode 100644 admin/tailwind.config.js
 create mode 100644 admin/tsconfig.app.json
 create mode 100644 admin/tsconfig.json
 create mode 100644 admin/tsconfig.node.json
 create mode 100644 admin/vite.config.ts
 create mode 100644 src/components/QRModal.css
 create mode 100644 src/components/QRModal.jsx
 create mode 100644 src/pages/JoinRoom.css

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index a1e7edd..6da3c8b 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -6,7 +6,8 @@
       "Bash(npx prisma init)",
       "Bash(npx prisma generate:*)",
       "Bash(npm run build:*)",
-      "Bash(docker-compose up:*)"
+      "Bash(docker-compose up:*)",
+      "Bash(npx prisma migrate:*)"
     ]
   }
 }
diff --git a/admin/.dockerignore b/admin/.dockerignore
new file mode 100644
index 0000000..a01fef3
--- /dev/null
+++ b/admin/.dockerignore
@@ -0,0 +1,9 @@
+.git
+.gitignore
+node_modules
+dist
+.vscode
+.idea
+.cursor
+*.log
+**/.DS_Store
\ No newline at end of file
diff --git a/admin/.gitignore b/admin/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/admin/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/admin/@/components/ui/alert-dialog.tsx b/admin/@/components/ui/alert-dialog.tsx
new file mode 100644
index 0000000..8722561
--- /dev/null
+++ b/admin/@/components/ui/alert-dialog.tsx
@@ -0,0 +1,139 @@
+import * as React from "react"
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+
+const AlertDialog = AlertDialogPrimitive.Root
+
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger
+
+const AlertDialogPortal = AlertDialogPrimitive.Portal
+
+const AlertDialogOverlay = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
+
+const AlertDialogContent = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPortal>
+    <AlertDialogOverlay />
+    <AlertDialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    />
+  </AlertDialogPortal>
+))
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
+
+const AlertDialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogHeader.displayName = "AlertDialogHeader"
+
+const AlertDialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogFooter.displayName = "AlertDialogFooter"
+
+const AlertDialogTitle = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold", className)}
+    {...props}
+  />
+))
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
+
+const AlertDialogDescription = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+AlertDialogDescription.displayName =
+  AlertDialogPrimitive.Description.displayName
+
+const AlertDialogAction = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Action
+    ref={ref}
+    className={cn(buttonVariants(), className)}
+    {...props}
+  />
+))
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
+
+const AlertDialogCancel = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Cancel
+    ref={ref}
+    className={cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    )}
+    {...props}
+  />
+))
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+}
diff --git a/admin/@/components/ui/button.tsx b/admin/@/components/ui/button.tsx
new file mode 100644
index 0000000..38ecac7
--- /dev/null
+++ b/admin/@/components/ui/button.tsx
@@ -0,0 +1,57 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline:
+          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button"
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = "Button"
+
+// eslint-disable-next-line react-refresh/only-export-components
+export { Button, buttonVariants }
diff --git a/admin/@/components/ui/card.tsx b/admin/@/components/ui/card.tsx
new file mode 100644
index 0000000..f62edea
--- /dev/null
+++ b/admin/@/components/ui/card.tsx
@@ -0,0 +1,79 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    )}
+    {...props}
+  />
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/admin/@/components/ui/dialog.tsx b/admin/@/components/ui/dialog.tsx
new file mode 100644
index 0000000..c680b9d
--- /dev/null
+++ b/admin/@/components/ui/dialog.tsx
@@ -0,0 +1,120 @@
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Dialog = DialogPrimitive.Root
+
+const DialogTrigger = DialogPrimitive.Trigger
+
+const DialogPortal = DialogPrimitive.Portal
+
+const DialogClose = DialogPrimitive.Close
+
+const DialogOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Overlay
+    ref={ref}
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+  />
+))
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
+
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    </DialogPrimitive.Content>
+  </DialogPortal>
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+DialogHeader.displayName = "DialogHeader"
+
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+DialogFooter.displayName = "DialogFooter"
+
+const DialogTitle = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DialogTitle.displayName = DialogPrimitive.Title.displayName
+
+const DialogDescription = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DialogDescription.displayName = DialogPrimitive.Description.displayName
+
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogClose,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+}
diff --git a/admin/@/components/ui/form.tsx b/admin/@/components/ui/form.tsx
new file mode 100644
index 0000000..d7bf186
--- /dev/null
+++ b/admin/@/components/ui/form.tsx
@@ -0,0 +1,177 @@
+/* eslint-disable react-refresh/only-export-components */
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+} from "react-hook-form"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue | null>(null)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState, formState } = useFormContext()
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  if (!itemContext) {
+    throw new Error("useFormField should be used within <FormItem>")
+  }
+
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue | null>(null)
+
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn("space-y-2", className)} {...props} />
+    </FormItemContext.Provider>
+  )
+})
+FormItem.displayName = "FormItem"
+
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && "text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+})
+FormLabel.displayName = "FormLabel"
+
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      ref={ref}
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+})
+FormControl.displayName = "FormControl"
+
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn("text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  )
+})
+FormDescription.displayName = "FormDescription"
+
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message ?? "") : children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn("text-sm font-medium text-destructive", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+})
+FormMessage.displayName = "FormMessage"
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/admin/@/components/ui/input.tsx b/admin/@/components/ui/input.tsx
new file mode 100644
index 0000000..68551b9
--- /dev/null
+++ b/admin/@/components/ui/input.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Input.displayName = "Input"
+
+export { Input }
diff --git a/admin/@/components/ui/label.tsx b/admin/@/components/ui/label.tsx
new file mode 100644
index 0000000..fb5fbc3
--- /dev/null
+++ b/admin/@/components/ui/label.tsx
@@ -0,0 +1,24 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+
+import { cn } from "@/lib/utils"
+
+function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  return (
+    <LabelPrimitive.Root
+      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/admin/@/components/ui/select.tsx b/admin/@/components/ui/select.tsx
new file mode 100644
index 0000000..a45647c
--- /dev/null
+++ b/admin/@/components/ui/select.tsx
@@ -0,0 +1,160 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { Check, ChevronDown, ChevronUp } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Select = SelectPrimitive.Root
+
+const SelectGroup = SelectPrimitive.Group
+
+const SelectValue = SelectPrimitive.Value
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDown className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronUp className="h-4 w-4" />
+  </SelectPrimitive.ScrollUpButton>
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronDown className="h-4 w-4" />
+  </SelectPrimitive.ScrollDownButton>
+))
+SelectScrollDownButton.displayName =
+  SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = "popper", ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 origin-[--radix-select-content-transform-origin]",
+        position === "popper" &&
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      )}
+      position={position}
+      {...props}
+    >
+      <SelectScrollUpButton />
+      <SelectPrimitive.Viewport
+        className={cn(
+          "p-1",
+          position === "popper" &&
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        )}
+      >
+        {children}
+      </SelectPrimitive.Viewport>
+      <SelectScrollDownButton />
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label
+    ref={ref}
+    className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
+    {...props}
+  />
+))
+SelectLabel.displayName = SelectPrimitive.Label.displayName
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+}
diff --git a/admin/@/components/ui/sonner.tsx b/admin/@/components/ui/sonner.tsx
new file mode 100644
index 0000000..f0965a1
--- /dev/null
+++ b/admin/@/components/ui/sonner.tsx
@@ -0,0 +1,43 @@
+import {
+  CircleCheck,
+  Info,
+  LoaderCircle,
+  OctagonX,
+  TriangleAlert,
+} from "lucide-react"
+import { useTheme } from "next-themes"
+import { Toaster as Sonner } from "@/components/ui/sonner"
+
+type ToasterProps = React.ComponentProps<typeof Sonner>
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      icons={{
+        success: <CircleCheck className="h-4 w-4" />,
+        info: <Info className="h-4 w-4" />,
+        warning: <TriangleAlert className="h-4 w-4" />,
+        error: <OctagonX className="h-4 w-4" />,
+        loading: <LoaderCircle className="h-4 w-4 animate-spin" />,
+      }}
+      toastOptions={{
+        classNames: {
+          toast:
+            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton:
+            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton:
+            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+        },
+      }}
+      {...props}
+    />
+  )
+}
+
+export { Toaster }
diff --git a/admin/@/components/ui/table.tsx b/admin/@/components/ui/table.tsx
new file mode 100644
index 0000000..7f3502f
--- /dev/null
+++ b/admin/@/components/ui/table.tsx
@@ -0,0 +1,117 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    )}
+    {...props}
+  />
+))
+TableRow.displayName = "TableRow"
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableHead.displayName = "TableHead"
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+    {...props}
+  />
+))
+TableCell.displayName = "TableCell"
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+TableCaption.displayName = "TableCaption"
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/admin/@/components/ui/textarea.tsx b/admin/@/components/ui/textarea.tsx
new file mode 100644
index 0000000..4d858bb
--- /dev/null
+++ b/admin/@/components/ui/textarea.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+})
+Textarea.displayName = "Textarea"
+
+export { Textarea }
diff --git a/admin/Dockerfile b/admin/Dockerfile
new file mode 100644
index 0000000..0b15b77
--- /dev/null
+++ b/admin/Dockerfile
@@ -0,0 +1,37 @@
+# syntax=docker/dockerfile:1.7
+
+# --- Build stage ------------------------------------------------------------
+FROM node:20-alpine AS build
+WORKDIR /app
+
+# Copy package files for dependency caching
+COPY package*.json ./
+RUN npm ci
+
+# Copy source and build
+COPY . .
+RUN npm run build
+
+# Verify build output
+RUN ls -la dist/ && test -f dist/index.html || (echo "ERROR: index.html not found!" && exit 1)
+
+# --- Runtime stage ----------------------------------------------------------
+FROM nginx:1.27-alpine AS runtime
+
+# Install wget for healthcheck
+RUN apk add --no-cache wget
+
+# Copy nginx config
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Copy built app
+COPY --from=build /app/dist/ /usr/share/nginx/html/
+
+# Verify files were copied
+RUN ls -la /usr/share/nginx/html/ && test -f /usr/share/nginx/html/index.html || (echo "ERROR: index.html not copied!" && exit 1)
+
+EXPOSE 80
+
+# Healthcheck
+HEALTHCHECK --interval=30s --timeout=5s --retries=3 --start-period=10s \
+  CMD wget --no-verbose --tries=1 --spider http://127.0.0.1/ || exit 1
diff --git a/admin/README.md b/admin/README.md
new file mode 100644
index 0000000..d2e7761
--- /dev/null
+++ b/admin/README.md
@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
diff --git a/admin/components.json b/admin/components.json
new file mode 100644
index 0000000..22e4f06
--- /dev/null
+++ b/admin/components.json
@@ -0,0 +1,18 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui"
+  }
+}
diff --git a/admin/eslint.config.js b/admin/eslint.config.js
new file mode 100644
index 0000000..5e6b472
--- /dev/null
+++ b/admin/eslint.config.js
@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])
diff --git a/admin/index.html b/admin/index.html
new file mode 100644
index 0000000..af88f03
--- /dev/null
+++ b/admin/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <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>web</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/admin/nginx.conf b/admin/nginx.conf
new file mode 100644
index 0000000..89b774b
--- /dev/null
+++ b/admin/nginx.conf
@@ -0,0 +1,41 @@
+server {
+    listen 80;
+    server_name _;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Gzip compression
+    gzip on;
+    gzip_vary on;
+    gzip_min_length 1024;
+    gzip_types text/plain text/css text/xml text/javascript application/javascript application/json;
+
+    # Security headers (enhanced for admin panel)
+    add_header X-Frame-Options "DENY" always;
+    add_header X-Content-Type-Options "nosniff" always;
+    add_header X-XSS-Protection "1; mode=block" always;
+    add_header Referrer-Policy "strict-origin-when-cross-origin" always;
+
+    # Cache static assets
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
+        expires 1h;
+        add_header Cache-Control "private, must-revalidate";
+    }
+
+    # React SPA routing
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Health check endpoint
+    location /health {
+        access_log off;
+        return 200 "OK";
+        add_header Content-Type text/plain;
+    }
+
+    # Security - deny access to hidden files
+    location ~ /\. {
+        deny all;
+    }
+}
diff --git a/admin/package-lock.json b/admin/package-lock.json
new file mode 100644
index 0000000..fbba3d9
--- /dev/null
+++ b/admin/package-lock.json
@@ -0,0 +1,7436 @@
+{
+  "name": "web",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "web",
+      "version": "0.0.0",
+      "dependencies": {
+        "@hookform/resolvers": "^5.2.2",
+        "@radix-ui/react-alert-dialog": "^1.1.15",
+        "@radix-ui/react-checkbox": "^1.3.3",
+        "@radix-ui/react-dialog": "^1.1.15",
+        "@radix-ui/react-label": "^2.1.8",
+        "@radix-ui/react-select": "^2.2.6",
+        "@radix-ui/react-slot": "^1.2.4",
+        "@tanstack/react-query": "^5.90.11",
+        "autoprefixer": "^10.4.22",
+        "axios": "^1.13.2",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "lucide-react": "^0.555.0",
+        "next-themes": "^0.4.6",
+        "postcss": "^8.5.6",
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0",
+        "react-hook-form": "^7.67.0",
+        "react-router-dom": "^7.10.0",
+        "recharts": "^3.5.1",
+        "sonner": "^2.0.7",
+        "tailwind-merge": "^3.4.0",
+        "tailwindcss": "^3.4.0",
+        "tailwindcss-animate": "^1.0.7",
+        "zod": "^4.1.13",
+        "zustand": "^5.0.9"
+      },
+      "devDependencies": {
+        "@eslint/js": "^9.39.1",
+        "@testing-library/jest-dom": "^6.9.1",
+        "@testing-library/react": "^16.3.0",
+        "@types/node": "^24.10.1",
+        "@types/react": "^19.2.5",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^5.1.1",
+        "eslint": "^9.39.1",
+        "eslint-plugin-react-hooks": "^7.0.1",
+        "eslint-plugin-react-refresh": "^0.4.24",
+        "globals": "^16.5.0",
+        "jsdom": "^27.0.1",
+        "typescript": "~5.9.3",
+        "typescript-eslint": "^8.46.4",
+        "vite": "^7.2.4",
+        "vitest": "^3.2.4"
+      }
+    },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.4.4",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.4.tgz",
+      "integrity": "sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-4.1.0.tgz",
+      "integrity": "sha512-9xiBAtLn4aNsa4mDnpovJvBn72tNEIACyvlqaNJ+ADemR+yeMJWnBudOi2qGDviJa7SwcDOU/TRh5dnET7qk0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^2.1.4",
+        "@csstools/css-color-parser": "^3.1.0",
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4",
+        "lru-cache": "^11.2.2"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
+      "version": "11.2.4",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.4.tgz",
+      "integrity": "sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector": {
+      "version": "6.7.5",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-6.7.5.tgz",
+      "integrity": "sha512-Eks6dY8zau4m4wNRQjRVaKQRTalNcPcBvU1ZQ35w5kKRk1gUeNCkVLsRiATurjASTp3TKM4H10wsI50nx3NZdw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/nwsapi": "^2.3.9",
+        "bidi-js": "^1.0.3",
+        "css-tree": "^3.1.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.2.2"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector/node_modules/lru-cache": {
+      "version": "11.2.4",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.4.tgz",
+      "integrity": "sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@asamuzakjp/nwsapi": {
+      "version": "2.3.9",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz",
+      "integrity": "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.5.tgz",
+      "integrity": "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
+      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helpers": "^7.28.4",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@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.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
+      "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@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.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@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.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
+      "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.28.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "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.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
+      "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.5"
+      },
+      "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/runtime": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
+      "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.5",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "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/@csstools/color-helpers": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.1.0.tgz",
+      "integrity": "sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.4.tgz",
+      "integrity": "sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.1.0.tgz",
+      "integrity": "sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^5.1.0",
+        "@csstools/css-calc": "^2.1.4"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz",
+      "integrity": "sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-syntax-patches-for-csstree": {
+      "version": "1.0.20",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.0.20.tgz",
+      "integrity": "sha512-8BHsjXfSciZxjmHQOuVdW2b8WLUPts9a+mfL13/PzEviufUEW2xnvQuOlKs9dRBHgRqJ53SF/DUoK9+MZk72oQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz",
+      "integrity": "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
+      "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.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
+      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "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.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
+      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "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.2",
+        "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.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.1.tgz",
+      "integrity": "sha512-S26Stp4zCy88tH94QbBv3XCuzRQiZ9yXofEILmglYTh/Ug/a9/umqvgFtYBAo3Lp0nsI/5/qH1CCrbdK3AP1Tw==",
+      "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/@floating-ui/core": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.6.tgz",
+      "integrity": "sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.7.4"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
+      "license": "MIT"
+    },
+    "node_modules/@hookform/resolvers": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-5.2.2.tgz",
+      "integrity": "sha512-A/IxlMLShx3KjV/HeTcTfaMxdwy690+L/ZADoeaTltLx+CVuzkeVIPuybK3jrRfw7YZnmdKsVVHAlEPIAEUNlA==",
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/utils": "^0.3.0"
+      },
+      "peerDependencies": {
+        "react-hook-form": "^7.55.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==",
+      "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==",
+      "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==",
+      "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==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@radix-ui/number": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.1.tgz",
+      "integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-alert-dialog": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.15.tgz",
+      "integrity": "sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dialog": "1.1.15",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.7.tgz",
+      "integrity": "sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.3.3.tgz",
+      "integrity": "sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
+      "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz",
+      "integrity": "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
+      "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz",
+      "integrity": "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-escape-keydown": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz",
+      "integrity": "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz",
+      "integrity": "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.8.tgz",
+      "integrity": "sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
+      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.8.tgz",
+      "integrity": "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-rect": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1",
+        "@radix-ui/rect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.9.tgz",
+      "integrity": "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
+      "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.2.6.tgz",
+      "integrity": "sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.1",
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.8",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-visually-hidden": "1.2.3",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.4.tgz",
+      "integrity": "sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
+      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
+      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
+      "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-previous": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
+      "integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.1.tgz",
+      "integrity": "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/rect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.1.tgz",
+      "integrity": "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
+      "integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/rect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.1.tgz",
+      "integrity": "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==",
+      "license": "MIT"
+    },
+    "node_modules/@reduxjs/toolkit": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.11.0.tgz",
+      "integrity": "sha512-hBjYg0aaRL1O2Z0IqWhnTLytnjDIxekmRxm1snsHjHaKVmIF1HiImWqsq+PuEbn6zdMlkIj9WofK1vR8jjx+Xw==",
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "@standard-schema/utils": "^0.3.0",
+        "immer": "^11.0.0",
+        "redux": "^5.0.1",
+        "redux-thunk": "^3.1.0",
+        "reselect": "^5.1.0"
+      },
+      "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
+        }
+      }
+    },
+    "node_modules/@reduxjs/toolkit/node_modules/immer": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-11.0.1.tgz",
+      "integrity": "sha512-naDCyggtcBWANtIrjQEajhhBEuL9b0Zg4zmlWK2CzS6xCWSE39/vvf4LqnMjUAWHBhot4m9MHCM/Z+mfWhUkiA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.47",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.47.tgz",
+      "integrity": "sha512-8QagwMH3kNCuzD8EWL8R2YPW5e4OrHNSAHRFDdmFqEwEaD/KcNKjVoumo+gP2vW5eKB2UPbM6vTYiGZX0ixLnw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.3.tgz",
+      "integrity": "sha512-mRSi+4cBjrRLoaal2PnqH82Wqyb+d3HsPUN/W+WslCXsZsyHa9ZeQQX/pQsZaVIWDkPcpV6jJ+3KLbTbgnwv8w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.53.3.tgz",
+      "integrity": "sha512-CbDGaMpdE9sh7sCmTrTUyllhrg65t6SwhjlMJsLr+J8YjFuPmCEjbBSx4Z/e4SmDyH3aB5hGaJUP2ltV/vcs4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.53.3.tgz",
+      "integrity": "sha512-Nr7SlQeqIBpOV6BHHGZgYBuSdanCXuw09hon14MGOLGmXAFYjx1wNvquVPmpZnl0tLjg25dEdr4IQ6GgyToCUA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.53.3.tgz",
+      "integrity": "sha512-DZ8N4CSNfl965CmPktJ8oBnfYr3F8dTTNBQkRlffnUarJ2ohudQD17sZBa097J8xhQ26AwhHJ5mvUyQW8ddTsQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.53.3.tgz",
+      "integrity": "sha512-yMTrCrK92aGyi7GuDNtGn2sNW+Gdb4vErx4t3Gv/Tr+1zRb8ax4z8GWVRfr3Jw8zJWvpGHNpss3vVlbF58DZ4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.53.3.tgz",
+      "integrity": "sha512-lMfF8X7QhdQzseM6XaX0vbno2m3hlyZFhwcndRMw8fbAGUGL3WFMBdK0hbUBIUYcEcMhVLr1SIamDeuLBnXS+Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.53.3.tgz",
+      "integrity": "sha512-k9oD15soC/Ln6d2Wv/JOFPzZXIAIFLp6B+i14KhxAfnq76ajt0EhYc5YPeX6W1xJkAdItcVT+JhKl1QZh44/qw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.53.3.tgz",
+      "integrity": "sha512-vTNlKq+N6CK/8UktsrFuc+/7NlEYVxgaEgRXVUVK258Z5ymho29skzW1sutgYjqNnquGwVUObAaxae8rZ6YMhg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.53.3.tgz",
+      "integrity": "sha512-RGrFLWgMhSxRs/EWJMIFM1O5Mzuz3Xy3/mnxJp/5cVhZ2XoCAxJnmNsEyeMJtpK+wu0FJFWz+QF4mjCA7AUQ3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.53.3.tgz",
+      "integrity": "sha512-kASyvfBEWYPEwe0Qv4nfu6pNkITLTb32p4yTgzFCocHnJLAHs+9LjUu9ONIhvfT/5lv4YS5muBHyuV84epBo/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.53.3.tgz",
+      "integrity": "sha512-JiuKcp2teLJwQ7vkJ95EwESWkNRFJD7TQgYmCnrPtlu50b4XvT5MOmurWNrCj3IFdyjBQ5p9vnrX4JM6I8OE7g==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.53.3.tgz",
+      "integrity": "sha512-EoGSa8nd6d3T7zLuqdojxC20oBfNT8nexBbB/rkxgKj5T5vhpAQKKnD+h3UkoMuTyXkP5jTjK/ccNRmQrPNDuw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.53.3.tgz",
+      "integrity": "sha512-4s+Wped2IHXHPnAEbIB0YWBv7SDohqxobiiPA1FIWZpX+w9o2i4LezzH/NkFUl8LRci/8udci6cLq+jJQlh+0g==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.53.3.tgz",
+      "integrity": "sha512-68k2g7+0vs2u9CxDt5ktXTngsxOQkSEV/xBbwlqYcUrAVh6P9EgMZvFsnHy4SEiUl46Xf0IObWVbMvPrr2gw8A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.53.3.tgz",
+      "integrity": "sha512-VYsFMpULAz87ZW6BVYw3I6sWesGpsP9OPcyKe8ofdg9LHxSbRMd7zrVrr5xi/3kMZtpWL/wC+UIJWJYVX5uTKg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.53.3.tgz",
+      "integrity": "sha512-3EhFi1FU6YL8HTUJZ51imGJWEX//ajQPfqWLI3BQq4TlvHy4X0MOr5q3D2Zof/ka0d5FNdPwZXm3Yyib/UEd+w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.53.3.tgz",
+      "integrity": "sha512-eoROhjcc6HbZCJr+tvVT8X4fW3/5g/WkGvvmwz/88sDtSJzO7r/blvoBDgISDiCjDRZmHpwud7h+6Q9JxFwq1Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.53.3.tgz",
+      "integrity": "sha512-OueLAWgrNSPGAdUdIjSWXw+u/02BRTcnfw9PN41D2vq/JSEPnJnVuBgw18VkN8wcd4fjUs+jFHVM4t9+kBSNLw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.53.3.tgz",
+      "integrity": "sha512-GOFuKpsxR/whszbF/bzydebLiXIHSgsEUp6M0JI8dWvi+fFa1TD6YQa4aSZHtpmh2/uAlj/Dy+nmby3TJ3pkTw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.53.3.tgz",
+      "integrity": "sha512-iah+THLcBJdpfZ1TstDFbKNznlzoxa8fmnFYK4V67HvmuNYkVdAywJSoteUszvBQ9/HqN2+9AZghbajMsFT+oA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.53.3.tgz",
+      "integrity": "sha512-J9QDiOIZlZLdcot5NXEepDkstocktoVjkaKUtqzgzpt2yWjGlbYiKyp05rWwk4nypbYUNoFAztEgixoLaSETkg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.53.3.tgz",
+      "integrity": "sha512-UhTd8u31dXadv0MopwGgNOBpUVROFKWVQgAg5N1ESyCz8AuBcMqm4AuTjrwgQKGDfoFuz02EuMRHQIw/frmYKQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.0.0.tgz",
+      "integrity": "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==",
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/utils": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/utils/-/utils-0.3.0.tgz",
+      "integrity": "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==",
+      "license": "MIT"
+    },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.90.11",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.90.11.tgz",
+      "integrity": "sha512-f9z/nXhCgWDF4lHqgIE30jxLe4sYv15QodfdPDKYAk7nAEjNcndy4dHz3ezhdUaR23BpWa4I2EH4/DZ0//Uf8A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "5.90.11",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.11.tgz",
+      "integrity": "sha512-3uyzz01D1fkTLXuxF3JfoJoHQMU2fxsfJwE+6N5hHy0dVNoZOvwKP8Z2k7k1KDeD54N20apcJnG75TBAStIrBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-core": "5.90.11"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      }
+    },
+    "node_modules/@testing-library/dom": {
+      "version": "10.4.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz",
+      "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "picocolors": "1.1.1",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz",
+      "integrity": "sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "aria-query": "^5.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "picocolors": "^1.1.1",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
+      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/react": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.0.tgz",
+      "integrity": "sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": "^10.0.0",
+        "@types/react": "^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^18.0.0 || ^19.0.0",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "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/chai": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
+      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/deep-eql": "*",
+        "assertion-error": "^2.0.1"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.7.tgz",
+      "integrity": "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/deep-eql": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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/node": {
+      "version": "24.10.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
+      "integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz",
+      "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
+      "devOptional": 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==",
+      "devOptional": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
+      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.48.1.tgz",
+      "integrity": "sha512-X63hI1bxl5ohelzr0LY5coufyl0LJNthld+abwxpCoo6Gq+hSqhKwci7MUWkXo67mzgUK6YFByhmaHmUcuBJmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.48.1",
+        "@typescript-eslint/type-utils": "8.48.1",
+        "@typescript-eslint/utils": "8.48.1",
+        "@typescript-eslint/visitor-keys": "8.48.1",
+        "graphemer": "^1.4.0",
+        "ignore": "^7.0.0",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.48.1",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.48.1.tgz",
+      "integrity": "sha512-PC0PDZfJg8sP7cmKe6L3QIL8GZwU5aRvUFedqSIpw3B+QjRSUZeeITC2M5XKeMXEzL6wccN196iy3JLwKNvDVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.48.1",
+        "@typescript-eslint/types": "8.48.1",
+        "@typescript-eslint/typescript-estree": "8.48.1",
+        "@typescript-eslint/visitor-keys": "8.48.1",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.48.1.tgz",
+      "integrity": "sha512-HQWSicah4s9z2/HifRPQ6b6R7G+SBx64JlFQpgSSHWPKdvCZX57XCbszg/bapbRsOEv42q5tayTYcEFpACcX1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.48.1",
+        "@typescript-eslint/types": "^8.48.1",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.48.1.tgz",
+      "integrity": "sha512-rj4vWQsytQbLxC5Bf4XwZ0/CKd362DkWMUkviT7DCS057SK64D5lH74sSGzhI6PDD2HCEq02xAP9cX68dYyg1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.48.1",
+        "@typescript-eslint/visitor-keys": "8.48.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.48.1.tgz",
+      "integrity": "sha512-k0Jhs4CpEffIBm6wPaCXBAD7jxBtrHjrSgtfCjUvPp9AZ78lXKdTR8fxyZO5y4vWNlOvYXRtngSZNSn+H53Jkw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.48.1.tgz",
+      "integrity": "sha512-1jEop81a3LrJQLTf/1VfPQdhIY4PlGDBc/i67EVWObrtvcziysbLN3oReexHOM6N3jyXgCrkBsZpqwH0hiDOQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.48.1",
+        "@typescript-eslint/typescript-estree": "8.48.1",
+        "@typescript-eslint/utils": "8.48.1",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.48.1.tgz",
+      "integrity": "sha512-+fZ3LZNeiELGmimrujsDCT4CRIbq5oXdHe7chLiW8qzqyPMnn1puNstCrMNVAqwcl2FdIxkuJ4tOs/RFDBVc/Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.48.1.tgz",
+      "integrity": "sha512-/9wQ4PqaefTK6POVTjJaYS0bynCgzh6ClJHGSBj06XEHjkfylzB+A3qvyaXnErEZSaxhIo4YdyBgq6j4RysxDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.48.1",
+        "@typescript-eslint/tsconfig-utils": "8.48.1",
+        "@typescript-eslint/types": "8.48.1",
+        "@typescript-eslint/visitor-keys": "8.48.1",
+        "debug": "^4.3.4",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.48.1.tgz",
+      "integrity": "sha512-fAnhLrDjiVfey5wwFRwrweyRlCmdz5ZxXz2G/4cLn0YDLjTapmN4gcCsTBR1N2rWnZSDeWpYtgLDsJt+FpmcwA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.7.0",
+        "@typescript-eslint/scope-manager": "8.48.1",
+        "@typescript-eslint/types": "8.48.1",
+        "@typescript-eslint/typescript-estree": "8.48.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.48.1.tgz",
+      "integrity": "sha512-BmxxndzEWhE4TIEEMBs8lP3MBWN3jFPs/p6gPm/wkv02o41hI6cq9AuSmGAaTTHPtA1FTi2jBre4A9rm5ZmX+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.48.1",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.1.1.tgz",
+      "integrity": "sha512-WQfkSw0QbQ5aJ2CHYw23ZGkqnRwqKHD/KYsMeTkZzPT4Jcf0DcBxBtwMJxnu6E7oxw5+JC6ZAiePgh28uJ1HBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.28.5",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.47",
+        "@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/@vitest/expect": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.2.4.tgz",
+      "integrity": "sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/chai": "^5.2.2",
+        "@vitest/spy": "3.2.4",
+        "@vitest/utils": "3.2.4",
+        "chai": "^5.2.0",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/mocker": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.2.4.tgz",
+      "integrity": "sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "3.2.4",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.17"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.2.4.tgz",
+      "integrity": "sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.2.4.tgz",
+      "integrity": "sha512-oukfKT9Mk41LreEW09vt45f8wx7DordoWUZMYdY/cyAk7w5TWkTRCNZYF7sX7n2wB7jyGAl74OxgwhPgKaqDMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "3.2.4",
+        "pathe": "^2.0.3",
+        "strip-literal": "^3.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.2.4.tgz",
+      "integrity": "sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.2.4",
+        "magic-string": "^0.30.17",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.2.4.tgz",
+      "integrity": "sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^4.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.2.4.tgz",
+      "integrity": "sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.2.4",
+        "loupe": "^3.1.4",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "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/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "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",
+      "peer": true,
+      "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/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/anymatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "license": "MIT"
+    },
+    "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/aria-hidden": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
+      "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.22",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.22.tgz",
+      "integrity": "sha512-ARe0v/t9gO28Bznv6GgqARmVqcWOV3mfgUPn9becPHMiD3o9BwlRgaeccZnwTpZ7Zwqrm+c1sUSsMxIzQzc8Xg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.27.0",
+        "caniuse-lite": "^1.0.30001754",
+        "fraction.js": "^5.3.4",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/axios": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.2.tgz",
+      "integrity": "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.4",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "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.8.32",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.32.tgz",
+      "integrity": "sha512-OPz5aBThlyLFgxyhdwf/s2+8ab3OvT7AdTNvKHBwpXomIYeXqpUUuT8LrdtxZSsWJ4R4CU1un4XGh5Ez3nlTpw==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/bidi-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
+      "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "require-from-string": "^2.0.2"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.0.tgz",
+      "integrity": "sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==",
+      "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.8.25",
+        "caniuse-lite": "^1.0.30001754",
+        "electron-to-chromium": "^1.5.249",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.1.4"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/cac": {
+      "version": "6.7.14",
+      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=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/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/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001757",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001757.tgz",
+      "integrity": "sha512-r0nnL/I28Zi/yjk1el6ilj27tKcdjLsNqAOZr0yVjWPrSQyHgKI2INaEWw21bAQSv2LXRt1XuCS/GomNpWOxsQ==",
+      "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/chai": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-5.3.3.tgz",
+      "integrity": "sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assertion-error": "^2.0.1",
+        "check-error": "^2.1.1",
+        "deep-eql": "^5.0.1",
+        "loupe": "^3.1.0",
+        "pathval": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "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/check-error": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.1.tgz",
+      "integrity": "sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/class-variance-authority": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      }
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "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/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==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "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/css-tree": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.1.0.tgz",
+      "integrity": "sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.12.2",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cssstyle": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-5.3.3.tgz",
+      "integrity": "sha512-OytmFH+13/QXONJcC75QNdMtKpceNk3u8ThBjyyYjkEcy/ekBwR1mMAuNvi3gdBPW3N5TlCzQ0WZw8H0lN/bDw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^4.0.3",
+        "@csstools/css-syntax-patches-for-csstree": "^1.0.14",
+        "css-tree": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "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==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/data-urls": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-6.0.0.tgz",
+      "integrity": "sha512-BnBS08aLUM+DKamupXs3w2tJJoqU+AkaE/+6vQxi/G/DPmIZFJJp9Dkb1kM03AZx8ADehDUZgsNxju3mPXZYIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^15.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "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/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/decimal.js-light": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
+      "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
+      "license": "MIT"
+    },
+    "node_modules/deep-eql": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
+      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
+      "license": "MIT"
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "license": "MIT"
+    },
+    "node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "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/electron-to-chromium": {
+      "version": "1.5.263",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.263.tgz",
+      "integrity": "sha512-DrqJ11Knd+lo+dv+lltvfMDLU27g14LMdH2b0O3Pio4uk0x+z7OR+JrmyacTPN2M8w3BrZ7/RTwG3R9B7irPlg==",
+      "license": "ISC"
+    },
+    "node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "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-module-lexer": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-toolkit": {
+      "version": "1.42.0",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.42.0.tgz",
+      "integrity": "sha512-SLHIyY7VfDJBM8clz4+T2oquwTQxEzu263AyhVK4jREOAwJ+8eebaa4wM3nlvnAqhDrMm2EsA6hWHaQsMPQ1nA==",
+      "license": "MIT",
+      "workspaces": [
+        "docs",
+        "benchmarks"
+      ]
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.1.tgz",
+      "integrity": "sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.1",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.39.1",
+        "@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.12.4",
+        "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.2",
+        "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.24",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.24.tgz",
+      "integrity": "sha512-nLHIW7TEq3aLrEYWpVaJ1dRgFR+wLDPN8e8FpYAql/bMV2oBEfC37K0gLEGgv9fy66juNShSMV8OkTqzltcG/w==",
+      "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.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "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/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.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/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "license": "MIT"
+    },
+    "node_modules/expect-type": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.2.2.tgz",
+      "integrity": "sha512-JhFGDVJ7tmDJItKhYgJCGLOWjuK9vPxiXoUFLwLDc99NlmklilbiQJwoctZtt13+xMw91MCk/REan6MWHqDjyA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "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-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "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/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "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/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "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-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-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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==",
+      "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/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "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/html-encoding-sniffer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
+      "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-encoding": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "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/immer": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.2.0.tgz",
+      "integrity": "sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "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/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "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/jsdom": {
+      "version": "27.0.1",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-27.0.1.tgz",
+      "integrity": "sha512-SNSQteBL1IlV2zqhwwolaG9CwhIhTvVHWg3kTss/cLE7H/X4644mtPQqYvCfsSrGQWt9hSZcgOXX8bOZaMN+kA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/dom-selector": "^6.7.2",
+        "cssstyle": "^5.3.1",
+        "data-urls": "^6.0.0",
+        "decimal.js": "^10.6.0",
+        "html-encoding-sniffer": "^4.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "is-potential-custom-element-name": "^1.0.1",
+        "parse5": "^8.0.0",
+        "rrweb-cssom": "^0.8.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^6.0.0",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^8.0.0",
+        "whatwg-encoding": "^3.1.1",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^15.1.0",
+        "ws": "^8.18.3",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "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/lightningcss": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.2.tgz",
+      "integrity": "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.30.2",
+        "lightningcss-darwin-arm64": "1.30.2",
+        "lightningcss-darwin-x64": "1.30.2",
+        "lightningcss-freebsd-x64": "1.30.2",
+        "lightningcss-linux-arm-gnueabihf": "1.30.2",
+        "lightningcss-linux-arm64-gnu": "1.30.2",
+        "lightningcss-linux-arm64-musl": "1.30.2",
+        "lightningcss-linux-x64-gnu": "1.30.2",
+        "lightningcss-linux-x64-musl": "1.30.2",
+        "lightningcss-win32-arm64-msvc": "1.30.2",
+        "lightningcss-win32-x64-msvc": "1.30.2"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.30.2.tgz",
+      "integrity": "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.2.tgz",
+      "integrity": "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.2.tgz",
+      "integrity": "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.2.tgz",
+      "integrity": "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.2.tgz",
+      "integrity": "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.2.tgz",
+      "integrity": "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.2.tgz",
+      "integrity": "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.2.tgz",
+      "integrity": "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.2.tgz",
+      "integrity": "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.2.tgz",
+      "integrity": "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.2.tgz",
+      "integrity": "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
+    "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/loupe": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.2.1.tgz",
+      "integrity": "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==",
+      "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/lucide-react": {
+      "version": "0.555.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.555.0.tgz",
+      "integrity": "sha512-D8FvHUGbxWBRQM90NZeIyhAvkFfsh3u9ekrMvJ30Z6gnpBHS6HC6ldLg7tL45hwiIz/u66eKDtdA23gwwGsAHA==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "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/mdn-data": {
+      "version": "2.12.2",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz",
+      "integrity": "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "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/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "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/next-themes": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.4.6.tgz",
+      "integrity": "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "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/parse5": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
+      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "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-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathval": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.1.tgz",
+      "integrity": "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.16"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "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/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
+    },
+    "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/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/pretty-format/node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "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/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "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/react": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
+      "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz",
+      "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.0"
+      }
+    },
+    "node_modules/react-hook-form": {
+      "version": "7.67.0",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.67.0.tgz",
+      "integrity": "sha512-E55EOwKJHHIT/I6J9DmQbCWToAYSw9nN5R57MZw9rMtjh+YQreMDxRLfdjfxQbiJ3/qbg3Z02wGzBX4M+5fMtQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17 || ^18 || ^19"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.0.tgz",
+      "integrity": "sha512-x3Ax3kNSMIIkyVYhWPyO09bu0uttcAIoecO/um/rKGQ4EltYWVYtyiGkS/3xMynrbVQdS69Jhlv8FXUEZehlzA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/react-redux": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
+      "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/use-sync-external-store": "^0.0.6",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.2.25 || ^19",
+        "react": "^18.0 || ^19",
+        "redux": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "redux": {
+          "optional": true
+        }
+      }
+    },
+    "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-remove-scroll": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.2.tgz",
+      "integrity": "sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.7",
+        "react-style-singleton": "^2.2.3",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.3",
+        "use-sidecar": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll-bar": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
+      "license": "MIT",
+      "dependencies": {
+        "react-style-singleton": "^2.2.2",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-router": {
+      "version": "7.10.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.10.0.tgz",
+      "integrity": "sha512-FVyCOH4IZ0eDDRycODfUqoN8ZSR2LbTvtx6RPsBgzvJ8xAXlMZNCrOFpu+jb8QbtZnpAd/cEki2pwE848pNGxw==",
+      "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.10.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.10.0.tgz",
+      "integrity": "sha512-Q4haR150pN/5N75O30iIsRJcr3ef7p7opFaKpcaREy0GQit6uCRu1NEiIFIwnHJQy0bsziRFBweR/5EkmHgVUQ==",
+      "license": "MIT",
+      "dependencies": {
+        "react-router": "7.10.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/react-style-singleton": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "get-nonce": "^1.0.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/readdirp/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/recharts": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/recharts/-/recharts-3.5.1.tgz",
+      "integrity": "sha512-+v+HJojK7gnEgG6h+b2u7k8HH7FhyFUzAc4+cPrsjL4Otdgqr/ecXzAnHciqlzV1ko064eNcsdzrYOM78kankA==",
+      "license": "MIT",
+      "workspaces": [
+        "www"
+      ],
+      "dependencies": {
+        "@reduxjs/toolkit": "1.x.x || 2.x.x",
+        "clsx": "^2.1.1",
+        "decimal.js-light": "^2.5.1",
+        "es-toolkit": "^1.39.3",
+        "eventemitter3": "^5.0.1",
+        "immer": "^10.1.1",
+        "react-redux": "8.x.x || 9.x.x",
+        "reselect": "5.1.1",
+        "tiny-invariant": "^1.3.3",
+        "use-sync-external-store": "^1.2.2",
+        "victory-vendor": "^37.0.2"
+      },
+      "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"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/redux": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
+      "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
+      "license": "MIT"
+    },
+    "node_modules/redux-thunk": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-3.1.0.tgz",
+      "integrity": "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "redux": "^5.0.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/reselect": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
+      "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==",
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.53.3.tgz",
+      "integrity": "sha512-w8GmOxZfBmKknvdXU1sdM9NHcoQejwF/4mNgj2JuEEdRaHwwF12K7e9eXn1nLZ07ad+du76mkVsyeb2rKGllsA==",
+      "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.53.3",
+        "@rollup/rollup-android-arm64": "4.53.3",
+        "@rollup/rollup-darwin-arm64": "4.53.3",
+        "@rollup/rollup-darwin-x64": "4.53.3",
+        "@rollup/rollup-freebsd-arm64": "4.53.3",
+        "@rollup/rollup-freebsd-x64": "4.53.3",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.53.3",
+        "@rollup/rollup-linux-arm-musleabihf": "4.53.3",
+        "@rollup/rollup-linux-arm64-gnu": "4.53.3",
+        "@rollup/rollup-linux-arm64-musl": "4.53.3",
+        "@rollup/rollup-linux-loong64-gnu": "4.53.3",
+        "@rollup/rollup-linux-ppc64-gnu": "4.53.3",
+        "@rollup/rollup-linux-riscv64-gnu": "4.53.3",
+        "@rollup/rollup-linux-riscv64-musl": "4.53.3",
+        "@rollup/rollup-linux-s390x-gnu": "4.53.3",
+        "@rollup/rollup-linux-x64-gnu": "4.53.3",
+        "@rollup/rollup-linux-x64-musl": "4.53.3",
+        "@rollup/rollup-openharmony-arm64": "4.53.3",
+        "@rollup/rollup-win32-arm64-msvc": "4.53.3",
+        "@rollup/rollup-win32-ia32-msvc": "4.53.3",
+        "@rollup/rollup-win32-x64-gnu": "4.53.3",
+        "@rollup/rollup-win32-x64-msvc": "4.53.3",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rrweb-cssom": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
+      "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "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",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
+    "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==",
+      "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/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==",
+      "license": "MIT"
+    },
+    "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/siginfo": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/sonner": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/sonner/-/sonner-2.0.7.tgz",
+      "integrity": "sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "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==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stackback": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/std-env": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz",
+      "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "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/strip-literal": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-3.1.0.tgz",
+      "integrity": "sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^9.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/strip-literal/node_modules/js-tokens": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-9.0.1.tgz",
+      "integrity": "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "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/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tailwind-merge": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.4.0.tgz",
+      "integrity": "sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.0.tgz",
+      "integrity": "sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==",
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.0",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.19.1",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss-animate": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz",
+      "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+      "license": "MIT"
+    },
+    "node_modules/tinybench": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyexec": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
+      "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "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/tinypool": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.1.1.tgz",
+      "integrity": "sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      }
+    },
+    "node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tinyspy": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-4.0.4.tgz",
+      "integrity": "sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tldts": {
+      "version": "7.0.19",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.0.19.tgz",
+      "integrity": "sha512-8PWx8tvC4jDB39BQw1m4x8y5MH1BcQ5xHeL2n7UVFulMPH/3Q0uiamahFJ3lXA0zO2SUyRXuVVbWSDmstlt9YA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^7.0.19"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "7.0.19",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.19.tgz",
+      "integrity": "sha512-lJX2dEWx0SGH4O6p+7FPwYmJ/bu1JbcGJ8RLaG9b7liIgZ85itUVEPbMtWRVrde/0fnDPEPHW10ZsKW3kVsE9A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.0.tgz",
+      "integrity": "sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^7.0.5"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
+      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
+      "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "license": "Apache-2.0"
+    },
+    "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==",
+      "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/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.48.1.tgz",
+      "integrity": "sha512-FbOKN1fqNoXp1hIl5KYpObVrp0mCn+CLgn479nmu2IsRMrx2vyv74MmsBLVlhg8qVwNFGbXSp8fh1zp8pEoC2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.48.1",
+        "@typescript-eslint/parser": "8.48.1",
+        "@typescript-eslint/typescript-estree": "8.48.1",
+        "@typescript-eslint/utils": "8.48.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.4.tgz",
+      "integrity": "sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==",
+      "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/use-callback-ref": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sidecar": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
+      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/victory-vendor": {
+      "version": "37.3.6",
+      "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-37.3.6.tgz",
+      "integrity": "sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==",
+      "license": "MIT AND ISC",
+      "dependencies": {
+        "@types/d3-array": "^3.0.3",
+        "@types/d3-ease": "^3.0.0",
+        "@types/d3-interpolate": "^3.0.1",
+        "@types/d3-scale": "^4.0.2",
+        "@types/d3-shape": "^3.1.0",
+        "@types/d3-time": "^3.0.0",
+        "@types/d3-timer": "^3.0.0",
+        "d3-array": "^3.1.6",
+        "d3-ease": "^3.0.1",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "d3-shape": "^3.1.0",
+        "d3-time": "^3.0.0",
+        "d3-timer": "^3.0.1"
+      }
+    },
+    "node_modules/vite": {
+      "version": "7.2.6",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.2.6.tgz",
+      "integrity": "sha512-tI2l/nFHC5rLh7+5+o7QjKjSR04ivXDF4jcgV0f/bTQ+OJiITy5S6gaynVsEM+7RqzufMnVbIon6Sr5x1SDYaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.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/vite-node": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.2.4.tgz",
+      "integrity": "sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cac": "^6.7.14",
+        "debug": "^4.4.1",
+        "es-module-lexer": "^1.7.0",
+        "pathe": "^2.0.3",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0"
+      },
+      "bin": {
+        "vite-node": "vite-node.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/vitest": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.2.4.tgz",
+      "integrity": "sha512-LUCP5ev3GURDysTWiP47wRRUpLKMOfPh+yKTx3kVIEiu5KOMeqzpnYNsKyOoVrULivR8tLcks4+lga33Whn90A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/chai": "^5.2.2",
+        "@vitest/expect": "3.2.4",
+        "@vitest/mocker": "3.2.4",
+        "@vitest/pretty-format": "^3.2.4",
+        "@vitest/runner": "3.2.4",
+        "@vitest/snapshot": "3.2.4",
+        "@vitest/spy": "3.2.4",
+        "@vitest/utils": "3.2.4",
+        "chai": "^5.2.0",
+        "debug": "^4.4.1",
+        "expect-type": "^1.2.1",
+        "magic-string": "^0.30.17",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.2",
+        "std-env": "^3.9.0",
+        "tinybench": "^2.9.0",
+        "tinyexec": "^0.3.2",
+        "tinyglobby": "^0.2.14",
+        "tinypool": "^1.1.1",
+        "tinyrainbow": "^2.0.0",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0",
+        "vite-node": "3.2.4",
+        "why-is-node-running": "^2.3.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@types/debug": "^4.1.12",
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "@vitest/browser": "3.2.4",
+        "@vitest/ui": "3.2.4",
+        "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
+        }
+      }
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.0.tgz",
+      "integrity": "sha512-n4W4YFyz5JzOfQeA8oN7dUYpR+MBP3PIUsn2jLjWXwK5ASUzt0Jc/A5sAUZoCYFJRGF0FBKJ+1JjN43rNdsQzA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-15.1.0.tgz",
+      "integrity": "sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^6.0.0",
+        "webidl-conversions": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "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/why-is-node-running": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "siginfo": "^2.0.0",
+        "stackback": "0.0.2"
+      },
+      "bin": {
+        "why-is-node-running": "cli.js"
+      },
+      "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/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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/yaml": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz",
+      "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
+    "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.1.13",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.13.tgz",
+      "integrity": "sha512-AvvthqfqrAhNH9dnfmrfKzX5upOdjUVJYFqNSlkmGf64gRaTzlPwz99IHYnVs28qYAybvAlBV+H7pn0saFY4Ig==",
+      "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"
+      }
+    },
+    "node_modules/zustand": {
+      "version": "5.0.9",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.9.tgz",
+      "integrity": "sha512-ALBtUj0AfjJt3uNRQoL1tL2tMvj6Gp/6e39dnfT6uzpelGru8v1tPOGBzayOWbPJvujM8JojDk3E1LxeFisBNg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18.0.0",
+        "immer": ">=9.0.6",
+        "react": ">=18.0.0",
+        "use-sync-external-store": ">=1.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "use-sync-external-store": {
+          "optional": true
+        }
+      }
+    }
+  }
+}
diff --git a/admin/package.json b/admin/package.json
new file mode 100644
index 0000000..a5eab53
--- /dev/null
+++ b/admin/package.json
@@ -0,0 +1,59 @@
+{
+  "name": "sto-k-odnomu-admin",
+  "private": true,
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port 5174",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview --port 5174",
+    "test": "vitest"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@tanstack/react-query": "^5.90.11",
+    "autoprefixer": "^10.4.22",
+    "axios": "^1.13.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.555.0",
+    "next-themes": "^0.4.6",
+    "postcss": "^8.5.6",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-hook-form": "^7.67.0",
+    "react-router-dom": "^7.10.0",
+    "recharts": "^3.5.1",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^3.4.0",
+    "tailwindcss-animate": "^1.0.7",
+    "zod": "^4.1.13",
+    "zustand": "^5.0.9"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "jsdom": "^27.0.1",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4",
+    "vitest": "^3.2.4"
+  }
+}
diff --git a/admin/postcss.config.cjs b/admin/postcss.config.cjs
new file mode 100644
index 0000000..33ad091
--- /dev/null
+++ b/admin/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/admin/public/vite.svg b/admin/public/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/admin/public/vite.svg
@@ -0,0 +1 @@
+<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="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/admin/src/App.css b/admin/src/App.css
new file mode 100644
index 0000000..b9d355d
--- /dev/null
+++ b/admin/src/App.css
@@ -0,0 +1,42 @@
+#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/admin/src/App.tsx b/admin/src/App.tsx
new file mode 100644
index 0000000..6e3a86e
--- /dev/null
+++ b/admin/src/App.tsx
@@ -0,0 +1,47 @@
+import { Routes, Route, Navigate } from 'react-router-dom'
+import { useAuthStore } from '@/stores/authStore'
+import LoginPage from '@/pages/LoginPage'
+import DashboardPage from '@/pages/DashboardPage'
+import CardsPage from '@/pages/CardsPage'
+import PacksPage from '@/pages/PacksPage'
+import UsersPage from '@/pages/UsersPage'
+import TestsPage from '@/pages/TestsPage'
+import Layout from '@/components/layout/Layout'
+import { TokenRefreshProvider } from '@/components/TokenRefreshProvider'
+
+function App() {
+  const { isAuthenticated } = useAuthStore()
+
+  return (
+    <TokenRefreshProvider>
+      <div className="min-h-screen bg-background">
+        <Routes>
+          <Route
+            path="/login"
+            element={isAuthenticated ? <Navigate to="/" replace /> : <LoginPage />}
+          />
+          <Route
+            path="/*"
+            element={
+              isAuthenticated ? (
+                <Layout>
+                  <Routes>
+                    <Route path="/" element={<DashboardPage />} />
+                    <Route path="/cards" element={<CardsPage />} />
+                    <Route path="/packs" element={<PacksPage />} />
+                    <Route path="/users" element={<UsersPage />} />
+                    <Route path="/tests" element={<TestsPage />} />
+                  </Routes>
+                </Layout>
+              ) : (
+                <Navigate to="/login" replace />
+              )
+            }
+          />
+        </Routes>
+      </div>
+    </TokenRefreshProvider>
+  )
+}
+
+export default App
diff --git a/admin/src/api/analytics.ts b/admin/src/api/analytics.ts
new file mode 100644
index 0000000..e218403
--- /dev/null
+++ b/admin/src/api/analytics.ts
@@ -0,0 +1,55 @@
+import { adminApiClient } from './client'
+
+export interface DashboardStats {
+  users: number
+  cards: number
+  packs: number
+  enabledPacks: number
+  payments: number
+}
+
+export interface RecentUser {
+  id: number
+  name?: string
+  email?: string
+  createdAt?: string
+}
+
+export interface TopPack {
+  id: number
+  title: string
+  cards: number
+  enabled: boolean
+}
+
+export interface ChartDataPoint {
+  date: string
+  registrations?: number
+  revenue?: number
+}
+
+export interface DashboardData {
+  stats: DashboardStats
+  recentUsers: RecentUser[]
+  topPacks: TopPack[]
+}
+
+export const analyticsApi = {
+  // Get dashboard analytics
+  getDashboard: async (): Promise<DashboardData> => {
+    const response = await adminApiClient.get('/api/v2/admin/analytics/dashboard')
+    return response.data
+  },
+
+  // Get user registration chart data
+  getUsersChart: async (): Promise<{ data: ChartDataPoint[]; period: string }> => {
+    const response = await adminApiClient.get('/api/v2/admin/analytics/users/chart')
+    return response.data
+  },
+
+  // Get revenue chart data
+  getRevenueChart: async (): Promise<{ data: ChartDataPoint[]; period: string; currency: string }> => {
+    const response = await adminApiClient.get('/api/v2/admin/analytics/revenue/chart')
+    return response.data
+  },
+}
diff --git a/admin/src/api/auth.test.ts b/admin/src/api/auth.test.ts
new file mode 100644
index 0000000..c30e1b4
--- /dev/null
+++ b/admin/src/api/auth.test.ts
@@ -0,0 +1,105 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import type { MockedFunction } from 'vitest'
+import { authApi } from './auth'
+
+// Mock the adminApiClient module
+vi.mock('./client', () => ({
+  adminApiClient: {
+    post: vi.fn(),
+    get: vi.fn(),
+  },
+}))
+
+// Import the mocked module
+import { adminApiClient } from './client'
+import type { AxiosResponse } from 'axios'
+
+// Type the mocked functions
+const mockPost = adminApiClient.post as MockedFunction<typeof adminApiClient.post>
+const mockGet = adminApiClient.get as MockedFunction<typeof adminApiClient.get>
+
+describe('authApi', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  describe('requestCode', () => {
+    it('should call adminApiClient.post with correct endpoint', async () => {
+      const mockResponse = {
+        data: { success: true, message: 'Code sent' },
+      } as AxiosResponse
+      mockPost.mockResolvedValue(mockResponse)
+
+      const result = await authApi.requestCode()
+
+      expect(mockPost).toHaveBeenCalledWith('/api/v2/admin/auth/request-code')
+      expect(result).toEqual({ success: true, message: 'Code sent' })
+    })
+
+    it('should handle API errors', async () => {
+      const error = new Error('Network error')
+      mockPost.mockRejectedValue(error)
+
+      await expect(authApi.requestCode()).rejects.toThrow('Network error')
+    })
+  })
+
+  describe('verifyCode', () => {
+    it('should call adminApiClient.post with code and correct endpoint', async () => {
+      const mockResponse = {
+        data: {
+          success: true,
+          token: 'jwt-token',
+          user: { id: 1, name: 'Admin', admin: true },
+        },
+      } as AxiosResponse
+      mockPost.mockResolvedValue(mockResponse)
+
+      const result = await authApi.verifyCode('123456')
+
+      expect(mockPost).toHaveBeenCalledWith('/api/v2/admin/auth/verify-code', {
+        code: '123456',
+      })
+      expect(result).toEqual(mockResponse.data)
+    })
+
+    it('should handle invalid code response', async () => {
+      const mockResponse = {
+        data: { success: false, message: 'Invalid code' },
+      } as AxiosResponse
+      mockPost.mockResolvedValue(mockResponse)
+
+      const result = await authApi.verifyCode('invalid')
+
+      expect(result).toEqual({ success: false, message: 'Invalid code' })
+    })
+  })
+
+  describe('getCurrentUser', () => {
+    it('should call adminApiClient.get with correct endpoint', async () => {
+      const mockResponse = {
+        data: {
+          success: true,
+          user: { id: 1, name: 'Admin', admin: true },
+        },
+      } as AxiosResponse
+      mockGet.mockResolvedValue(mockResponse)
+
+      const result = await authApi.getCurrentUser()
+
+      expect(mockGet).toHaveBeenCalledWith('/api/v2/admin/auth/me')
+      expect(result).toEqual(mockResponse.data)
+    })
+
+    it('should handle unauthorized access', async () => {
+      const mockResponse = {
+        data: { success: false, message: 'Not authenticated' },
+      } as AxiosResponse
+      mockGet.mockResolvedValue(mockResponse)
+
+      const result = await authApi.getCurrentUser()
+
+      expect(result).toEqual({ success: false, message: 'Not authenticated' })
+    })
+  })
+})
diff --git a/admin/src/api/auth.ts b/admin/src/api/auth.ts
new file mode 100644
index 0000000..df7b0d2
--- /dev/null
+++ b/admin/src/api/auth.ts
@@ -0,0 +1,57 @@
+import { adminApiClient } from './client'
+import type { AuthResponse, RequestCodeResponse, CodeStatusResponse, RefreshTokenResponse } from '@/types/models'
+import type { AxiosError } from 'axios'
+
+export const authApi = {
+  // Request authentication code (creates web code)
+  requestCode: async (): Promise<RequestCodeResponse> => {
+    const response = await adminApiClient.post('/api/admin/auth/request-code')
+    return response.data
+  },
+
+  // Get code status
+  getCodeStatus: async (code: string): Promise<CodeStatusResponse> => {
+    try {
+      const response = await adminApiClient.get(`/api/admin/auth/code-status/${code}`)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError
+      // If 404, return a proper error response
+      if (axiosError.response?.status === 404) {
+        return {
+          success: false,
+          code: code,
+          status: 'not_found',
+          remainingSeconds: 0,
+          isClaimed: false,
+          isUsed: false,
+          error: 'NotFound',
+          message: 'Code not found',
+        }
+      }
+      throw error
+    }
+  },
+
+  // Verify authentication code and login
+  verifyCode: async (code: string): Promise<AuthResponse> => {
+    const response = await adminApiClient.post('/api/admin/auth/verify-code', {
+      code,
+    })
+    return response.data
+  },
+
+  // Get current admin info (for token validation)
+  getCurrentUser: async (): Promise<{ success: boolean; user?: unknown; message?: string }> => {
+    const response = await adminApiClient.get('/api/admin/auth/me')
+    return response.data
+  },
+
+  // Refresh access token using refresh token
+  refreshToken: async (refreshToken: string): Promise<RefreshTokenResponse> => {
+    const response = await adminApiClient.post('/api/admin/auth/refresh', {
+      refreshToken,
+    })
+    return response.data
+  },
+}
diff --git a/admin/src/api/cards.ts b/admin/src/api/cards.ts
new file mode 100644
index 0000000..d4898e0
--- /dev/null
+++ b/admin/src/api/cards.ts
@@ -0,0 +1,131 @@
+import { adminApiClient } from './client'
+import type { GameCardDto, PaginatedResponse } from '@/types/models'
+import type { AxiosError } from 'axios'
+
+export interface CardsApiError {
+  message: string
+  statusCode?: number
+  field?: string
+  originalError?: unknown
+  name: 'CardsApiError'
+}
+
+export function createCardsApiError(
+  message: string,
+  statusCode?: number,
+  field?: string,
+  originalError?: unknown
+): CardsApiError {
+  return {
+    message,
+    statusCode,
+    field,
+    originalError,
+    name: 'CardsApiError',
+  }
+}
+
+export function isCardsApiError(error: unknown): error is CardsApiError {
+  return (
+    typeof error === 'object' &&
+    error !== null &&
+    'name' in error &&
+    error.name === 'CardsApiError'
+  )
+}
+
+export const cardsApi = {
+  // Get all cards with pagination and search
+  getCards: async (params?: {
+    page?: number
+    limit?: number
+    search?: string
+  }): Promise<PaginatedResponse<GameCardDto>> => {
+    try {
+      const response = await adminApiClient.get('/api/v2/admin/cards', {
+        params: {
+          page: params?.page || 1,
+          limit: params?.limit || 20,
+          search: params?.search,
+        },
+      })
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string; field?: string }>
+      throw createCardsApiError(
+        axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        'Failed to load cards',
+        axiosError.response?.status,
+        axiosError.response?.data?.field,
+        error
+      )
+    }
+  },
+
+  // Get a specific card by ID
+  getCard: async (cardId: string): Promise<GameCardDto> => {
+    try {
+      const response = await adminApiClient.get(`/api/v2/admin/cards/${cardId}`)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string }>
+      throw createCardsApiError(
+        axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        `Failed to load card ${cardId}`,
+        axiosError.response?.status,
+        undefined,
+        error
+      )
+    }
+  },
+
+  // Create or update a card
+  upsertCard: async (card: GameCardDto): Promise<{ success: boolean; card: GameCardDto }> => {
+    try {
+      const response = await adminApiClient.post('/api/v2/admin/cards', card)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string; field?: string; details?: string }>
+      const isUpdate = card.id !== null && card.id !== undefined && card.id !== ''
+      const operation = isUpdate ? 'update card' : 'create card'
+      const message = axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        `Failed to ${operation}`
+      
+      let fullMessage = message
+      if (axiosError.response?.data?.details) {
+        fullMessage += `. ${axiosError.response.data.details}`
+      }
+      if (axiosError.response?.data?.field) {
+        fullMessage += ` (Field: ${axiosError.response.data.field})`
+      }
+      
+      throw createCardsApiError(
+        fullMessage,
+        axiosError.response?.status,
+        axiosError.response?.data?.field,
+        error
+      )
+    }
+  },
+
+  // Delete a card by ID
+  deleteCard: async (cardId: string): Promise<{ success: boolean; message?: string }> => {
+    try {
+      const response = await adminApiClient.delete(`/api/v2/admin/cards/${cardId}`)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string }>
+      throw createCardsApiError(
+        axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        `Failed to delete card ${cardId}`,
+        axiosError.response?.status,
+        undefined,
+        error
+      )
+    }
+  },
+}
diff --git a/admin/src/api/cardsWithVoice.test.ts b/admin/src/api/cardsWithVoice.test.ts
new file mode 100644
index 0000000..bec9215
--- /dev/null
+++ b/admin/src/api/cardsWithVoice.test.ts
@@ -0,0 +1,87 @@
+import { describe, expect, it, vi, beforeEach } from 'vitest'
+import type { GameCardDto } from '@/types/models'
+import { cardsApi } from './cards'
+import { voicesApi } from './voices'
+import { upsertCardWithOptionalVoice } from './cardsWithVoice'
+
+describe('upsertCardWithOptionalVoice', () => {
+  beforeEach(() => {
+    vi.restoreAllMocks()
+  })
+
+  it('does not add voice when none provided', async () => {
+    vi.spyOn(cardsApi, 'upsertCard').mockResolvedValue({
+      success: true,
+      card: { id: 'card-1' } satisfies GameCardDto,
+    })
+    const addVoiceSpy = vi
+      .spyOn(voicesApi, 'addCardVoice')
+      .mockResolvedValue({
+        success: true,
+        voice: {
+          id: 'voice-1',
+          cardId: 'card-1',
+          voiceUrl: 'BASE64',
+          language: 'en',
+          createdAt: new Date(0).toISOString(),
+        },
+      })
+
+    await upsertCardWithOptionalVoice({ id: null } satisfies GameCardDto)
+
+    expect(addVoiceSpy).not.toHaveBeenCalled()
+  })
+
+  it('adds voice after upsert when provided (uses response card id)', async () => {
+    vi.spyOn(cardsApi, 'upsertCard').mockResolvedValue({
+      success: true,
+      card: { id: 'card-42' } satisfies GameCardDto,
+    })
+    const addVoiceSpy = vi
+      .spyOn(voicesApi, 'addCardVoice')
+      .mockResolvedValue({
+        success: true,
+        voice: {
+          id: 'voice-1',
+          cardId: 'card-42',
+          voiceUrl: 'BASE64',
+          language: 'en',
+          createdAt: new Date(0).toISOString(),
+        },
+      })
+
+    await upsertCardWithOptionalVoice(
+      { id: null } satisfies GameCardDto,
+      { voiceUrl: 'BASE64', language: 'en' },
+    )
+
+    expect(addVoiceSpy).toHaveBeenCalledWith('card-42', 'BASE64', 'en')
+  })
+
+  it('falls back to request card id when response card id is missing', async () => {
+    vi.spyOn(cardsApi, 'upsertCard').mockResolvedValue({
+      success: true,
+      card: { id: null } satisfies GameCardDto,
+    })
+    const addVoiceSpy = vi
+      .spyOn(voicesApi, 'addCardVoice')
+      .mockResolvedValue({
+        success: true,
+        voice: {
+          id: 'voice-1',
+          cardId: 'card-req',
+          voiceUrl: 'BASE64',
+          language: 'es',
+          createdAt: new Date(0).toISOString(),
+        },
+      })
+
+    await upsertCardWithOptionalVoice(
+      { id: 'card-req' } satisfies GameCardDto,
+      { voiceUrl: 'BASE64', language: 'es' },
+    )
+
+    expect(addVoiceSpy).toHaveBeenCalledWith('card-req', 'BASE64', 'es')
+  })
+})
+
diff --git a/admin/src/api/cardsWithVoice.ts b/admin/src/api/cardsWithVoice.ts
new file mode 100644
index 0000000..b512692
--- /dev/null
+++ b/admin/src/api/cardsWithVoice.ts
@@ -0,0 +1,59 @@
+import type { GameCardDto } from '@/types/models'
+import { cardsApi } from './cards'
+import { voicesApi } from './voices'
+
+export interface PendingVoiceUpload {
+  voiceUrl: string
+  language: string
+}
+
+export async function upsertCardWithOptionalVoice(
+  card: GameCardDto,
+  voice?: PendingVoiceUpload,
+): Promise<{ success: boolean; card: GameCardDto }> {
+  console.log('🔍 upsertCardWithOptionalVoice: Starting', {
+    cardId: card.id,
+    hasVoice: !!voice,
+    voiceUrl: voice?.voiceUrl,
+    language: voice?.language,
+  })
+
+  const response = await cardsApi.upsertCard(card)
+
+  const responseCardId = response.card?.id != null ? String(response.card.id) : ''
+  const requestCardId = card.id != null ? String(card.id) : ''
+  const cardId = responseCardId || requestCardId
+
+  console.log('🔍 upsertCardWithOptionalVoice: After upsertCard', {
+    responseCardId,
+    requestCardId,
+    cardId,
+    hasVoice: !!voice,
+    voiceUrl: voice?.voiceUrl,
+  })
+
+  if (!voice || !voice.voiceUrl || !cardId) {
+    console.log('⚠️ upsertCardWithOptionalVoice: Skipping voice link', {
+      hasVoice: !!voice,
+      voiceUrl: voice?.voiceUrl,
+      cardId,
+    })
+    return response
+  }
+
+  console.log('✅ upsertCardWithOptionalVoice: Calling addCardVoice', {
+    cardId,
+    voiceUrl: voice.voiceUrl,
+    language: voice.language,
+  })
+
+  try {
+    await voicesApi.addCardVoice(cardId, voice.voiceUrl, voice.language)
+    console.log('✅ upsertCardWithOptionalVoice: Successfully added voice')
+  } catch (error) {
+    console.error('❌ upsertCardWithOptionalVoice: Error adding voice', error)
+    throw error
+  }
+
+  return response
+}
diff --git a/admin/src/api/client.test.ts b/admin/src/api/client.test.ts
new file mode 100644
index 0000000..4d56656
--- /dev/null
+++ b/admin/src/api/client.test.ts
@@ -0,0 +1,127 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { apiClient, adminApiClient } from './client'
+
+describe('API Clients', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    // Clear localStorage
+    localStorage.clear()
+  })
+
+  describe('apiClient', () => {
+    it('should be defined and have correct base URL', () => {
+      expect(apiClient).toBeDefined()
+      expect(apiClient.defaults.baseURL).toBe('https://api.mnemo-cards.online')
+    })
+
+    it('should have interceptors configured', () => {
+      expect(apiClient.interceptors).toBeDefined()
+      expect(apiClient.interceptors.request).toBeDefined()
+      expect(apiClient.interceptors.response).toBeDefined()
+    })
+  })
+
+  describe('adminApiClient', () => {
+    it('should always use production API URL', () => {
+      expect(adminApiClient).toBeDefined()
+      expect(adminApiClient.defaults.baseURL).toBe('https://api.mnemo-cards.online')
+    })
+
+    it('should be a separate instance from apiClient', () => {
+      expect(adminApiClient).not.toBe(apiClient)
+      expect(adminApiClient.defaults.baseURL).toBe(apiClient.defaults.baseURL)
+    })
+
+    it('should have interceptors configured', () => {
+      expect(adminApiClient.interceptors).toBeDefined()
+      expect(adminApiClient.interceptors.request).toBeDefined()
+      expect(adminApiClient.interceptors.response).toBeDefined()
+    })
+  })
+
+  describe('Auth token handling', () => {
+    it('should handle auth tokens correctly in request interceptor', () => {
+      const token = 'test-admin-token'
+      localStorage.setItem('admin_token', token)
+
+      const requestConfig = { headers: {} as Record<string, string> }
+      const addAuthToken = (config: { headers: Record<string, string> }) => {
+        const storedToken = localStorage.getItem('admin_token')
+        if (storedToken) {
+          config.headers.Authorization = `Bearer ${storedToken}`
+        }
+        return config
+      }
+
+      const result = addAuthToken(requestConfig)
+      expect(result.headers.Authorization).toBe(`Bearer ${token}`)
+    })
+
+    it('should not add authorization header when no token exists', () => {
+      const requestConfig = { headers: {} as Record<string, string> }
+      const addAuthToken = (config: { headers: Record<string, string> }) => {
+        const storedToken = localStorage.getItem('admin_token')
+        if (storedToken) {
+          config.headers.Authorization = `Bearer ${storedToken}`
+        }
+        return config
+      }
+
+      const result = addAuthToken(requestConfig)
+      expect(result.headers.Authorization).toBeUndefined()
+    })
+  })
+
+  describe('Error handling', () => {
+    it('should handle 401 errors by clearing token and redirecting', async () => {
+      // Mock window.location
+      const mockLocation = { href: '' }
+      Object.defineProperty(window, 'location', {
+        value: mockLocation,
+        writable: true,
+      })
+
+      const handleAuthError = (error: { response?: { status?: number } }) => {
+        if (error.response?.status === 401) {
+          localStorage.removeItem('admin_token')
+          window.location.href = '/login'
+        }
+        return Promise.reject(error)
+      }
+
+      const error = { response: { status: 401 } }
+
+      // Set a token first
+      localStorage.setItem('admin_token', 'some-token')
+
+      await expect(handleAuthError(error)).rejects.toEqual(error)
+
+      expect(localStorage.getItem('admin_token')).toBeNull()
+      expect(window.location.href).toBe('/login')
+    })
+
+    it('should not redirect for non-401 errors', async () => {
+      // Mock window.location
+      const mockLocation = { href: '' }
+      Object.defineProperty(window, 'location', {
+        value: mockLocation,
+        writable: true,
+      })
+
+      const handleAuthError = (error: { response?: { status?: number } }) => {
+        if (error.response?.status === 401) {
+          localStorage.removeItem('admin_token')
+          window.location.href = '/login'
+        }
+        return Promise.reject(error)
+      }
+
+      const error = { response: { status: 500 } }
+
+      await expect(handleAuthError(error)).rejects.toEqual(error)
+
+      expect(localStorage.getItem('admin_token')).toBeNull() // Should be cleared from beforeEach
+      expect(window.location.href).toBe('')
+    })
+  })
+})
diff --git a/admin/src/api/client.ts b/admin/src/api/client.ts
new file mode 100644
index 0000000..f0880c7
--- /dev/null
+++ b/admin/src/api/client.ts
@@ -0,0 +1,200 @@
+import axios, { type AxiosError, type InternalAxiosRequestConfig } from 'axios'
+import { useAuthStore } from '@/stores/authStore'
+import { authApi } from './auth'
+
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:3000'
+
+// Admin API client - same as regular API for sto_k_odnomu
+export const apiClient = axios.create({
+  baseURL: API_BASE_URL,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+})
+
+// Export adminApiClient as alias for compatibility
+export const adminApiClient = apiClient
+
+// Request interceptor to add auth token
+const addAuthToken = (config: InternalAxiosRequestConfig) => {
+  const token = localStorage.getItem('admin_token')
+  const isPublicAuthEndpoint = 
+    config.url?.includes('/admin/auth/request-code') ||
+    config.url?.includes('/admin/auth/verify-code') ||
+    config.url?.includes('/admin/auth/code-status')
+  
+  if (token && token.trim()) {
+    // Ensure headers object exists
+    if (!config.headers) {
+      config.headers = {} as InternalAxiosRequestConfig['headers']
+    }
+    const trimmedToken = token.trim()
+    // Set Authorization header - axios will normalize it to lowercase for HTTP
+    // but we use the standard capitalization
+    config.headers['Authorization'] = `Bearer ${trimmedToken}`
+    
+    // Debug logging for admin endpoints
+    if (!isPublicAuthEndpoint && config.url?.includes('/admin/')) {
+      console.log('[API Client] Adding auth token to request:', config.url)
+      console.log('[API Client] Token exists, length:', trimmedToken.length)
+      console.log('[API Client] Authorization header set:', config.headers['Authorization']?.substring(0, 30) + '...')
+    }
+  } else {
+    // Log error if token is missing (except for public auth endpoints)
+    if (!isPublicAuthEndpoint) {
+      console.error('[API Client] No admin token found in localStorage for request:', config.url)
+      console.error('[API Client] localStorage.getItem("admin_token"):', localStorage.getItem('admin_token'))
+      console.error('[API Client] All localStorage keys:', Object.keys(localStorage))
+    }
+  }
+  return config
+}
+
+// Flag to prevent multiple logout calls
+let isLoggingOut = false
+// Flag to prevent multiple refresh calls
+let isRefreshing = false
+let refreshPromise: Promise<string> | null = null
+
+// Function to refresh token
+const refreshAccessToken = async (): Promise<string> => {
+  if (refreshPromise) {
+    return refreshPromise
+  }
+
+  refreshPromise = (async () => {
+    try {
+      const refreshToken = localStorage.getItem('admin_refresh_token')
+      if (!refreshToken) {
+        throw new Error('No refresh token available')
+      }
+
+      const response = await authApi.refreshToken(refreshToken)
+      if (!response.success || !response.token) {
+        throw new Error('Failed to refresh token')
+      }
+
+      // Update store with new tokens
+      useAuthStore.getState().updateToken(
+        response.token,
+        response.refreshToken,
+        response.expiresIn
+      )
+
+      return response.token
+    } catch (error) {
+      console.error('[API Client] Token refresh failed:', error)
+      // If refresh fails, logout
+      useAuthStore.getState().logout()
+      throw error
+    } finally {
+      refreshPromise = null
+    }
+  })()
+
+  return refreshPromise
+}
+
+// Request interceptor to check and refresh token if needed
+const checkAndRefreshToken = async (config: InternalAxiosRequestConfig) => {
+  const isPublicAuthEndpoint = 
+    config.url?.includes('/admin/auth/request-code') ||
+    config.url?.includes('/admin/auth/verify-code') ||
+    config.url?.includes('/admin/auth/code-status') ||
+    config.url?.includes('/admin/auth/refresh')
+
+  // Skip token refresh for public endpoints
+  if (isPublicAuthEndpoint) {
+    return config
+  }
+
+  // Check if token needs refresh
+  if (useAuthStore.getState().shouldRefreshToken() && !isRefreshing) {
+    isRefreshing = true
+    try {
+      const newToken = await refreshAccessToken()
+      // Update token in config
+      if (config.headers) {
+        config.headers['Authorization'] = `Bearer ${newToken}`
+      }
+    } catch (error) {
+      console.error('[API Client] Failed to refresh token before request:', error)
+      // Will be handled by response interceptor
+    } finally {
+      isRefreshing = false
+    }
+  }
+
+  return config
+}
+
+// Response interceptor for error handling
+const handleAuthError = async (error: unknown) => {
+  const axiosError = error as AxiosError
+  const originalRequest = axiosError.config as InternalAxiosRequestConfig & { _retry?: boolean }
+
+  if (axiosError.response?.status === 401) {
+    // Check if we're already on login page
+    const currentPath = window.location.pathname
+    const isPublicAuthEndpoint = 
+      originalRequest?.url?.includes('/admin/auth/request-code') ||
+      originalRequest?.url?.includes('/admin/auth/verify-code') ||
+      originalRequest?.url?.includes('/admin/auth/code-status') ||
+      originalRequest?.url?.includes('/admin/auth/refresh')
+    
+    // Don't logout for public auth endpoints or if already on login page
+    if (currentPath === '/login' || isPublicAuthEndpoint) {
+      return Promise.reject(error)
+    }
+
+    // Try to refresh token if we haven't retried yet
+    if (!originalRequest._retry) {
+      originalRequest._retry = true
+
+      const refreshToken = localStorage.getItem('admin_refresh_token')
+      if (refreshToken) {
+        try {
+          const newToken = await refreshAccessToken()
+          
+          // Retry original request with new token
+          if (originalRequest.headers) {
+            originalRequest.headers['Authorization'] = `Bearer ${newToken}`
+          }
+          
+          return adminApiClient(originalRequest)
+        } catch (refreshError) {
+          console.error('[API Client] Token refresh failed, logging out:', refreshError)
+          // Refresh failed, proceed to logout
+        }
+      }
+    }
+    
+    // Prevent multiple logout calls
+    if (isLoggingOut) {
+      return Promise.reject(error)
+    }
+    
+    isLoggingOut = true
+    
+    // Remove token and update auth store
+    // React Router will automatically redirect to /login when isAuthenticated becomes false
+    localStorage.removeItem('admin_token')
+    localStorage.removeItem('admin_refresh_token')
+    useAuthStore.getState().logout()
+    
+    // Reset flag after a short delay to allow React Router to handle redirect
+    setTimeout(() => {
+      isLoggingOut = false
+    }, 1000)
+  }
+  return Promise.reject(error)
+}
+
+// Apply interceptors to both clients
+apiClient.interceptors.request.use(checkAndRefreshToken)
+apiClient.interceptors.request.use(addAuthToken)
+apiClient.interceptors.response.use((response) => response, handleAuthError)
+
+adminApiClient.interceptors.request.use(checkAndRefreshToken)
+adminApiClient.interceptors.request.use(addAuthToken)
+adminApiClient.interceptors.response.use((response) => response, handleAuthError)
diff --git a/admin/src/api/media.ts b/admin/src/api/media.ts
new file mode 100644
index 0000000..807aa7e
--- /dev/null
+++ b/admin/src/api/media.ts
@@ -0,0 +1,109 @@
+import { adminApiClient } from './client'
+
+export interface UploadResponse {
+  objectId: string
+  url: string // Presigned URL for preview
+}
+
+export interface PresignedUrlResponse {
+  url: string
+  expiresAt: string
+}
+
+export const mediaApi = {
+  /**
+   * Upload card image to MinIO
+   * @param file Image file to upload
+   * @returns Object ID and presigned URL
+   */
+  async uploadCardImage(file: File): Promise<UploadResponse> {
+    const formData = new FormData()
+    formData.append('file', file)
+
+    const response = await adminApiClient.post<UploadResponse>(
+      '/api/v2/media/upload/card-image',
+      formData,
+      {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+      }
+    )
+
+    return response.data
+  },
+
+  /**
+   * Upload test image to MinIO
+   * @param file Image file to upload
+   * @returns Object ID and presigned URL
+   */
+  async uploadTestImage(file: File): Promise<UploadResponse> {
+    const formData = new FormData()
+    formData.append('file', file)
+
+    const response = await adminApiClient.post<UploadResponse>(
+      '/api/v2/media/upload/test-image',
+      formData,
+      {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+      }
+    )
+
+    return response.data
+  },
+
+  /**
+   * Upload voice audio file to MinIO
+   * @param file Audio file to upload
+   * @returns Object ID and presigned URL
+   */
+  async uploadVoice(file: File): Promise<UploadResponse> {
+    const formData = new FormData()
+    formData.append('file', file)
+
+    const response = await adminApiClient.post<UploadResponse>(
+      '/api/v2/media/upload/voice',
+      formData,
+      {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+      }
+    )
+
+    return response.data
+  },
+
+  /**
+   * Get presigned URL for an object
+   * @param bucket Bucket name (card-images, test-images, voice-audio)
+   * @param objectId Object ID (UUID)
+   * @param expirySeconds Optional expiry time in seconds
+   * @returns Presigned URL and expiration time
+   */
+  async getPresignedUrl(
+    bucket: string,
+    objectId: string,
+    expirySeconds?: number
+  ): Promise<PresignedUrlResponse> {
+    const params = expirySeconds ? { expirySeconds: expirySeconds.toString() } : {}
+    const response = await adminApiClient.get<PresignedUrlResponse>(
+      `/api/v2/media/${bucket}/${objectId}/url`,
+      { params }
+    )
+
+    return response.data
+  },
+
+  /**
+   * Delete a file from MinIO
+   * @param bucket Bucket name
+   * @param objectId Object ID to delete
+   */
+  async deleteFile(bucket: string, objectId: string): Promise<void> {
+    await adminApiClient.delete(`/api/v2/media/${bucket}/${objectId}`)
+  },
+}
diff --git a/admin/src/api/packs.ts b/admin/src/api/packs.ts
new file mode 100644
index 0000000..c0a8d3a
--- /dev/null
+++ b/admin/src/api/packs.ts
@@ -0,0 +1,215 @@
+import { adminApiClient } from './client'
+import type { EditCardPackDto, CardPackPreviewDto, PaginatedResponse } from '@/types/models'
+import type { AxiosError } from 'axios'
+
+export interface PacksApiError {
+  message: string
+  statusCode?: number
+  field?: string
+  originalError?: unknown
+  name: 'PacksApiError'
+}
+
+export function createPacksApiError(
+  message: string,
+  statusCode?: number,
+  field?: string,
+  originalError?: unknown
+): PacksApiError {
+  return {
+    message,
+    statusCode,
+    field,
+    originalError,
+    name: 'PacksApiError',
+  }
+}
+
+export function isPacksApiError(error: unknown): error is PacksApiError {
+  return (
+    typeof error === 'object' &&
+    error !== null &&
+    'name' in error &&
+    error.name === 'PacksApiError'
+  )
+}
+
+export const packsApi = {
+  // Get all packs with pagination and search
+  getPacks: async (params?: {
+    page?: number
+    limit?: number
+    search?: string
+    showDisabled?: boolean
+  }): Promise<PaginatedResponse<CardPackPreviewDto>> => {
+    try {
+      const response = await adminApiClient.get('/api/v2/admin/packs', {
+        params: {
+          page: params?.page || 1,
+          limit: params?.limit || 20,
+          search: params?.search,
+          showDisabled: params?.showDisabled,
+        },
+      })
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string; field?: string }>
+      
+      // Check for validation errors (limit too high, etc.)
+      if (axiosError.response?.status === 400) {
+        const errorData = axiosError.response.data
+        if (errorData?.message?.includes('Limit')) {
+          throw createPacksApiError(
+            `Invalid limit: ${errorData.message}. Maximum allowed limit is 100.`,
+            axiosError.response.status,
+            'limit',
+            error
+          )
+        }
+      }
+      
+      throw createPacksApiError(
+        axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        'Failed to load packs',
+        axiosError.response?.status,
+        axiosError.response?.data?.field,
+        error
+      )
+    }
+  },
+
+  // Get pack details by ID for editing
+  getPack: async (packId: string): Promise<EditCardPackDto> => {
+    try {
+      const response = await adminApiClient.get(`/api/v2/admin/packs/${packId}`)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string }>
+      
+      if (axiosError.response?.status === 404) {
+        throw createPacksApiError(
+          `Pack not found: The pack with ID "${packId}" does not exist or has been deleted.`,
+          axiosError.response.status,
+          undefined,
+          error
+        )
+      }
+      
+      throw createPacksApiError(
+        axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        `Failed to load pack ${packId}`,
+        axiosError.response?.status,
+        undefined,
+        error
+      )
+    }
+  },
+
+  // Create or update pack
+  upsertPack: async (pack: EditCardPackDto): Promise<{ success: boolean; pack: EditCardPackDto }> => {
+    try {
+      const response = await adminApiClient.post('/api/v2/admin/packs', pack)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string; field?: string; details?: string }>
+      const isUpdate = pack.id && pack.id.length > 0
+      const operation = isUpdate ? 'update pack' : 'create pack'
+      const baseMessage = axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        `Failed to ${operation}`
+      
+      let fullMessage = baseMessage
+      if (axiosError.response?.data?.details) {
+        fullMessage += `. ${axiosError.response.data.details}`
+      }
+      
+      // Special handling for common errors
+      if (axiosError.response?.status === 404 && isUpdate) {
+        fullMessage = `Pack not found: The pack you're trying to update (ID: ${pack.id}) does not exist.`
+      }
+      
+      if (axiosError.response?.data?.field) {
+        fullMessage += ` (Field: ${axiosError.response.data.field})`
+      }
+      
+      throw createPacksApiError(
+        fullMessage,
+        axiosError.response?.status,
+        axiosError.response?.data?.field,
+        error
+      )
+    }
+  },
+
+  // Link a test to a pack (requires sending pack title due to backend validation)
+  linkTestToPack: async (
+    packId: string,
+    testId: string,
+  ): Promise<{ success: boolean; pack: EditCardPackDto }> => {
+    const pack = await packsApi.getPack(packId)
+    const title = pack.title?.trim()
+    if (!title) {
+      throw createPacksApiError(
+        `Pack "${packId}" has no title; cannot link test`,
+        400,
+        'title',
+      )
+    }
+    return packsApi.upsertPack({
+      id: packId,
+      title,
+      addTestIds: [testId],
+    })
+  },
+
+  // Unlink a test from a pack (requires sending pack title due to backend validation)
+  unlinkTestFromPack: async (
+    packId: string,
+    testId: string,
+  ): Promise<{ success: boolean; pack: EditCardPackDto }> => {
+    const pack = await packsApi.getPack(packId)
+    const title = pack.title?.trim()
+    if (!title) {
+      throw createPacksApiError(
+        `Pack "${packId}" has no title; cannot unlink test`,
+        400,
+        'title',
+      )
+    }
+    return packsApi.upsertPack({
+      id: packId,
+      title,
+      removeTestIds: [testId],
+    })
+  },
+
+  // Delete pack
+  deletePack: async (packId: string): Promise<{ success: boolean; message: string }> => {
+    try {
+      const response = await adminApiClient.delete(`/api/v2/admin/packs/${packId}`)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string }>
+      
+      if (axiosError.response?.status === 404) {
+        throw createPacksApiError(
+          `Pack not found: The pack with ID "${packId}" does not exist and cannot be deleted.`,
+          axiosError.response.status,
+          undefined,
+          error
+        )
+      }
+      
+      throw createPacksApiError(
+        axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        `Failed to delete pack ${packId}`,
+        axiosError.response?.status,
+        undefined,
+        error
+      )
+    }
+  },
+}
diff --git a/admin/src/api/tests.ts b/admin/src/api/tests.ts
new file mode 100644
index 0000000..cf5f99e
--- /dev/null
+++ b/admin/src/api/tests.ts
@@ -0,0 +1,131 @@
+import { adminApiClient } from './client'
+import type { TestDto, PaginatedResponse } from '@/types/models'
+import type { AxiosError } from 'axios'
+
+export interface TestsApiError {
+  message: string
+  statusCode?: number
+  field?: string
+  originalError?: unknown
+  name: 'TestsApiError'
+}
+
+export function createTestsApiError(
+  message: string,
+  statusCode?: number,
+  field?: string,
+  originalError?: unknown
+): TestsApiError {
+  return {
+    message,
+    statusCode,
+    field,
+    originalError,
+    name: 'TestsApiError',
+  }
+}
+
+export function isTestsApiError(error: unknown): error is TestsApiError {
+  return (
+    typeof error === 'object' &&
+    error !== null &&
+    'name' in error &&
+    error.name === 'TestsApiError'
+  )
+}
+
+export const testsApi = {
+  // Get all tests with pagination and search
+  getTests: async (params?: {
+    page?: number
+    limit?: number
+    search?: string
+  }): Promise<PaginatedResponse<TestDto>> => {
+    try {
+      const response = await adminApiClient.get('/api/v2/admin/tests', {
+        params: {
+          page: params?.page || 1,
+          limit: params?.limit || 20,
+          search: params?.search,
+        },
+      })
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string; field?: string }>
+      throw createTestsApiError(
+        axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        'Failed to load tests',
+        axiosError.response?.status,
+        axiosError.response?.data?.field,
+        error
+      )
+    }
+  },
+
+  // Get a specific test by ID
+  getTest: async (testId: string): Promise<TestDto> => {
+    try {
+      const response = await adminApiClient.get(`/api/v2/admin/tests/${testId}`)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string }>
+      throw createTestsApiError(
+        axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        `Failed to load test ${testId}`,
+        axiosError.response?.status,
+        undefined,
+        error
+      )
+    }
+  },
+
+  // Create or update a test
+  upsertTest: async (test: TestDto): Promise<{ success: boolean; test: TestDto }> => {
+    try {
+      const response = await adminApiClient.post('/api/v2/admin/tests', test)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string; field?: string; details?: string }>
+      const isUpdate = test.id && test.id.length > 0
+      const operation = isUpdate ? 'update test' : 'create test'
+      const message = axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        `Failed to ${operation}`
+      
+      let fullMessage = message
+      if (axiosError.response?.data?.details) {
+        fullMessage += `. ${axiosError.response.data.details}`
+      }
+      if (axiosError.response?.data?.field) {
+        fullMessage += ` (Field: ${axiosError.response.data.field})`
+      }
+      
+      throw createTestsApiError(
+        fullMessage,
+        axiosError.response?.status,
+        axiosError.response?.data?.field,
+        error
+      )
+    }
+  },
+
+  // Delete a test by ID
+  deleteTest: async (testId: string): Promise<{ success: boolean; message: string }> => {
+    try {
+      const response = await adminApiClient.delete(`/api/v2/admin/tests/${testId}`)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError<{ error?: string; message?: string }>
+      throw createTestsApiError(
+        axiosError.response?.data?.message || 
+        axiosError.response?.data?.error || 
+        `Failed to delete test ${testId}`,
+        axiosError.response?.status,
+        undefined,
+        error
+      )
+    }
+  },
+}
diff --git a/admin/src/api/users.ts b/admin/src/api/users.ts
new file mode 100644
index 0000000..c478a71
--- /dev/null
+++ b/admin/src/api/users.ts
@@ -0,0 +1,44 @@
+import { adminApiClient } from './client'
+import type { UserDto, PaginatedResponse, PaymentDto } from '@/types/models'
+
+export const usersApi = {
+  // Get all users with pagination
+  getUsers: async (params?: {
+    page?: number
+    limit?: number
+    ids?: string[]
+  }): Promise<PaginatedResponse<UserDto>> => {
+    const response = await adminApiClient.get('/api/v2/admin/users', {
+      params: {
+        page: params?.page || 1,
+        limit: params?.limit || 20,
+        ids: params?.ids?.join(','),
+      },
+    })
+    return response.data
+  },
+
+  // Get user IDs list
+  getUserIds: async (): Promise<string[]> => {
+    const response = await adminApiClient.get('/api/v2/admin/users/ids')
+    return response.data.ids
+  },
+
+  // Get user purchases
+  getUserPurchases: async (userId: string): Promise<PaymentDto[]> => {
+    const response = await adminApiClient.get(`/api/v2/admin/users/${userId}/purchases`)
+    return response.data.payments
+  },
+
+  // Create or update user
+  upsertUser: async (user: UserDto): Promise<{ result: boolean }> => {
+    const response = await adminApiClient.post('/api/v2/admin/users', user)
+    return response.data
+  },
+
+  // Delete user
+  deleteUser: async (userId: string): Promise<{ result: boolean }> => {
+    const response = await adminApiClient.delete(`/api/v2/admin/users/${userId}`)
+    return response.data
+  },
+}
diff --git a/admin/src/api/voices.ts b/admin/src/api/voices.ts
new file mode 100644
index 0000000..e78e8a5
--- /dev/null
+++ b/admin/src/api/voices.ts
@@ -0,0 +1,45 @@
+import { adminApiClient } from './client'
+
+export interface VoiceDto {
+  id: string
+  cardId: string
+  voiceUrl: string
+  language: string
+  createdAt: string
+}
+
+export interface VoiceResponse {
+  items: VoiceDto[]
+}
+
+export const voicesApi = {
+  // Get all voices for a card
+  getCardVoices: async (cardId: string): Promise<VoiceResponse> => {
+    const response = await adminApiClient.get(`/api/v2/admin/cards/${cardId}/voices`)
+    return response.data
+  },
+
+  // Add a voice to a card
+  addCardVoice: async (
+    cardId: string,
+    voiceUrl: string,
+    language: string = 'en'
+  ): Promise<{ success: boolean; voice: VoiceDto }> => {
+    const response = await adminApiClient.post(`/api/v2/admin/cards/${cardId}/voices`, {
+      voiceUrl,
+      language,
+    })
+    return response.data
+  },
+
+  // Remove a voice from a card
+  removeCardVoice: async (
+    cardId: string,
+    voiceId: string
+  ): Promise<{ success: boolean; message?: string }> => {
+    const response = await adminApiClient.delete(
+      `/api/v2/admin/cards/${cardId}/voices/${voiceId}`
+    )
+    return response.data
+  },
+}
\ No newline at end of file
diff --git a/admin/src/assets/react.svg b/admin/src/assets/react.svg
new file mode 100644
index 0000000..6c87de9
--- /dev/null
+++ b/admin/src/assets/react.svg
@@ -0,0 +1 @@
+<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/admin/src/components/BulkCardEditor.test.tsx b/admin/src/components/BulkCardEditor.test.tsx
new file mode 100644
index 0000000..cbf46e0
--- /dev/null
+++ b/admin/src/components/BulkCardEditor.test.tsx
@@ -0,0 +1,95 @@
+import { describe, expect, it, vi } from 'vitest'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+
+import { BulkCardEditor } from '@/components/BulkCardEditor'
+
+vi.mock('@/api/packs', () => {
+  return {
+    packsApi: {
+      getPacks: vi.fn(),
+    },
+    isPacksApiError: () => false,
+  }
+})
+
+import { packsApi } from '@/api/packs'
+
+function renderWithQuery(ui: React.ReactElement) {
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        retry: false,
+      },
+    },
+  })
+
+  return render(
+    <QueryClientProvider client={queryClient}>{ui}</QueryClientProvider>,
+  )
+}
+
+describe('BulkCardEditor', () => {
+  it('loads packs and shows their titles in the pack select', async () => {
+    vi.mocked(packsApi.getPacks).mockResolvedValue({
+      items: [
+        {
+          id: 'pack-1',
+          title: 'Pack One',
+          cards: 10,
+          enabled: true,
+          order: 0,
+        },
+        {
+          id: 'pack-empty-title',
+          title: '   ',
+          cards: 0,
+          enabled: true,
+          order: 1,
+        },
+      ],
+      total: 2,
+      page: 1,
+      limit: 100,
+      totalPages: 1,
+    })
+
+    const images = [
+      {
+        id: 'img-1',
+        file: new File(['x'], 'img-1.png', { type: 'image/png' }),
+        preview: 'data:image/png;base64,AA==',
+        objectId: '550e8400-e29b-41d4-a716-446655440000',
+      },
+    ]
+
+    renderWithQuery(
+      <BulkCardEditor
+        images={images}
+        onComplete={vi.fn()}
+        onCancel={vi.fn()}
+      />,
+    )
+
+    await waitFor(() => {
+      expect(packsApi.getPacks).toHaveBeenCalledWith({
+        page: 1,
+        limit: 100,
+        search: '',
+      })
+    })
+
+    const placeholder = screen.getByText('Select a pack (optional)')
+    const trigger = placeholder.closest('button')
+    expect(trigger).toBeTruthy()
+
+    trigger!.focus()
+    fireEvent.keyDown(trigger!, { key: 'ArrowDown' })
+
+    await waitFor(() => {
+      expect(screen.getByText('None')).toBeInTheDocument()
+      expect(screen.getByText('Pack One')).toBeInTheDocument()
+      expect(screen.getByText('pack-empty-title')).toBeInTheDocument()
+    })
+  })
+})
diff --git a/admin/src/components/BulkCardEditor.tsx b/admin/src/components/BulkCardEditor.tsx
new file mode 100644
index 0000000..1aea1b7
--- /dev/null
+++ b/admin/src/components/BulkCardEditor.tsx
@@ -0,0 +1,412 @@
+import { useState, useEffect } from 'react'
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import { toast } from 'sonner'
+import { cardsApi, isCardsApiError } from '@/api/cards'
+import { packsApi, isPacksApiError } from '@/api/packs'
+import { formatApiError, getDetailedErrorMessage } from '@/lib/error-utils'
+import type { GameCardDto } from '@/types/models'
+import { Button } from './ui/button'
+import { Input } from './ui/input'
+import { Label } from './ui/label'
+import { Textarea } from './ui/textarea'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './ui/card'
+import { Badge } from './ui/badge'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './ui/select'
+import { ChevronLeft, ChevronRight, Save, X } from 'lucide-react'
+
+interface UploadedImage {
+  id: string
+  file: File
+  preview: string
+  objectId: string // Object ID in MinIO (UUID)
+  presignedUrl?: string // Presigned URL for preview
+}
+
+interface CardData {
+  imageId: string
+  packId: string
+  original: string
+  translation: string
+  mnemo: string
+  transcription: string
+  transcriptionMnemo: string
+  back: string
+  imageBack?: string
+  isSaved: boolean
+  cardId?: string
+}
+
+interface BulkCardEditorProps {
+  images: UploadedImage[]
+  defaultPackId?: string
+  onComplete: () => void
+  onCancel: () => void
+}
+
+export function BulkCardEditor({ images, defaultPackId, onComplete, onCancel }: BulkCardEditorProps) {
+  const queryClient = useQueryClient()
+  const [currentIndex, setCurrentIndex] = useState(0)
+  const [cardsData, setCardsData] = useState<Map<string, CardData>>(() => {
+    const initialData = new Map<string, CardData>()
+    if (images.length > 0) {
+      images.forEach((image) => {
+        initialData.set(image.id, {
+          imageId: image.id,
+          packId: defaultPackId || '',
+          original: '',
+          translation: '',
+          mnemo: '',
+          transcription: '',
+          transcriptionMnemo: '',
+          back: '',
+          imageBack: undefined,
+          isSaved: false,
+        })
+      })
+    }
+    return initialData
+  })
+  const [packsData, setPacksData] = useState<{ id: string; title: string }[]>([])
+
+  // Load packs
+  useEffect(() => {
+    packsApi
+      .getPacks({ page: 1, limit: 100, search: '' })
+      .then((response) => {
+        try {
+          if (response && response.items && Array.isArray(response.items)) {
+            const packs = response.items.map((pack) => {
+              const id = String(pack.id)
+              const title = pack.title?.trim() ? String(pack.title) : id
+              return { id, title }
+            })
+            setPacksData(packs)
+          } else {
+            console.warn('Unexpected packs response format:', response)
+            setPacksData([])
+          }
+        } catch (error) {
+          console.error('Error processing packs response:', error)
+          setPacksData([])
+        }
+      })
+      .catch((error) => {
+        const errorMessage = isPacksApiError(error) 
+          ? error.message 
+          : formatApiError(error)
+        console.error('Failed to load packs:', error)
+        toast.error(`Failed to load packs: ${errorMessage}`)
+        // Initialize with empty array so component doesn't crash
+        setPacksData([])
+      })
+  }, [])
+
+  const currentImage = images[currentIndex]
+  const currentCard = currentImage ? cardsData.get(currentImage.id) : undefined
+
+  const updateMutation = useMutation({
+    mutationFn: (card: GameCardDto) => cardsApi.upsertCard(card),
+    onSuccess: (response) => {
+      queryClient.invalidateQueries({ queryKey: ['cards'] })
+      if (currentImage) {
+        const imageId = currentImage.id
+        setCardsData((prev) => {
+          const newData = new Map(prev)
+          const cardData = newData.get(imageId)
+          if (cardData && response.card) {
+            newData.set(imageId, {
+              ...cardData,
+              isSaved: true,
+              cardId: response.card.id || undefined,
+            })
+          }
+          return newData
+        })
+      }
+      toast.success('Card saved successfully')
+    },
+    onError: (error: unknown) => {
+      const errorMessage = isCardsApiError(error) 
+        ? error.message 
+        : getDetailedErrorMessage(error, 'save', 'card')
+      toast.error(errorMessage)
+      console.error('Error saving card:', error)
+    },
+  })
+
+  const handleFieldChange = (field: keyof CardData, value: string) => {
+    if (!currentCard || !currentImage) return
+
+    setCardsData((prev) => {
+      const newData = new Map(prev)
+      const cardData = newData.get(currentImage.id)
+      if (cardData) {
+        newData.set(currentImage.id, {
+          ...cardData,
+          [field]: value,
+        })
+      }
+      return newData
+    })
+  }
+
+  const handleSave = () => {
+    if (!currentCard) return
+
+    if (!currentCard.original.trim() || !currentCard.translation.trim() || !currentCard.mnemo.trim()) {
+      toast.error('Original, translation and mnemo are required')
+      return
+    }
+
+    const image = images.find((img) => img.id === currentCard.imageId)
+    if (!image) return
+
+    const cardData: GameCardDto = {
+      id: currentCard.cardId || null,
+      packId: currentCard.packId || undefined,
+      original: currentCard.original.trim(),
+      translation: currentCard.translation.trim(),
+      mnemo: currentCard.mnemo.trim(),
+      transcription: currentCard.transcription.trim() || undefined,
+      transcriptionMnemo: currentCard.transcriptionMnemo.trim() || undefined,
+      back: currentCard.back.trim() || undefined,
+      image: image.objectId, // Use objectId instead of base64
+      imageBack: currentCard.imageBack || undefined,
+    }
+
+    updateMutation.mutate(cardData)
+  }
+
+  const handleNext = () => {
+    if (currentIndex < images.length - 1) {
+      setCurrentIndex(currentIndex + 1)
+    }
+  }
+
+  const handlePrevious = () => {
+    if (currentIndex > 0) {
+      setCurrentIndex(currentIndex - 1)
+    }
+  }
+
+  const savedCount = Array.from(cardsData.values()).filter((card) => card.isSaved).length
+  const totalCount = images.length
+
+  // Wait for images and cards data to be initialized
+  if (images.length === 0) {
+    return (
+      <div className="p-4">
+        <p className="text-muted-foreground">No images uploaded</p>
+      </div>
+    )
+  }
+
+  if (!currentImage || !currentCard) {
+    return (
+      <div className="p-4">
+        <p className="text-muted-foreground">Initializing card data...</p>
+      </div>
+    )
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-2xl font-bold">Fill Card Details</h2>
+          <p className="text-sm text-muted-foreground">
+            Card {currentIndex + 1} of {totalCount} • {savedCount} saved
+          </p>
+        </div>
+        <div className="flex items-center space-x-2">
+          <Badge variant={currentCard.isSaved ? 'default' : 'secondary'}>
+            {currentCard.isSaved ? 'Saved' : 'Not Saved'}
+          </Badge>
+          <Button variant="outline" onClick={onCancel}>
+            <X className="h-4 w-4 mr-2" />
+            Cancel
+          </Button>
+        </div>
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+        {/* Image Preview */}
+        <Card>
+          <CardHeader>
+            <CardTitle>Image Preview</CardTitle>
+            <CardDescription>{currentImage.file?.name || 'Unknown'}</CardDescription>
+          </CardHeader>
+          <CardContent>
+            <div className="relative aspect-square border rounded-lg overflow-hidden bg-muted">
+              {currentImage.presignedUrl || currentImage.preview ? (
+                <img
+                  src={currentImage.presignedUrl || currentImage.preview}
+                  alt={currentImage.file?.name || 'Card image'}
+                  className="w-full h-full object-contain"
+                  onError={(e) => {
+                    console.error('Failed to load image:', currentImage.presignedUrl || currentImage.preview)
+                    e.currentTarget.style.display = 'none'
+                  }}
+                />
+              ) : (
+                <div className="w-full h-full flex items-center justify-center text-muted-foreground">
+                  Image preview not available
+                </div>
+              )}
+            </div>
+          </CardContent>
+        </Card>
+
+        {/* Form */}
+        <Card>
+          <CardHeader>
+            <CardTitle>Card Information</CardTitle>
+            <CardDescription>Fill in the details for this card</CardDescription>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="packId">Pack ID (optional)</Label>
+              <Select
+                value={currentCard.packId || undefined}
+                onValueChange={(value: string) => {
+                  // If "none" is selected, clear the packId
+                  const packId = value === '__none__' ? '' : value
+                  handleFieldChange('packId', packId)
+                }}
+              >
+                <SelectTrigger>
+                  <SelectValue placeholder="Select a pack (optional)" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="__none__">None</SelectItem>
+                  {packsData && packsData.length > 0 ? (
+                    packsData.map((pack) => (
+                      <SelectItem key={pack.id} value={pack.id}>
+                        {pack.title || pack.id}
+                      </SelectItem>
+                    ))
+                  ) : null}
+                </SelectContent>
+              </Select>
+            </div>
+
+            <div className="grid grid-cols-2 gap-4">
+              <div className="space-y-2">
+                <Label htmlFor="original">Original *</Label>
+                <Input
+                  id="original"
+                  value={currentCard.original}
+                  onChange={(e) => handleFieldChange('original', e.target.value)}
+                  placeholder="e.g. cerdo"
+                />
+              </div>
+              <div className="space-y-2">
+                <Label htmlFor="translation">Translation *</Label>
+                <Input
+                  id="translation"
+                  value={currentCard.translation}
+                  onChange={(e) => handleFieldChange('translation', e.target.value)}
+                  placeholder="e.g. pig"
+                />
+              </div>
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="mnemo">Mnemo *</Label>
+              <Input
+                id="mnemo"
+                value={currentCard.mnemo}
+                onChange={(e) => handleFieldChange('mnemo', e.target.value)}
+                placeholder="e.g. [pig] with heart"
+              />
+            </div>
+
+            <div className="grid grid-cols-2 gap-4">
+              <div className="space-y-2">
+                <Label htmlFor="transcription">Transcription</Label>
+                <Input
+                  id="transcription"
+                  value={currentCard.transcription}
+                  onChange={(e) => handleFieldChange('transcription', e.target.value)}
+                  placeholder="e.g. sɛrdo"
+                />
+              </div>
+              <div className="space-y-2">
+                <Label htmlFor="transcriptionMnemo">Transcription Mnemo</Label>
+                <Input
+                  id="transcriptionMnemo"
+                  value={currentCard.transcriptionMnemo}
+                  onChange={(e) => handleFieldChange('transcriptionMnemo', e.target.value)}
+                  placeholder="e.g. pig with heart"
+                />
+              </div>
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="back">Back Side</Label>
+              <Textarea
+                id="back"
+                value={currentCard.back}
+                onChange={(e) => handleFieldChange('back', e.target.value)}
+                placeholder="Additional information on the back of the card"
+                rows={3}
+              />
+            </div>
+
+            <div className="flex items-center space-x-2 pt-4">
+              <Button
+                variant="outline"
+                onClick={handlePrevious}
+                disabled={currentIndex === 0}
+              >
+                <ChevronLeft className="h-4 w-4 mr-2" />
+                Previous
+              </Button>
+              <Button
+                onClick={handleSave}
+                disabled={updateMutation.isPending}
+                className="flex-1"
+              >
+                <Save className="h-4 w-4 mr-2" />
+                {updateMutation.isPending ? 'Saving...' : currentCard.isSaved ? 'Update' : 'Save'}
+              </Button>
+              <Button
+                variant="outline"
+                onClick={handleNext}
+                disabled={currentIndex === images.length - 1}
+              >
+                Next
+                <ChevronRight className="h-4 w-4 ml-2" />
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Progress indicator */}
+      <Card>
+        <CardContent className="pt-6">
+          <div className="space-y-2">
+            <div className="flex items-center justify-between text-sm">
+              <span>Progress</span>
+              <span>{savedCount} / {totalCount} saved</span>
+            </div>
+            <div className="w-full bg-muted rounded-full h-2">
+              <div
+                className="bg-primary h-2 rounded-full transition-all"
+                style={{ width: `${(savedCount / totalCount) * 100}%` }}
+              />
+            </div>
+          </div>
+          {savedCount === totalCount && (
+            <div className="mt-4 flex justify-end">
+              <Button onClick={onComplete}>
+                Complete
+              </Button>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+    </div>
+  )
+}
diff --git a/admin/src/components/BulkCardUpload.tsx b/admin/src/components/BulkCardUpload.tsx
new file mode 100644
index 0000000..52d39bc
--- /dev/null
+++ b/admin/src/components/BulkCardUpload.tsx
@@ -0,0 +1,372 @@
+import { useState, useRef } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { Button } from './ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './ui/card'
+import { Label } from './ui/label'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './ui/select'
+import { Upload, X, Check, Loader2 } from 'lucide-react'
+import { packsApi } from '@/api/packs'
+import { mediaApi } from '@/api/media'
+
+interface UploadedImage {
+  id: string
+  file: File
+  preview: string
+  objectId: string // Object ID in MinIO (UUID)
+  presignedUrl?: string // Presigned URL for preview
+  isUploading?: boolean
+  uploadError?: string
+}
+
+interface BulkCardUploadProps {
+  onImagesUploaded: (images: UploadedImage[], packId?: string) => void
+  onClose: () => void
+}
+
+export function BulkCardUpload({ onImagesUploaded, onClose }: BulkCardUploadProps) {
+  const fileInputRef = useRef<HTMLInputElement>(null)
+  const [uploadedImages, setUploadedImages] = useState<UploadedImage[]>([])
+  const [isDragging, setIsDragging] = useState(false)
+  const [selectedPackId, setSelectedPackId] = useState<string>('')
+  const [isUploading, setIsUploading] = useState(false)
+
+  // Fetch packs for pack selection
+  const { data: packsData } = useQuery({
+    queryKey: ['packs', 1, 100, ''],
+    queryFn: () => packsApi.getPacks({ page: 1, limit: 100, search: '' }),
+  })
+
+  const handleFileSelect = async (files: FileList) => {
+    const filesArray = Array.from(files)
+    
+    // Filter valid files
+    const validFiles = filesArray.filter((file) => {
+      if (!file.type.startsWith('image/')) {
+        return false
+      }
+      const fileSizeMB = file.size / (1024 * 1024)
+      if (fileSizeMB > 10) { // Updated to match backend limit
+        return false
+      }
+      return true
+    })
+
+    if (validFiles.length === 0) {
+      alert('No valid image files selected. Please select PNG, JPG, WEBP, or GIF files up to 10MB each.')
+      return
+    }
+
+    setIsUploading(true)
+
+    // Create placeholder entries with loading state
+    const placeholders: UploadedImage[] = validFiles.map((file, i) => ({
+      id: `${Date.now()}-${i}`,
+      file,
+      preview: URL.createObjectURL(file), // Temporary preview
+      objectId: '', // Will be set after upload
+      isUploading: true,
+    }))
+
+    setUploadedImages((prev) => [...prev, ...placeholders])
+
+    // Upload files in parallel (limit to 5 concurrent uploads)
+    const uploadPromises = validFiles.map(async (file, index) => {
+      const placeholderId = placeholders[index].id
+      
+      try {
+        const response = await mediaApi.uploadCardImage(file)
+        
+        // Update the placeholder with objectId and presigned URL
+        setUploadedImages((prev) =>
+          prev.map((img) =>
+            img.id === placeholderId
+              ? {
+                  ...img,
+                  objectId: response.objectId,
+                  presignedUrl: response.url,
+                  isUploading: false,
+                }
+              : img
+          )
+        )
+      } catch (error) {
+        console.error('Error uploading file:', file.name, error)
+        
+        // Mark as error
+        setUploadedImages((prev) =>
+          prev.map((img) =>
+            img.id === placeholderId
+              ? {
+                  ...img,
+                  isUploading: false,
+                  uploadError: 'Upload failed',
+                }
+              : img
+          )
+        )
+      }
+    })
+
+    // Process in batches of 5
+    const batchSize = 5
+    for (let i = 0; i < uploadPromises.length; i += batchSize) {
+      const batch = uploadPromises.slice(i, i + batchSize)
+      await Promise.all(batch)
+    }
+
+    setIsUploading(false)
+  }
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const files = e.target.files
+    if (files && files.length > 0) {
+      handleFileSelect(files)
+    }
+    // Reset input value to allow selecting the same files again
+    if (fileInputRef.current) {
+      fileInputRef.current.value = ''
+    }
+  }
+
+  const handleDragOver = (e: React.DragEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setIsDragging(true)
+  }
+
+  const handleDragLeave = (e: React.DragEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setIsDragging(false)
+  }
+
+  const handleDrop = (e: React.DragEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setIsDragging(false)
+
+    const files = e.dataTransfer.files
+    if (files && files.length > 0) {
+      handleFileSelect(files)
+    }
+  }
+
+  const handleRemove = (id: string) => {
+    setUploadedImages((prev) => {
+      const image = prev.find((img) => img.id === id)
+      if (image) {
+        URL.revokeObjectURL(image.preview)
+      }
+      return prev.filter((img) => img.id !== id)
+    })
+  }
+
+  const handleClearAll = () => {
+    uploadedImages.forEach((img) => URL.revokeObjectURL(img.preview))
+    setUploadedImages([])
+  }
+
+  const handleContinue = () => {
+    // Filter out images that failed to upload or are still uploading
+    const validImages = uploadedImages.filter(
+      (img) => img.objectId && !img.isUploading && !img.uploadError
+    )
+
+    if (validImages.length === 0) {
+      alert('Please wait for all images to finish uploading, or remove failed uploads.')
+      return
+    }
+
+    if (validImages.length < uploadedImages.length) {
+      const failedCount = uploadedImages.length - validImages.length
+      if (
+        !confirm(
+          `${failedCount} image(s) failed to upload or are still uploading. Continue with ${validImages.length} successfully uploaded images?`
+        )
+      ) {
+        return
+      }
+    }
+
+    onImagesUploaded(validImages, selectedPackId || undefined)
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-2xl font-bold">Bulk Card Upload</h2>
+          <p className="text-sm text-muted-foreground">
+            Upload multiple images, then fill in card details one by one
+          </p>
+        </div>
+        <Button variant="outline" onClick={onClose}>
+          <X className="h-4 w-4 mr-2" />
+          Cancel
+        </Button>
+      </div>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>Upload Images</CardTitle>
+          <CardDescription>
+            Select multiple image files or drag and drop them here
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className="space-y-4 mb-4">
+            <div className="space-y-2">
+              <Label htmlFor="packId">Pack (optional)</Label>
+              <Select
+                value={selectedPackId || undefined}
+                onValueChange={(value: string) => {
+                  const packId = value === '__none__' ? '' : value
+                  setSelectedPackId(packId)
+                }}
+              >
+                <SelectTrigger>
+                  <SelectValue placeholder="Select a pack (optional)" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="__none__">None</SelectItem>
+                  {packsData?.items && packsData.items.length > 0 ? (
+                    packsData.items.map((pack) => (
+                      <SelectItem key={pack.id} value={pack.id}>
+                        {pack.title || pack.id}
+                      </SelectItem>
+                    ))
+                  ) : null}
+                </SelectContent>
+              </Select>
+              <p className="text-xs text-muted-foreground">
+                Selected pack will be applied to all uploaded cards
+              </p>
+            </div>
+          </div>
+          <div
+            className={`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${
+              isDragging
+                ? 'border-primary bg-primary/5'
+                : 'border-muted-foreground/25 hover:border-muted-foreground/50'
+            }`}
+            onDragOver={handleDragOver}
+            onDragLeave={handleDragLeave}
+            onDrop={handleDrop}
+            onClick={() => fileInputRef.current?.click()}
+          >
+            <input
+              ref={fileInputRef}
+              type="file"
+              accept="image/*"
+              multiple
+              onChange={handleInputChange}
+              className="hidden"
+            />
+            <div className="flex flex-col items-center justify-center space-y-4">
+              {isUploading ? (
+                <Loader2 className="h-12 w-12 animate-spin text-muted-foreground" />
+              ) : (
+                <Upload className="h-12 w-12 text-muted-foreground" />
+              )}
+              <div className="text-lg">
+                {isUploading ? (
+                  <span className="text-muted-foreground">Uploading images...</span>
+                ) : (
+                  <>
+                    <span className="text-primary font-medium">Click to upload</span> or drag and drop
+                  </>
+                )}
+              </div>
+              <p className="text-sm text-muted-foreground">
+                PNG, JPG, WEBP, GIF up to 10MB each. Multiple files supported.
+              </p>
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+
+      {uploadedImages.length > 0 && (
+        <Card>
+          <CardHeader>
+            <div className="flex items-center justify-between">
+              <div>
+                <CardTitle>Uploaded Images ({uploadedImages.length})</CardTitle>
+                <CardDescription>
+                  Review uploaded images and continue to fill in card details
+                </CardDescription>
+              </div>
+              <Button variant="outline" size="sm" onClick={handleClearAll}>
+                <X className="h-4 w-4 mr-2" />
+                Clear All
+              </Button>
+            </div>
+          </CardHeader>
+          <CardContent>
+            <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 max-h-[500px] overflow-y-auto">
+              {uploadedImages.map((image) => (
+                <div key={image.id} className="relative group">
+                  <div className="relative aspect-square border rounded-lg overflow-hidden bg-muted">
+                    {image.isUploading ? (
+                      <div className="w-full h-full flex items-center justify-center">
+                        <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
+                      </div>
+                    ) : image.uploadError ? (
+                      <div className="w-full h-full flex flex-col items-center justify-center p-2 text-center">
+                        <X className="h-6 w-6 text-destructive mb-1" />
+                        <p className="text-xs text-destructive">Upload failed</p>
+                      </div>
+                    ) : (
+                      <>
+                        <img
+                          src={image.presignedUrl || image.preview}
+                          alt={image.file.name}
+                          className="w-full h-full object-cover"
+                          onError={() => {
+                            // Fallback to object URL if presigned URL fails
+                          }}
+                        />
+                        <div className="absolute inset-0 bg-black/0 group-hover:bg-black/50 transition-colors flex items-center justify-center">
+                          <Button
+                            variant="destructive"
+                            size="sm"
+                            className="opacity-0 group-hover:opacity-100 transition-opacity"
+                            onClick={(e) => {
+                              e.stopPropagation()
+                              handleRemove(image.id)
+                            }}
+                          >
+                            <X className="h-4 w-4" />
+                          </Button>
+                        </div>
+                      </>
+                    )}
+                  </div>
+                  <p className="text-xs text-muted-foreground mt-1 truncate" title={image.file.name}>
+                    {image.file.name}
+                    {image.isUploading && ' (uploading...)'}
+                    {image.uploadError && ' (failed)'}
+                  </p>
+                </div>
+              ))}
+            </div>
+          </CardContent>
+        </Card>
+      )}
+
+      {uploadedImages.length > 0 && (
+        <div className="flex justify-end space-x-2">
+          <Button variant="outline" onClick={onClose}>
+            Cancel
+          </Button>
+          <Button onClick={handleContinue} disabled={isUploading}>
+            <Check className="h-4 w-4 mr-2" />
+            Continue to Fill Details (
+            {uploadedImages.filter((img) => img.objectId && !img.isUploading && !img.uploadError).length}{' '}
+            cards)
+          </Button>
+        </div>
+      )}
+    </div>
+  )
+}
+
diff --git a/admin/src/components/CardEditorPreview.tsx b/admin/src/components/CardEditorPreview.tsx
new file mode 100644
index 0000000..34b38eb
--- /dev/null
+++ b/admin/src/components/CardEditorPreview.tsx
@@ -0,0 +1,358 @@
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+import { ImageUpload } from '@/components/ui/image-upload'
+import { AudioUpload } from '@/components/ui/audio-upload'
+import { CardVoicesManager } from '@/components/CardVoicesManager'
+
+interface CardEditorPreviewProps {
+  formData: {
+    packId: string
+    original: string
+    translation: string
+    mnemo: string
+    transcription: string
+    transcriptionMnemo: string
+    back: string
+    image: string | undefined
+    imageBack: string | undefined
+    voice: string | undefined
+    voiceLanguage: string
+  }
+  onFormDataChange: (updates: Partial<CardEditorPreviewProps['formData']>) => void
+  cardId?: string
+  disabled?: boolean
+  packColor?: string
+}
+
+// Helper to get image source
+// Note: For UUID (objectId), returns undefined - ImageUpload component will handle fetching presigned URL
+function getImageSrc(image?: string): string | undefined {
+  if (!image) return undefined
+
+  // If it's already a data URL or http/https URL, return as is
+  if (image.startsWith('data:') || image.startsWith('http://') || image.startsWith('https://')) {
+    return image
+  }
+
+  // If it's a relative API path, prepend the base URL
+  if (image.startsWith('/api/')) {
+    const baseUrl = import.meta.env.VITE_API_BASE_URL || 'https://api.mnemo-cards.online'
+    return `${baseUrl}${image}`
+  }
+
+  // If it's a UUID (objectId), return undefined - ImageUpload will fetch presigned URL
+  const isUuid = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(image)
+  if (isUuid) {
+    return undefined // Will be handled by ImageUpload component's useEffect
+  }
+
+  // Otherwise, assume it's base64 and add the data URL prefix
+  return `data:image/png;base64,${image}`
+}
+
+export function CardEditorPreview({
+  formData,
+  onFormDataChange,
+  cardId,
+  disabled = false,
+  packColor = '#6b7280', // Default gray border color
+}: CardEditorPreviewProps) {
+
+  return (
+    <div className="flex flex-col items-center space-y-4">
+      {/* Cards Preview - Front and Back side by side */}
+      <div className="w-full max-w-5xl mx-auto">
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+          {/* Front side */}
+          <div className="space-y-2">
+            <div className="text-sm font-medium text-center text-muted-foreground">Front Side</div>
+            <div
+              className="rounded-3xl shadow-lg"
+              style={{
+                borderColor: packColor,
+                backgroundColor: 'white',
+                borderWidth: '3px',
+                borderStyle: 'solid',
+                aspectRatio: '0.66',
+                minHeight: '400px',
+                maxHeight: '600px',
+              }}
+            >
+            <div className="h-full w-full rounded-3xl overflow-hidden flex flex-col">
+              {/* Top section: Original, Translation */}
+              <div className="w-full px-6 pt-6 pb-4 flex-shrink-0">
+                {/* Original - large, bold */}
+                <div className="mb-3">
+                  <Input
+                    value={formData.original}
+                    onChange={(e) =>
+                      onFormDataChange({ original: e.target.value })
+                    }
+                    placeholder="Original text"
+                    className="text-center border-none shadow-none focus-visible:ring-2 focus-visible:ring-primary/20 p-0 h-auto bg-transparent"
+                    disabled={disabled}
+                    style={{
+                      fontSize: '32px',
+                      fontWeight: 700,
+                    }}
+                  />
+                </div>
+
+                {/* Translation - smaller, gray */}
+                <div className="mb-3">
+                  <Input
+                    value={formData.translation}
+                    onChange={(e) =>
+                      onFormDataChange({ translation: e.target.value })
+                    }
+                    placeholder="Translation"
+                    className="text-center border-none shadow-none focus-visible:ring-2 focus-visible:ring-primary/20 p-0 h-auto bg-transparent"
+                    disabled={disabled}
+                    style={{
+                      fontSize: '22px',
+                      fontWeight: 400,
+                      color: formData.translation ? 'rgba(0, 0, 0, 0.5)' : 'rgba(0, 0, 0, 0.3)',
+                    }}
+                  />
+                </div>
+              </div>
+
+              {/* Image in the middle */}
+              <div className="flex-1 bg-gray-50 flex items-center justify-center relative min-h-0">
+                {getImageSrc(formData.image) ? (
+                  <img
+                    src={getImageSrc(formData.image)}
+                    alt="Card"
+                    className="w-full h-full object-cover"
+                    onError={(e) => {
+                      const target = e.target as HTMLImageElement
+                      target.style.display = 'none'
+                    }}
+                  />
+                ) : (
+                  <div className="text-gray-400">
+                    <svg
+                      className="w-24 h-24"
+                      fill="none"
+                      stroke="currentColor"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        strokeWidth={2}
+                        d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+                      />
+                    </svg>
+                  </div>
+                )}
+              </div>
+
+              {/* Mnemo phrase at the bottom */}
+              <div className="w-full px-6 py-6 bg-white flex-shrink-0">
+                <div className="text-center min-h-[60px] flex items-center justify-center">
+                  <Input
+                    value={formData.mnemo}
+                    onChange={(e) => onFormDataChange({ mnemo: e.target.value })}
+                    placeholder="Mnemo phrase"
+                    className="text-center border-none shadow-none focus-visible:ring-2 focus-visible:ring-primary/20 p-0 h-auto bg-transparent w-full"
+                    disabled={disabled}
+                    style={{
+                      fontSize: '24px',
+                      fontWeight: 600,
+                    }}
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+
+        {/* Back side */}
+        <div
+          className="rounded-3xl shadow-lg"
+          style={{
+            borderColor: packColor,
+            backgroundColor: 'white',
+            borderWidth: '3px',
+            borderStyle: 'solid',
+            aspectRatio: '0.66',
+            minHeight: '400px',
+            maxHeight: '600px',
+          }}
+        >
+            <div className="h-full w-full rounded-3xl overflow-hidden flex flex-col">
+              {formData.imageBack ? (
+                <>
+                  <div className="flex-1 flex items-center justify-center bg-gray-50 min-h-0">
+                    <img
+                      src={getImageSrc(formData.imageBack)}
+                      alt="Back"
+                      className="w-full h-full object-contain"
+                      onError={(e) => {
+                        const target = e.target as HTMLImageElement
+                        target.style.display = 'none'
+                      }}
+                    />
+                  </div>
+                  <div className="p-6 bg-white flex-shrink-0">
+                    <Textarea
+                      value={formData.back || formData.original}
+                      onChange={(e) =>
+                        onFormDataChange({ back: e.target.value })
+                      }
+                      placeholder="Back side text"
+                      className="text-center resize-none border-none shadow-none focus-visible:ring-2 focus-visible:ring-primary/20 p-0 min-h-[80px] w-full bg-transparent"
+                      disabled={disabled}
+                      style={{
+                        fontSize: '28px',
+                        fontWeight: 700,
+                        lineHeight: '1.2',
+                      }}
+                    />
+                  </div>
+                </>
+              ) : (
+                <div className="h-full flex items-center justify-center p-6">
+                  <Textarea
+                    value={formData.back || formData.original}
+                    onChange={(e) =>
+                      onFormDataChange({ back: e.target.value })
+                    }
+                    placeholder="Back side text"
+                    className="text-center resize-none border-none shadow-none focus-visible:ring-2 focus-visible:ring-primary/20 p-0 min-h-[80px] w-full bg-transparent"
+                    disabled={disabled}
+                    style={{
+                      fontSize: '28px',
+                      fontWeight: 700,
+                      lineHeight: '1.2',
+                    }}
+                  />
+                </div>
+              )}
+            </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Edit fields below the preview */}
+      <div className="w-full max-w-5xl space-y-4 p-4 border rounded-lg bg-muted/30">
+        <div className="grid grid-cols-2 gap-4">
+          <div className="space-y-2">
+            <label className="text-sm font-medium">Original *</label>
+            <Input
+              value={formData.original}
+              onChange={(e) =>
+                onFormDataChange({ original: e.target.value })
+              }
+              placeholder="e.g. cerdo"
+              disabled={disabled}
+            />
+          </div>
+          <div className="space-y-2">
+            <label className="text-sm font-medium">Translation *</label>
+            <Input
+              value={formData.translation}
+              onChange={(e) =>
+                onFormDataChange({ translation: e.target.value })
+              }
+              placeholder="e.g. pig"
+              disabled={disabled}
+            />
+          </div>
+        </div>
+
+        <div className="space-y-2">
+          <label className="text-sm font-medium">Mnemo *</label>
+          <Input
+            value={formData.mnemo}
+            onChange={(e) => onFormDataChange({ mnemo: e.target.value })}
+            placeholder="e.g. [pig] with heart"
+            disabled={disabled}
+          />
+        </div>
+
+        <div className="space-y-2">
+          <label className="text-sm font-medium">Back Side</label>
+          <Textarea
+            value={formData.back}
+            onChange={(e) => onFormDataChange({ back: e.target.value })}
+            placeholder="Additional information on the back of the card"
+            rows={3}
+            disabled={disabled}
+          />
+        </div>
+
+        <div className="grid grid-cols-2 gap-4">
+          <div className="space-y-2">
+            <ImageUpload
+              label="Front Image"
+              value={formData.image}
+              onChange={(value) => onFormDataChange({ image: value })}
+              disabled={disabled}
+              uploadType="card-image"
+            />
+          </div>
+          <div className="space-y-2">
+            <ImageUpload
+              label="Back Image"
+              value={formData.imageBack}
+              onChange={(value) => onFormDataChange({ imageBack: value })}
+              disabled={disabled}
+              uploadType="card-image"
+            />
+          </div>
+        </div>
+
+        <div className="grid grid-cols-2 gap-4">
+          <div className="space-y-2">
+            <label className="text-sm font-medium">Transcription</label>
+            <Input
+              value={formData.transcription}
+              onChange={(e) =>
+                onFormDataChange({ transcription: e.target.value })
+              }
+              placeholder="e.g. sɛrdo"
+              disabled={disabled}
+            />
+          </div>
+          <div className="space-y-2">
+            <label className="text-sm font-medium">Transcription Mnemo</label>
+            <Input
+              value={formData.transcriptionMnemo}
+              onChange={(e) =>
+                onFormDataChange({ transcriptionMnemo: e.target.value })
+              }
+              placeholder="e.g. pig with heart"
+              disabled={disabled}
+            />
+          </div>
+        </div>
+
+        <div className="space-y-2">
+          <AudioUpload
+            label="Voice (will be added on Save)"
+            value={formData.voice}
+            onChange={(voice) => onFormDataChange({ voice })}
+            language={formData.voiceLanguage}
+            onLanguageChange={(voiceLanguage) =>
+              onFormDataChange({ voiceLanguage })
+            }
+            disabled={disabled}
+          />
+          <p className="text-xs text-muted-foreground">
+            Выберите аудиофайл — он будет загружен и привязан к карточке при
+            нажатии Create/Update.
+          </p>
+        </div>
+
+        {/* Voice Controls - only show if cardId exists */}
+        {cardId && (
+          <div className="space-y-2">
+            <CardVoicesManager cardId={cardId} disabled={disabled} />
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/admin/src/components/CardVoicesManager.tsx b/admin/src/components/CardVoicesManager.tsx
new file mode 100644
index 0000000..f36a644
--- /dev/null
+++ b/admin/src/components/CardVoicesManager.tsx
@@ -0,0 +1,311 @@
+import { useState, useRef, useEffect } from 'react'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { toast } from 'sonner'
+import { voicesApi, type VoiceDto } from '@/api/voices'
+import { AudioUpload } from '@/components/ui/audio-upload'
+import { Button } from '@/components/ui/button'
+import { Label } from '@/components/ui/label'
+import { Badge } from '@/components/ui/badge'
+import { X, Plus, Music, Play, Pause } from 'lucide-react'
+import type { AxiosError } from 'axios'
+
+interface CardVoicesManagerProps {
+  cardId: string
+  disabled?: boolean
+}
+
+export function CardVoicesManager({ cardId, disabled = false }: CardVoicesManagerProps) {
+  const queryClient = useQueryClient()
+  const [showAddForm, setShowAddForm] = useState(false)
+  const [newAudio, setNewAudio] = useState<string | undefined>(undefined)
+  const [newLanguage, setNewLanguage] = useState('en')
+
+  // Load voices for the card
+  const { data: voicesData, isLoading, refetch } = useQuery({
+    queryKey: ['cardVoices', cardId],
+    queryFn: async () => {
+      console.log('🔍 CardVoicesManager: Fetching voices for card', cardId)
+      const result = await voicesApi.getCardVoices(cardId)
+      console.log('✅ CardVoicesManager: Fetched voices', result)
+      return result
+    },
+    // Voices should still load even if parent form is disabled (e.g. during save)
+    enabled: !!cardId,
+  })
+
+  // Add voice mutation
+  const addVoiceMutation = useMutation({
+    mutationFn: ({ voiceUrl, language }: { voiceUrl: string; language: string }) => {
+      console.log('🔍 CardVoicesManager: addVoiceMutation.mutationFn called', {
+        cardId,
+        voiceUrl,
+        language,
+      })
+      return voicesApi.addCardVoice(cardId, voiceUrl, language)
+    },
+    onSuccess: async () => {
+      console.log('✅ CardVoicesManager: addVoiceMutation.onSuccess')
+      
+      // Invalidate and refetch to ensure we get the latest data
+      await queryClient.invalidateQueries({ queryKey: ['cardVoices', cardId] })
+      
+      // Force refetch to ensure the list is updated
+      const refetchResult = await refetch()
+      console.log('✅ CardVoicesManager: Refetched voices after add', refetchResult.data)
+      
+      toast.success('Voice added successfully')
+      
+      // Auto-close form and reset after successful addition
+      setShowAddForm(false)
+      setNewAudio(undefined)
+      setNewLanguage('en')
+    },
+    onError: (error: unknown) => {
+      console.error('❌ CardVoicesManager: addVoiceMutation.onError', error)
+      const axiosError = error as AxiosError<{ message?: string }>
+      toast.error(axiosError.response?.data?.message || 'Failed to add voice')
+    },
+  })
+
+  // Remove voice mutation
+  const removeVoiceMutation = useMutation({
+    mutationFn: (voiceId: string) => voicesApi.removeCardVoice(cardId, voiceId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['cardVoices', cardId] })
+      toast.success('Voice removed successfully')
+    },
+    onError: (error: unknown) => {
+      const axiosError = error as AxiosError<{ message?: string }>
+      toast.error(axiosError.response?.data?.message || 'Failed to remove voice')
+    },
+  })
+
+  // handleAddVoice is no longer needed - voice is added automatically after upload
+
+  const handleRemoveVoice = (voiceId: string) => {
+    if (confirm('Are you sure you want to remove this voice?')) {
+      removeVoiceMutation.mutate(voiceId)
+    }
+  }
+
+  const voices = voicesData?.items || []
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <Label>Card Voices ({voices.length})</Label>
+        {!showAddForm && (
+          <Button
+            type="button"
+            variant="outline"
+            size="sm"
+            onClick={() => setShowAddForm(true)}
+            disabled={disabled}
+          >
+            <Plus className="h-4 w-4 mr-2" />
+            Add Voice
+          </Button>
+        )}
+      </div>
+
+      {/* Add voice form */}
+      {showAddForm && (
+        <div className="p-4 border rounded-lg bg-muted/50">
+          <div className="space-y-4">
+            <AudioUpload
+              label="Audio File"
+              value={newAudio}
+              onChange={async (value) => {
+                console.log('🔍 CardVoicesManager: AudioUpload onChange', { value, cardId })
+                setNewAudio(value)
+                
+                // Automatically add voice after upload
+                if (value && cardId) {
+                  console.log('✅ CardVoicesManager: Auto-adding voice after upload', {
+                    cardId,
+                    voiceUrl: value,
+                    language: newLanguage,
+                  })
+                  
+                  addVoiceMutation.mutate({
+                    voiceUrl: value,
+                    language: newLanguage,
+                  })
+                }
+              }}
+              language={newLanguage}
+              onLanguageChange={setNewLanguage}
+              disabled={disabled || addVoiceMutation.isPending}
+            />
+            {addVoiceMutation.isPending && (
+              <div className="text-sm text-muted-foreground">
+                Adding voice...
+              </div>
+            )}
+            <div className="flex items-center space-x-2">
+              <Button
+                type="button"
+                variant="outline"
+                size="sm"
+                onClick={() => {
+                  setShowAddForm(false)
+                  setNewAudio(undefined)
+                  setNewLanguage('en')
+                }}
+                disabled={disabled || addVoiceMutation.isPending}
+              >
+                Cancel
+              </Button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* Voices list */}
+      {isLoading ? (
+        <div className="text-center py-4 text-sm text-muted-foreground">Loading voices...</div>
+      ) : voices.length === 0 ? (
+        <div className="text-center py-4 text-sm text-muted-foreground">
+          No voices added yet
+        </div>
+      ) : (
+        <div className="space-y-2">
+          {voices.map((voice) => (
+            <VoiceItem
+              key={voice.id}
+              voice={voice}
+              onRemove={() => handleRemoveVoice(voice.id)}
+              disabled={disabled || removeVoiceMutation.isPending}
+            />
+          ))}
+        </div>
+      )}
+    </div>
+  )
+}
+
+interface VoiceItemProps {
+  voice: VoiceDto
+  onRemove: () => void
+  disabled?: boolean
+}
+
+function VoiceItem({ voice, onRemove, disabled }: VoiceItemProps) {
+  const [isPlaying, setIsPlaying] = useState(false)
+  const audioRef = useRef<HTMLAudioElement | null>(null)
+
+  const handlePlayPause = () => {
+    if (!audioRef.current) {
+      try {
+        const audio = new Audio(`data:audio/mpeg;base64,${voice.voiceUrl}`)
+        audioRef.current = audio
+        
+        audio.onended = () => {
+          setIsPlaying(false)
+          audioRef.current = null
+        }
+        
+        audio.onerror = (e) => {
+          console.error('Audio playback error:', e)
+          toast.error('Failed to play audio. The file may be corrupted or in an unsupported format.')
+          setIsPlaying(false)
+          audioRef.current = null
+        }
+        
+        audio.onloadstart = () => {
+          setIsPlaying(true)
+        }
+        
+        audio.play().catch((error) => {
+          console.error('Audio play error:', error)
+          toast.error('Failed to play audio. Please check your browser audio settings.')
+          setIsPlaying(false)
+          audioRef.current = null
+        })
+      } catch (error) {
+        console.error('Error creating audio element:', error)
+        toast.error('Failed to initialize audio player')
+        setIsPlaying(false)
+      }
+    } else {
+      if (isPlaying) {
+        audioRef.current.pause()
+        setIsPlaying(false)
+      } else {
+        audioRef.current.play().catch((error) => {
+          console.error('Audio play error:', error)
+          toast.error('Failed to resume audio playback')
+        })
+        setIsPlaying(true)
+      }
+    }
+  }
+
+  // Cleanup on unmount
+  useEffect(() => {
+    return () => {
+      if (audioRef.current) {
+        audioRef.current.pause()
+        audioRef.current = null
+      }
+    }
+  }, [])
+
+  return (
+    <div className={`flex items-center justify-between p-3 border rounded-lg transition-colors ${
+      isPlaying ? 'bg-primary/5 border-primary/20' : ''
+    }`}>
+      <div className="flex items-center space-x-3 flex-1 min-w-0">
+        <Music className={`h-5 w-5 flex-shrink-0 ${
+          isPlaying ? 'text-primary' : 'text-muted-foreground'
+        }`} />
+        <div className="flex-1 min-w-0">
+          <div className="flex items-center space-x-2">
+            <span className="text-sm font-medium">Voice</span>
+            <Badge variant="outline">{voice.language}</Badge>
+            {isPlaying && (
+              <Badge variant="secondary" className="animate-pulse">
+                Playing
+              </Badge>
+            )}
+          </div>
+          <p className="text-xs text-muted-foreground">
+            Added {new Date(voice.createdAt).toLocaleDateString()}
+          </p>
+        </div>
+      </div>
+      <div className="flex items-center space-x-2 flex-shrink-0">
+        <Button
+          type="button"
+          variant={isPlaying ? "default" : "ghost"}
+          size="sm"
+          onClick={handlePlayPause}
+          disabled={disabled}
+          className="flex items-center space-x-1"
+        >
+          {isPlaying ? (
+            <>
+              <Pause className="h-4 w-4" />
+              <span className="hidden sm:inline">Pause</span>
+            </>
+          ) : (
+            <>
+              <Play className="h-4 w-4" />
+              <span className="hidden sm:inline">Play</span>
+            </>
+          )}
+        </Button>
+        <Button
+          type="button"
+          variant="ghost"
+          size="sm"
+          onClick={onRemove}
+          disabled={disabled}
+          className="text-destructive hover:text-destructive"
+        >
+          <X className="h-4 w-4" />
+        </Button>
+      </div>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/admin/src/components/JSONQuestionEditor.tsx b/admin/src/components/JSONQuestionEditor.tsx
new file mode 100644
index 0000000..f779960
--- /dev/null
+++ b/admin/src/components/JSONQuestionEditor.tsx
@@ -0,0 +1,182 @@
+import { useState, useEffect } from 'react'
+import type { Question } from '@/types/questions'
+import { questionToJson, questionFromJson } from '@/types/questions'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
+import { Button } from '@/components/ui/button'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { AlertCircle } from 'lucide-react'
+
+interface JSONQuestionEditorProps {
+  question: Partial<Question> | null
+  onChange: (question: Partial<Question> | null, isValid: boolean) => void
+}
+
+export function JSONQuestionEditor({
+  question,
+  onChange,
+}: JSONQuestionEditorProps) {
+  const [jsonText, setJsonText] = useState('')
+  const [error, setError] = useState<string | null>(null)
+  const [isValid, setIsValid] = useState(false)
+
+  // Инициализация JSON из вопроса
+  useEffect(() => {
+    if (question) {
+      try {
+        const json = questionToJson(question as Question)
+        setJsonText(JSON.stringify(json, null, 2))
+        setError(null)
+        setIsValid(true)
+      } catch (e) {
+        setError(`Failed to serialize question: ${e}`)
+        setIsValid(false)
+      }
+    } else {
+      setJsonText('')
+      setError(null)
+      setIsValid(false)
+    }
+  }, [question])
+
+  // Валидация и парсинг JSON
+  const handleJsonChange = (value: string) => {
+    setJsonText(value)
+
+    if (!value.trim()) {
+      setError(null)
+      setIsValid(false)
+      onChange(null, false)
+      return
+    }
+
+    try {
+      const parsed: unknown = JSON.parse(value)
+      if (!parsed || typeof parsed !== 'object') {
+        throw new Error('JSON must be an object')
+      }
+      const obj = parsed as Record<string, unknown>
+
+      // Базовая валидация структуры
+      if (typeof obj.questionType !== 'string') {
+        throw new Error('Missing required field: questionType')
+      }
+      const isMatrix = obj.questionType === 'matrix'
+
+      if (!isMatrix && !obj.word) {
+        throw new Error('Missing required field: word')
+      }
+      if (!isMatrix && !obj.answer) {
+        throw new Error('Missing required field: answer')
+      }
+      if (!isMatrix && (!obj.buttons || !Array.isArray(obj.buttons))) {
+        throw new Error('Missing or invalid field: buttons (must be an array)')
+      }
+      if (isMatrix && obj.matrixSize == null) {
+        throw new Error('Missing required field for matrix: matrixSize')
+      }
+
+      // Проверка что answer существует в buttons
+      if (!isMatrix) {
+        const buttons = Array.isArray(obj.buttons) ? obj.buttons : []
+        const buttonIds = buttons
+          .map((b) => {
+            const bObj: Record<string, unknown> =
+              b && typeof b === 'object' ? (b as Record<string, unknown>) : {}
+            return typeof bObj.id === 'string' ? bObj.id : undefined
+          })
+          .filter((id): id is string => typeof id === 'string')
+
+        if (typeof obj.answer === 'string' && !buttonIds.includes(obj.answer)) {
+          throw new Error(
+            `Answer "${obj.answer}" not found in buttons. Available IDs: ${buttonIds.join(', ')}`,
+          )
+        }
+      }
+
+      // Проверка для input_buttons
+      if (obj.questionType === 'input_buttons' && !obj.template) {
+        throw new Error('Missing required field for input_buttons: template')
+      }
+
+      // Парсинг в Question объект
+      const questionObj = questionFromJson(obj)
+      setError(null)
+      setIsValid(true)
+      onChange(questionObj, true)
+    } catch (e) {
+      const errorMessage = e instanceof Error ? e.message : 'Invalid JSON'
+      setError(errorMessage)
+      setIsValid(false)
+      onChange(null, false)
+    }
+  }
+
+  // Форматирование JSON
+  const formatJson = () => {
+    try {
+      const parsed = JSON.parse(jsonText)
+      setJsonText(JSON.stringify(parsed, null, 2))
+      handleJsonChange(JSON.stringify(parsed, null, 2))
+    } catch {
+      // Если невалидный JSON, просто показываем ошибку
+    }
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <Label>JSON Editor</Label>
+        <Button type="button" variant="outline" size="sm" onClick={formatJson}>
+          Format JSON
+        </Button>
+      </div>
+
+      <Textarea
+        value={jsonText}
+        onChange={(e) => handleJsonChange(e.target.value)}
+        placeholder='{"questionType": "simple", "word": "...", "answer": "...", "buttons": [...]}'
+        rows={20}
+        className="font-mono text-sm"
+      />
+
+      {error && (
+        <Alert variant="destructive">
+          <AlertCircle className="h-4 w-4" />
+          <AlertDescription>{error}</AlertDescription>
+        </Alert>
+      )}
+
+      {isValid && !error && (
+        <Alert>
+          <AlertCircle className="h-4 w-4" />
+          <AlertDescription>JSON is valid</AlertDescription>
+        </Alert>
+      )}
+
+      <div className="text-xs text-muted-foreground">
+        <p className="font-semibold mb-1">Required fields:</p>
+        <ul className="list-disc list-inside space-y-1">
+          <li>
+            <code>questionType</code>: "simple" or "input_buttons"
+          </li>
+          <li>
+            <code>questionType</code>: "matrix" (requires <code>matrixSize</code>)
+          </li>
+          <li>
+            <code>word</code>: Word or phrase to learn
+          </li>
+          <li>
+            <code>answer</code>: ID of the correct button
+          </li>
+          <li>
+            <code>buttons</code>: Array of button objects with id, text/image
+          </li>
+          <li>
+            <code>template</code>: Required for input_buttons type
+          </li>
+        </ul>
+      </div>
+    </div>
+  )
+}
diff --git a/admin/src/components/PackCardsManager.tsx b/admin/src/components/PackCardsManager.tsx
new file mode 100644
index 0000000..b4102c4
--- /dev/null
+++ b/admin/src/components/PackCardsManager.tsx
@@ -0,0 +1,209 @@
+import { useState, useEffect } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { cardsApi } from '@/api/cards'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { Badge } from '@/components/ui/badge'
+import { Search, Check } from 'lucide-react'
+
+interface PackCardsManagerProps {
+  currentCardIds: string[]
+  onCardsChange: (addIds: string[], removeIds: string[]) => void
+  disabled?: boolean
+}
+
+export function PackCardsManager({
+  currentCardIds,
+  onCardsChange,
+  disabled = false,
+}: PackCardsManagerProps) {
+  const [search, setSearch] = useState('')
+  const [selectedCards, setSelectedCards] = useState<Set<string>>(new Set())
+  const [removedCards, setRemovedCards] = useState<Set<string>>(new Set())
+
+  // Load all cards with search
+  const { data: cardsData, isLoading } = useQuery({
+    queryKey: ['cards', 1, 100, search], // Limit to 100 (backend max)
+    queryFn: () => cardsApi.getCards({ page: 1, limit: 100, search }),
+    enabled: !disabled,
+  })
+
+  // Initialize selected cards from currentCardIds when it changes
+  useEffect(() => {
+    const initialSelected = new Set<string>(
+      currentCardIds.filter((id) => !removedCards.has(id.toString()))
+    )
+    setSelectedCards(initialSelected)
+    // Reset removed cards when currentCardIds changes (e.g., when opening dialog)
+    setRemovedCards(new Set())
+  }, [currentCardIds.join(',')]) // Use join to detect array changes
+
+  // Calculate which cards to add/remove when selection changes
+  useEffect(() => {
+    const currentlySelected = Array.from(selectedCards)
+    const removed = Array.from(removedCards)
+
+    // Cards to add: selected but not in currentCardIds and not removed
+    const toAdd = currentlySelected.filter(
+      (id) => !currentCardIds.includes(id) && !removed.includes(id)
+    )
+    // Cards to remove: in removedCards
+    const toRemove = removed.filter((id) => currentCardIds.includes(id))
+
+    if (toAdd.length > 0 || toRemove.length > 0) {
+      onCardsChange(toAdd, toRemove)
+    } else if (selectedCards.size > 0 || removedCards.size > 0) {
+      // Also notify if selection was cleared
+      onCardsChange([], [])
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedCards.size, removedCards.size, currentCardIds.join(',')])
+
+  const handleToggleCard = (cardId: string | number) => {
+    if (disabled) return
+
+    const cardIdStr = String(cardId)
+    const isCurrentlySelected = selectedCards.has(cardIdStr) && !removedCards.has(cardIdStr)
+    const isInCurrentPack = currentCardIds.includes(cardIdStr)
+
+    if (isCurrentlySelected) {
+      // Deselect card
+      const newSelected = new Set(selectedCards)
+      newSelected.delete(cardIdStr)
+      setSelectedCards(newSelected)
+      
+      // If it was in current pack, mark as removed
+      if (isInCurrentPack) {
+        setRemovedCards((prev) => new Set([...prev, cardIdStr]))
+      }
+    } else {
+      // Select card
+      const newSelected = new Set(selectedCards)
+      newSelected.add(cardIdStr)
+      setSelectedCards(newSelected)
+      
+      // If it was marked as removed, unmark it
+      if (removedCards.has(cardIdStr)) {
+        setRemovedCards((prev) => {
+          const newRemoved = new Set(prev)
+          newRemoved.delete(cardIdStr)
+          return newRemoved
+        })
+      }
+    }
+  }
+
+  const isCardSelected = (cardId: string | number) => {
+    const cardIdStr = String(cardId)
+    return selectedCards.has(cardIdStr) && !removedCards.has(cardIdStr)
+  }
+
+  const isCardInCurrentPack = (cardId: string | number) => {
+    return currentCardIds.includes(String(cardId))
+  }
+
+  const allCards = cardsData?.items || []
+  const filteredCards = search
+    ? allCards.filter(
+        (card) =>
+          card.original?.toLowerCase().includes(search.toLowerCase()) ||
+          card.translation?.toLowerCase().includes(search.toLowerCase()) ||
+          card.mnemo?.toLowerCase().includes(search.toLowerCase())
+      )
+    : allCards
+
+  return (
+    <div className="space-y-4">
+      <div className="space-y-2">
+        <Label>Manage Cards in Pack</Label>
+        <div className="flex items-center space-x-2">
+          <Search className="h-4 w-4 text-muted-foreground" />
+          <Input
+            placeholder="Search cards by original, translation, or mnemo..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="max-w-sm"
+            disabled={disabled}
+          />
+        </div>
+        <p className="text-sm text-muted-foreground">
+          Selected cards: {selectedCards.size - removedCards.size} / {allCards.length}
+        </p>
+      </div>
+
+      {isLoading ? (
+        <div className="text-center py-4">Loading cards...</div>
+      ) : (
+        <div className="border rounded-lg max-h-[400px] overflow-y-auto">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="w-12"></TableHead>
+                <TableHead>ID</TableHead>
+                <TableHead>Original</TableHead>
+                <TableHead>Translation</TableHead>
+                <TableHead>Mnemo</TableHead>
+                <TableHead>Status</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {filteredCards.length === 0 ? (
+                <TableRow>
+                  <TableCell colSpan={6} className="text-center text-muted-foreground">
+                    No cards found
+                  </TableCell>
+                </TableRow>
+              ) : (
+                filteredCards.map((card) => {
+                  const cardIdStr = card.id ? String(card.id) : `temp-${card.original}`
+                  const selected = isCardSelected(cardIdStr)
+                  const inCurrentPack = isCardInCurrentPack(cardIdStr)
+                  const newlyRemoved = removedCards.has(cardIdStr)
+
+                  return (
+                    <TableRow
+                      key={card.id || `temp-${card.original}`}
+                      className={selected ? 'bg-muted/50' : ''}
+                      onClick={() => handleToggleCard(cardIdStr)}
+                    >
+                      <TableCell>
+                        {selected ? (
+                          <Check className="h-4 w-4 text-primary" />
+                        ) : (
+                          <div className="h-4 w-4 border rounded" />
+                        )}
+                      </TableCell>
+                      <TableCell className="font-mono text-sm">{card.id || '-'}</TableCell>
+                      <TableCell className="font-medium">{card.original}</TableCell>
+                      <TableCell>{card.translation}</TableCell>
+                      <TableCell className="max-w-xs truncate">{card.mnemo}</TableCell>
+                      <TableCell>
+                        {newlyRemoved ? (
+                          <Badge variant="destructive">Removed</Badge>
+                        ) : selected && inCurrentPack ? (
+                          <Badge variant="default">In Pack</Badge>
+                        ) : selected ? (
+                          <Badge variant="secondary">Selected</Badge>
+                        ) : inCurrentPack ? (
+                          <Badge variant="outline">In Pack</Badge>
+                        ) : null}
+                      </TableCell>
+                    </TableRow>
+                  )
+                })
+              )}
+            </TableBody>
+          </Table>
+        </div>
+      )}
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/admin/src/components/PackTestsManager.tsx b/admin/src/components/PackTestsManager.tsx
new file mode 100644
index 0000000..8ed5bff
--- /dev/null
+++ b/admin/src/components/PackTestsManager.tsx
@@ -0,0 +1,214 @@
+import { useState, useEffect } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { testsApi } from '@/api/tests'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { Badge } from '@/components/ui/badge'
+import { Search, Check } from 'lucide-react'
+
+interface PackTestsManagerProps {
+  currentTestIds: string[]
+  onTestsChange: (addIds: string[], removeIds: string[]) => void
+  disabled?: boolean
+}
+
+export function PackTestsManager({
+  currentTestIds,
+  onTestsChange,
+  disabled = false,
+}: PackTestsManagerProps) {
+  const [search, setSearch] = useState('')
+  const [selectedTests, setSelectedTests] = useState<Set<string>>(new Set())
+  const [removedTests, setRemovedTests] = useState<Set<string>>(new Set())
+
+  // Load all tests with search
+  const { data: testsData, isLoading } = useQuery({
+    queryKey: ['tests', 1, 100, search], // Limit to 100 (backend max)
+    queryFn: () => testsApi.getTests({ page: 1, limit: 100, search }),
+    enabled: !disabled,
+  })
+
+  // Initialize selected tests from currentTestIds when it changes
+  useEffect(() => {
+    const initialSelected = new Set<string>(
+      currentTestIds.filter((id) => !removedTests.has(id.toString()))
+    )
+    setSelectedTests(initialSelected)
+    // Reset removed tests when currentTestIds changes (e.g., when opening dialog)
+    setRemovedTests(new Set())
+  }, [currentTestIds.join(',')]) // Use join to detect array changes
+
+  // Calculate which tests to add/remove when selection changes
+  useEffect(() => {
+    const currentlySelected = Array.from(selectedTests)
+    const removed = Array.from(removedTests)
+
+    // Tests to add: selected but not in currentTestIds and not removed
+    const toAdd = currentlySelected.filter(
+      (id) => !currentTestIds.includes(id) && !removed.includes(id)
+    )
+    // Tests to remove: in removedTests
+    const toRemove = removed.filter((id) => currentTestIds.includes(id))
+
+    if (toAdd.length > 0 || toRemove.length > 0) {
+      onTestsChange(toAdd, toRemove)
+    } else if (selectedTests.size > 0 || removedTests.size > 0) {
+      // Also notify if selection was cleared
+      onTestsChange([], [])
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedTests.size, removedTests.size, currentTestIds.join(',')])
+
+  const handleToggleTest = (testId: string) => {
+    if (disabled || !testId) return
+
+    const testIdStr = String(testId)
+    const isCurrentlySelected = selectedTests.has(testIdStr) && !removedTests.has(testIdStr)
+    const isInCurrentPack = currentTestIds.includes(testIdStr)
+
+    if (isCurrentlySelected) {
+      // Deselect test
+      const newSelected = new Set(selectedTests)
+      newSelected.delete(testIdStr)
+      setSelectedTests(newSelected)
+      
+      // If it was in current pack, mark as removed
+      if (isInCurrentPack) {
+        setRemovedTests((prev) => new Set([...prev, testIdStr]))
+      }
+    } else {
+      // Select test
+      const newSelected = new Set(selectedTests)
+      newSelected.add(testIdStr)
+      setSelectedTests(newSelected)
+      
+      // If it was marked as removed, unmark it
+      if (removedTests.has(testIdStr)) {
+        setRemovedTests((prev) => {
+          const newRemoved = new Set(prev)
+          newRemoved.delete(testIdStr)
+          return newRemoved
+        })
+      }
+    }
+  }
+
+  const isTestSelected = (testId: string | number) => {
+    const testIdStr = String(testId)
+    return selectedTests.has(testIdStr) && !removedTests.has(testIdStr)
+  }
+
+  const isTestInCurrentPack = (testId: string | number) => {
+    return currentTestIds.includes(String(testId))
+  }
+
+  const allTests = testsData?.items || []
+  const filteredTests = search
+    ? allTests.filter(
+        (test) =>
+          test.name?.toLowerCase().includes(search.toLowerCase()) ||
+          test.id?.toLowerCase().includes(search.toLowerCase())
+      )
+    : allTests
+
+  return (
+    <div className="space-y-4">
+      <div className="space-y-2">
+        <Label>Manage Tests in Pack</Label>
+        <div className="flex items-center space-x-2">
+          <Search className="h-4 w-4 text-muted-foreground" />
+          <Input
+            placeholder="Search tests by name or ID..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="max-w-sm"
+            disabled={disabled}
+          />
+        </div>
+        <p className="text-sm text-muted-foreground">
+          Selected tests: {selectedTests.size - removedTests.size} / {allTests.length}
+        </p>
+      </div>
+
+      {isLoading ? (
+        <div className="text-center py-4">Loading tests...</div>
+      ) : (
+        <div className="border rounded-lg max-h-[400px] overflow-y-auto">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="w-12"></TableHead>
+                <TableHead>ID</TableHead>
+                <TableHead>Name</TableHead>
+                <TableHead>Questions</TableHead>
+                <TableHead>Version</TableHead>
+                <TableHead>Status</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {filteredTests.length === 0 ? (
+                <TableRow>
+                  <TableCell colSpan={6} className="text-center text-muted-foreground">
+                    No tests found
+                  </TableCell>
+                </TableRow>
+              ) : (
+                filteredTests
+                  .filter((test) => test.id) // Only show tests with IDs
+                  .map((test) => {
+                    const testIdStr = String(test.id!)
+                    const selected = isTestSelected(testIdStr)
+                    const inCurrentPack = isTestInCurrentPack(testIdStr)
+                    const newlyRemoved = removedTests.has(testIdStr)
+
+                    return (
+                      <TableRow
+                        key={test.id}
+                        className={selected ? 'bg-muted/50' : ''}
+                        onClick={() => handleToggleTest(testIdStr)}
+                      >
+                      <TableCell>
+                        {selected ? (
+                          <Check className="h-4 w-4 text-primary" />
+                        ) : (
+                          <div className="h-4 w-4 border rounded" />
+                        )}
+                      </TableCell>
+                      <TableCell className="font-mono text-sm">{test.id || '-'}</TableCell>
+                      <TableCell className="font-medium">{test.name}</TableCell>
+                      <TableCell>
+                        {typeof test.questions === 'number'
+                          ? test.questions
+                          : test.questions?.length || 0}
+                      </TableCell>
+                      <TableCell>{test.version || 'N/A'}</TableCell>
+                      <TableCell>
+                        {newlyRemoved ? (
+                          <Badge variant="destructive">Removed</Badge>
+                        ) : selected && inCurrentPack ? (
+                          <Badge variant="default">In Pack</Badge>
+                        ) : selected ? (
+                          <Badge variant="secondary">Selected</Badge>
+                        ) : inCurrentPack ? (
+                          <Badge variant="outline">In Pack</Badge>
+                        ) : null}
+                      </TableCell>
+                    </TableRow>
+                  )
+                })
+              )}
+            </TableBody>
+          </Table>
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/admin/src/components/QuestionEditorDialog.tsx b/admin/src/components/QuestionEditorDialog.tsx
new file mode 100644
index 0000000..e6d4f14
--- /dev/null
+++ b/admin/src/components/QuestionEditorDialog.tsx
@@ -0,0 +1,300 @@
+import { useState, useCallback } from 'react'
+import type {
+  Question,
+  SimpleQuestion,
+  InputButtonsQuestion,
+  MatrixQuestion,
+} from '@/types/questions'
+import { QuestionType, isInputButtonsQuestion, isMatrixQuestion } from '@/types/questions'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Button } from '@/components/ui/button'
+import { Label } from '@/components/ui/label'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { SimpleQuestionForm } from './forms/SimpleQuestionForm'
+import { InputButtonsQuestionForm } from './forms/InputButtonsQuestionForm'
+import { MatrixQuestionForm } from './forms/MatrixQuestionForm'
+import { JSONQuestionEditor } from './JSONQuestionEditor'
+import { Code, FileText } from 'lucide-react'
+
+type EditorMode = 'visual' | 'json'
+
+interface QuestionEditorDialogProps {
+  open: boolean
+  question: Question | null
+  onSave: (question: Question) => void
+  onClose: () => void
+}
+
+export function QuestionEditorDialog({
+  open,
+  question,
+  onSave,
+  onClose,
+}: QuestionEditorDialogProps) {
+  // Force internal state reset when reopening dialog or switching to another question.
+  const dialogKey = `${open ? 'open' : 'closed'}_${question?.id ?? 'new'}`
+
+  return (
+    <QuestionEditorDialogInner
+      key={dialogKey}
+      open={open}
+      question={question}
+      onSave={onSave}
+      onClose={onClose}
+    />
+  )
+}
+
+function QuestionEditorDialogInner({
+  open,
+  question,
+  onSave,
+  onClose,
+}: QuestionEditorDialogProps) {
+  const [mode, setMode] = useState<EditorMode>('visual')
+  const [questionType, setQuestionType] = useState<QuestionType>(
+    question?.questionType || QuestionType.SIMPLE,
+  )
+  const [currentQuestion, setCurrentQuestion] = useState<Partial<Question> | null>(
+    question || {
+      questionType: QuestionType.SIMPLE,
+      word: '',
+      answer: '',
+      options: [],
+    },
+  )
+  const [isValid, setIsValid] = useState(false)
+
+  const handleQuestionChange = useCallback((
+    updated: Partial<Question> | null,
+    valid: boolean,
+  ) => {
+    setCurrentQuestion(updated)
+    setIsValid(valid)
+  }, [])
+
+  const handleSimpleQuestionChange = useCallback((updated: Partial<SimpleQuestion>) => {
+    setCurrentQuestion({
+      ...updated,
+      questionType: QuestionType.SIMPLE,
+    })
+    setIsValid(
+      !!(updated.word && updated.answer && updated.options?.length),
+    )
+  }, [])
+
+  const handleInputButtonsQuestionChange = useCallback((updated: Partial<InputButtonsQuestion>) => {
+    setCurrentQuestion({
+      ...updated,
+      questionType: QuestionType.INPUT_BUTTONS,
+    })
+    setIsValid(
+      !!(
+        updated.word &&
+        updated.answer &&
+        updated.options?.length &&
+        updated.template
+      ),
+    )
+  }, [])
+
+  const handleMatrixQuestionChange = useCallback((updated: Partial<MatrixQuestion>) => {
+    setCurrentQuestion({
+      ...updated,
+      questionType: QuestionType.MATRIX,
+      // Keep required base fields present (backend can handle empty strings).
+      word: updated.word ?? '',
+      answer: updated.answer ?? '',
+      options: updated.options ?? [],
+    })
+    setIsValid(!!updated.matrixSize && updated.matrixSize >= 2)
+  }, [])
+
+  const handleSave = () => {
+    if (!currentQuestion || !isValid) {
+      return
+    }
+
+    // Validation differs by question type.
+    // Matrix question is config-only: backend generates cards from pack pool.
+    if (isMatrixQuestion(currentQuestion as Question)) {
+      const matrixSize = (currentQuestion as MatrixQuestion).matrixSize
+      if (!matrixSize || matrixSize < 2) {
+        return
+      }
+    } else {
+      // Валидация обязательных полей
+      if (!currentQuestion.word || !currentQuestion.answer) {
+        return
+      }
+
+      if (!currentQuestion.options || currentQuestion.options.length === 0) {
+        return
+      }
+
+      if (
+        isInputButtonsQuestion(currentQuestion as Question) &&
+        !(currentQuestion as InputButtonsQuestion).template
+      ) {
+        return
+      }
+    }
+
+    onSave(currentQuestion as Question)
+  }
+
+  const handleTypeChange = (newType: QuestionType) => {
+    setQuestionType(newType)
+    if (currentQuestion) {
+      let updated: Partial<Question> = {
+        ...currentQuestion,
+        questionType: newType,
+      }
+
+      // Если переключаемся на input_buttons и нет template, добавляем пустой
+      if (newType === QuestionType.INPUT_BUTTONS) {
+        const u = updated as Partial<InputButtonsQuestion>
+        if (!u.template) {
+          u.template = ''
+        }
+        updated = u
+      }
+
+      // Если переключаемся на matrix и нет matrixSize, добавляем дефолт
+      if (newType === QuestionType.MATRIX) {
+        const u = updated as Partial<MatrixQuestion>
+        if (!u.matrixSize) {
+          u.matrixSize = 3
+        }
+        if (!u.word) u.word = ''
+        if (!u.answer) u.answer = ''
+        if (!u.options) u.options = []
+        updated = u
+      }
+
+      setCurrentQuestion(updated)
+      setIsValid(false)
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onClose}>
+      <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
+        <DialogHeader>
+          <DialogTitle>
+            {question ? 'Edit Question' : 'Create New Question'}
+          </DialogTitle>
+          <DialogDescription>
+            {question
+              ? 'Update the question information'
+              : 'Add a new question to the test'}
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className="space-y-4">
+          {/* Режим редактирования */}
+          <div className="flex items-center justify-between">
+            <div className="flex items-center gap-4">
+              <Label>Editor Mode:</Label>
+              <div className="flex gap-2">
+                <Button
+                  type="button"
+                  variant={mode === 'visual' ? 'default' : 'outline'}
+                  size="sm"
+                  onClick={() => setMode('visual')}
+                >
+                  <FileText className="h-4 w-4 mr-2" />
+                  Visual
+                </Button>
+                <Button
+                  type="button"
+                  variant={mode === 'json' ? 'default' : 'outline'}
+                  size="sm"
+                  onClick={() => setMode('json')}
+                >
+                  <Code className="h-4 w-4 mr-2" />
+                  JSON
+                </Button>
+              </div>
+            </div>
+
+            {/* Тип вопроса (только в visual режиме) */}
+            {mode === 'visual' && (
+              <div className="flex items-center gap-2">
+                <Label htmlFor="question-type">Type:</Label>
+                <Select
+                  value={questionType}
+                  onValueChange={(value) => handleTypeChange(value as QuestionType)}
+                >
+                  <SelectTrigger id="question-type" className="w-[150px]">
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value={QuestionType.SIMPLE}>Simple</SelectItem>
+                    <SelectItem value={QuestionType.INPUT_BUTTONS}>
+                      Input Buttons
+                    </SelectItem>
+                    <SelectItem value={QuestionType.MATRIX}>Matrix</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+            )}
+          </div>
+
+          {/* Контент редактора */}
+          {mode === 'visual' ? (
+            <div>
+              {questionType === QuestionType.SIMPLE ? (
+                <SimpleQuestionForm
+                  question={(currentQuestion as Partial<SimpleQuestion>) || {}}
+                  onChange={handleSimpleQuestionChange}
+                />
+              ) : questionType === QuestionType.INPUT_BUTTONS ? (
+                <InputButtonsQuestionForm
+                  question={(currentQuestion as Partial<InputButtonsQuestion>) || {}}
+                  onChange={handleInputButtonsQuestionChange}
+                />
+              ) : (
+                <MatrixQuestionForm
+                  question={(currentQuestion as Partial<MatrixQuestion>) || {}}
+                  onChange={handleMatrixQuestionChange}
+                />
+              )}
+            </div>
+          ) : (
+            <JSONQuestionEditor
+              question={currentQuestion}
+              onChange={handleQuestionChange}
+            />
+          )}
+        </div>
+
+        <DialogFooter>
+          <Button type="button" variant="outline" onClick={onClose}>
+            Cancel
+          </Button>
+          <Button
+            type="button"
+            onClick={handleSave}
+            disabled={!isValid || !currentQuestion}
+          >
+            {question ? 'Update' : 'Create'}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/admin/src/components/TestPacksManager.test.tsx b/admin/src/components/TestPacksManager.test.tsx
new file mode 100644
index 0000000..6bebb32
--- /dev/null
+++ b/admin/src/components/TestPacksManager.test.tsx
@@ -0,0 +1,89 @@
+import { describe, expect, it, vi } from 'vitest'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+
+import { TestPacksManager } from '@/components/TestPacksManager'
+
+vi.mock('@/api/packs', () => {
+  return {
+    packsApi: {
+      getPacks: vi.fn(),
+    },
+  }
+})
+
+import { packsApi } from '@/api/packs'
+
+function renderWithQuery(ui: React.ReactElement) {
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        retry: false,
+      },
+    },
+  })
+
+  return render(
+    <QueryClientProvider client={queryClient}>{ui}</QueryClientProvider>,
+  )
+}
+
+describe('TestPacksManager', () => {
+  it('loads packs and emits add/remove IDs on toggle', async () => {
+    const onPacksChange = vi.fn()
+
+    vi.mocked(packsApi.getPacks).mockResolvedValue({
+      items: [
+        {
+          id: 'pack-1',
+          title: 'Pack One',
+          cards: 10,
+          enabled: true,
+          order: 0,
+        },
+        {
+          id: 'pack-2',
+          title: 'Pack Two',
+          cards: 5,
+          enabled: true,
+          order: 1,
+        },
+      ],
+      total: 2,
+      page: 1,
+      limit: 100,
+      totalPages: 1,
+    })
+
+    renderWithQuery(
+      <TestPacksManager
+        currentPackIds={['pack-1']}
+        onPacksChange={onPacksChange}
+      />,
+    )
+
+    await waitFor(() => {
+      expect(screen.getByText('Pack One')).toBeInTheDocument()
+      expect(screen.getByText('Pack Two')).toBeInTheDocument()
+    })
+
+    // Select pack-2 -> should be add
+    fireEvent.click(screen.getByText('Pack Two'))
+
+    await waitFor(() => {
+      expect(onPacksChange).toHaveBeenCalled()
+    })
+
+    const lastCall1 = onPacksChange.mock.calls.at(-1)
+    expect(lastCall1?.[0]).toEqual(['pack-2'])
+    expect(lastCall1?.[1]).toEqual([])
+
+    // Deselect pack-1 (already linked) -> should be remove
+    fireEvent.click(screen.getByText('Pack One'))
+
+    await waitFor(() => {
+      const lastCall2 = onPacksChange.mock.calls.at(-1)
+      expect(lastCall2?.[1]).toEqual(['pack-1'])
+    })
+  })
+})
diff --git a/admin/src/components/TestPacksManager.tsx b/admin/src/components/TestPacksManager.tsx
new file mode 100644
index 0000000..2db995d
--- /dev/null
+++ b/admin/src/components/TestPacksManager.tsx
@@ -0,0 +1,260 @@
+import { useEffect, useMemo, useState } from 'react'
+import { useQuery } from '@tanstack/react-query'
+
+import { packsApi } from '@/api/packs'
+import type { CardPackPreviewDto } from '@/types/models'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Badge } from '@/components/ui/badge'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { Search, Check } from 'lucide-react'
+
+interface TestPacksManagerProps {
+  currentPackIds: string[]
+  onPacksChange: (addIds: string[], removeIds: string[]) => void
+  onSelectedPackColorChange?: (color: string) => void
+  disabled?: boolean
+}
+
+export function TestPacksManager({
+  currentPackIds,
+  onPacksChange,
+  onSelectedPackColorChange,
+  disabled = false,
+}: TestPacksManagerProps) {
+  // Reset internal state when switching tests / pack list.
+  const stateKey = currentPackIds.join(',')
+
+  return (
+    <TestPacksManagerInner
+      key={stateKey}
+      currentPackIds={currentPackIds}
+      onPacksChange={onPacksChange}
+      onSelectedPackColorChange={onSelectedPackColorChange}
+      disabled={disabled}
+    />
+  )
+}
+
+function TestPacksManagerInner({
+  currentPackIds,
+  onPacksChange,
+  onSelectedPackColorChange,
+  disabled = false,
+}: TestPacksManagerProps) {
+  const [search, setSearch] = useState('')
+  const [selectedPacks, setSelectedPacks] = useState<Set<string>>(
+    () => new Set(currentPackIds.map(String)),
+  )
+  const [removedPacks, setRemovedPacks] = useState<Set<string>>(() => new Set())
+
+  const selectedList = useMemo(
+    () => Array.from(selectedPacks).sort(),
+    [selectedPacks],
+  )
+  const removedList = useMemo(
+    () => Array.from(removedPacks).sort(),
+    [removedPacks],
+  )
+
+  const { data: packsData, isLoading } = useQuery({
+    queryKey: ['packs', 1, 100, search, true],
+    queryFn: () =>
+      packsApi.getPacks({
+        page: 1,
+        limit: 100,
+        search,
+        showDisabled: true,
+      }),
+    enabled: !disabled,
+  })
+
+  const allPacks: CardPackPreviewDto[] = packsData?.items || []
+  const packsById = useMemo(() => {
+    return new Map(allPacks.map((pack) => [String(pack.id), pack]))
+  }, [allPacks])
+
+  useEffect(() => {
+    const toAdd = selectedList.filter(
+      (id) => !currentPackIds.includes(id) && !removedList.includes(id),
+    )
+
+    const toRemove = removedList.filter((id) => currentPackIds.includes(id))
+
+    if (toAdd.length > 0 || toRemove.length > 0) {
+      onPacksChange(toAdd, toRemove)
+    } else if (selectedPacks.size > 0 || removedPacks.size > 0) {
+      onPacksChange([], [])
+    }
+  }, [
+    currentPackIds,
+    onPacksChange,
+    removedList,
+    selectedList,
+    removedPacks.size,
+    selectedPacks.size,
+  ])
+
+  const handleTogglePack = (pack: CardPackPreviewDto) => {
+    if (disabled || !pack?.id) return
+
+    const packIdStr = String(pack.id)
+    const isCurrentlySelected =
+      selectedPacks.has(packIdStr) && !removedPacks.has(packIdStr)
+    const isInCurrentTest = currentPackIds.includes(packIdStr)
+
+    if (isCurrentlySelected) {
+      const nextSelected = new Set(selectedPacks)
+      nextSelected.delete(packIdStr)
+      setSelectedPacks(nextSelected)
+
+      if (isInCurrentTest) {
+        setRemovedPacks((prev) => new Set([...prev, packIdStr]))
+      }
+
+      if (onSelectedPackColorChange) {
+        const fallbackId = Array.from(nextSelected)[0]
+        const fallback = fallbackId ? packsById.get(fallbackId) : undefined
+        if (fallback?.color) onSelectedPackColorChange(fallback.color)
+      }
+
+      return
+    }
+
+    const nextSelected = new Set(selectedPacks)
+    nextSelected.add(packIdStr)
+    setSelectedPacks(nextSelected)
+
+    if (removedPacks.has(packIdStr)) {
+      setRemovedPacks((prev) => {
+        const next = new Set(prev)
+        next.delete(packIdStr)
+        return next
+      })
+    }
+
+    if (onSelectedPackColorChange) {
+      onSelectedPackColorChange(pack.color ?? '')
+    }
+  }
+
+  const isPackSelected = (packId: string | number) => {
+    const id = String(packId)
+    return selectedPacks.has(id) && !removedPacks.has(id)
+  }
+
+  const isPackInCurrentTest = (packId: string | number) => {
+    return currentPackIds.includes(String(packId))
+  }
+
+  const filteredPacks = search
+    ? allPacks.filter(
+        (pack) =>
+          pack.title?.toLowerCase().includes(search.toLowerCase()) ||
+          pack.id?.toLowerCase().includes(search.toLowerCase()),
+      )
+    : allPacks
+
+  return (
+    <div className="space-y-4">
+      <div className="space-y-2">
+        <Label>Link test to packs</Label>
+        <div className="flex items-center space-x-2">
+          <Search className="h-4 w-4 text-muted-foreground" />
+          <Input
+            placeholder="Search packs by title or ID..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="max-w-sm"
+            disabled={disabled}
+          />
+        </div>
+        <p className="text-sm text-muted-foreground">
+          Selected packs: {selectedPacks.size} / {allPacks.length}
+        </p>
+      </div>
+
+      {isLoading ? (
+        <div className="text-center py-4">Loading packs...</div>
+      ) : (
+        <div className="border rounded-lg max-h-[320px] overflow-y-auto">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="w-12"></TableHead>
+                <TableHead>ID</TableHead>
+                <TableHead>Title</TableHead>
+                <TableHead>Cards</TableHead>
+                <TableHead>Status</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {filteredPacks.length === 0 ? (
+                <TableRow>
+                  <TableCell
+                    colSpan={5}
+                    className="text-center text-muted-foreground"
+                  >
+                    No packs found
+                  </TableCell>
+                </TableRow>
+              ) : (
+                filteredPacks.map((pack) => {
+                  const packIdStr = String(pack.id)
+                  const selected = isPackSelected(packIdStr)
+                  const inCurrentTest = isPackInCurrentTest(packIdStr)
+                  const newlyRemoved = removedPacks.has(packIdStr)
+
+                  return (
+                    <TableRow
+                      key={pack.id}
+                      className={selected ? 'bg-muted/50' : ''}
+                      onClick={() => handleTogglePack(pack)}
+                    >
+                      <TableCell>
+                        {selected ? (
+                          <Check className="h-4 w-4 text-primary" />
+                        ) : (
+                          <div className="h-4 w-4 border rounded" />
+                        )}
+                      </TableCell>
+                      <TableCell className="font-mono text-sm">
+                        {pack.id}
+                      </TableCell>
+                      <TableCell className="font-medium">
+                        {pack.title}
+                      </TableCell>
+                      <TableCell>{pack.cards}</TableCell>
+                      <TableCell>
+                        {newlyRemoved ? (
+                          <Badge variant="destructive">Removed</Badge>
+                        ) : selected && inCurrentTest ? (
+                          <Badge variant="default">Linked</Badge>
+                        ) : selected ? (
+                          <Badge variant="secondary">Selected</Badge>
+                        ) : inCurrentTest ? (
+                          <Badge variant="outline">Linked</Badge>
+                        ) : pack.enabled ? (
+                          <Badge variant="outline">Enabled</Badge>
+                        ) : (
+                          <Badge variant="secondary">Disabled</Badge>
+                        )}
+                      </TableCell>
+                    </TableRow>
+                  )
+                })
+              )}
+            </TableBody>
+          </Table>
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/admin/src/components/TestQuestionsManager.tsx b/admin/src/components/TestQuestionsManager.tsx
new file mode 100644
index 0000000..00a003d
--- /dev/null
+++ b/admin/src/components/TestQuestionsManager.tsx
@@ -0,0 +1,183 @@
+import { useState } from 'react'
+import type { Question } from '@/types/questions'
+import { QuestionType, isInputButtonsQuestion } from '@/types/questions'
+import { Card, CardContent } from '@/components/ui/card'
+import { Button } from '@/components/ui/button'
+import { Badge } from '@/components/ui/badge'
+import { Edit, Trash2, FileText, Type } from 'lucide-react'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+
+interface TestQuestionsManagerProps {
+  questions: Question[]
+  onChange: (questions: Question[]) => void
+  onEdit: (question: Question, index: number) => void
+  disabled?: boolean
+}
+
+export function TestQuestionsManager({
+  questions,
+  onChange,
+  onEdit,
+  disabled = false,
+}: TestQuestionsManagerProps) {
+  const [questionToDelete, setQuestionToDelete] = useState<{
+    question: Question
+    index: number
+  } | null>(null)
+
+  const handleDelete = (question: Question, index: number) => {
+    setQuestionToDelete({ question, index })
+  }
+
+  const confirmDelete = () => {
+    if (questionToDelete) {
+      const newQuestions = questions.filter((_, i) => i !== questionToDelete.index)
+      onChange(newQuestions)
+      setQuestionToDelete(null)
+    }
+  }
+
+  const getQuestionPreview = (question: Question): string => {
+    if (question.text) return question.text
+    if (question.image) return '📷 Image question'
+    return `Word: ${question.word}`
+  }
+
+  const getQuestionTypeLabel = (type: QuestionType): string => {
+    switch (type) {
+      case QuestionType.SIMPLE:
+        return 'Simple'
+      case QuestionType.INPUT_BUTTONS:
+        return 'Input Buttons'
+      default:
+        return type
+    }
+  }
+
+  const getQuestionTypeColor = (type: QuestionType): string => {
+    switch (type) {
+      case QuestionType.SIMPLE:
+        return 'bg-blue-500'
+      case QuestionType.INPUT_BUTTONS:
+        return 'bg-green-500'
+      default:
+        return 'bg-gray-500'
+    }
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h3 className="text-lg font-semibold">Questions</h3>
+          <p className="text-sm text-muted-foreground">
+            {questions.length} question{questions.length !== 1 ? 's' : ''} in this test
+          </p>
+        </div>
+      </div>
+
+      {questions.length === 0 ? (
+        <Card>
+          <CardContent className="pt-6">
+            <div className="text-center py-8">
+              <FileText className="mx-auto h-12 w-12 text-muted-foreground mb-4" />
+              <p className="text-sm text-muted-foreground">
+                No questions yet. Add your first question to get started.
+              </p>
+            </div>
+          </CardContent>
+        </Card>
+      ) : (
+        <div className="space-y-3">
+          {questions.map((question, index) => (
+            <Card key={question.id || index}>
+              <CardContent className="pt-6">
+                <div className="flex items-start justify-between">
+                  <div className="flex-1 space-y-2">
+                    <div className="flex items-center gap-2">
+                      <Badge
+                        className={`${getQuestionTypeColor(
+                          question.questionType,
+                        )} text-white border-transparent`}
+                      >
+                        <Type className="h-3 w-3 mr-1" />
+                        {getQuestionTypeLabel(question.questionType)}
+                      </Badge>
+                      <span className="text-sm text-muted-foreground">
+                        #{index + 1}
+                      </span>
+                    </div>
+                    <div>
+                      <p className="font-medium">{question.word}</p>
+                      <p className="text-sm text-muted-foreground">
+                        {getQuestionPreview(question)}
+                      </p>
+                    </div>
+                    <div className="flex items-center gap-2 text-xs text-muted-foreground">
+                      <span>{question.options.length} option(s)</span>
+                      {isInputButtonsQuestion(question) && (
+                        <span>• Template: {question.template}</span>
+                      )}
+                    </div>
+                  </div>
+                  <div className="flex items-center gap-2 ml-4">
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onEdit(question, index)}
+                      disabled={disabled}
+                    >
+                      <Edit className="h-4 w-4" />
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => handleDelete(question, index)}
+                      disabled={disabled}
+                    >
+                      <Trash2 className="h-4 w-4" />
+                    </Button>
+                  </div>
+                </div>
+              </CardContent>
+            </Card>
+          ))}
+        </div>
+      )}
+
+      {/* Delete Confirmation Dialog */}
+      <AlertDialog
+        open={questionToDelete !== null}
+        onOpenChange={(open) => !open && setQuestionToDelete(null)}
+      >
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>Delete Question</AlertDialogTitle>
+            <AlertDialogDescription>
+              Are you sure you want to delete this question? This action cannot be
+              undone.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={confirmDelete}
+              className="bg-red-600 hover:bg-red-700"
+            >
+              Delete
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </div>
+  )
+}
diff --git a/admin/src/components/TokenRefreshProvider.tsx b/admin/src/components/TokenRefreshProvider.tsx
new file mode 100644
index 0000000..ca92bff
--- /dev/null
+++ b/admin/src/components/TokenRefreshProvider.tsx
@@ -0,0 +1,52 @@
+import { useEffect, useRef } from 'react'
+import { useAuthStore } from '@/stores/authStore'
+import { authApi } from '@/api/auth'
+
+/**
+ * Component that periodically checks and refreshes the access token
+ * before it expires. This ensures seamless user experience without
+ * unexpected logouts.
+ */
+export function TokenRefreshProvider({ children }: { children: React.ReactNode }) {
+  const { shouldRefreshToken, refreshToken, updateToken, logout } = useAuthStore()
+  const intervalRef = useRef<NodeJS.Timeout | null>(null)
+
+  useEffect(() => {
+    // Check every minute if token needs refresh
+    const checkAndRefresh = async () => {
+      if (!shouldRefreshToken() || !refreshToken) {
+        return
+      }
+
+      try {
+        console.log('[TokenRefreshProvider] Refreshing token...')
+        const response = await authApi.refreshToken(refreshToken)
+        
+        if (response.success && response.token) {
+          updateToken(response.token, response.refreshToken, response.expiresIn)
+          console.log('[TokenRefreshProvider] Token refreshed successfully')
+        } else {
+          throw new Error('Failed to refresh token')
+        }
+      } catch (error) {
+        console.error('[TokenRefreshProvider] Token refresh failed:', error)
+        // If refresh token is expired, logout
+        logout()
+      }
+    }
+
+    // Check immediately on mount
+    checkAndRefresh()
+
+    // Set up interval to check every minute
+    intervalRef.current = setInterval(checkAndRefresh, 60000) // 1 minute
+
+    return () => {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current)
+      }
+    }
+  }, [shouldRefreshToken, refreshToken, updateToken, logout])
+
+  return <>{children}</>
+}
diff --git a/admin/src/components/forms/InputButtonsQuestionForm.tsx b/admin/src/components/forms/InputButtonsQuestionForm.tsx
new file mode 100644
index 0000000..1a0e370
--- /dev/null
+++ b/admin/src/components/forms/InputButtonsQuestionForm.tsx
@@ -0,0 +1,251 @@
+import { useState, useEffect, useRef } from 'react'
+import type { InputButtonsQuestion, TestButton } from '@/types/questions'
+import { QuestionType } from '@/types/questions'
+import { Label } from '@/components/ui/label'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+import { Button } from '@/components/ui/button'
+import { ImageUpload } from '@/components/ui/image-upload'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Plus, Trash2 } from 'lucide-react'
+import { Card, CardContent } from '@/components/ui/card'
+
+interface InputButtonsQuestionFormProps {
+  question: Partial<InputButtonsQuestion>
+  onChange: (question: Partial<InputButtonsQuestion>) => void
+}
+
+export function InputButtonsQuestionForm({
+  question,
+  onChange,
+}: InputButtonsQuestionFormProps) {
+  const [word, setWord] = useState(question.word || '')
+  const [text, setText] = useState(question.text || '')
+  const [image, setImage] = useState(question.image || '')
+  const [audio, setAudio] = useState(question.audio || '')
+  const [buttons, setButtons] = useState<TestButton[]>(question.options || [])
+  const [answer, setAnswer] = useState(question.answer || '')
+  const [template, setTemplate] = useState(question.template || '')
+  const onChangeRef = useRef(onChange)
+
+  // Keep onChange ref up to date
+  useEffect(() => {
+    onChangeRef.current = onChange
+  }, [onChange])
+
+  // Notify parent of changes
+  useEffect(() => {
+    onChangeRef.current({
+      questionType: QuestionType.INPUT_BUTTONS,
+      word,
+      text: text || undefined,
+      image: image || undefined,
+      audio: audio || undefined,
+      options: buttons,
+      answer,
+      template,
+    })
+  }, [word, text, image, audio, buttons, answer, template])
+
+  const addButton = () => {
+    const newButton: TestButton = {
+      id: `btn_${Date.now()}`,
+      text: '',
+    }
+    setButtons([...buttons, newButton])
+  }
+
+  const removeButton = (index: number) => {
+    setButtons(buttons.filter((_, i) => i !== index))
+    if (answer === buttons[index]?.id) {
+      setAnswer('')
+    }
+  }
+
+  const updateButton = (index: number, updates: Partial<TestButton>) => {
+    const newButtons = [...buttons]
+    newButtons[index] = { ...newButtons[index], ...updates }
+    setButtons(newButtons)
+  }
+
+  // Генерация template из answer
+  const generateTemplate = () => {
+    if (answer) {
+      setTemplate(answer.replace(/[^ ]/g, '_'))
+    }
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="space-y-2">
+        <Label htmlFor="word">
+          Word <span className="text-red-500">*</span>
+        </Label>
+        <Input
+          id="word"
+          value={word}
+          onChange={(e) => setWord(e.target.value)}
+          placeholder="Word or phrase to learn"
+          required
+        />
+      </div>
+
+      <div className="space-y-2">
+        <Label htmlFor="text">Question Text</Label>
+        <Textarea
+          id="text"
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          placeholder="Optional question text"
+          rows={3}
+        />
+      </div>
+
+      <div className="space-y-2">
+        <ImageUpload
+          label="Question Image"
+          value={image}
+          onChange={(value) => setImage(value || '')}
+        />
+      </div>
+
+      <div className="space-y-2">
+        <Label htmlFor="audio">Audio URL</Label>
+        <Input
+          id="audio"
+          value={audio}
+          onChange={(e) => setAudio(e.target.value)}
+          placeholder="https://..."
+          type="url"
+        />
+      </div>
+
+      <div className="space-y-2">
+        <div className="flex items-center justify-between">
+          <Label>
+            Answer Options <span className="text-red-500">*</span>
+          </Label>
+          <Button type="button" variant="outline" size="sm" onClick={addButton}>
+            <Plus className="h-4 w-4 mr-2" />
+            Add Button
+          </Button>
+        </div>
+
+        {buttons.length === 0 ? (
+          <Card>
+            <CardContent className="pt-6">
+              <p className="text-sm text-muted-foreground text-center py-4">
+                No buttons yet. Add at least one button.
+              </p>
+            </CardContent>
+          </Card>
+        ) : (
+          <div className="space-y-3">
+            {buttons.map((button, index) => (
+              <Card key={button.id}>
+                <CardContent className="pt-6">
+                  <div className="space-y-3">
+                    <div className="flex items-center justify-between">
+                      <Label className="text-sm font-medium">
+                        Button {index + 1} (ID: {button.id})
+                      </Label>
+                      <Button
+                        type="button"
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => removeButton(index)}
+                      >
+                        <Trash2 className="h-4 w-4" />
+                      </Button>
+                    </div>
+
+                    <div className="grid grid-cols-2 gap-3">
+                      <div className="space-y-2">
+                        <Label htmlFor={`button-text-${index}`}>Text</Label>
+                        <Input
+                          id={`button-text-${index}`}
+                          value={button.text || ''}
+                          onChange={(e) =>
+                            updateButton(index, { text: e.target.value })
+                          }
+                          placeholder="Button text"
+                        />
+                      </div>
+                      <div className="space-y-2">
+                        <ImageUpload
+                          label="Image"
+                          value={button.image || ''}
+                          onChange={(value) =>
+                            updateButton(index, { image: value || undefined })
+                          }
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+        )}
+      </div>
+
+      <div className="space-y-2">
+        <Label htmlFor="answer">
+          Correct Answer <span className="text-red-500">*</span>
+        </Label>
+        <Select value={answer} onValueChange={setAnswer} required>
+          <SelectTrigger id="answer">
+            <SelectValue placeholder="Select correct answer" />
+          </SelectTrigger>
+          <SelectContent>
+            {buttons.map((button) => (
+              <SelectItem key={button.id} value={button.id}>
+                {button.text || button.image || button.id}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+        {buttons.length === 0 && (
+          <p className="text-xs text-muted-foreground">
+            Add at least one button to select an answer
+          </p>
+        )}
+      </div>
+
+      <div className="space-y-2">
+        <div className="flex items-center justify-between">
+          <Label htmlFor="template">
+            Template <span className="text-red-500">*</span>
+          </Label>
+          {answer && (
+            <Button
+              type="button"
+              variant="outline"
+              size="sm"
+              onClick={generateTemplate}
+            >
+              Generate from answer
+            </Button>
+          )}
+        </div>
+        <Input
+          id="template"
+          value={template}
+          onChange={(e) => setTemplate(e.target.value)}
+          placeholder="e.g., a___e (underscores for letters to input)"
+          required
+        />
+        <p className="text-xs text-muted-foreground">
+          Template defines which letters the user needs to input. Use underscores
+          (_) for letters to input, spaces for word separators.
+        </p>
+      </div>
+    </div>
+  )
+}
diff --git a/admin/src/components/forms/MatrixQuestionForm.tsx b/admin/src/components/forms/MatrixQuestionForm.tsx
new file mode 100644
index 0000000..5ca3e41
--- /dev/null
+++ b/admin/src/components/forms/MatrixQuestionForm.tsx
@@ -0,0 +1,75 @@
+import { useEffect, useRef, useState } from 'react'
+import type { MatrixQuestion } from '@/types/questions'
+import { QuestionType } from '@/types/questions'
+import { Label } from '@/components/ui/label'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+
+interface MatrixQuestionFormProps {
+  question: Partial<MatrixQuestion>
+  onChange: (question: Partial<MatrixQuestion>) => void
+}
+
+export function MatrixQuestionForm({ question, onChange }: MatrixQuestionFormProps) {
+  const [matrixSize, setMatrixSize] = useState<number>(question.matrixSize ?? 3)
+  const onChangeRef = useRef(onChange)
+  const initialQuestionRef = useRef<string | undefined>(question.id)
+
+  useEffect(() => {
+    onChangeRef.current = onChange
+  }, [onChange])
+
+  useEffect(() => {
+    if (initialQuestionRef.current !== question.id) {
+      initialQuestionRef.current = question.id
+      setMatrixSize(question.matrixSize ?? 3)
+    }
+  }, [question.id, question.matrixSize])
+
+  useEffect(() => {
+    // Matrix question is auto-generated from pack cards on the backend
+    // when `buttons` (options) are empty.
+    onChangeRef.current({
+      questionType: QuestionType.MATRIX,
+      matrixSize,
+      // Keep required base fields present (backend can handle empty strings).
+      word: question.word ?? '',
+      answer: question.answer ?? '',
+      options: question.options ?? [],
+    })
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [matrixSize])
+
+  return (
+    <div className="space-y-4">
+      <div className="space-y-2">
+        <Label>Matrix size</Label>
+        <Select
+          value={String(matrixSize)}
+          onValueChange={(v) => setMatrixSize(Number(v))}
+        >
+          <SelectTrigger className="w-[160px]">
+            <SelectValue placeholder="Choose size" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="2">2×2</SelectItem>
+            <SelectItem value="3">3×3</SelectItem>
+            <SelectItem value="4">4×4</SelectItem>
+          </SelectContent>
+        </Select>
+        <p className="text-sm text-muted-foreground">
+          Cards are auto-picked from the pack pool. In the app, users will see a
+          matrix of images and must click the card matching the shown{' '}
+          <code>original</code>. Correct cards flip (showing translation) and
+          disappear.
+        </p>
+      </div>
+    </div>
+  )
+}
+
diff --git a/admin/src/components/forms/SimpleQuestionForm.tsx b/admin/src/components/forms/SimpleQuestionForm.tsx
new file mode 100644
index 0000000..47363d3
--- /dev/null
+++ b/admin/src/components/forms/SimpleQuestionForm.tsx
@@ -0,0 +1,213 @@
+import { useState, useEffect, useRef } from 'react'
+import type { SimpleQuestion, TestButton } from '@/types/questions'
+import { QuestionType } from '@/types/questions'
+import { Label } from '@/components/ui/label'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+import { Button } from '@/components/ui/button'
+import { ImageUpload } from '@/components/ui/image-upload'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Plus, Trash2 } from 'lucide-react'
+import { Card, CardContent } from '@/components/ui/card'
+
+interface SimpleQuestionFormProps {
+  question: Partial<SimpleQuestion>
+  onChange: (question: Partial<SimpleQuestion>) => void
+}
+
+export function SimpleQuestionForm({
+  question,
+  onChange,
+}: SimpleQuestionFormProps) {
+  const [word, setWord] = useState(question.word || '')
+  const [text, setText] = useState(question.text || '')
+  const [image, setImage] = useState(question.image || '')
+  const [audio, setAudio] = useState(question.audio || '')
+  const [buttons, setButtons] = useState<TestButton[]>(question.options || [])
+  const [answer, setAnswer] = useState(question.answer || '')
+  const onChangeRef = useRef(onChange)
+
+  // Keep onChange ref up to date
+  useEffect(() => {
+    onChangeRef.current = onChange
+  }, [onChange])
+
+  // Notify parent of changes
+  useEffect(() => {
+    onChangeRef.current({
+      questionType: QuestionType.SIMPLE,
+      word,
+      text: text || undefined,
+      image: image || undefined,
+      audio: audio || undefined,
+      options: buttons,
+      answer,
+    })
+  }, [word, text, image, audio, buttons, answer])
+
+  const addButton = () => {
+    const newButton: TestButton = {
+      id: `btn_${Date.now()}`,
+      text: '',
+    }
+    setButtons([...buttons, newButton])
+  }
+
+  const removeButton = (index: number) => {
+    setButtons(buttons.filter((_, i) => i !== index))
+    if (answer === buttons[index]?.id) {
+      setAnswer('')
+    }
+  }
+
+  const updateButton = (index: number, updates: Partial<TestButton>) => {
+    const newButtons = [...buttons]
+    newButtons[index] = { ...newButtons[index], ...updates }
+    setButtons(newButtons)
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="space-y-2">
+        <Label htmlFor="word">
+          Word <span className="text-red-500">*</span>
+        </Label>
+        <Input
+          id="word"
+          value={word}
+          onChange={(e) => setWord(e.target.value)}
+          placeholder="Word or phrase to learn"
+          required
+        />
+      </div>
+
+      <div className="space-y-2">
+        <Label htmlFor="text">Question Text</Label>
+        <Textarea
+          id="text"
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          placeholder="Optional question text"
+          rows={3}
+        />
+      </div>
+
+      <div className="space-y-2">
+        <ImageUpload
+          label="Question Image"
+          value={image}
+          onChange={(value) => setImage(value || '')}
+        />
+      </div>
+
+      <div className="space-y-2">
+        <Label htmlFor="audio">Audio URL</Label>
+        <Input
+          id="audio"
+          value={audio}
+          onChange={(e) => setAudio(e.target.value)}
+          placeholder="https://..."
+          type="url"
+        />
+      </div>
+
+      <div className="space-y-2">
+        <div className="flex items-center justify-between">
+          <Label>
+            Answer Options <span className="text-red-500">*</span>
+          </Label>
+          <Button type="button" variant="outline" size="sm" onClick={addButton}>
+            <Plus className="h-4 w-4 mr-2" />
+            Add Button
+          </Button>
+        </div>
+
+        {buttons.length === 0 ? (
+          <Card>
+            <CardContent className="pt-6">
+              <p className="text-sm text-muted-foreground text-center py-4">
+                No buttons yet. Add at least one button.
+              </p>
+            </CardContent>
+          </Card>
+        ) : (
+          <div className="space-y-3">
+            {buttons.map((button, index) => (
+              <Card key={button.id}>
+                <CardContent className="pt-6">
+                  <div className="space-y-3">
+                    <div className="flex items-center justify-between">
+                      <Label className="text-sm font-medium">
+                        Button {index + 1} (ID: {button.id})
+                      </Label>
+                      <Button
+                        type="button"
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => removeButton(index)}
+                      >
+                        <Trash2 className="h-4 w-4" />
+                      </Button>
+                    </div>
+
+                    <div className="grid grid-cols-2 gap-3">
+                      <div className="space-y-2">
+                        <Label htmlFor={`button-text-${index}`}>Text</Label>
+                        <Input
+                          id={`button-text-${index}`}
+                          value={button.text || ''}
+                          onChange={(e) =>
+                            updateButton(index, { text: e.target.value })
+                          }
+                          placeholder="Button text"
+                        />
+                      </div>
+                      <div className="space-y-2">
+                        <ImageUpload
+                          label="Image"
+                          value={button.image || ''}
+                          onChange={(value) =>
+                            updateButton(index, { image: value || undefined })
+                          }
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+        )}
+      </div>
+
+      <div className="space-y-2">
+        <Label htmlFor="answer">
+          Correct Answer <span className="text-red-500">*</span>
+        </Label>
+        <Select value={answer} onValueChange={setAnswer} required>
+          <SelectTrigger id="answer">
+            <SelectValue placeholder="Select correct answer" />
+          </SelectTrigger>
+          <SelectContent>
+            {buttons.map((button) => (
+              <SelectItem key={button.id} value={button.id}>
+                {button.text || button.image || button.id}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+        {buttons.length === 0 && (
+          <p className="text-xs text-muted-foreground">
+            Add at least one button to select an answer
+          </p>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/admin/src/components/layout/Layout.tsx b/admin/src/components/layout/Layout.tsx
new file mode 100644
index 0000000..73db32c
--- /dev/null
+++ b/admin/src/components/layout/Layout.tsx
@@ -0,0 +1,131 @@
+import type { ReactNode } from 'react'
+import { useNavigate, useLocation } from 'react-router-dom'
+import { useAuthStore } from '@/stores/authStore'
+import { Button } from '@/components/ui/button'
+import {
+  LayoutDashboard,
+  FileText,
+  Package,
+  Users,
+  ClipboardList,
+  LogOut,
+  Menu,
+  X
+} from 'lucide-react'
+import { useState } from 'react'
+
+interface LayoutProps {
+  children: ReactNode
+}
+
+const navigation = [
+  { name: 'Dashboard', href: '/', icon: LayoutDashboard },
+  { name: 'Cards', href: '/cards', icon: FileText },
+  { name: 'Packs', href: '/packs', icon: Package },
+  { name: 'Tests', href: '/tests', icon: ClipboardList },
+  { name: 'Users', href: '/users', icon: Users },
+]
+
+export default function Layout({ children }: LayoutProps) {
+  const navigate = useNavigate()
+  const location = useLocation()
+  const { user, logout } = useAuthStore()
+  const [sidebarOpen, setSidebarOpen] = useState(false)
+
+  const handleLogout = () => {
+    logout()
+    navigate('/login')
+  }
+
+  return (
+    <div className="flex h-screen bg-gray-50">
+      {/* Mobile sidebar overlay */}
+      {sidebarOpen && (
+        <div
+          className="fixed inset-0 z-40 lg:hidden"
+          onClick={() => setSidebarOpen(false)}
+        >
+          <div className="fixed inset-0 bg-gray-600 bg-opacity-75" />
+        </div>
+      )}
+
+      {/* Sidebar */}
+      <div className={`fixed inset-y-0 left-0 z-50 w-64 bg-white shadow-lg transform transition-transform duration-300 ease-in-out lg:translate-x-0 lg:static lg:inset-0 ${
+        sidebarOpen ? 'translate-x-0' : '-translate-x-full'
+      }`}>
+        <div className="flex flex-col h-full">
+          {/* Logo */}
+          <div className="flex items-center justify-between h-16 px-4 border-b border-gray-200">
+            <h1 className="text-xl font-bold text-gray-900">Mnemo Admin</h1>
+            <Button
+              variant="ghost"
+              size="sm"
+              className="lg:hidden"
+              onClick={() => setSidebarOpen(false)}
+            >
+              <X className="h-5 w-5" />
+            </Button>
+          </div>
+
+          {/* Navigation */}
+          <nav className="flex-1 px-4 py-4 space-y-2">
+            {navigation.map((item) => {
+              const Icon = item.icon
+              const isActive = location.pathname === item.href
+              return (
+                <Button
+                  key={item.name}
+                  variant={isActive ? "default" : "ghost"}
+                  className="w-full justify-start"
+                  onClick={() => {
+                    navigate(item.href)
+                    setSidebarOpen(false)
+                  }}
+                >
+                  <Icon className="mr-3 h-5 w-5" />
+                  {item.name}
+                </Button>
+              )
+            })}
+          </nav>
+
+          {/* User info and logout */}
+          <div className="p-4 border-t border-gray-200">
+            <div className="flex items-center justify-between">
+              <div className="text-sm">
+                <p className="font-medium text-gray-900">{user?.name || 'Admin'}</p>
+                <p className="text-gray-500">{user?.email}</p>
+              </div>
+              <Button variant="ghost" size="sm" onClick={handleLogout}>
+                <LogOut className="h-4 w-4" />
+              </Button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Main content */}
+      <div className="flex-1 flex flex-col overflow-hidden">
+        {/* Top bar */}
+        <header className="bg-white shadow-sm border-b border-gray-200 lg:hidden">
+          <div className="flex items-center justify-between h-16 px-4">
+            <Button
+              variant="ghost"
+              size="sm"
+              onClick={() => setSidebarOpen(true)}
+            >
+              <Menu className="h-5 w-5" />
+            </Button>
+            <h1 className="text-lg font-semibold text-gray-900">Mnemo Cards Admin</h1>
+            <div className="w-10" /> {/* Spacer */}
+          </div>
+        </header>
+
+        {/* Page content */}
+        <main className="flex-1 overflow-auto p-6">
+          {children}
+        </main>
+      </div>
+    </div>
+  )
+}
diff --git a/admin/src/components/ui/alert-dialog.tsx b/admin/src/components/ui/alert-dialog.tsx
new file mode 100644
index 0000000..f2eb0bb
--- /dev/null
+++ b/admin/src/components/ui/alert-dialog.tsx
@@ -0,0 +1,138 @@
+import * as React from "react"
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+
+const AlertDialog = AlertDialogPrimitive.Root
+
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger
+
+const AlertDialogPortal = AlertDialogPrimitive.Portal
+
+const AlertDialogOverlay = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
+
+const AlertDialogContent = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPortal>
+    <AlertDialogOverlay />
+    <AlertDialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
+        className
+      )}
+      {...props}
+    />
+  </AlertDialogPortal>
+))
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
+
+const AlertDialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogHeader.displayName = "AlertDialogHeader"
+
+const AlertDialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogFooter.displayName = "AlertDialogFooter"
+
+const AlertDialogTitle = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold", className)}
+    {...props}
+  />
+))
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
+
+const AlertDialogDescription = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName
+
+const AlertDialogAction = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Action
+    ref={ref}
+    className={cn(buttonVariants(), className)}
+    {...props}
+  />
+))
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
+
+const AlertDialogCancel = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Cancel
+    ref={ref}
+    className={cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    )}
+    {...props}
+  />
+))
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+}
diff --git a/admin/src/components/ui/alert.tsx b/admin/src/components/ui/alert.tsx
new file mode 100644
index 0000000..41fa7e0
--- /dev/null
+++ b/admin/src/components/ui/alert.tsx
@@ -0,0 +1,59 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const alertVariants = cva(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive:
+          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Alert = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
+>(({ className, variant, ...props }, ref) => (
+  <div
+    ref={ref}
+    role="alert"
+    className={cn(alertVariants({ variant }), className)}
+    {...props}
+  />
+))
+Alert.displayName = "Alert"
+
+const AlertTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h5
+    ref={ref}
+    className={cn("mb-1 font-medium leading-none tracking-tight", className)}
+    {...props}
+  />
+))
+AlertTitle.displayName = "AlertTitle"
+
+const AlertDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm [&_p]:leading-relaxed", className)}
+    {...props}
+  />
+))
+AlertDescription.displayName = "AlertDescription"
+
+export { Alert, AlertTitle, AlertDescription }
diff --git a/admin/src/components/ui/audio-upload.tsx b/admin/src/components/ui/audio-upload.tsx
new file mode 100644
index 0000000..37c39df
--- /dev/null
+++ b/admin/src/components/ui/audio-upload.tsx
@@ -0,0 +1,335 @@
+import { useRef, useState, useEffect } from 'react'
+import { Button } from './button'
+import { Label } from './label'
+import { Input } from './input'
+import { X, Music, Play, Pause, Loader2 } from 'lucide-react'
+import { mediaApi } from '@/api/media'
+
+interface AudioUploadProps {
+  label?: string
+  value?: string // Object ID (UUID) or legacy base64
+  onChange: (value: string | undefined) => void
+  language?: string
+  onLanguageChange?: (language: string) => void
+  accept?: string
+  maxSizeMB?: number
+  disabled?: boolean
+}
+
+export function AudioUpload({
+  label,
+  value,
+  onChange,
+  language = 'en',
+  onLanguageChange,
+  accept = 'audio/*',
+  maxSizeMB = 20, // Updated to match backend limit
+  disabled = false,
+}: AudioUploadProps) {
+  const fileInputRef = useRef<HTMLInputElement>(null)
+  const audioRef = useRef<HTMLAudioElement | null>(null)
+  const [isPlaying, setIsPlaying] = useState(false)
+  const [isDragging, setIsDragging] = useState(false)
+  const [isUploading, setIsUploading] = useState(false)
+  const [presignedUrl, setPresignedUrl] = useState<string | null>(null)
+
+  // Load presigned URL for existing objectId
+  useEffect(() => {
+    if (value && !presignedUrl) {
+      // Check if value is a UUID (objectId) or legacy format
+      const isUuid = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value)
+      
+      if (isUuid) {
+        // It's an objectId, fetch presigned URL
+        mediaApi
+          .getPresignedUrl('voice-audio', value)
+          .then((response) => {
+            setPresignedUrl(response.url)
+          })
+          .catch((error) => {
+            console.error('Failed to load presigned URL:', error)
+            // Keep presignedUrl as null
+          })
+      } else {
+        // Legacy base64 format
+        setPresignedUrl(`data:audio/mpeg;base64,${value}`)
+      }
+    } else if (!value) {
+      setPresignedUrl(null)
+    }
+  }, [value, presignedUrl])
+
+  const handleFileSelect = async (file: File) => {
+    // Validate file size
+    const fileSizeMB = file.size / (1024 * 1024)
+    if (fileSizeMB > maxSizeMB) {
+      alert(`File size must be less than ${maxSizeMB}MB`)
+      return
+    }
+
+    // Validate file type
+    if (!file.type.startsWith('audio/')) {
+      alert('Please select an audio file')
+      return
+    }
+
+    try {
+      setIsUploading(true)
+
+      // Upload to MinIO via Media API
+      const response = await mediaApi.uploadVoice(file)
+
+      // Save objectId (not presigned URL!)
+      onChange(response.objectId)
+
+      // Use presigned URL for playback
+      setPresignedUrl(response.url)
+    } catch (error) {
+      console.error('Error uploading audio:', error)
+      alert('Failed to upload audio. Please try again.')
+    } finally {
+      setIsUploading(false)
+    }
+  }
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0]
+    if (file) {
+      handleFileSelect(file)
+    }
+    // Reset input value to allow selecting the same file again
+    if (fileInputRef.current) {
+      fileInputRef.current.value = ''
+    }
+  }
+
+  const handleDragOver = (e: React.DragEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    if (!disabled) {
+      setIsDragging(true)
+    }
+  }
+
+  const handleDragLeave = (e: React.DragEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setIsDragging(false)
+  }
+
+  const handleDrop = (e: React.DragEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setIsDragging(false)
+
+    if (disabled) return
+
+    const file = e.dataTransfer.files?.[0]
+    if (file) {
+      handleFileSelect(file)
+    }
+  }
+
+  const handleRemove = () => {
+    onChange(undefined)
+    setPresignedUrl(null)
+    if (audioRef.current) {
+      audioRef.current.pause()
+      audioRef.current = null
+    }
+    setIsPlaying(false)
+    if (fileInputRef.current) {
+      fileInputRef.current.value = ''
+    }
+  }
+
+  const handleClick = () => {
+    if (!disabled && !isUploading) {
+      fileInputRef.current?.click()
+    }
+  }
+
+  // Cleanup audio on unmount or value change
+  useEffect(() => {
+    return () => {
+      if (audioRef.current) {
+        audioRef.current.pause()
+        audioRef.current = null
+      }
+      setIsPlaying(false)
+    }
+  }, [value, presignedUrl])
+
+  const handlePlayPause = () => {
+    if (!presignedUrl) return
+
+    if (!audioRef.current) {
+      try {
+        const audio = new Audio(presignedUrl)
+        audioRef.current = audio
+        
+        audio.onended = () => {
+          setIsPlaying(false)
+          audioRef.current = null
+        }
+        
+        audio.onerror = (e) => {
+          console.error('Audio playback error:', e)
+          alert('Failed to play audio. The file may be corrupted or in an unsupported format.')
+          setIsPlaying(false)
+          audioRef.current = null
+        }
+        
+        audio.onloadstart = () => {
+          setIsPlaying(true)
+        }
+        
+        audio.play().catch((error) => {
+          console.error('Audio play error:', error)
+          alert('Failed to play audio. Please check your browser audio settings.')
+          setIsPlaying(false)
+          audioRef.current = null
+        })
+      } catch (error) {
+        console.error('Error creating audio element:', error)
+        alert('Failed to initialize audio player')
+        setIsPlaying(false)
+      }
+    } else {
+      if (isPlaying) {
+        audioRef.current.pause()
+        setIsPlaying(false)
+      } else {
+        audioRef.current.play().catch((error) => {
+          console.error('Audio play error:', error)
+          alert('Failed to resume audio playback')
+        })
+        setIsPlaying(true)
+      }
+    }
+  }
+
+  return (
+    <div className="space-y-2">
+      {label && <Label>{label}</Label>}
+      
+      {value || isUploading ? (
+        <div className="relative">
+          <div className={`flex items-center justify-between p-4 border rounded-lg transition-colors ${
+            isPlaying ? 'bg-primary/5 border-primary/20' : 'bg-muted'
+          }`}>
+            {isUploading ? (
+              <div className="flex items-center space-x-3 flex-1">
+                <Loader2 className="h-5 w-5 animate-spin text-muted-foreground" />
+                <span className="text-sm text-muted-foreground">Uploading audio...</span>
+              </div>
+            ) : (
+              <>
+                <div className="flex items-center space-x-3 flex-1 min-w-0">
+                  <Button
+                    type="button"
+                    variant={isPlaying ? "default" : "outline"}
+                    size="sm"
+                    onClick={handlePlayPause}
+                    disabled={disabled || !presignedUrl}
+                    className="flex items-center space-x-1 flex-shrink-0"
+                  >
+                    {isPlaying ? (
+                      <>
+                        <Pause className="h-4 w-4" />
+                        <span className="hidden sm:inline">Pause</span>
+                      </>
+                    ) : (
+                      <>
+                        <Play className="h-4 w-4" />
+                        <span className="hidden sm:inline">Play</span>
+                      </>
+                    )}
+                  </Button>
+                  <Music className={`h-5 w-5 flex-shrink-0 ${
+                    isPlaying ? 'text-primary' : 'text-muted-foreground'
+                  }`} />
+                  <div className="flex-1 min-w-0">
+                    <span className="text-sm font-medium">Audio file loaded</span>
+                    {isPlaying && (
+                      <span className="ml-2 text-xs text-primary animate-pulse">Playing...</span>
+                    )}
+                    {!presignedUrl && (
+                      <span className="ml-2 text-xs text-muted-foreground">(Loading preview...)</span>
+                    )}
+                  </div>
+                </div>
+                <Button
+                  type="button"
+                  variant="destructive"
+                  size="sm"
+                  onClick={handleRemove}
+                  disabled={disabled}
+                  className="flex-shrink-0"
+                >
+                  <X className="h-4 w-4" />
+                </Button>
+              </>
+            )}
+          </div>
+          {onLanguageChange && (
+            <div className="mt-2">
+              <Label htmlFor="language" className="text-xs">Language</Label>
+              <Input
+                id="language"
+                value={language}
+                onChange={(e) => onLanguageChange(e.target.value)}
+                placeholder="en"
+                className="mt-1"
+                disabled={disabled}
+              />
+            </div>
+          )}
+          <p className="text-sm text-muted-foreground mt-1">
+            {isUploading ? 'Uploading...' : 'Click to change audio file'}
+          </p>
+        </div>
+      ) : (
+        <div
+          className={`border-2 border-dashed rounded-lg p-6 text-center cursor-pointer transition-colors ${
+            isDragging
+              ? 'border-primary bg-primary/5'
+              : 'border-muted-foreground/25 hover:border-muted-foreground/50'
+          } ${disabled || isUploading ? 'opacity-50 cursor-not-allowed' : ''}`}
+          onDragOver={handleDragOver}
+          onDragLeave={handleDragLeave}
+          onDrop={handleDrop}
+          onClick={handleClick}
+        >
+          <input
+            ref={fileInputRef}
+            type="file"
+            accept={accept}
+            onChange={handleInputChange}
+            className="hidden"
+            disabled={disabled || isUploading}
+          />
+          <div className="flex flex-col items-center justify-center space-y-2">
+            {isUploading ? (
+              <Loader2 className="h-10 w-10 animate-spin text-muted-foreground" />
+            ) : (
+              <Music className="h-10 w-10 text-muted-foreground" />
+            )}
+            <div className="text-sm">
+              {isUploading ? (
+                <span className="text-muted-foreground">Uploading...</span>
+              ) : (
+                <>
+                  <span className="text-primary font-medium">Click to upload</span> or drag and drop
+                </>
+              )}
+            </div>
+            <p className="text-xs text-muted-foreground">
+              MP3, WAV, OGG, FLAC up to {maxSizeMB}MB
+            </p>
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/admin/src/components/ui/badge.tsx b/admin/src/components/ui/badge.tsx
new file mode 100644
index 0000000..59d9a54
--- /dev/null
+++ b/admin/src/components/ui/badge.tsx
@@ -0,0 +1,37 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary:
+          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive:
+          "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  )
+}
+
+// eslint-disable-next-line react-refresh/only-export-components
+export { Badge, badgeVariants }
diff --git a/admin/src/components/ui/button.tsx b/admin/src/components/ui/button.tsx
new file mode 100644
index 0000000..9309cc2
--- /dev/null
+++ b/admin/src/components/ui/button.tsx
@@ -0,0 +1,59 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline:
+          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean
+  variant?: VariantProps<typeof buttonVariants>['variant']
+  size?: VariantProps<typeof buttonVariants>['size']
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button"
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = "Button"
+
+// eslint-disable-next-line react-refresh/only-export-components
+export { Button, buttonVariants }
diff --git a/admin/src/components/ui/card.tsx b/admin/src/components/ui/card.tsx
new file mode 100644
index 0000000..afa13ec
--- /dev/null
+++ b/admin/src/components/ui/card.tsx
@@ -0,0 +1,79 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    )}
+    {...props}
+  />
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h3
+    ref={ref}
+    className={cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <p
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/admin/src/components/ui/checkbox.tsx b/admin/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..ddbdd01
--- /dev/null
+++ b/admin/src/components/ui/checkbox.tsx
@@ -0,0 +1,28 @@
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { Check } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("flex items-center justify-center text-current")}
+    >
+      <Check className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }
diff --git a/admin/src/components/ui/color-palette-input.test.tsx b/admin/src/components/ui/color-palette-input.test.tsx
new file mode 100644
index 0000000..ff90949
--- /dev/null
+++ b/admin/src/components/ui/color-palette-input.test.tsx
@@ -0,0 +1,72 @@
+import { describe, expect, it, vi } from 'vitest'
+import { fireEvent, render, screen } from '@testing-library/react'
+
+import { ColorPaletteInput } from '@/components/ui/color-palette-input'
+
+describe('ColorPaletteInput', () => {
+  it('renders current value in text input', () => {
+    render(
+      <>
+        <label htmlFor="color">Color</label>
+        <ColorPaletteInput
+          id="color"
+          value="#FF0000"
+          onChange={() => undefined}
+        />
+      </>,
+    )
+
+    expect(screen.getByLabelText('Color')).toHaveValue('#FF0000')
+  })
+
+  it('calls onChange when text input changes', () => {
+    const onChange = vi.fn()
+
+    render(
+      <>
+        <label htmlFor="color">Color</label>
+        <ColorPaletteInput id="color" value="" onChange={onChange} />
+      </>,
+    )
+
+    fireEvent.change(screen.getByLabelText('Color'), {
+      target: { value: '#ABCDEF' },
+    })
+
+    expect(onChange).toHaveBeenCalledWith('#ABCDEF')
+  })
+
+  it('calls onChange when native picker changes', () => {
+    const onChange = vi.fn()
+
+    render(
+      <ColorPaletteInput
+        id="color"
+        value="#000000"
+        onChange={onChange}
+      />,
+    )
+
+    fireEvent.change(screen.getByLabelText('Pick a color'), {
+      target: { value: '#00ff00' },
+    })
+
+    expect(onChange).toHaveBeenCalledWith('#00ff00')
+  })
+
+  it('can clear value', () => {
+    const onChange = vi.fn()
+
+    render(
+      <ColorPaletteInput
+        id="color"
+        value="#123456"
+        onChange={onChange}
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'Clear' }))
+
+    expect(onChange).toHaveBeenCalledWith('')
+  })
+})
diff --git a/admin/src/components/ui/color-palette-input.tsx b/admin/src/components/ui/color-palette-input.tsx
new file mode 100644
index 0000000..16ae61c
--- /dev/null
+++ b/admin/src/components/ui/color-palette-input.tsx
@@ -0,0 +1,85 @@
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+
+const isHexColor = (value: string): boolean => {
+  const trimmed = value.trim()
+  return /^#(?:[0-9a-fA-F]{3}){1,2}$/.test(trimmed)
+}
+
+export type ColorPaletteInputProps = {
+  id: string
+  value: string
+  onChange: (value: string) => void
+  disabled?: boolean
+  placeholder?: string
+}
+
+export const ColorPaletteInput = ({
+  id,
+  value,
+  onChange,
+  disabled = false,
+  placeholder = '#FF0000',
+}: ColorPaletteInputProps) => {
+  const trimmed = value.trim()
+  const hasValidHex = trimmed.length > 0 && isHexColor(trimmed)
+
+  // Native color input requires a valid 7-char hex (#RRGGBB)
+  const nativePickerValue = hasValidHex && trimmed.length === 7 ? trimmed : '#000000'
+
+  return (
+    <div className="space-y-2">
+      <div className="flex items-center gap-2">
+        <Input
+          id={id}
+          value={value}
+          onChange={(e) => onChange(e.target.value)}
+          placeholder={placeholder}
+          disabled={disabled}
+          aria-invalid={trimmed.length > 0 && !hasValidHex}
+        />
+
+        <div className="flex items-center gap-2">
+          <input
+            aria-label="Pick a color"
+            type="color"
+            value={nativePickerValue}
+            onChange={(e) => onChange(e.target.value)}
+            disabled={disabled}
+            className={cn(
+              'h-10 w-10 cursor-pointer rounded-md border border-input bg-background p-0',
+              'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+              disabled && 'cursor-not-allowed opacity-50',
+            )}
+          />
+
+          <div
+            aria-label={hasValidHex ? `Selected color ${trimmed}` : 'Selected color preview'}
+            className={cn(
+              'h-10 w-10 rounded-md border border-input',
+              trimmed.length > 0 && !hasValidHex && 'border-dashed border-red-500',
+            )}
+            style={hasValidHex ? { backgroundColor: trimmed } : undefined}
+          />
+        </div>
+      </div>
+
+      <div className="flex flex-wrap items-center gap-2">
+        <Button
+          type="button"
+          variant="outline"
+          size="sm"
+          onClick={() => onChange('')}
+          disabled={disabled || value.length === 0}
+        >
+          Clear
+        </Button>
+
+        {trimmed.length > 0 && !hasValidHex && (
+          <span className="text-xs text-red-500">Invalid hex color</span>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/admin/src/components/ui/dialog.tsx b/admin/src/components/ui/dialog.tsx
new file mode 100644
index 0000000..c23630e
--- /dev/null
+++ b/admin/src/components/ui/dialog.tsx
@@ -0,0 +1,120 @@
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Dialog = DialogPrimitive.Root
+
+const DialogTrigger = DialogPrimitive.Trigger
+
+const DialogPortal = DialogPrimitive.Portal
+
+const DialogClose = DialogPrimitive.Close
+
+const DialogOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Overlay
+    ref={ref}
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+  />
+))
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
+
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    </DialogPrimitive.Content>
+  </DialogPortal>
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+DialogHeader.displayName = "DialogHeader"
+
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+DialogFooter.displayName = "DialogFooter"
+
+const DialogTitle = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DialogTitle.displayName = DialogPrimitive.Title.displayName
+
+const DialogDescription = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DialogDescription.displayName = DialogPrimitive.Description.displayName
+
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogClose,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+}
diff --git a/admin/src/components/ui/image-upload.tsx b/admin/src/components/ui/image-upload.tsx
new file mode 100644
index 0000000..b2458ca
--- /dev/null
+++ b/admin/src/components/ui/image-upload.tsx
@@ -0,0 +1,242 @@
+import { useRef, useState, useEffect } from 'react'
+import { Button } from './button'
+import { Label } from './label'
+import { X, Image as ImageIcon, Loader2 } from 'lucide-react'
+import { mediaApi } from '@/api/media'
+
+interface ImageUploadProps {
+  label?: string
+  value?: string // Object ID (UUID) or legacy base64/URL
+  onChange: (value: string | undefined) => void
+  accept?: string
+  maxSizeMB?: number
+  disabled?: boolean
+  uploadType?: 'card-image' | 'test-image' // Type of upload endpoint
+}
+
+export function ImageUpload({
+  label,
+  value,
+  onChange,
+  accept = 'image/*',
+  maxSizeMB = 10, // Updated to match backend limit
+  disabled = false,
+  uploadType = 'card-image',
+}: ImageUploadProps) {
+  const fileInputRef = useRef<HTMLInputElement>(null)
+  const [isDragging, setIsDragging] = useState(false)
+  const [isUploading, setIsUploading] = useState(false)
+  const [previewUrl, setPreviewUrl] = useState<string | null>(null)
+
+  // Load presigned URL for existing objectId
+  useEffect(() => {
+    if (value && !previewUrl) {
+      // Check if value is a UUID (objectId) or legacy format
+      const isUuid = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value)
+      
+      if (isUuid) {
+        // It's an objectId, fetch presigned URL
+        const bucket = uploadType === 'card-image' ? 'card-images' : 'test-images'
+        mediaApi
+          .getPresignedUrl(bucket, value)
+          .then((response) => {
+            setPreviewUrl(response.url)
+          })
+          .catch((error) => {
+            console.error('Failed to load preview URL:', error)
+            // Keep previewUrl as null, will show placeholder
+          })
+      } else if (
+        value.startsWith('http://') ||
+        value.startsWith('https://') ||
+        value.startsWith('/api/')
+      ) {
+        // Legacy URL format
+        setPreviewUrl(value)
+      } else {
+        // Legacy base64 format
+        setPreviewUrl(`data:image/png;base64,${value}`)
+      }
+    } else if (!value) {
+      setPreviewUrl(null)
+    }
+  }, [value, uploadType, previewUrl])
+
+  const handleFileSelect = async (file: File) => {
+    // Validate file size
+    const fileSizeMB = file.size / (1024 * 1024)
+    if (fileSizeMB > maxSizeMB) {
+      alert(`File size must be less than ${maxSizeMB}MB`)
+      return
+    }
+
+    // Validate file type
+    if (!file.type.startsWith('image/')) {
+      alert('Please select an image file')
+      return
+    }
+
+    try {
+      setIsUploading(true)
+
+      // Upload to MinIO via Media API
+      const uploadEndpoint = uploadType === 'card-image' 
+        ? mediaApi.uploadCardImage(file)
+        : mediaApi.uploadTestImage(file)
+      
+      const response = await uploadEndpoint
+
+      // Save objectId (not presigned URL!)
+      onChange(response.objectId)
+
+      // Use presigned URL for preview
+      setPreviewUrl(response.url)
+    } catch (error) {
+      console.error('Error uploading image:', error)
+      alert('Failed to upload image. Please try again.')
+    } finally {
+      setIsUploading(false)
+    }
+  }
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0]
+    if (file) {
+      handleFileSelect(file)
+    }
+    // Reset input value to allow selecting the same file again
+    if (fileInputRef.current) {
+      fileInputRef.current.value = ''
+    }
+  }
+
+  const handleDragOver = (e: React.DragEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    if (!disabled) {
+      setIsDragging(true)
+    }
+  }
+
+  const handleDragLeave = (e: React.DragEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setIsDragging(false)
+  }
+
+  const handleDrop = (e: React.DragEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setIsDragging(false)
+
+    if (disabled) return
+
+    const file = e.dataTransfer.files?.[0]
+    if (file) {
+      handleFileSelect(file)
+    }
+  }
+
+  const handleRemove = () => {
+    onChange(undefined)
+    setPreviewUrl(null)
+    if (fileInputRef.current) {
+      fileInputRef.current.value = ''
+    }
+  }
+
+  const handleClick = () => {
+    if (!disabled && !isUploading) {
+      fileInputRef.current?.click()
+    }
+  }
+
+  return (
+    <div className="space-y-2">
+      {label && <Label>{label}</Label>}
+      
+      {value || previewUrl ? (
+        <div className="relative">
+          <div className="relative w-full border rounded-lg overflow-hidden bg-muted">
+            {isUploading ? (
+              <div className="w-full h-48 flex items-center justify-center">
+                <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
+              </div>
+            ) : previewUrl ? (
+              <img
+                src={previewUrl}
+                alt="Preview"
+                className="w-full h-48 object-contain cursor-pointer"
+                onClick={handleClick}
+                onError={() => {
+                  // If presigned URL fails, clear preview
+                  setPreviewUrl(null)
+                }}
+              />
+            ) : (
+              <div className="w-full h-48 flex items-center justify-center text-muted-foreground">
+                Image loaded (preview unavailable)
+              </div>
+            )}
+            <Button
+              type="button"
+              variant="destructive"
+              size="sm"
+              className="absolute top-2 right-2"
+              onClick={(e) => {
+                e.stopPropagation()
+                handleRemove()
+              }}
+              disabled={disabled || isUploading}
+            >
+              <X className="h-4 w-4" />
+            </Button>
+          </div>
+          <p className="text-sm text-muted-foreground mt-1">
+            {isUploading ? 'Uploading...' : 'Click image to change'}
+          </p>
+        </div>
+      ) : (
+        <div
+          className={`border-2 border-dashed rounded-lg p-6 text-center cursor-pointer transition-colors ${
+            isDragging
+              ? 'border-primary bg-primary/5'
+              : 'border-muted-foreground/25 hover:border-muted-foreground/50'
+          } ${disabled || isUploading ? 'opacity-50 cursor-not-allowed' : ''}`}
+          onDragOver={handleDragOver}
+          onDragLeave={handleDragLeave}
+          onDrop={handleDrop}
+          onClick={handleClick}
+        >
+          <input
+            ref={fileInputRef}
+            type="file"
+            accept={accept}
+            onChange={handleInputChange}
+            className="hidden"
+            disabled={disabled || isUploading}
+          />
+          <div className="flex flex-col items-center justify-center space-y-2">
+            {isUploading ? (
+              <Loader2 className="h-10 w-10 animate-spin text-muted-foreground" />
+            ) : (
+              <ImageIcon className="h-10 w-10 text-muted-foreground" />
+            )}
+            <div className="text-sm">
+              {isUploading ? (
+                <span className="text-muted-foreground">Uploading...</span>
+              ) : (
+                <>
+                  <span className="text-primary font-medium">Click to upload</span> or drag and drop
+                </>
+              )}
+            </div>
+            <p className="text-xs text-muted-foreground">
+              PNG, JPG, WEBP, GIF up to {maxSizeMB}MB
+            </p>
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/admin/src/components/ui/input.tsx b/admin/src/components/ui/input.tsx
new file mode 100644
index 0000000..5c17e74
--- /dev/null
+++ b/admin/src/components/ui/input.tsx
@@ -0,0 +1,24 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Input.displayName = "Input"
+
+export { Input }
diff --git a/admin/src/components/ui/label.tsx b/admin/src/components/ui/label.tsx
new file mode 100644
index 0000000..683faa7
--- /dev/null
+++ b/admin/src/components/ui/label.tsx
@@ -0,0 +1,24 @@
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+))
+Label.displayName = LabelPrimitive.Root.displayName
+
+export { Label }
diff --git a/admin/src/components/ui/select.tsx b/admin/src/components/ui/select.tsx
new file mode 100644
index 0000000..a45647c
--- /dev/null
+++ b/admin/src/components/ui/select.tsx
@@ -0,0 +1,160 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { Check, ChevronDown, ChevronUp } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Select = SelectPrimitive.Root
+
+const SelectGroup = SelectPrimitive.Group
+
+const SelectValue = SelectPrimitive.Value
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDown className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronUp className="h-4 w-4" />
+  </SelectPrimitive.ScrollUpButton>
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronDown className="h-4 w-4" />
+  </SelectPrimitive.ScrollDownButton>
+))
+SelectScrollDownButton.displayName =
+  SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = "popper", ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 origin-[--radix-select-content-transform-origin]",
+        position === "popper" &&
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      )}
+      position={position}
+      {...props}
+    >
+      <SelectScrollUpButton />
+      <SelectPrimitive.Viewport
+        className={cn(
+          "p-1",
+          position === "popper" &&
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        )}
+      >
+        {children}
+      </SelectPrimitive.Viewport>
+      <SelectScrollDownButton />
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label
+    ref={ref}
+    className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
+    {...props}
+  />
+))
+SelectLabel.displayName = SelectPrimitive.Label.displayName
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+}
diff --git a/admin/src/components/ui/sonner.tsx b/admin/src/components/ui/sonner.tsx
new file mode 100644
index 0000000..651c079
--- /dev/null
+++ b/admin/src/components/ui/sonner.tsx
@@ -0,0 +1,25 @@
+import { Toaster as Sonner } from "sonner"
+
+type ToasterProps = React.ComponentProps<typeof Sonner>
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  return (
+    <Sonner
+      className="toaster group"
+      toastOptions={{
+        classNames: {
+          toast:
+            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton:
+            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton:
+            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+        },
+      }}
+      {...props}
+    />
+  )
+}
+
+export { Toaster }
diff --git a/admin/src/components/ui/table.tsx b/admin/src/components/ui/table.tsx
new file mode 100644
index 0000000..7f3502f
--- /dev/null
+++ b/admin/src/components/ui/table.tsx
@@ -0,0 +1,117 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    )}
+    {...props}
+  />
+))
+TableRow.displayName = "TableRow"
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableHead.displayName = "TableHead"
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+    {...props}
+  />
+))
+TableCell.displayName = "TableCell"
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+TableCaption.displayName = "TableCaption"
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/admin/src/components/ui/textarea.tsx b/admin/src/components/ui/textarea.tsx
new file mode 100644
index 0000000..12c9136
--- /dev/null
+++ b/admin/src/components/ui/textarea.tsx
@@ -0,0 +1,23 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>
+
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({ className, ...props }, ref) => {
+    return (
+      <textarea
+        className={cn(
+          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Textarea.displayName = "Textarea"
+
+export { Textarea }
diff --git a/admin/src/index.css b/admin/src/index.css
new file mode 100644
index 0000000..36a777a
--- /dev/null
+++ b/admin/src/index.css
@@ -0,0 +1,59 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96%;
+    --secondary-foreground: 222.2 84% 4.9%;
+    --muted: 210 40% 96%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96%;
+    --accent-foreground: 222.2 84% 4.9%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
diff --git a/admin/src/main.tsx b/admin/src/main.tsx
new file mode 100644
index 0000000..d67dbad
--- /dev/null
+++ b/admin/src/main.tsx
@@ -0,0 +1,20 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { BrowserRouter } from 'react-router-dom'
+import { Toaster } from '@/components/ui/sonner'
+import './index.css'
+import App from './App.tsx'
+
+const queryClient = new QueryClient()
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <QueryClientProvider client={queryClient}>
+      <BrowserRouter>
+        <App />
+        <Toaster />
+      </BrowserRouter>
+    </QueryClientProvider>
+  </StrictMode>,
+)
diff --git a/admin/src/pages/CardsPage.tsx b/admin/src/pages/CardsPage.tsx
new file mode 100644
index 0000000..2e516db
--- /dev/null
+++ b/admin/src/pages/CardsPage.tsx
@@ -0,0 +1,721 @@
+import { useState } from 'react'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { toast } from 'sonner'
+import { cardsApi, isCardsApiError } from '@/api/cards'
+import { upsertCardWithOptionalVoice } from '@/api/cardsWithVoice'
+import { formatApiError, getDetailedErrorMessage } from '@/lib/error-utils'
+import type { GameCardDto, PaginatedResponse } from '@/types/models'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Label } from '@/components/ui/label'
+import { BulkCardUpload } from '@/components/BulkCardUpload'
+import { BulkCardEditor } from '@/components/BulkCardEditor'
+import { CardEditorPreview } from '@/components/CardEditorPreview'
+import { packsApi } from '@/api/packs'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { Plus, Search, Edit, Trash2, ChevronLeft, ChevronRight, Upload, List, Grid } from 'lucide-react'
+
+type ViewMode = 'list' | 'grid'
+
+export default function CardsPage() {
+  const queryClient = useQueryClient()
+  const [page, setPage] = useState(1)
+  const [search, setSearch] = useState('')
+  const [viewMode, setViewMode] = useState<ViewMode>('list')
+  const [selectedCard, setSelectedCard] = useState<GameCardDto | null>(null)
+  const [isDialogOpen, setIsDialogOpen] = useState(false)
+  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false)
+  const [cardToDelete, setCardToDelete] = useState<GameCardDto | null>(null)
+  const [isBulkUploadOpen, setIsBulkUploadOpen] = useState(false)
+  const [isBulkEditorOpen, setIsBulkEditorOpen] = useState(false)
+  const [uploadedImages, setUploadedImages] = useState<Array<{
+    id: string
+    file: File
+    preview: string
+    objectId: string // Object ID in MinIO (UUID)
+    presignedUrl?: string // Presigned URL for preview
+  }>>([])
+  const [bulkUploadPackId, setBulkUploadPackId] = useState<string | undefined>(undefined)
+
+  // Form state
+  const [formData, setFormData] = useState({
+    packId: '',
+    original: '',
+    translation: '',
+    mnemo: '',
+    transcription: '',
+    transcriptionMnemo: '',
+    back: '',
+    image: undefined as string | undefined,
+    imageBack: undefined as string | undefined,
+    voice: undefined as string | undefined,
+    voiceLanguage: 'en',
+  })
+
+  const limit = 20
+
+  // Fetch cards
+  const { data, isLoading, error } = useQuery<PaginatedResponse<GameCardDto>>({
+    queryKey: ['cards', page, search],
+    queryFn: () => cardsApi.getCards({ page, limit, search }),
+    retry: (failureCount, error) => {
+      // Don't retry on client errors (4xx)
+      if (isCardsApiError(error) && error.statusCode && error.statusCode >= 400 && error.statusCode < 500) {
+        return false
+      }
+      return failureCount < 2
+    },
+  })
+
+  // Mutations
+  const createMutation = useMutation({
+    mutationFn: (payload: { card: GameCardDto; voice?: { voiceUrl: string; language: string } }) =>
+      upsertCardWithOptionalVoice(payload.card, payload.voice),
+    onSuccess: (response) => {
+      queryClient.invalidateQueries({ queryKey: ['cards'] })
+      toast.success('Card created successfully')
+      closeDialog()
+      // Update selectedCard with the new ID from response
+      if (response?.card?.id) {
+        setSelectedCard(response.card)
+      }
+    },
+    onError: (error: unknown) => {
+      const errorMessage = isCardsApiError(error) 
+        ? error.message 
+        : getDetailedErrorMessage(error, 'create', 'card')
+      toast.error(errorMessage)
+      console.error('Error creating card:', error)
+    },
+  })
+
+  const updateMutation = useMutation({
+    mutationFn: (payload: { card: GameCardDto; voice?: { voiceUrl: string; language: string } }) =>
+      upsertCardWithOptionalVoice(payload.card, payload.voice),
+    onSuccess: (response) => {
+      queryClient.invalidateQueries({ queryKey: ['cards'] })
+      toast.success('Card updated successfully')
+      closeDialog()
+      // Update selectedCard with the updated card from response
+      if (response?.card) {
+        setSelectedCard(response.card)
+      }
+    },
+    onError: (error: unknown) => {
+      const errorMessage = isCardsApiError(error) 
+        ? error.message 
+        : getDetailedErrorMessage(error, 'update', 'card')
+      toast.error(errorMessage)
+      console.error('Error updating card:', error)
+    },
+  })
+
+  const deleteMutation = useMutation({
+    mutationFn: (cardId: string) => cardsApi.deleteCard(cardId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['cards'] })
+      toast.success('Card deleted successfully')
+      setIsDeleteDialogOpen(false)
+      setCardToDelete(null)
+    },
+    onError: (error: unknown) => {
+      const errorMessage = isCardsApiError(error) 
+        ? error.message 
+        : getDetailedErrorMessage(error, 'delete', 'card')
+      toast.error(errorMessage)
+      console.error('Error deleting card:', error)
+    },
+  })
+
+  // Fetch packs for packId selection
+  const { data: packsData } = useQuery({
+    queryKey: ['packs', 1, 100, ''],
+    queryFn: () => packsApi.getPacks({ page: 1, limit: 100, search: '' }),
+  })
+
+  const openCreateDialog = () => {
+    setSelectedCard(null)
+    setFormData({
+      packId: '',
+      original: '',
+      translation: '',
+      mnemo: '',
+      transcription: '',
+      transcriptionMnemo: '',
+      back: '',
+      image: undefined,
+      imageBack: undefined,
+      voice: undefined,
+      voiceLanguage: 'en',
+    })
+    setIsDialogOpen(true)
+  }
+
+  const openEditDialog = (card: GameCardDto) => {
+    setSelectedCard(card)
+    setFormData({
+      packId: card.packId ?? '',
+      original: card.original || '',
+      translation: card.translation || '',
+      mnemo: card.mnemo || '',
+      transcription: card.transcription || '',
+      transcriptionMnemo: card.transcriptionMnemo || '',
+      back: card.back || '',
+      image: card.image,
+      imageBack: card.imageBack,
+      voice: undefined,
+      voiceLanguage: 'en',
+    })
+    setIsDialogOpen(true)
+  }
+
+  const closeDialog = () => {
+    setIsDialogOpen(false)
+    setSelectedCard(null)
+  }
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault()
+
+    if (!formData.original.trim() || !formData.translation.trim() || !formData.mnemo.trim()) {
+      toast.error('Original, translation and mnemo are required')
+      return
+    }
+
+    // Determine if this is an update or create
+    // Check if id exists and is not empty (handle both string and number)
+    const idStr = selectedCard?.id != null ? String(selectedCard.id) : ''
+    const hasValidId = idStr !== '' && idStr.trim() !== '' && idStr !== '0'
+    const isUpdate = selectedCard !== null && hasValidId
+
+    const cardData: GameCardDto = {
+      id: isUpdate ? String(selectedCard.id) : null,
+      packId: formData.packId.trim() || undefined,
+      original: formData.original.trim(),
+      translation: formData.translation.trim(),
+      mnemo: formData.mnemo.trim(),
+      transcription: formData.transcription.trim() || undefined,
+      transcriptionMnemo: formData.transcriptionMnemo.trim() || undefined,
+      back: formData.back.trim() || undefined,
+      image: formData.image || undefined,
+      imageBack: formData.imageBack || undefined,
+    }
+
+    const voice =
+      formData.voice && formData.voice.trim()
+        ? { voiceUrl: formData.voice, language: formData.voiceLanguage || 'en' }
+        : undefined
+
+    if (isUpdate) {
+      updateMutation.mutate({ card: cardData, voice })
+    } else {
+      createMutation.mutate({ card: cardData, voice })
+    }
+  }
+
+  const handleDelete = (card: GameCardDto) => {
+    setCardToDelete(card)
+    setIsDeleteDialogOpen(true)
+  }
+
+  const confirmDelete = () => {
+    if (cardToDelete && cardToDelete.id != null && cardToDelete.id !== '') {
+      // Ensure id is a string
+      const cardId = String(cardToDelete.id)
+      deleteMutation.mutate(cardId)
+    } else {
+      toast.error('Invalid card ID')
+    }
+  }
+
+  const handleSearch = (value: string) => {
+    setSearch(value)
+    setPage(1) // Reset to first page when searching
+  }
+
+  // Group cards by pack
+  const groupedCards = data?.items.reduce((acc, card) => {
+    const packId = card.packId || '__no_pack__'
+    if (!acc[packId]) {
+      acc[packId] = []
+    }
+    acc[packId].push(card)
+    return acc
+  }, {} as Record<string, GameCardDto[]>) || {}
+
+  // Get pack name by ID
+  const getPackName = (packId: string): string => {
+    if (packId === '__no_pack__') {
+      return 'No Pack'
+    }
+    const pack = packsData?.items.find(p => p.id === packId)
+    return pack?.title || packId
+  }
+
+  // Get pack color by ID
+  const getPackColor = (packId: string): string | undefined => {
+    if (!packId || packId === '__no_pack__') {
+      return undefined
+    }
+    const pack = packsData?.items.find(p => p.id === packId)
+    return pack?.color
+  }
+
+  // Get image source - handles presigned URLs, base64, and legacy URLs
+  const getImageSrc = (card: GameCardDto, isBack = false): string | undefined => {
+    // Prefer presigned URL from backend if available
+    const presignedUrl = isBack ? card.imageBackUrl : card.imageUrl
+    if (presignedUrl) {
+      return presignedUrl
+    }
+
+    // Fallback to objectId/image field
+    const image = isBack ? card.imageBack : card.image
+    if (!image) return undefined
+    
+    // If it's already a data URL or http/https URL, return as is
+    if (image.startsWith('data:') || image.startsWith('http://') || image.startsWith('https://')) {
+      return image
+    }
+    
+    // If it's a relative API path, prepend the base URL
+    if (image.startsWith('/api/')) {
+      const baseUrl = import.meta.env.VITE_API_BASE_URL || 'https://api.mnemo-cards.online'
+      return `${baseUrl}${image}`
+    }
+    
+    // If it's a UUID (objectId), we need to fetch presigned URL
+    // For now, return undefined - ImageUpload component will handle fetching
+    const isUuid = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(image)
+    if (isUuid) {
+      return undefined // Will be handled by ImageUpload component
+    }
+    
+    // Otherwise, assume it's base64 and add the data URL prefix
+    return `data:image/png;base64,${image}`
+  }
+
+  if (error) {
+    const errorMessage = isCardsApiError(error)
+      ? error.message 
+      : formatApiError(error)
+    return (
+      <div className="space-y-6">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">Cards Management</h1>
+          <p className="text-muted-foreground">Error loading cards</p>
+        </div>
+        <Card>
+          <CardContent className="pt-6">
+            <div className="space-y-2">
+              <p className="text-red-500 font-medium">Failed to load cards</p>
+              <p className="text-sm text-muted-foreground">{errorMessage}</p>
+              <Button 
+                variant="outline" 
+                size="sm" 
+                onClick={() => queryClient.invalidateQueries({ queryKey: ['cards'] })}
+                className="mt-2"
+              >
+                Retry
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    )
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">Cards Management</h1>
+          <p className="text-muted-foreground">
+            View, create, edit and delete game cards
+          </p>
+        </div>
+        <div className="flex items-center space-x-2">
+          <Button variant="outline" onClick={() => setIsBulkUploadOpen(true)}>
+            <Upload className="mr-2 h-4 w-4" />
+            Bulk Upload
+          </Button>
+          <Button onClick={openCreateDialog}>
+            <Plus className="mr-2 h-4 w-4" />
+            Add Card
+          </Button>
+        </div>
+      </div>
+
+      {/* Search */}
+      <Card>
+        <CardContent className="pt-6">
+          <div className="flex items-center space-x-2">
+            <Search className="h-4 w-4 text-muted-foreground" />
+            <Input
+              placeholder="Search cards..."
+              value={search}
+              onChange={(e) => handleSearch(e.target.value)}
+              className="max-w-sm"
+            />
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Cards Table */}
+      <Card>
+        <CardHeader>
+          <div className="flex items-center justify-between">
+            <div>
+              <CardTitle>All Cards ({data?.total || 0})</CardTitle>
+              <CardDescription>
+                Manage game cards in the system
+              </CardDescription>
+            </div>
+            <div className="flex items-center space-x-2">
+              <Button
+                variant={viewMode === 'list' ? 'default' : 'outline'}
+                size="sm"
+                onClick={() => setViewMode('list')}
+              >
+                <List className="h-4 w-4" />
+              </Button>
+              <Button
+                variant={viewMode === 'grid' ? 'default' : 'outline'}
+                size="sm"
+                onClick={() => setViewMode('grid')}
+              >
+                <Grid className="h-4 w-4" />
+              </Button>
+            </div>
+          </div>
+        </CardHeader>
+        <CardContent>
+          {isLoading ? (
+            <div className="text-center py-8">Loading cards...</div>
+          ) : (
+            <>
+              {viewMode === 'list' ? (
+                <>
+                  {Object.entries(groupedCards).map(([packId, cards]) => (
+                    <div key={packId} className="mb-8">
+                      <div className="bg-muted/50 px-4 py-3 rounded-t-lg border-b-2 border-primary/20 mb-0">
+                        <h3 className="text-xl font-bold">
+                          {getPackName(packId)}
+                        </h3>
+                        <p className="text-sm text-muted-foreground mt-1">
+                          {cards.length} {cards.length === 1 ? 'card' : 'cards'}
+                        </p>
+                      </div>
+                      <Table>
+                        <TableHeader>
+                          <TableRow>
+                            <TableHead>ID</TableHead>
+                            <TableHead>Original</TableHead>
+                            <TableHead>Translation</TableHead>
+                            <TableHead>Mnemo</TableHead>
+                            <TableHead>Actions</TableHead>
+                          </TableRow>
+                        </TableHeader>
+                        <TableBody>
+                          {cards.map((card) => (
+                            <TableRow key={card.id || `temp-${card.original}`}>
+                              <TableCell>{card.id || '-'}</TableCell>
+                              <TableCell className="font-medium">{card.original}</TableCell>
+                              <TableCell>{card.translation}</TableCell>
+                              <TableCell className="max-w-xs truncate">{card.mnemo}</TableCell>
+                              <TableCell>
+                                <div className="flex items-center space-x-2">
+                                  <Button
+                                    variant="ghost"
+                                    size="sm"
+                                    onClick={() => openEditDialog(card)}
+                                  >
+                                    <Edit className="h-4 w-4" />
+                                  </Button>
+                                  <Button
+                                    variant="ghost"
+                                    size="sm"
+                                    onClick={() => handleDelete(card)}
+                                  >
+                                    <Trash2 className="h-4 w-4" />
+                                  </Button>
+                                </div>
+                              </TableCell>
+                            </TableRow>
+                          ))}
+                        </TableBody>
+                      </Table>
+                    </div>
+                  ))}
+                </>
+              ) : (
+                <>
+                  {Object.entries(groupedCards).map(([packId, cards]) => (
+                    <div key={packId} className="mb-8">
+                      <div className="bg-muted/50 px-4 py-3 rounded-lg border-b-2 border-primary/20 mb-4">
+                        <h3 className="text-xl font-bold">
+                          {getPackName(packId)}
+                        </h3>
+                        <p className="text-sm text-muted-foreground mt-1">
+                          {cards.length} {cards.length === 1 ? 'card' : 'cards'}
+                        </p>
+                      </div>
+                      <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4">
+                        {cards.map((card) => (
+                          <div
+                            key={card.id || `temp-${card.original}`}
+                            className="border rounded-lg overflow-hidden hover:shadow-md transition-shadow cursor-pointer group"
+                            onClick={() => openEditDialog(card)}
+                          >
+                            <div className="aspect-square bg-muted relative">
+                              {getImageSrc(card) ? (
+                                <img
+                                  src={getImageSrc(card)}
+                                  alt={card.original}
+                                  className="w-full h-full object-cover"
+                                  onError={(e) => {
+                                    const target = e.target as HTMLImageElement
+                                    target.style.display = 'none'
+                                  }}
+                                />
+                              ) : (
+                                <div className="w-full h-full flex items-center justify-center text-muted-foreground">
+                                  No Image
+                                </div>
+                              )}
+                              <div className="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity">
+                                <div className="flex space-x-1">
+                                  <Button
+                                    variant="secondary"
+                                    size="icon"
+                                    className="h-7 w-7"
+                                    onClick={(e) => {
+                                      e.stopPropagation()
+                                      openEditDialog(card)
+                                    }}
+                                  >
+                                    <Edit className="h-3 w-3" />
+                                  </Button>
+                                  <Button
+                                    variant="destructive"
+                                    size="icon"
+                                    className="h-7 w-7"
+                                    onClick={(e) => {
+                                      e.stopPropagation()
+                                      handleDelete(card)
+                                    }}
+                                  >
+                                    <Trash2 className="h-3 w-3" />
+                                  </Button>
+                                </div>
+                              </div>
+                            </div>
+                            <div className="p-2">
+                              <p className="font-medium text-sm truncate" title={card.original}>
+                                {card.original}
+                              </p>
+                              {card.translation && (
+                                <p className="text-xs text-muted-foreground truncate" title={card.translation}>
+                                  {card.translation}
+                                </p>
+                              )}
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                    </div>
+                  ))}
+                </>
+              )}
+
+              {/* Pagination */}
+              {data && data.totalPages > 1 && (
+                <div className="flex items-center justify-between mt-4">
+                  <div className="text-sm text-muted-foreground">
+                    Showing {((page - 1) * limit) + 1} to {Math.min(page * limit, data.total)} of {data.total} cards
+                  </div>
+                  <div className="flex items-center space-x-2">
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => setPage(page - 1)}
+                      disabled={page <= 1}
+                    >
+                      <ChevronLeft className="h-4 w-4" />
+                      Previous
+                    </Button>
+                    <span className="text-sm">
+                      Page {page} of {data.totalPages}
+                    </span>
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => setPage(page + 1)}
+                      disabled={page >= data.totalPages}
+                    >
+                      Next
+                      <ChevronRight className="h-4 w-4" />
+                    </Button>
+                  </div>
+                </div>
+              )}
+            </>
+          )}
+        </CardContent>
+      </Card>
+
+      {/* Create/Edit Dialog */}
+      <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
+        <DialogContent className="sm:max-w-[900px] max-h-[95vh] overflow-y-auto">
+          <DialogHeader>
+            <DialogTitle>
+              {selectedCard ? 'Edit Card' : 'Create New Card'}
+            </DialogTitle>
+            <DialogDescription>
+              {selectedCard ? 'Update the card information' : 'Add a new card to the system'}
+            </DialogDescription>
+          </DialogHeader>
+          <form onSubmit={handleSubmit}>
+            <div className="grid gap-4 py-4">
+              <div className="space-y-2">
+                <Label htmlFor="packId">Pack ID (optional)</Label>
+                <Select
+                  value={formData.packId || undefined}
+                  onValueChange={(value: string) => {
+                    // If "none" is selected, clear the packId
+                    const packId = value === '__none__' ? '' : value
+                    setFormData(prev => ({ ...prev, packId }))
+                  }}
+                >
+                  <SelectTrigger>
+                    <SelectValue placeholder="Select a pack (optional)" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="__none__">None</SelectItem>
+                    {packsData?.items && packsData.items.length > 0 ? (
+                      packsData.items.map((pack) => (
+                        <SelectItem key={pack.id} value={pack.id}>
+                          {pack.title || pack.id}
+                        </SelectItem>
+                      ))
+                    ) : null}
+                  </SelectContent>
+                </Select>
+              </div>
+
+              <CardEditorPreview
+                formData={formData}
+                onFormDataChange={(updates) => setFormData(prev => ({ ...prev, ...updates }))}
+                cardId={selectedCard?.id ? String(selectedCard.id) : undefined}
+                disabled={createMutation.isPending || updateMutation.isPending}
+                packColor={getPackColor(formData.packId)}
+              />
+            </div>
+            <DialogFooter>
+              <Button type="button" variant="outline" onClick={closeDialog}>
+                Cancel
+              </Button>
+              <Button type="submit" disabled={createMutation.isPending || updateMutation.isPending}>
+                {createMutation.isPending || updateMutation.isPending ? 'Saving...' : (selectedCard ? 'Update' : 'Create')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </DialogContent>
+      </Dialog>
+
+      {/* Delete Confirmation Dialog */}
+      <AlertDialog open={isDeleteDialogOpen} onOpenChange={setIsDeleteDialogOpen}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>Delete Card</AlertDialogTitle>
+            <AlertDialogDescription>
+              Are you sure you want to delete the card "{cardToDelete?.original}"? This action cannot be undone.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={confirmDelete}
+              className="bg-red-600 hover:bg-red-700"
+              disabled={deleteMutation.isPending}
+            >
+              {deleteMutation.isPending ? 'Deleting...' : 'Delete'}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+
+      {/* Bulk Upload Dialog */}
+      {isBulkUploadOpen && !isBulkEditorOpen && (
+        <Dialog open={isBulkUploadOpen} onOpenChange={setIsBulkUploadOpen}>
+          <DialogContent className="sm:max-w-[900px] max-h-[90vh] overflow-y-auto">
+            <BulkCardUpload
+              onImagesUploaded={(images, packId) => {
+                setUploadedImages(images)
+                setBulkUploadPackId(packId)
+                setIsBulkUploadOpen(false)
+                setIsBulkEditorOpen(true)
+              }}
+              onClose={() => {
+                setIsBulkUploadOpen(false)
+                setUploadedImages([])
+                setBulkUploadPackId(undefined)
+              }}
+            />
+          </DialogContent>
+        </Dialog>
+      )}
+
+      {/* Bulk Editor Dialog */}
+      {isBulkEditorOpen && (
+        <Dialog open={isBulkEditorOpen} onOpenChange={setIsBulkEditorOpen}>
+          <DialogContent className="sm:max-w-[1200px] max-h-[90vh] overflow-y-auto">
+            <BulkCardEditor
+              images={uploadedImages}
+              defaultPackId={bulkUploadPackId}
+              onComplete={() => {
+                setIsBulkEditorOpen(false)
+                setUploadedImages([])
+                setBulkUploadPackId(undefined)
+                queryClient.invalidateQueries({ queryKey: ['cards'] })
+                toast.success('All cards saved successfully!')
+              }}
+              onCancel={() => {
+                setIsBulkEditorOpen(false)
+                setUploadedImages([])
+                setBulkUploadPackId(undefined)
+              }}
+            />
+          </DialogContent>
+        </Dialog>
+      )}
+    </div>
+  )
+}
diff --git a/admin/src/pages/DashboardPage.tsx b/admin/src/pages/DashboardPage.tsx
new file mode 100644
index 0000000..6000beb
--- /dev/null
+++ b/admin/src/pages/DashboardPage.tsx
@@ -0,0 +1,249 @@
+import { useQuery } from '@tanstack/react-query'
+import { Users, FileText, Package, DollarSign, TrendingUp, Clock } from 'lucide-react'
+import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, BarChart, Bar } from 'recharts'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Badge } from '@/components/ui/badge'
+import { analyticsApi, type DashboardData, type ChartDataPoint } from '@/api/analytics'
+import { useAuthStore } from '@/stores/authStore'
+
+export default function DashboardPage() {
+  const { isAuthenticated, token } = useAuthStore()
+  
+  // Only make requests if authenticated and token exists
+  const isReady = isAuthenticated && !!token && !!localStorage.getItem('admin_token')
+  
+  const { data: dashboardData, isLoading: dashboardLoading } = useQuery<DashboardData>({
+    queryKey: ['dashboard'],
+    queryFn: analyticsApi.getDashboard,
+    enabled: isReady,
+  })
+
+  const { data: usersChartData } = useQuery<{ data: ChartDataPoint[] }>({
+    queryKey: ['users-chart'],
+    queryFn: analyticsApi.getUsersChart,
+    enabled: isReady,
+  })
+
+  const { data: revenueChartData } = useQuery<{ data: ChartDataPoint[] }>({
+    queryKey: ['revenue-chart'],
+    queryFn: analyticsApi.getRevenueChart,
+    enabled: isReady,
+  })
+
+  if (dashboardLoading) {
+    return (
+      <div className="space-y-6">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">Dashboard</h1>
+          <p className="text-muted-foreground">
+            Welcome to Mnemo Cards Admin Panel
+          </p>
+        </div>
+        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+          {[...Array(4)].map((_, i) => (
+            <Card key={i}>
+              <CardContent className="pt-6">
+                <div className="animate-pulse">
+                  <div className="h-4 bg-gray-200 rounded w-3/4 mb-2"></div>
+                  <div className="h-8 bg-gray-200 rounded w-1/2"></div>
+                </div>
+              </CardContent>
+            </Card>
+          ))}
+        </div>
+      </div>
+    )
+  }
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold tracking-tight">Dashboard</h1>
+        <p className="text-muted-foreground">
+          Welcome to Mnemo Cards Admin Panel
+        </p>
+      </div>
+
+      {/* Stats Cards */}
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Total Users</CardTitle>
+            <Users className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{dashboardData?.stats.users || 0}</div>
+            <p className="text-xs text-muted-foreground">
+              Registered users
+            </p>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Total Cards</CardTitle>
+            <FileText className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{dashboardData?.stats.cards || 0}</div>
+            <p className="text-xs text-muted-foreground">
+              Game cards created
+            </p>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Active Packs</CardTitle>
+            <Package className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{dashboardData?.stats.enabledPacks || 0}</div>
+            <p className="text-xs text-muted-foreground">
+              of {dashboardData?.stats.packs || 0} total packs
+            </p>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Total Payments</CardTitle>
+            <DollarSign className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{dashboardData?.stats.payments || 0}</div>
+            <p className="text-xs text-muted-foreground">
+              Successful transactions
+            </p>
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Charts */}
+      <div className="grid gap-4 md:grid-cols-2">
+        <Card>
+          <CardHeader>
+            <CardTitle>User Registrations</CardTitle>
+            <CardDescription>
+              Daily user registrations for the last 30 days
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            {usersChartData?.data && (
+              <ResponsiveContainer width="100%" height={300}>
+                <LineChart data={usersChartData.data}>
+                  <CartesianGrid strokeDasharray="3 3" />
+                  <XAxis
+                    dataKey="date"
+                    tickFormatter={(value) => new Date(value).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}
+                  />
+                  <YAxis />
+                  <Tooltip
+                    labelFormatter={(value) => new Date(value).toLocaleDateString()}
+                    formatter={(value: number) => [value, 'Registrations']}
+                  />
+                  <Line
+                    type="monotone"
+                    dataKey="registrations"
+                    stroke="#8884d8"
+                    strokeWidth={2}
+                    dot={{ fill: '#8884d8' }}
+                  />
+                </LineChart>
+              </ResponsiveContainer>
+            )}
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle>Revenue Trend</CardTitle>
+            <CardDescription>
+              Daily revenue for the last 30 days
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            {revenueChartData?.data && (
+              <ResponsiveContainer width="100%" height={300}>
+                <BarChart data={revenueChartData.data}>
+                  <CartesianGrid strokeDasharray="3 3" />
+                  <XAxis
+                    dataKey="date"
+                    tickFormatter={(value) => new Date(value).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}
+                  />
+                  <YAxis />
+                  <Tooltip
+                    labelFormatter={(value) => new Date(value).toLocaleDateString()}
+                    formatter={(value: number) => [`$${value}`, 'Revenue']}
+                  />
+                  <Bar dataKey="revenue" fill="#82ca9d" />
+                </BarChart>
+              </ResponsiveContainer>
+            )}
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Recent Users and Top Packs */}
+      <div className="grid gap-4 md:grid-cols-2">
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <Clock className="h-5 w-5" />
+              Recent Users
+            </CardTitle>
+            <CardDescription>
+              Latest user registrations
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <div className="space-y-4">
+              {dashboardData?.recentUsers.slice(0, 5).map((user) => (
+                <div key={user.id} className="flex items-center justify-between">
+                  <div>
+                    <p className="font-medium">{user.name || 'No name'}</p>
+                    <p className="text-sm text-muted-foreground">{user.email || 'No email'}</p>
+                  </div>
+                  <div className="text-sm text-muted-foreground">
+                    {user.createdAt ? new Date(user.createdAt).toLocaleDateString() : 'N/A'}
+                  </div>
+                </div>
+              )) || (
+                <p className="text-muted-foreground">No recent users</p>
+              )}
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <TrendingUp className="h-5 w-5" />
+              Popular Packs
+            </CardTitle>
+            <CardDescription>
+              Most popular card packs
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <div className="space-y-4">
+              {dashboardData?.topPacks.map((pack) => (
+                <div key={pack.id} className="flex items-center justify-between">
+                  <div>
+                    <p className="font-medium">{pack.title}</p>
+                    <p className="text-sm text-muted-foreground">{pack.cards} cards</p>
+                  </div>
+                  <Badge variant={pack.enabled ? "default" : "secondary"}>
+                    {pack.enabled ? 'Active' : 'Disabled'}
+                  </Badge>
+                </div>
+              )) || (
+                <p className="text-muted-foreground">No packs available</p>
+              )}
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  )
+}
diff --git a/admin/src/pages/LoginPage.tsx b/admin/src/pages/LoginPage.tsx
new file mode 100644
index 0000000..a93b29d
--- /dev/null
+++ b/admin/src/pages/LoginPage.tsx
@@ -0,0 +1,438 @@
+import { useState, useEffect, useRef } from 'react'
+import { useNavigate } from 'react-router-dom'
+import { useMutation } from '@tanstack/react-query'
+import { toast } from 'sonner'
+import { useAuthStore } from '@/stores/authStore'
+import { authApi } from '@/api/auth'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Label } from '@/components/ui/label'
+import type { CodeStatusResponse } from '@/types/models'
+
+const TELEGRAM_BOT_USERNAME = 'mnemo_cards_bot'
+const TELEGRAM_BOT_DEEP_LINK_BASE = `https://t.me/${TELEGRAM_BOT_USERNAME}`
+
+function telegramBotDeepLink(code: string): string {
+  return `${TELEGRAM_BOT_DEEP_LINK_BASE}?start=${code}`
+}
+
+export default function LoginPage() {
+  const navigate = useNavigate()
+  const { login } = useAuthStore()
+  const [code, setCode] = useState('')
+  const [codeStatus, setCodeStatus] = useState<CodeStatusResponse | null>(null)
+  const [countdown, setCountdown] = useState<number>(0)
+  const [isVerifying, setIsVerifying] = useState(false)
+  const statusPollIntervalRef = useRef<NodeJS.Timeout | null>(null)
+  const countdownIntervalRef = useRef<NodeJS.Timeout | null>(null)
+
+  // Request code mutation
+  const requestCodeMutation = useMutation({
+    mutationFn: () => authApi.requestCode(),
+    onSuccess: (data) => {
+      if (data.success && data.code) {
+        setCode(data.code)
+        setCodeStatus({
+          success: true,
+          code: data.code,
+          status: data.status || 'pending',
+          expiresAt: data.expiresAt,
+          remainingSeconds: data.remainingSeconds || 600,
+          isClaimed: false,
+          isUsed: false,
+        })
+        toast.success('Code generated! Send it to the Telegram bot.')
+        
+        // Open Telegram bot
+        window.open(telegramBotDeepLink(data.code), '_blank')
+        
+        // Start polling for status
+        startStatusPolling(data.code)
+        startCountdown(data.remainingSeconds || 600)
+      } else {
+        toast.error(data.message || 'Failed to generate code')
+      }
+    },
+    onError: (error: unknown) => {
+      const errorMessage = 
+        (error as { response?: { data?: { message?: string } } })?.response?.data?.message ||
+        (error as { message?: string })?.message ||
+        'Failed to generate code'
+      toast.error(errorMessage)
+    },
+  })
+
+  // Verify code mutation
+  const verifyCodeMutation = useMutation({
+    mutationFn: (code: string) => authApi.verifyCode(code),
+    onSuccess: (data) => {
+      console.log('Verify code response:', data)
+      
+      // Check if response has success field and it's false
+      if (data.success === false) {
+        const errorMsg = data.message || 'Verification failed'
+        console.error('Verification failed:', errorMsg)
+        toast.error(errorMsg)
+        setIsVerifying(false)
+        // Don't restart polling if verification failed - user needs to generate new code
+        return
+      }
+      
+      // Validate response structure
+      if (!data.token || !data.user) {
+        console.error('Invalid response structure:', data)
+        toast.error('Invalid response from server')
+        setIsVerifying(false)
+        // Don't restart polling - this is a server error
+        return
+      }
+      
+      // Stop polling
+      stopStatusPolling()
+      stopCountdown()
+      setIsVerifying(false)
+      
+      console.log('Login successful, setting token and user')
+      console.log('Token received:', data.token ? `Token exists, length: ${data.token.length}` : 'NO TOKEN!')
+      console.log('RefreshToken received:', data.refreshToken ? `Token exists, length: ${data.refreshToken.length}` : 'NO REFRESH TOKEN!')
+      console.log('ExpiresIn:', data.expiresIn)
+      console.log('User received:', data.user)
+      
+      // Save token with refresh token and expiration
+      login(data.token, data.refreshToken ?? null, data.expiresIn ?? null, data.user)
+      
+      // Verify token was saved
+      const savedToken = localStorage.getItem('admin_token')
+      const savedRefreshToken = localStorage.getItem('admin_refresh_token')
+      console.log('Token saved verification:', savedToken ? `Token exists, length: ${savedToken.length}` : 'Token NOT saved!')
+      console.log('RefreshToken saved verification:', savedRefreshToken ? `Token exists, length: ${savedRefreshToken.length}` : 'RefreshToken NOT saved!')
+      
+      if (!savedToken) {
+        console.error('CRITICAL: Token was not saved to localStorage!')
+        toast.error('Failed to save authentication token')
+        return
+      }
+      
+      toast.success('Welcome back!')
+      
+      // Small delay to ensure token is available for subsequent requests
+      setTimeout(() => {
+        navigate('/')
+      }, 100)
+    },
+    onError: (error: unknown) => {
+      console.error('Verify code error:', error)
+      setIsVerifying(false)
+      const errorResponse = error as { response?: { data?: { message?: string }; status?: number } }
+      const errorMessage = 
+        errorResponse?.response?.data?.message ||
+        (error as { message?: string })?.message ||
+        'Invalid code'
+      
+      // If 403, it means code was claimed but user is not admin
+      if (errorResponse?.response?.status === 403) {
+        toast.error('Access denied: You are not an admin. Code was claimed but verification failed.')
+        stopStatusPolling()
+        stopCountdown()
+      } else {
+        toast.error(errorMessage)
+        // Restart polling in case of other errors
+        if (code) {
+          startStatusPolling(code)
+        }
+      }
+    },
+  })
+
+  const startStatusPolling = (code: string) => {
+    stopStatusPolling()
+    
+    // Poll immediately
+    checkCodeStatus(code)
+    
+    // Then poll every 3 seconds
+    statusPollIntervalRef.current = setInterval(() => {
+      checkCodeStatus(code)
+    }, 3000)
+  }
+
+  const stopStatusPolling = () => {
+    if (statusPollIntervalRef.current) {
+      clearInterval(statusPollIntervalRef.current)
+      statusPollIntervalRef.current = null
+    }
+  }
+
+  const checkCodeStatus = async (codeToCheck: string) => {
+    try {
+      const status = await authApi.getCodeStatus(codeToCheck)
+      
+      // Check if response is successful
+      if (!status.success) {
+        console.error('Code status check failed:', status.message || status.error)
+        if (status.error === 'NotFound') {
+          stopStatusPolling()
+          stopCountdown()
+          toast.error('Code not found. Please generate a new one.')
+        }
+        return
+      }
+      
+      setCodeStatus(status)
+      
+      console.log('Code status:', status.status, 'isClaimed:', status.isClaimed, 'isUsed:', status.isUsed)
+      
+      if (status.status === 'claimed' && !status.isUsed && !isVerifying) {
+        // Code is claimed, automatically verify and login
+        console.log('Code claimed, attempting login...')
+        setIsVerifying(true)
+        stopStatusPolling()
+        verifyCodeMutation.mutate(codeToCheck)
+      } else if (status.status === 'expired' || (status.remainingSeconds !== undefined && status.remainingSeconds <= 0)) {
+        stopStatusPolling()
+        stopCountdown()
+        toast.error('Code expired. Please generate a new one.')
+      } else if (status.isUsed) {
+        stopStatusPolling()
+        stopCountdown()
+        toast.info('Code already used')
+      } else {
+        // Update countdown
+        if (status.remainingSeconds !== undefined && status.remainingSeconds > 0) {
+          setCountdown(status.remainingSeconds)
+        }
+      }
+    } catch (error) {
+      console.error('Failed to check code status:', error)
+      // Don't stop polling on network errors, just log
+    }
+  }
+
+  const startCountdown = (initialSeconds: number) => {
+    stopCountdown()
+    setCountdown(initialSeconds)
+    
+    countdownIntervalRef.current = setInterval(() => {
+      setCountdown((prev) => {
+        if (prev <= 1) {
+          stopCountdown()
+          return 0
+        }
+        return prev - 1
+      })
+    }, 1000)
+  }
+
+  const stopCountdown = () => {
+    if (countdownIntervalRef.current) {
+      clearInterval(countdownIntervalRef.current)
+      countdownIntervalRef.current = null
+    }
+  }
+
+  useEffect(() => {
+    return () => {
+      stopStatusPolling()
+      stopCountdown()
+    }
+  }, [])
+
+  const handleRequestCode = () => {
+    requestCodeMutation.mutate()
+  }
+
+  const handleVerifyCode = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault()
+    const trimmedCode = code.trim()
+    
+    if (!trimmedCode) {
+      toast.error('Please enter verification code')
+      return
+    }
+    
+    // Validate code format: should be 6 digits
+    if (!/^\d{6}$/.test(trimmedCode)) {
+      toast.error('Code must be 6 digits')
+      return
+    }
+    
+    verifyCodeMutation.mutate(trimmedCode)
+  }
+
+  const handleBack = () => {
+    stopStatusPolling()
+    stopCountdown()
+    setIsVerifying(false)
+    setCode('')
+    setCodeStatus(null)
+    setCountdown(0)
+  }
+
+  const formatTime = (seconds: number): string => {
+    const mins = Math.floor(seconds / 60)
+    const secs = seconds % 60
+    return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`
+  }
+
+  const getStatusLabel = (status: string): string => {
+    switch (status) {
+      case 'claimed':
+        return 'Code confirmed. Logging in...'
+      case 'used':
+        return 'Code already used'
+      case 'expired':
+        return 'Code expired'
+      case 'pending':
+      default:
+        return 'Waiting for code to be sent in bot...'
+    }
+  }
+
+  const isCodeActive = codeStatus && 
+    codeStatus.status !== 'expired' && 
+    codeStatus.status !== 'used' &&
+    countdown > 0
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
+      <Card className="w-full max-w-md">
+        <CardHeader className="space-y-1">
+          <CardTitle className="text-2xl font-bold text-center">
+            Mnemo Cards Admin
+          </CardTitle>
+          <CardDescription className="text-center">
+            {codeStatus
+              ? 'Send the code to the Telegram bot to continue'
+              : 'Click the button below to generate a verification code'
+            }
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          {!codeStatus ? (
+            <div className="space-y-4">
+              <Button
+                onClick={handleRequestCode}
+                className="w-full"
+                disabled={requestCodeMutation.isPending}
+              >
+                {requestCodeMutation.isPending ? 'Generating...' : 'Generate Code'}
+              </Button>
+            </div>
+          ) : (
+            <div className="space-y-4">
+              {/* Code Display */}
+              <div className="space-y-2">
+                <Label>Verification Code</Label>
+                <div className="flex items-center space-x-2">
+                  <Input
+                    type="text"
+                    value={code}
+                    readOnly
+                    className="font-mono text-lg font-bold text-center"
+                  />
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => {
+                      navigator.clipboard.writeText(code)
+                      toast.success('Code copied to clipboard!')
+                    }}
+                  >
+                    Copy
+                  </Button>
+                </div>
+              </div>
+
+              {/* Status Card */}
+              {codeStatus && (
+                <div className="p-4 bg-gray-50 rounded-lg border">
+                  <div className="space-y-2">
+                    <div className="flex items-center justify-between">
+                      <span className="text-sm font-medium">Status:</span>
+                      <span className={`text-sm font-semibold ${
+                        codeStatus.status === 'claimed' ? (isVerifying ? 'text-blue-600' : 'text-green-600') :
+                        codeStatus.status === 'expired' || codeStatus.status === 'used' ? 'text-red-600' :
+                        'text-gray-600'
+                      }`}>
+                        {isVerifying ? 'Verifying and logging in...' : getStatusLabel(codeStatus.status)}
+                      </span>
+                    </div>
+                    {isCodeActive && (
+                      <div className="flex items-center justify-between">
+                        <span className="text-sm font-medium">Time remaining:</span>
+                        <span className="text-sm font-mono font-semibold">
+                          {formatTime(countdown)}
+                        </span>
+                      </div>
+                    )}
+                    {/* Debug info */}
+                    {process.env.NODE_ENV === 'development' && (
+                      <div className="mt-2 pt-2 border-t text-xs text-gray-500">
+                        <div>Status: {codeStatus.status}</div>
+                        <div>Claimed: {codeStatus.isClaimed ? 'Yes' : 'No'}</div>
+                        <div>Used: {codeStatus.isUsed ? 'Yes' : 'No'}</div>
+                        <div>Verifying: {isVerifying ? 'Yes' : 'No'}</div>
+                      </div>
+                    )}
+                  </div>
+                </div>
+              )}
+
+              {/* Manual Code Input (fallback) */}
+              <form onSubmit={handleVerifyCode} className="space-y-4">
+                <div className="space-y-2">
+                  <Label htmlFor="code">Or enter code manually</Label>
+                  <Input
+                    id="code"
+                    type="text"
+                    inputMode="numeric"
+                    pattern="[0-9]*"
+                    placeholder="Enter 6-digit code"
+                    value={code}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                      const value = e.target.value.replace(/\D/g, '')
+                      setCode(value)
+                    }}
+                    maxLength={6}
+                    disabled={verifyCodeMutation.isPending}
+                    autoComplete="one-time-code"
+                  />
+                </div>
+                <div className="flex space-x-2">
+                  <Button
+                    type="button"
+                    variant="outline"
+                    onClick={handleBack}
+                    disabled={verifyCodeMutation.isPending}
+                    className="flex-1"
+                  >
+                    Generate New Code
+                  </Button>
+                  <Button
+                    type="submit"
+                    disabled={verifyCodeMutation.isPending || !code.trim()}
+                    className="flex-1"
+                  >
+                    {verifyCodeMutation.isPending ? 'Verifying...' : 'Verify'}
+                  </Button>
+                </div>
+              </form>
+
+              {/* Open Bot Button */}
+              <Button
+                type="button"
+                variant="outline"
+                onClick={() => window.open(telegramBotDeepLink(code), '_blank')}
+                className="w-full"
+              >
+                Open Telegram Bot
+              </Button>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+    </div>
+  )
+}
diff --git a/admin/src/pages/PacksPage.tsx b/admin/src/pages/PacksPage.tsx
new file mode 100644
index 0000000..0ecd3db
--- /dev/null
+++ b/admin/src/pages/PacksPage.tsx
@@ -0,0 +1,673 @@
+import { useState } from 'react'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { toast } from 'sonner'
+import { packsApi, isPacksApiError } from '@/api/packs'
+import { formatApiError, getDetailedErrorMessage } from '@/lib/error-utils'
+import type { EditCardPackDto, CardPackPreviewDto, PaginatedResponse } from '@/types/models'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
+import { Checkbox } from '@/components/ui/checkbox'
+import { ImageUpload } from '@/components/ui/image-upload'
+import { ColorPaletteInput } from '@/components/ui/color-palette-input'
+import { PackCardsManager } from '@/components/PackCardsManager'
+import { PackTestsManager } from '@/components/PackTestsManager'
+import { Plus, Search, Edit, Trash2, ChevronLeft, ChevronRight } from 'lucide-react'
+
+export default function PacksPage() {
+  const queryClient = useQueryClient()
+  const [page, setPage] = useState(1)
+  const [search, setSearch] = useState('')
+  const [showDisabled, setShowDisabled] = useState(false)
+  const [selectedPack, setSelectedPack] = useState<EditCardPackDto | null>(null)
+  const [isDialogOpen, setIsDialogOpen] = useState(false)
+  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false)
+  const [packToDelete, setPackToDelete] = useState<CardPackPreviewDto | null>(null)
+
+  // Form state
+  const [formData, setFormData] = useState({
+    title: '',
+    subtitle: '',
+    description: '',
+    color: '',
+    enabled: true,
+    googlePlayId: '',
+    rustoreId: '',
+    appStoreId: '',
+    price: '',
+    order: 0,
+    version: '',
+    size: 0,
+    cover: undefined as string | undefined,
+  })
+
+  // Card management state
+  const [currentCardIds, setCurrentCardIds] = useState<string[]>([])
+  const [cardsToAdd, setCardsToAdd] = useState<string[]>([])
+  const [cardsToRemove, setCardsToRemove] = useState<string[]>([])
+
+  // Test management state
+  const [currentTestIds, setCurrentTestIds] = useState<string[]>([])
+  const [testsToAdd, setTestsToAdd] = useState<string[]>([])
+  const [testsToRemove, setTestsToRemove] = useState<string[]>([])
+
+  const limit = 20
+
+  // Fetch packs
+  const { data, isLoading, error } = useQuery<PaginatedResponse<CardPackPreviewDto>>({
+    queryKey: ['packs', page, search, showDisabled],
+    queryFn: () => packsApi.getPacks({ page, limit, search, showDisabled }),
+    retry: (failureCount, error) => {
+      // Don't retry on client errors (4xx)
+      if (isPacksApiError(error) && error.statusCode && error.statusCode >= 400 && error.statusCode < 500) {
+        return false
+      }
+      return failureCount < 2
+    },
+  })
+
+  // Mutations
+  const createMutation = useMutation({
+    mutationFn: (pack: EditCardPackDto) => packsApi.upsertPack(pack),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['packs'] })
+      toast.success('Pack created successfully')
+      closeDialog()
+    },
+    onError: (error: unknown) => {
+      const errorMessage = isPacksApiError(error) 
+        ? error.message 
+        : getDetailedErrorMessage(error, 'create', 'pack')
+      toast.error(errorMessage)
+      console.error('Error creating pack:', error)
+    },
+  })
+
+  const updateMutation = useMutation({
+    mutationFn: (pack: EditCardPackDto) => packsApi.upsertPack(pack),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['packs'] })
+      toast.success('Pack updated successfully')
+      closeDialog()
+    },
+    onError: (error: unknown) => {
+      const errorMessage = isPacksApiError(error) 
+        ? error.message 
+        : getDetailedErrorMessage(error, 'update', 'pack')
+      toast.error(errorMessage)
+      console.error('Error updating pack:', error)
+    },
+  })
+
+  const deleteMutation = useMutation({
+    mutationFn: (packId: string) => packsApi.deletePack(packId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['packs'] })
+      toast.success('Pack deleted successfully')
+      setIsDeleteDialogOpen(false)
+      setPackToDelete(null)
+    },
+    onError: (error: unknown) => {
+      const errorMessage = isPacksApiError(error) 
+        ? error.message 
+        : getDetailedErrorMessage(error, 'delete', 'pack')
+      toast.error(errorMessage)
+      console.error('Error deleting pack:', error)
+    },
+  })
+
+  const openCreateDialog = () => {
+    setSelectedPack(null)
+    setFormData({
+      title: '',
+      subtitle: '',
+      description: '',
+      color: '',
+      enabled: true,
+      googlePlayId: '',
+      rustoreId: '',
+      appStoreId: '',
+      price: '',
+      order: 0,
+      version: '',
+      size: 0,
+      cover: undefined,
+    })
+    setCurrentCardIds([])
+    setCardsToAdd([])
+    setCardsToRemove([])
+    setCurrentTestIds([])
+    setTestsToAdd([])
+    setTestsToRemove([])
+    setIsDialogOpen(true)
+  }
+
+  const openEditDialog = async (pack: CardPackPreviewDto) => {
+    try {
+      const fullPack = await packsApi.getPack(pack.id)
+      setSelectedPack(fullPack)
+      setFormData({
+        title: fullPack.title || '',
+        subtitle: fullPack.subtitle || '',
+        description: fullPack.description || '',
+        color: fullPack.color || '',
+        enabled: fullPack.enabled ?? true,
+        googlePlayId: fullPack.googlePlayId || '',
+        rustoreId: fullPack.rustoreId || '',
+        appStoreId: fullPack.appStoreId || '',
+        price: fullPack.price || '',
+        order: fullPack.order || 0,
+        version: fullPack.version || '',
+        size: fullPack.size || 0,
+        cover: fullPack.cover,
+      })
+      // Initialize current card IDs from addCardIds (which contains all cards in pack)
+      const cardIds = fullPack.addCardIds?.map((id) => id.toString()) || []
+      setCurrentCardIds(cardIds)
+      setCardsToAdd([])
+      setCardsToRemove([])
+      
+      // Initialize current test IDs from addTestIds (which contains all tests in pack)
+      const testIds = fullPack.addTestIds?.map((id) => id.toString()) || []
+      setCurrentTestIds(testIds)
+      setTestsToAdd([])
+      setTestsToRemove([])
+      
+      setIsDialogOpen(true)
+    } catch (error) {
+      const errorMessage = isPacksApiError(error) 
+        ? error.message 
+        : getDetailedErrorMessage(error, 'load', `pack "${pack.id}"`)
+      toast.error(errorMessage)
+      console.error('Error loading pack details:', error)
+    }
+  }
+
+  const closeDialog = () => {
+    setIsDialogOpen(false)
+    setSelectedPack(null)
+    setCurrentCardIds([])
+    setCardsToAdd([])
+    setCardsToRemove([])
+    setCurrentTestIds([])
+    setTestsToAdd([])
+    setTestsToRemove([])
+  }
+
+  const handleCardsChange = (addIds: string[], removeIds: string[]) => {
+    setCardsToAdd(addIds)
+    setCardsToRemove(removeIds)
+  }
+
+  const handleTestsChange = (addIds: string[], removeIds: string[]) => {
+    setTestsToAdd(addIds)
+    setTestsToRemove(removeIds)
+  }
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault()
+
+    if (!formData.title.trim()) {
+      toast.error('Title is required')
+      return
+    }
+
+    const packData: EditCardPackDto = {
+      // Only include id for updates, not for new packs
+      ...(selectedPack && { id: selectedPack.id }),
+      title: formData.title.trim(),
+      subtitle: formData.subtitle.trim() || undefined,
+      description: formData.description.trim() || undefined,
+      color: formData.color.trim() || undefined,
+      enabled: formData.enabled,
+      googlePlayId: formData.googlePlayId.trim() || undefined,
+      rustoreId: formData.rustoreId.trim() || undefined,
+      appStoreId: formData.appStoreId.trim() || undefined,
+      price: formData.price.trim() || undefined,
+      order: formData.order,
+      version: formData.version.trim() || undefined,
+      size: formData.size > 0 ? formData.size : undefined,
+      cover: formData.cover || undefined,
+      addCardIds: cardsToAdd.length > 0 ? cardsToAdd : undefined,
+      removeCardIds: cardsToRemove.length > 0 ? cardsToRemove : undefined,
+      addTestIds: testsToAdd.length > 0 ? testsToAdd : undefined,
+      removeTestIds: testsToRemove.length > 0 ? testsToRemove : undefined,
+    }
+
+    if (selectedPack) {
+      updateMutation.mutate(packData)
+    } else {
+      createMutation.mutate(packData)
+    }
+  }
+
+  const handleDelete = (pack: CardPackPreviewDto) => {
+    setPackToDelete(pack)
+    setIsDeleteDialogOpen(true)
+  }
+
+  const confirmDelete = () => {
+    if (packToDelete) {
+      deleteMutation.mutate(packToDelete.id)
+    }
+  }
+
+  const handleSearch = (value: string) => {
+    setSearch(value)
+    setPage(1) // Reset to first page when searching
+  }
+
+  if (error) {
+    const errorMessage = isPacksApiError(error)
+      ? error.message 
+      : formatApiError(error)
+    return (
+      <div className="space-y-6">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">Packs Management</h1>
+          <p className="text-muted-foreground">Error loading packs</p>
+        </div>
+        <Card>
+          <CardContent className="pt-6">
+            <div className="space-y-2">
+              <p className="text-red-500 font-medium">Failed to load packs</p>
+              <p className="text-sm text-muted-foreground">{errorMessage}</p>
+              <Button 
+                variant="outline" 
+                size="sm" 
+                onClick={() => queryClient.invalidateQueries({ queryKey: ['packs'] })}
+                className="mt-2"
+              >
+                Retry
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    )
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">Packs Management</h1>
+          <p className="text-muted-foreground">
+            View, create, edit and delete card packs
+          </p>
+        </div>
+        <Button onClick={openCreateDialog}>
+          <Plus className="mr-2 h-4 w-4" />
+          Add Pack
+        </Button>
+      </div>
+
+      {/* Search and Filters */}
+      <Card>
+        <CardContent className="pt-6">
+          <div className="flex items-center space-x-4">
+            <div className="flex items-center space-x-2">
+              <Search className="h-4 w-4 text-muted-foreground" />
+              <Input
+                placeholder="Search packs..."
+                value={search}
+                onChange={(e) => handleSearch(e.target.value)}
+                className="max-w-sm"
+              />
+            </div>
+            <div className="flex items-center space-x-2">
+              <Checkbox
+                id="showDisabled"
+                checked={showDisabled}
+                onCheckedChange={(checked) => setShowDisabled(checked as boolean)}
+              />
+              <Label htmlFor="showDisabled">Show disabled packs</Label>
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Packs Table */}
+      <Card>
+        <CardHeader>
+          <CardTitle>All Packs ({data?.total || 0})</CardTitle>
+          <CardDescription>
+            Manage card packs and their contents
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          {isLoading ? (
+            <div className="text-center py-8">Loading packs...</div>
+          ) : (
+            <>
+              <Table>
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>ID</TableHead>
+                    <TableHead>Title</TableHead>
+                    <TableHead>Cards</TableHead>
+                    <TableHead>Enabled</TableHead>
+                    <TableHead>Order</TableHead>
+                    <TableHead>Actions</TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {data?.items.map((pack) => (
+                    <TableRow key={pack.id}>
+                      <TableCell className="font-mono text-sm">{pack.id}</TableCell>
+                      <TableCell>
+                        <div>
+                          <div className="font-medium">{pack.title}</div>
+                          {pack.subtitle && (
+                            <div className="text-sm text-muted-foreground">{pack.subtitle}</div>
+                          )}
+                        </div>
+                      </TableCell>
+                      <TableCell>{pack.cards}</TableCell>
+                      <TableCell>
+                        <span className={`inline-flex items-center px-2 py-1 rounded-full text-xs font-medium ${
+                          pack.enabled
+                            ? 'bg-green-100 text-green-800'
+                            : 'bg-red-100 text-red-800'
+                        }`}>
+                          {pack.enabled ? 'Enabled' : 'Disabled'}
+                        </span>
+                      </TableCell>
+                      <TableCell>{pack.order ?? 0}</TableCell>
+                      <TableCell>
+                        <div className="flex items-center space-x-2">
+                          <Button
+                            variant="ghost"
+                            size="sm"
+                            onClick={() => openEditDialog(pack)}
+                          >
+                            <Edit className="h-4 w-4" />
+                          </Button>
+                          <Button
+                            variant="ghost"
+                            size="sm"
+                            onClick={() => handleDelete(pack)}
+                          >
+                            <Trash2 className="h-4 w-4" />
+                          </Button>
+                        </div>
+                      </TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+
+              {/* Pagination */}
+              {data && data.totalPages > 1 && (
+                <div className="flex items-center justify-between mt-4">
+                  <div className="text-sm text-muted-foreground">
+                    Showing {((page - 1) * limit) + 1} to {Math.min(page * limit, data.total)} of {data.total} packs
+                  </div>
+                  <div className="flex items-center space-x-2">
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => setPage(page - 1)}
+                      disabled={page <= 1}
+                    >
+                      <ChevronLeft className="h-4 w-4" />
+                      Previous
+                    </Button>
+                    <span className="text-sm">
+                      Page {page} of {data.totalPages}
+                    </span>
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => setPage(page + 1)}
+                      disabled={page >= data.totalPages}
+                    >
+                      Next
+                      <ChevronRight className="h-4 w-4" />
+                    </Button>
+                  </div>
+                </div>
+              )}
+            </>
+          )}
+        </CardContent>
+      </Card>
+
+      {/* Create/Edit Dialog */}
+      <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
+        <DialogContent className="sm:max-w-[600px] max-h-[80vh] overflow-y-auto">
+          <DialogHeader>
+            <DialogTitle>
+              {selectedPack ? 'Edit Pack' : 'Create New Pack'}
+            </DialogTitle>
+            <DialogDescription>
+              {selectedPack ? 'Update the pack information' : 'Add a new pack to the system'}
+            </DialogDescription>
+          </DialogHeader>
+          <form onSubmit={handleSubmit}>
+            <div className="grid gap-4 py-4">
+              <div className="grid grid-cols-2 gap-4">
+                <div className="space-y-2">
+                  <Label htmlFor="title">Title *</Label>
+                  <Input
+                    id="title"
+                    value={formData.title}
+                    onChange={(e) => setFormData(prev => ({ ...prev, title: e.target.value }))}
+                    placeholder="Pack title"
+                    required
+                  />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="subtitle">Subtitle</Label>
+                  <Input
+                    id="subtitle"
+                    value={formData.subtitle}
+                    onChange={(e) => setFormData(prev => ({ ...prev, subtitle: e.target.value }))}
+                    placeholder="Pack subtitle"
+                  />
+                </div>
+              </div>
+
+              <div className="space-y-2">
+                <Label htmlFor="description">Description</Label>
+                <Textarea
+                  id="description"
+                  value={formData.description}
+                  onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setFormData(prev => ({ ...prev, description: e.target.value }))}
+                  placeholder="Pack description"
+                  rows={3}
+                />
+              </div>
+
+              <div className="grid grid-cols-2 gap-4">
+                <div className="space-y-2">
+                  <Label htmlFor="color">Color</Label>
+                  <ColorPaletteInput
+                    id="color"
+                    value={formData.color}
+                    onChange={(value) => setFormData(prev => ({ ...prev, color: value }))}
+                    disabled={createMutation.isPending || updateMutation.isPending}
+                    placeholder="#FF0000"
+                  />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="order">Order</Label>
+                  <Input
+                    id="order"
+                    type="number"
+                    value={formData.order}
+                    onChange={(e) => setFormData(prev => ({ ...prev, order: parseInt(e.target.value) || 0 }))}
+                    placeholder="0"
+                  />
+                </div>
+              </div>
+
+              <div className="flex items-center space-x-2">
+                <Checkbox
+                  id="enabled"
+                  checked={formData.enabled}
+                  onCheckedChange={(checked) => setFormData(prev => ({ ...prev, enabled: checked as boolean }))}
+                />
+                <Label htmlFor="enabled">Enabled</Label>
+              </div>
+
+              <div className="space-y-2">
+                <Label>Store IDs</Label>
+                <div className="grid grid-cols-3 gap-4">
+                  <div className="space-y-2">
+                    <Label htmlFor="googlePlayId" className="text-xs">Google Play</Label>
+                    <Input
+                      id="googlePlayId"
+                      value={formData.googlePlayId}
+                      onChange={(e) => setFormData(prev => ({ ...prev, googlePlayId: e.target.value }))}
+                      placeholder="com.example.app"
+                    />
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="rustoreId" className="text-xs">RuStore</Label>
+                    <Input
+                      id="rustoreId"
+                      value={formData.rustoreId}
+                      onChange={(e) => setFormData(prev => ({ ...prev, rustoreId: e.target.value }))}
+                      placeholder="123456789"
+                    />
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="appStoreId" className="text-xs">App Store</Label>
+                    <Input
+                      id="appStoreId"
+                      value={formData.appStoreId}
+                      onChange={(e) => setFormData(prev => ({ ...prev, appStoreId: e.target.value }))}
+                      placeholder="1234567890"
+                    />
+                  </div>
+                </div>
+              </div>
+
+              <div className="grid grid-cols-2 gap-4">
+                <div className="space-y-2">
+                  <Label htmlFor="price">Price</Label>
+                  <Input
+                    id="price"
+                    value={formData.price}
+                    onChange={(e) => setFormData(prev => ({ ...prev, price: e.target.value }))}
+                    placeholder="Free, $1.99, etc."
+                  />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="version">Version</Label>
+                  <Input
+                    id="version"
+                    value={formData.version}
+                    onChange={(e) => setFormData(prev => ({ ...prev, version: e.target.value }))}
+                    placeholder="1.0.0"
+                  />
+                </div>
+              </div>
+
+              <div className="space-y-2">
+                <Label htmlFor="size">Size</Label>
+                <Input
+                  id="size"
+                  type="number"
+                  value={formData.size}
+                  onChange={(e) => setFormData(prev => ({ ...prev, size: parseInt(e.target.value) || 0 }))}
+                  placeholder="0"
+                />
+                <p className="text-xs text-muted-foreground">
+                  Number of cards in the pack (auto-calculated if not set)
+                </p>
+              </div>
+
+              <div className="space-y-2">
+                <ImageUpload
+                  label="Cover Image"
+                  value={formData.cover}
+                  onChange={(value) => setFormData(prev => ({ ...prev, cover: value }))}
+                  disabled={createMutation.isPending || updateMutation.isPending}
+                />
+              </div>
+
+              {selectedPack && (
+                <>
+                  <div className="space-y-2">
+                    <PackCardsManager
+                      currentCardIds={currentCardIds}
+                      onCardsChange={handleCardsChange}
+                      disabled={createMutation.isPending || updateMutation.isPending}
+                    />
+                  </div>
+                  <div className="space-y-2">
+                    <PackTestsManager
+                      currentTestIds={currentTestIds}
+                      onTestsChange={handleTestsChange}
+                      disabled={createMutation.isPending || updateMutation.isPending}
+                    />
+                  </div>
+                </>
+              )}
+            </div>
+            <DialogFooter>
+              <Button type="button" variant="outline" onClick={closeDialog}>
+                Cancel
+              </Button>
+              <Button type="submit" disabled={createMutation.isPending || updateMutation.isPending}>
+                {createMutation.isPending || updateMutation.isPending ? 'Saving...' : (selectedPack ? 'Update' : 'Create')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </DialogContent>
+      </Dialog>
+
+      {/* Delete Confirmation Dialog */}
+      <AlertDialog open={isDeleteDialogOpen} onOpenChange={setIsDeleteDialogOpen}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>Delete Pack</AlertDialogTitle>
+            <AlertDialogDescription>
+              Are you sure you want to delete the pack "{packToDelete?.title}"? This action cannot be undone and will remove all associated cards.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={confirmDelete}
+              className="bg-red-600 hover:bg-red-700"
+              disabled={deleteMutation.isPending}
+            >
+              {deleteMutation.isPending ? 'Deleting...' : 'Delete'}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </div>
+  )
+}
diff --git a/admin/src/pages/TestsPage.tsx b/admin/src/pages/TestsPage.tsx
new file mode 100644
index 0000000..2459c77
--- /dev/null
+++ b/admin/src/pages/TestsPage.tsx
@@ -0,0 +1,639 @@
+import { useCallback, useState } from 'react'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { toast } from 'sonner'
+import { testsApi, isTestsApiError } from '@/api/tests'
+import { packsApi, isPacksApiError } from '@/api/packs'
+import { formatApiError, getDetailedErrorMessage } from '@/lib/error-utils'
+import type { TestDto, PaginatedResponse } from '@/types/models'
+import type { Question } from '@/types/questions'
+import { questionFromJson, questionToJson } from '@/types/questions'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { ColorPaletteInput } from '@/components/ui/color-palette-input'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Label } from '@/components/ui/label'
+import { ImageUpload } from '@/components/ui/image-upload'
+import { Plus, Search, Edit, Trash2, ChevronLeft, ChevronRight } from 'lucide-react'
+import { TestQuestionsManager } from '@/components/TestQuestionsManager'
+import { QuestionEditorDialog } from '@/components/QuestionEditorDialog'
+import { TestPacksManager } from '@/components/TestPacksManager'
+
+export default function TestsPage() {
+  const queryClient = useQueryClient()
+  const [page, setPage] = useState(1)
+  const [search, setSearch] = useState('')
+  const [selectedTest, setSelectedTest] = useState<TestDto | null>(null)
+  const [isDialogOpen, setIsDialogOpen] = useState(false)
+  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false)
+  const [testToDelete, setTestToDelete] = useState<TestDto | null>(null)
+  const [isQuestionDialogOpen, setIsQuestionDialogOpen] = useState(false)
+  const [editingQuestion, setEditingQuestion] = useState<{
+    question: Question | null
+    index: number
+  } | null>(null)
+
+  // Form state
+  const [formData, setFormData] = useState({
+    name: '',
+    color: '',
+    cover: undefined as string | undefined,
+    version: '',
+    time: '',
+    timeSubtitle: '',
+    questions: [] as Question[],
+  })
+
+  // Pack-linking state (test ↔ packs)
+  const [currentPackIds, setCurrentPackIds] = useState<string[]>([])
+  const [packsToAdd, setPacksToAdd] = useState<string[]>([])
+  const [packsToRemove, setPacksToRemove] = useState<string[]>([])
+
+  const limit = 20
+
+  // Fetch tests
+  const { data, isLoading, error } = useQuery<PaginatedResponse<TestDto>>({
+    queryKey: ['tests', page, search],
+    queryFn: () => testsApi.getTests({ page, limit, search }),
+    retry: (failureCount, error) => {
+      // Don't retry on client errors (4xx)
+      if (isTestsApiError(error) && error.statusCode && error.statusCode >= 400 && error.statusCode < 500) {
+        return false
+      }
+      return failureCount < 2
+    },
+  })
+
+  // Mutations
+  const upsertMutation = useMutation({
+    mutationFn: (test: TestDto) => testsApi.upsertTest(test),
+  })
+
+  const syncPacksMutation = useMutation({
+    mutationFn: async ({
+      testId,
+      addPackIds,
+      removePackIds,
+    }: {
+      testId: string
+      addPackIds: string[]
+      removePackIds: string[]
+    }) => {
+      await Promise.all([
+        ...addPackIds.map((packId) => packsApi.linkTestToPack(packId, testId)),
+        ...removePackIds.map((packId) =>
+          packsApi.unlinkTestFromPack(packId, testId),
+        ),
+      ])
+    },
+  })
+
+  const deleteMutation = useMutation({
+    mutationFn: (testId: string) => testsApi.deleteTest(testId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['tests'] })
+      toast.success('Test deleted successfully')
+      setIsDeleteDialogOpen(false)
+      setTestToDelete(null)
+    },
+    onError: (error: unknown) => {
+      const errorMessage = isTestsApiError(error) 
+        ? error.message 
+        : getDetailedErrorMessage(error, 'delete', 'test')
+      toast.error(errorMessage)
+      console.error('Error deleting test:', error)
+    },
+  })
+
+  const openCreateDialog = () => {
+    setSelectedTest(null)
+    setFormData({
+      name: '',
+      color: '',
+      cover: undefined,
+      version: '',
+      time: '',
+      timeSubtitle: '',
+      questions: [],
+    })
+    setCurrentPackIds([])
+    setPacksToAdd([])
+    setPacksToRemove([])
+    setIsDialogOpen(true)
+  }
+
+  const openEditDialog = async (test: TestDto) => {
+    try {
+      // Load full test data if we only have preview
+      const fullTest = test.id ? await testsApi.getTest(test.id) : test
+      setSelectedTest(fullTest)
+
+      const packIds = fullTest.packs?.map((p) => String(p.id)) || []
+      setCurrentPackIds(packIds)
+      setPacksToAdd([])
+      setPacksToRemove([])
+      
+      // Преобразуем вопросы из JSON в Question объекты
+      const rawQuestions = Array.isArray(fullTest.questions)
+        ? fullTest.questions
+        : []
+
+      const questions: Question[] = rawQuestions.map((q: unknown) => {
+        try {
+          return questionFromJson(q)
+        } catch (e) {
+          console.error('Error parsing question:', e, q)
+          return null
+        }
+      }).filter((q): q is Question => q !== null)
+      
+      setFormData({
+        name: fullTest.name || '',
+        color: fullTest.color || '',
+        cover: fullTest.cover,
+        version: fullTest.version || '',
+        time: fullTest.time || '',
+        timeSubtitle: fullTest.timeSubtitle || '',
+        questions,
+      })
+      setIsDialogOpen(true)
+    } catch (error) {
+      const errorMessage = isTestsApiError(error) 
+        ? error.message 
+        : getDetailedErrorMessage(error, 'load', `test "${test.id}"`)
+      toast.error(errorMessage)
+      console.error('Error loading test details:', error)
+    }
+  }
+
+  const closeDialog = () => {
+    setIsDialogOpen(false)
+    setSelectedTest(null)
+    setCurrentPackIds([])
+    setPacksToAdd([])
+    setPacksToRemove([])
+  }
+
+  const handlePacksChange = useCallback((addIds: string[], removeIds: string[]) => {
+    setPacksToAdd(addIds)
+    setPacksToRemove(removeIds)
+  }, [])
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+
+    if (!formData.name.trim()) {
+      toast.error('Name is required')
+      return
+    }
+
+    // Преобразуем вопросы в JSON формат для отправки на бэкенд
+    const questionsJson = formData.questions.map((q) => questionToJson(q))
+
+    const testData: TestDto = {
+      id: selectedTest?.id,
+      name: formData.name.trim(),
+      color: formData.color.trim() || undefined,
+      cover: formData.cover || undefined,
+      version: formData.version.trim() || undefined,
+      time: formData.time.trim() || undefined,
+      timeSubtitle: formData.timeSubtitle.trim() || undefined,
+      questions: questionsJson,
+    }
+
+    const isUpdate = Boolean(selectedTest?.id)
+    try {
+      const response = await upsertMutation.mutateAsync(testData)
+      const savedTestId = response.test.id ?? testData.id
+
+      if (!savedTestId) {
+        throw new Error('Test was saved but no ID was returned')
+      }
+
+      if (packsToAdd.length > 0 || packsToRemove.length > 0) {
+        await syncPacksMutation.mutateAsync({
+          testId: savedTestId,
+          addPackIds: packsToAdd,
+          removePackIds: packsToRemove,
+        })
+      }
+
+      queryClient.invalidateQueries({ queryKey: ['tests'] })
+      queryClient.invalidateQueries({ queryKey: ['packs'] })
+
+      toast.success(isUpdate ? 'Test updated successfully' : 'Test created successfully')
+      closeDialog()
+    } catch (error: unknown) {
+      const errorMessage = isTestsApiError(error)
+        ? error.message
+        : isPacksApiError(error)
+          ? error.message
+          : getDetailedErrorMessage(error, isUpdate ? 'update' : 'create', 'test')
+
+      toast.error(errorMessage)
+      console.error('Error saving test:', error)
+    }
+  }
+
+  const handleDelete = (test: TestDto) => {
+    if (!test.id) {
+      toast.error('Test ID is required for deletion')
+      return
+    }
+    setTestToDelete(test)
+    setIsDeleteDialogOpen(true)
+  }
+
+  const confirmDelete = () => {
+    if (testToDelete?.id) {
+      deleteMutation.mutate(testToDelete.id)
+    }
+  }
+
+  const handleSearch = (value: string) => {
+    setSearch(value)
+    setPage(1) // Reset to first page when searching
+  }
+
+  const isSaving = upsertMutation.isPending || syncPacksMutation.isPending
+
+  if (error) {
+    const errorMessage = isTestsApiError(error)
+      ? error.message 
+      : formatApiError(error)
+    return (
+      <div className="space-y-6">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">Tests Management</h1>
+          <p className="text-muted-foreground">Error loading tests</p>
+        </div>
+        <Card>
+          <CardContent className="pt-6">
+            <div className="space-y-2">
+              <p className="text-red-500 font-medium">Failed to load tests</p>
+              <p className="text-sm text-muted-foreground">{errorMessage}</p>
+              <Button 
+                variant="outline" 
+                size="sm" 
+                onClick={() => queryClient.invalidateQueries({ queryKey: ['tests'] })}
+                className="mt-2"
+              >
+                Retry
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    )
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">Tests Management</h1>
+          <p className="text-muted-foreground">
+            View, create, edit and delete game tests
+          </p>
+        </div>
+        <Button onClick={openCreateDialog}>
+          <Plus className="mr-2 h-4 w-4" />
+          Add Test
+        </Button>
+      </div>
+
+      {/* Search */}
+      <Card>
+        <CardContent className="pt-6">
+          <div className="flex items-center space-x-2">
+            <Search className="h-4 w-4 text-muted-foreground" />
+            <Input
+              placeholder="Search tests..."
+              value={search}
+              onChange={(e) => handleSearch(e.target.value)}
+              className="max-w-sm"
+            />
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Tests Table */}
+      <Card>
+        <CardHeader>
+          <CardTitle>All Tests ({data?.total || 0})</CardTitle>
+          <CardDescription>
+            Manage game tests in the system
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          {isLoading ? (
+            <div className="text-center py-8">Loading tests...</div>
+          ) : (
+            <>
+              <Table>
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>ID</TableHead>
+                    <TableHead>Name</TableHead>
+                    <TableHead>Packs</TableHead>
+                    <TableHead>Questions</TableHead>
+                    <TableHead>Version</TableHead>
+                    <TableHead>Time</TableHead>
+                    <TableHead>Actions</TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {data?.items.map((test) => (
+                    <TableRow key={test.id || Math.random()}>
+                      <TableCell className="font-mono text-sm">{test.id || 'N/A'}</TableCell>
+                      <TableCell className="font-medium">{test.name}</TableCell>
+                      <TableCell>
+                        {test.packs && test.packs.length > 0 ? (
+                          <div className="flex flex-wrap gap-1">
+                            {test.packs.map((pack) => (
+                              <span
+                                key={pack.id}
+                                className="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"
+                              >
+                                {pack.title}
+                              </span>
+                            ))}
+                          </div>
+                        ) : (
+                          <span className="text-muted-foreground text-sm">No packs</span>
+                        )}
+                      </TableCell>
+                      <TableCell>
+                        {typeof test.questions === 'number'
+                          ? test.questions
+                          : test.questions?.length || 0}
+                      </TableCell>
+                      <TableCell>{test.version || 'N/A'}</TableCell>
+                      <TableCell>{test.time || 'N/A'}</TableCell>
+                      <TableCell>
+                        <div className="flex items-center space-x-2">
+                          <Button
+                            variant="ghost"
+                            size="sm"
+                            onClick={() => openEditDialog(test)}
+                          >
+                            <Edit className="h-4 w-4" />
+                          </Button>
+                          <Button
+                            variant="ghost"
+                            size="sm"
+                            onClick={() => handleDelete(test)}
+                            disabled={!test.id}
+                          >
+                            <Trash2 className="h-4 w-4" />
+                          </Button>
+                        </div>
+                      </TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+
+              {/* Pagination */}
+              {data && data.totalPages > 1 && (
+                <div className="flex items-center justify-between mt-4">
+                  <div className="text-sm text-muted-foreground">
+                    Showing {((page - 1) * limit) + 1} to {Math.min(page * limit, data.total)} of {data.total} tests
+                  </div>
+                  <div className="flex items-center space-x-2">
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => setPage(page - 1)}
+                      disabled={page <= 1}
+                    >
+                      <ChevronLeft className="h-4 w-4" />
+                      Previous
+                    </Button>
+                    <span className="text-sm">
+                      Page {page} of {data.totalPages}
+                    </span>
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => setPage(page + 1)}
+                      disabled={page >= data.totalPages}
+                    >
+                      Next
+                      <ChevronRight className="h-4 w-4" />
+                    </Button>
+                  </div>
+                </div>
+              )}
+            </>
+          )}
+        </CardContent>
+      </Card>
+
+      {/* Create/Edit Dialog */}
+      <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
+        <DialogContent className="max-w-6xl max-h-[95vh] overflow-y-auto">
+          <DialogHeader>
+            <DialogTitle>
+              {selectedTest ? 'Edit Test' : 'Create New Test'}
+            </DialogTitle>
+            <DialogDescription>
+              {selectedTest ? 'Update the test information' : 'Add a new test to the system'}
+            </DialogDescription>
+          </DialogHeader>
+          <form onSubmit={handleSubmit}>
+            <div className="grid gap-4 py-4">
+              <div className="space-y-2">
+                <Label htmlFor="name">Name *</Label>
+                <Input
+                  id="name"
+                  value={formData.name}
+                  onChange={(e) => setFormData(prev => ({ ...prev, name: e.target.value }))}
+                  placeholder="Test name"
+                  required
+                />
+              </div>
+
+              <div className="grid grid-cols-2 gap-4">
+                <div className="space-y-2">
+                  <Label htmlFor="color">Color</Label>
+                  <ColorPaletteInput
+                    id="color"
+                    value={formData.color}
+                    onChange={(value) =>
+                      setFormData((prev) => ({ ...prev, color: value }))
+                    }
+                    disabled={isSaving}
+                    placeholder="#FF0000"
+                  />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="version">Version</Label>
+                  <Input
+                    id="version"
+                    value={formData.version}
+                    onChange={(e) => setFormData(prev => ({ ...prev, version: e.target.value }))}
+                    placeholder="1.0.0"
+                  />
+                </div>
+              </div>
+
+              <div className="grid grid-cols-2 gap-4">
+                <div className="space-y-2">
+                  <Label htmlFor="time">Time</Label>
+                  <Input
+                    id="time"
+                    value={formData.time}
+                    onChange={(e) => setFormData(prev => ({ ...prev, time: e.target.value }))}
+                    placeholder="e.g. 5 min"
+                  />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="timeSubtitle">Time Subtitle</Label>
+                  <Input
+                    id="timeSubtitle"
+                    value={formData.timeSubtitle}
+                    onChange={(e) => setFormData(prev => ({ ...prev, timeSubtitle: e.target.value }))}
+                    placeholder="e.g. per question"
+                  />
+                </div>
+              </div>
+
+              <div className="space-y-2">
+                <ImageUpload
+                  label="Cover Image"
+                  value={formData.cover}
+                  onChange={(value) => setFormData(prev => ({ ...prev, cover: value }))}
+                  disabled={isSaving}
+                  uploadType="test-image"
+                />
+              </div>
+
+              <div className="space-y-2">
+                <TestPacksManager
+                  currentPackIds={currentPackIds}
+                  onPacksChange={handlePacksChange}
+                  onSelectedPackColorChange={(color) => {
+                    const trimmed = color.trim()
+                    if (!trimmed) return
+                    setFormData((prev) => ({ ...prev, color: trimmed }))
+                  }}
+                  disabled={isSaving}
+                />
+                <p className="text-xs text-muted-foreground">
+                  Pack links are applied on Save.
+                </p>
+              </div>
+
+              <div className="space-y-2">
+                <TestQuestionsManager
+                  questions={formData.questions}
+                  onChange={(questions) =>
+                    setFormData((prev) => ({ ...prev, questions }))
+                  }
+                  onEdit={(question, index) => {
+                    setEditingQuestion({ question, index })
+                    setIsQuestionDialogOpen(true)
+                  }}
+                  disabled={isSaving}
+                />
+                <Button
+                  type="button"
+                  variant="outline"
+                  onClick={() => {
+                    setEditingQuestion({ question: null, index: -1 })
+                    setIsQuestionDialogOpen(true)
+                  }}
+                  disabled={isSaving}
+                >
+                  <Plus className="h-4 w-4 mr-2" />
+                  Add Question
+                </Button>
+              </div>
+            </div>
+            <DialogFooter>
+              <Button type="button" variant="outline" onClick={closeDialog}>
+                Cancel
+              </Button>
+              <Button type="submit" disabled={isSaving}>
+                {isSaving ? 'Saving...' : (selectedTest ? 'Update' : 'Create')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </DialogContent>
+      </Dialog>
+
+      {/* Delete Confirmation Dialog */}
+      <AlertDialog open={isDeleteDialogOpen} onOpenChange={setIsDeleteDialogOpen}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>Delete Test</AlertDialogTitle>
+            <AlertDialogDescription>
+              Are you sure you want to delete the test "{testToDelete?.name}"? This action cannot be undone.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={confirmDelete}
+              className="bg-red-600 hover:bg-red-700"
+              disabled={deleteMutation.isPending}
+            >
+              {deleteMutation.isPending ? 'Deleting...' : 'Delete'}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+
+      {/* Question Editor Dialog */}
+      <QuestionEditorDialog
+        open={isQuestionDialogOpen}
+        question={editingQuestion?.question || null}
+        onSave={(question) => {
+          if (editingQuestion) {
+            const newQuestions = [...formData.questions]
+            if (editingQuestion.index >= 0) {
+              // Редактирование существующего вопроса
+              newQuestions[editingQuestion.index] = question
+            } else {
+              // Добавление нового вопроса
+              newQuestions.push(question)
+            }
+            setFormData((prev) => ({ ...prev, questions: newQuestions }))
+          }
+          setIsQuestionDialogOpen(false)
+          setEditingQuestion(null)
+        }}
+        onClose={() => {
+          setIsQuestionDialogOpen(false)
+          setEditingQuestion(null)
+        }}
+      />
+    </div>
+  )
+}
diff --git a/admin/src/pages/UsersPage.tsx b/admin/src/pages/UsersPage.tsx
new file mode 100644
index 0000000..cc49d6b
--- /dev/null
+++ b/admin/src/pages/UsersPage.tsx
@@ -0,0 +1,548 @@
+import { useState } from 'react'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { toast } from 'sonner'
+import { usersApi } from '@/api/users'
+import type { UserDto, PaginatedResponse, PaymentDto } from '@/types/models'
+import type { AxiosError } from 'axios'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Label } from '@/components/ui/label'
+import { Checkbox } from '@/components/ui/checkbox'
+import { Badge } from '@/components/ui/badge'
+import { packsApi } from '@/api/packs'
+import { Search, Edit, Trash2, ChevronLeft, ChevronRight, CreditCard } from 'lucide-react'
+
+export default function UsersPage() {
+  const queryClient = useQueryClient()
+  const [page, setPage] = useState(1)
+  const [search, setSearch] = useState('')
+  const [selectedUser, setSelectedUser] = useState<UserDto | null>(null)
+  const [isEditDialogOpen, setIsEditDialogOpen] = useState(false)
+  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false)
+  const [isPurchasesDialogOpen, setIsPurchasesDialogOpen] = useState(false)
+  const [userToDelete, setUserToDelete] = useState<UserDto | null>(null)
+  const [userPurchases, setUserPurchases] = useState<PaymentDto[]>([])
+
+  // Form state
+  const [formData, setFormData] = useState({
+    name: '',
+    email: '',
+    admin: false,
+    subscription: false,
+    packs: [] as string[],
+    subscriptionFeatures: [] as string[],
+  })
+
+  const limit = 20
+
+  // Fetch users
+  const { data, isLoading, error } = useQuery<PaginatedResponse<UserDto>>({
+    queryKey: ['users', page],
+    queryFn: () => usersApi.getUsers({ page, limit }),
+  })
+
+  // Fetch packs for selection
+  const { data: packsData } = useQuery({
+    queryKey: ['packs', 1, 100, ''],
+    queryFn: () => packsApi.getPacks({ page: 1, limit: 100, search: '', showDisabled: true }),
+  })
+
+  // Mutations
+  const updateMutation = useMutation({
+    mutationFn: (user: UserDto) => usersApi.upsertUser(user),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['users'] })
+      toast.success('User updated successfully')
+      closeEditDialog()
+    },
+    onError: (error: unknown) => {
+      const axiosError = error as AxiosError<{ message?: string }>
+      toast.error(axiosError.response?.data?.message || 'Failed to update user')
+    },
+  })
+
+  const deleteMutation = useMutation({
+    mutationFn: (userId: string) => usersApi.deleteUser(userId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['users'] })
+      toast.success('User deleted successfully')
+      setIsDeleteDialogOpen(false)
+      setUserToDelete(null)
+    },
+    onError: (error: unknown) => {
+      const axiosError = error as AxiosError<{ message?: string }>
+      toast.error(axiosError.response?.data?.message || 'Failed to delete user')
+    },
+  })
+
+  const openEditDialog = (user: UserDto) => {
+    setSelectedUser(user)
+    setFormData({
+      name: user.name || '',
+      email: user.email || '',
+      admin: user.admin,
+      subscription: user.subscription || false,
+      packs: [...user.packs],
+      subscriptionFeatures: [...user.subscriptionFeatures],
+    })
+    setIsEditDialogOpen(true)
+  }
+
+  const closeEditDialog = () => {
+    setIsEditDialogOpen(false)
+    setSelectedUser(null)
+  }
+
+  const openPurchasesDialog = async (user: UserDto) => {
+    if (!user.id) return
+
+    try {
+      const purchases = await usersApi.getUserPurchases(user.id.toString())
+      setUserPurchases(purchases)
+      setSelectedUser(user)
+      setIsPurchasesDialogOpen(true)
+    } catch {
+      toast.error('Failed to load user purchases')
+    }
+  }
+
+  const closePurchasesDialog = () => {
+    setIsPurchasesDialogOpen(false)
+    setSelectedUser(null)
+    setUserPurchases([])
+  }
+
+  const handleDelete = (user: UserDto) => {
+    setUserToDelete(user)
+    setIsDeleteDialogOpen(true)
+  }
+
+  const confirmDelete = () => {
+    if (userToDelete?.id) {
+      deleteMutation.mutate(userToDelete.id.toString())
+    }
+  }
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault()
+
+    if (!selectedUser?.id) {
+      toast.error('User ID is required')
+      return
+    }
+
+    const userData: UserDto = {
+      id: selectedUser.id,
+      name: formData.name.trim() || undefined,
+      email: formData.email.trim() || undefined,
+      admin: formData.admin,
+      subscription: formData.subscription,
+      packs: formData.packs,
+      purchases: selectedUser.purchases,
+      subscriptionFeatures: formData.subscriptionFeatures,
+    }
+
+    updateMutation.mutate(userData)
+  }
+
+  if (error) {
+    return (
+      <div className="space-y-6">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">Users Management</h1>
+          <p className="text-muted-foreground">Error loading users</p>
+        </div>
+        <Card>
+          <CardContent className="pt-6">
+            <p className="text-red-500">Failed to load users. Please try again later.</p>
+          </CardContent>
+        </Card>
+      </div>
+    )
+  }
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold tracking-tight">Users Management</h1>
+        <p className="text-muted-foreground">
+          View and manage user accounts
+        </p>
+      </div>
+
+      {/* Search */}
+      <Card>
+        <CardContent className="pt-6">
+          <div className="flex items-center space-x-2">
+            <Search className="h-4 w-4 text-muted-foreground" />
+            <Input
+              placeholder="Search users by name or ID..."
+              value={search}
+              onChange={(e) => setSearch(e.target.value)}
+              className="max-w-sm"
+            />
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Users Table */}
+      <Card>
+        <CardHeader>
+          <CardTitle>All Users ({data?.total || 0})</CardTitle>
+          <CardDescription>
+            Manage user accounts and permissions
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          {isLoading ? (
+            <div className="text-center py-8">Loading users...</div>
+          ) : (
+            <>
+              <Table>
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>ID</TableHead>
+                    <TableHead>Name</TableHead>
+                    <TableHead>Email</TableHead>
+                    <TableHead>Admin</TableHead>
+                    <TableHead>Packs</TableHead>
+                    <TableHead>Actions</TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {data?.items
+                    .filter(user =>
+                      search === '' ||
+                      user.name?.toLowerCase().includes(search.toLowerCase()) ||
+                      user.id?.toString().includes(search)
+                    )
+                    .map((user) => (
+                      <TableRow key={user.id}>
+                        <TableCell className="font-mono text-sm">{user.id}</TableCell>
+                        <TableCell className="font-medium">{user.name || 'No name'}</TableCell>
+                        <TableCell>{user.email || 'No email'}</TableCell>
+                        <TableCell>
+                          {user.admin ? (
+                            <Badge variant="destructive">Admin</Badge>
+                          ) : (
+                            <Badge variant="secondary">User</Badge>
+                          )}
+                        </TableCell>
+                        <TableCell>{user.packs.length} packs</TableCell>
+                        <TableCell>
+                          <div className="flex items-center space-x-2">
+                            <Button
+                              variant="ghost"
+                              size="sm"
+                              onClick={() => openEditDialog(user)}
+                            >
+                              <Edit className="h-4 w-4" />
+                            </Button>
+                            <Button
+                              variant="ghost"
+                              size="sm"
+                              onClick={() => openPurchasesDialog(user)}
+                            >
+                              <CreditCard className="h-4 w-4" />
+                            </Button>
+                            <Button
+                              variant="ghost"
+                              size="sm"
+                              onClick={() => handleDelete(user)}
+                            >
+                              <Trash2 className="h-4 w-4" />
+                            </Button>
+                          </div>
+                        </TableCell>
+                      </TableRow>
+                    ))}
+                </TableBody>
+              </Table>
+
+              {/* Pagination */}
+              {data && data.totalPages > 1 && (
+                <div className="flex items-center justify-between mt-4">
+                  <div className="text-sm text-muted-foreground">
+                    Showing {((page - 1) * limit) + 1} to {Math.min(page * limit, data.total)} of {data.total} users
+                  </div>
+                  <div className="flex items-center space-x-2">
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => setPage(page - 1)}
+                      disabled={page <= 1}
+                    >
+                      <ChevronLeft className="h-4 w-4" />
+                      Previous
+                    </Button>
+                    <span className="text-sm">
+                      Page {page} of {data.totalPages}
+                    </span>
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => setPage(page + 1)}
+                      disabled={page >= data.totalPages}
+                    >
+                      Next
+                      <ChevronRight className="h-4 w-4" />
+                    </Button>
+                  </div>
+                </div>
+              )}
+            </>
+          )}
+        </CardContent>
+      </Card>
+
+      {/* Edit User Dialog */}
+      <Dialog open={isEditDialogOpen} onOpenChange={setIsEditDialogOpen}>
+        <DialogContent className="sm:max-w-[500px]">
+          <DialogHeader>
+            <DialogTitle>Edit User</DialogTitle>
+            <DialogDescription>
+              Update user information and permissions
+            </DialogDescription>
+          </DialogHeader>
+          <form onSubmit={handleSubmit}>
+            <div className="grid gap-4 py-4">
+              <div className="space-y-2">
+                <Label htmlFor="userId">User ID</Label>
+                <Input
+                  id="userId"
+                  value={selectedUser?.id || ''}
+                  disabled
+                  className="bg-muted"
+                />
+              </div>
+
+              <div className="grid grid-cols-2 gap-4">
+                <div className="space-y-2">
+                  <Label htmlFor="name">Name</Label>
+                  <Input
+                    id="name"
+                    value={formData.name}
+                    onChange={(e) => setFormData(prev => ({ ...prev, name: e.target.value }))}
+                    placeholder="User name"
+                  />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="email">Email</Label>
+                  <Input
+                    id="email"
+                    type="email"
+                    value={formData.email}
+                    onChange={(e) => setFormData(prev => ({ ...prev, email: e.target.value }))}
+                    placeholder="user@example.com"
+                  />
+                </div>
+              </div>
+
+              <div className="grid grid-cols-2 gap-4">
+                <div className="flex items-center space-x-2">
+                  <Checkbox
+                    id="admin"
+                    checked={formData.admin}
+                    onCheckedChange={(checked) => setFormData(prev => ({ ...prev, admin: checked as boolean }))}
+                  />
+                  <Label htmlFor="admin">Administrator</Label>
+                </div>
+                <div className="flex items-center space-x-2">
+                  <Checkbox
+                    id="subscription"
+                    checked={formData.subscription}
+                    onCheckedChange={(checked) => setFormData(prev => ({ ...prev, subscription: checked as boolean }))}
+                  />
+                  <Label htmlFor="subscription">Subscription</Label>
+                </div>
+              </div>
+
+              <div className="space-y-2">
+                <Label>Packs Owned</Label>
+                <div className="border rounded-lg max-h-[200px] overflow-y-auto p-2">
+                  {!packsData?.items || packsData.items.length === 0 ? (
+                    <div className="text-sm text-muted-foreground">No packs available</div>
+                  ) : (
+                    packsData.items.map((pack) => (
+                      <div key={pack.id} className="flex items-center space-x-2 py-1">
+                        <Checkbox
+                          id={`pack-${pack.id}`}
+                          checked={formData.packs.includes(pack.id)}
+                          onCheckedChange={(checked) => {
+                            if (checked) {
+                              setFormData(prev => ({
+                                ...prev,
+                                packs: [...prev.packs, pack.id],
+                              }))
+                            } else {
+                              setFormData(prev => ({
+                                ...prev,
+                                packs: prev.packs.filter(id => id !== pack.id),
+                              }))
+                            }
+                          }}
+                        />
+                        <Label htmlFor={`pack-${pack.id}`} className="text-sm font-normal cursor-pointer">
+                          {pack.title}
+                        </Label>
+                      </div>
+                    ))
+                  )}
+                </div>
+                <p className="text-xs text-muted-foreground">
+                  Selected: {formData.packs.length} pack(s)
+                </p>
+              </div>
+
+              <div className="space-y-2">
+                <Label>Subscription Features</Label>
+                <div className="space-y-2">
+                  {['premium', 'unlimited', 'ad_free', 'early_access', 'priority_support'].map((feature) => (
+                    <div key={feature} className="flex items-center space-x-2">
+                      <Checkbox
+                        id={`feature-${feature}`}
+                        checked={formData.subscriptionFeatures.includes(feature)}
+                        onCheckedChange={(checked) => {
+                          if (checked) {
+                            setFormData(prev => ({
+                              ...prev,
+                              subscriptionFeatures: [...prev.subscriptionFeatures, feature],
+                            }))
+                          } else {
+                            setFormData(prev => ({
+                              ...prev,
+                              subscriptionFeatures: prev.subscriptionFeatures.filter(f => f !== feature),
+                            }))
+                          }
+                        }}
+                      />
+                      <Label htmlFor={`feature-${feature}`} className="text-sm font-normal cursor-pointer capitalize">
+                        {feature.replace(/_/g, ' ')}
+                      </Label>
+                    </div>
+                  ))}
+                </div>
+                <p className="text-xs text-muted-foreground">
+                  Selected: {formData.subscriptionFeatures.length} feature(s)
+                </p>
+              </div>
+            </div>
+            <DialogFooter>
+              <Button type="button" variant="outline" onClick={closeEditDialog}>
+                Cancel
+              </Button>
+              <Button type="submit" disabled={updateMutation.isPending}>
+                {updateMutation.isPending ? 'Saving...' : 'Save Changes'}
+              </Button>
+            </DialogFooter>
+          </form>
+        </DialogContent>
+      </Dialog>
+
+      {/* User Purchases Dialog */}
+      <Dialog open={isPurchasesDialogOpen} onOpenChange={setIsPurchasesDialogOpen}>
+        <DialogContent className="sm:max-w-[700px]">
+          <DialogHeader>
+            <DialogTitle>Purchase History</DialogTitle>
+            <DialogDescription>
+              Payment history for user: {selectedUser?.name || selectedUser?.id}
+            </DialogDescription>
+          </DialogHeader>
+          <div className="max-h-[400px] overflow-y-auto">
+            {userPurchases.length === 0 ? (
+              <div className="text-center py-8 text-muted-foreground">
+                No purchases found for this user
+              </div>
+            ) : (
+              <Table>
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>ID</TableHead>
+                    <TableHead>Amount</TableHead>
+                    <TableHead>Currency</TableHead>
+                    <TableHead>Status</TableHead>
+                    <TableHead>Date</TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {userPurchases.map((payment) => (
+                    <TableRow key={payment.id}>
+                      <TableCell className="font-mono text-sm">{payment.id}</TableCell>
+                      <TableCell>{payment.amount}</TableCell>
+                      <TableCell>{payment.currency}</TableCell>
+                      <TableCell>
+                        <Badge
+                          variant={
+                            payment.status === 'completed' ? 'default' :
+                            payment.status === 'pending' ? 'secondary' : 'destructive'
+                          }
+                        >
+                          {payment.status}
+                        </Badge>
+                      </TableCell>
+                      <TableCell>
+                        {new Date(payment.createdAt).toLocaleDateString()}
+                      </TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            )}
+          </div>
+          <DialogFooter>
+            <Button onClick={closePurchasesDialog}>Close</Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* Delete Confirmation Dialog */}
+      <AlertDialog open={isDeleteDialogOpen} onOpenChange={setIsDeleteDialogOpen}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>Delete User</AlertDialogTitle>
+            <AlertDialogDescription>
+              Are you sure you want to delete the user "{userToDelete?.name || userToDelete?.id}"? This action cannot be undone.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={confirmDelete}
+              className="bg-red-600 hover:bg-red-700"
+              disabled={deleteMutation.isPending}
+            >
+              {deleteMutation.isPending ? 'Deleting...' : 'Delete'}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </div>
+  )
+}
diff --git a/admin/src/stores/authStore.ts b/admin/src/stores/authStore.ts
new file mode 100644
index 0000000..ae9697e
--- /dev/null
+++ b/admin/src/stores/authStore.ts
@@ -0,0 +1,146 @@
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+import type { UserDto } from '@/types/models'
+
+interface AuthState {
+  user: UserDto | null
+  token: string | null
+  refreshToken: string | null
+  expiresIn: number | null
+  tokenExpiresAt: number | null // timestamp when token expires
+  isAuthenticated: boolean
+  isLoading: boolean
+  error: string | null
+}
+
+interface AuthActions {
+  login: (token: string, refreshToken: string | null, expiresIn: number | null, user: UserDto) => void
+  updateToken: (token: string, refreshToken: string, expiresIn: number) => void
+  logout: () => void
+  setLoading: (loading: boolean) => void
+  setError: (error: string | null) => void
+  shouldRefreshToken: () => boolean
+}
+
+type AuthStore = AuthState & AuthActions
+
+export const useAuthStore = create<AuthStore>()(
+  persist(
+    (set, get) => ({
+      // State
+      user: null,
+      token: null,
+      refreshToken: null,
+      expiresIn: null,
+      tokenExpiresAt: null,
+      isAuthenticated: false,
+      isLoading: false,
+      error: null,
+
+      // Actions
+      login: (token: string, refreshToken: string | null, expiresIn: number | null, user: UserDto) => {
+        console.log('[AuthStore] Saving token to localStorage, length:', token.length)
+        localStorage.setItem('admin_token', token)
+        if (refreshToken) {
+          localStorage.setItem('admin_refresh_token', refreshToken)
+        }
+        
+        // Calculate expiration time (refresh 5 minutes before expiration)
+        const tokenExpiresAt = expiresIn 
+          ? Date.now() + (expiresIn - 300) * 1000 // 5 minutes buffer
+          : null
+
+        // Verify it was saved
+        const savedToken = localStorage.getItem('admin_token')
+        console.log('[AuthStore] Token saved, verification:', savedToken ? `Token exists, length: ${savedToken.length}` : 'Token NOT found!')
+        set({
+          user,
+          token,
+          refreshToken: refreshToken ?? null,
+          expiresIn: expiresIn ?? null,
+          tokenExpiresAt,
+          isAuthenticated: true,
+          isLoading: false,
+          error: null,
+        })
+      },
+
+      updateToken: (token: string, refreshToken: string, expiresIn: number) => {
+        console.log('[AuthStore] Updating token')
+        localStorage.setItem('admin_token', token)
+        localStorage.setItem('admin_refresh_token', refreshToken)
+        
+        const tokenExpiresAt = Date.now() + (expiresIn - 300) * 1000 // 5 minutes buffer
+        
+        set({
+          token,
+          refreshToken,
+          expiresIn,
+          tokenExpiresAt,
+        })
+      },
+
+      logout: () => {
+        localStorage.removeItem('admin_token')
+        localStorage.removeItem('admin_refresh_token')
+        set({
+          user: null,
+          token: null,
+          refreshToken: null,
+          expiresIn: null,
+          tokenExpiresAt: null,
+          isAuthenticated: false,
+          isLoading: false,
+          error: null,
+        })
+      },
+
+      setLoading: (isLoading: boolean) => {
+        set({ isLoading })
+      },
+
+      setError: (error: string | null) => {
+        set({ error, isLoading: false })
+      },
+
+      shouldRefreshToken: () => {
+        const state = get()
+        if (!state.refreshToken || !state.token) {
+          return false
+        }
+        
+        // If we have expiresIn but no tokenExpiresAt, calculate it
+        if (state.expiresIn && !state.tokenExpiresAt) {
+          const calculatedExpiresAt = Date.now() + (state.expiresIn - 300) * 1000
+          set({ tokenExpiresAt: calculatedExpiresAt })
+          return Date.now() >= calculatedExpiresAt
+        }
+        
+        if (!state.tokenExpiresAt) {
+          return false
+        }
+        
+        // Refresh if token expires in less than 5 minutes
+        return Date.now() >= state.tokenExpiresAt
+      },
+    }),
+    {
+      name: 'admin-auth',
+      partialize: (state) => ({
+        user: state.user,
+        token: state.token,
+        refreshToken: state.refreshToken,
+        expiresIn: state.expiresIn,
+        tokenExpiresAt: state.tokenExpiresAt,
+        isAuthenticated: state.isAuthenticated,
+      }),
+      onRehydrateStorage: () => (state) => {
+        // After rehydration, recalculate tokenExpiresAt if needed
+        if (state && state.expiresIn && !state.tokenExpiresAt) {
+          const tokenExpiresAt = Date.now() + (state.expiresIn - 300) * 1000
+          state.tokenExpiresAt = tokenExpiresAt
+        }
+      },
+    }
+  )
+)
diff --git a/admin/src/test/setup.ts b/admin/src/test/setup.ts
new file mode 100644
index 0000000..2b4a9d6
--- /dev/null
+++ b/admin/src/test/setup.ts
@@ -0,0 +1,21 @@
+import '@testing-library/jest-dom'
+
+// Radix UI uses Pointer Events APIs that are not fully implemented in JSDOM.
+// Polyfill the minimal surface to prevent runtime errors in tests.
+if (!Element.prototype.hasPointerCapture) {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  Element.prototype.hasPointerCapture = () => false
+}
+if (!Element.prototype.setPointerCapture) {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  Element.prototype.setPointerCapture = () => {}
+}
+if (!Element.prototype.releasePointerCapture) {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  Element.prototype.releasePointerCapture = () => {}
+}
+
+if (!HTMLElement.prototype.scrollIntoView) {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  HTMLElement.prototype.scrollIntoView = () => {}
+}
diff --git a/admin/src/types/models.ts b/admin/src/types/models.ts
new file mode 100644
index 0000000..6d6cc7b
--- /dev/null
+++ b/admin/src/types/models.ts
@@ -0,0 +1,198 @@
+// Types based on backend DTOs
+
+export interface GameCardDto {
+  id: string | null
+  packId?: string
+  image?: string // Object ID in MinIO (for admin)
+  imageUrl?: string // Presigned URL (for display)
+  mnemo?: string
+  original?: string
+  translation?: string
+  transcription?: string
+  transcriptionMnemo?: string
+  imageBack?: string // Object ID in MinIO (for admin)
+  imageBackUrl?: string // Presigned URL (for display)
+  back?: string
+  createdAt?: string
+  updatedAt?: string
+}
+
+export interface EditCardPackDto {
+  id?: string
+  title?: string
+  subtitle?: string
+  color?: string
+  cover?: string
+  size?: number
+  googlePlayId?: string
+  rustoreId?: string
+  appStoreId?: string
+  price?: string
+  description?: string
+  enabled?: boolean
+  version?: string
+  addCardIds?: string[]
+  addTestIds?: string[]
+  removeCardIds?: string[]
+  removeTestIds?: string[]
+  previewCards?: string[]
+  order?: number
+  cardsOrder?: string[]
+}
+
+export interface CardPackPreviewDto {
+  id: string
+  title: string
+  subtitle?: string
+  color?: string
+  cover?: string
+  cards: number
+  enabled: boolean
+  order?: number
+}
+
+export interface UserDto {
+  id?: number
+  name?: string
+  email?: string
+  admin: boolean
+  packs: string[]
+  purchases: string[]
+  subscription?: boolean
+  subscriptionFeatures: string[]
+  userDataDto?: unknown
+  userSettingsDto?: unknown
+}
+
+export interface PaymentDto {
+  id: string
+  userId: string
+  amount: number
+  currency: string
+  status: string
+  createdAt: string
+  updatedAt: string
+}
+
+export interface SubscriptionPlanAdminDto {
+  id: string
+  name: string
+  description?: string
+  price: number
+  currency: string
+  features: string[]
+  enabled: boolean
+  order: number
+}
+
+export interface PromoCodesCampaignDto {
+  id: string
+  title: string
+  description?: string
+  codes: string[]
+  discountPercent: number
+  validUntil: string
+  maxUses?: number
+  usedCount: number
+  enabled: boolean
+}
+
+export interface DiscountCampaignDto {
+  id: string
+  title: string
+  description?: string
+  discountPercent: number
+  validFrom: string
+  validUntil: string
+  enabled: boolean
+  packIds?: string[]
+  userIds?: string[]
+  maxUses?: number
+  usedCount: number
+}
+
+// API Response types
+export interface ApiResponse<T> {
+  data: T
+  message?: string
+}
+
+export interface PaginatedResponse<T> {
+  items: T[]
+  total: number
+  page: number
+  limit: number
+  totalPages: number
+}
+
+// Auth types
+export interface AuthRequest {
+  telegramUserId: string
+}
+
+export interface AuthResponse {
+  success?: boolean
+  token: string
+  refreshToken?: string
+  expiresIn?: number
+  user: UserDto
+  message?: string
+}
+
+export interface RefreshTokenResponse {
+  success: boolean
+  token: string
+  refreshToken: string
+  expiresIn: number
+  message?: string
+}
+
+export interface CodeRequest {
+  code: string
+}
+
+export interface RequestCodeResponse {
+  success: boolean
+  code?: string
+  status?: string
+  expiresAt?: string
+  remainingSeconds?: number
+  message: string
+}
+
+export interface CodeStatusResponse {
+  success: boolean
+  code: string
+  status: string
+  expiresAt?: string
+  remainingSeconds: number
+  isClaimed: boolean
+  isUsed: boolean
+  error?: string
+  message?: string
+}
+
+// Test types
+import type { Question } from './questions'
+
+export type TestQuestion = Question
+
+export interface TestPackInfo {
+  id: string
+  title: string
+}
+
+export interface TestDto {
+  id?: string
+  name: string
+  color?: string
+  cover?: string // Object ID in MinIO (for admin)
+  coverUrl?: string // Presigned URL (for display)
+  version?: string
+  time?: string
+  timeSubtitle?: string
+  // Backend returns either a questions list (full test) or a questions count (list endpoint).
+  questions: unknown[] | number
+  statistics?: unknown
+  packs?: TestPackInfo[]
+}
diff --git a/admin/src/types/questions.test.ts b/admin/src/types/questions.test.ts
new file mode 100644
index 0000000..ec028a2
--- /dev/null
+++ b/admin/src/types/questions.test.ts
@@ -0,0 +1,41 @@
+import { describe, expect, it } from 'vitest'
+import {
+  isMatrixQuestion,
+  questionFromJson,
+  questionToJson,
+  QuestionType,
+} from './questions'
+
+describe('questions (matrix)', () => {
+  it('questionFromJson parses matrixSize', () => {
+    const q = questionFromJson({
+      id: 'q1',
+      questionType: QuestionType.MATRIX,
+      matrixSize: 4,
+      word: '',
+      answer: '',
+      buttons: [],
+    })
+
+    expect(q.questionType).toBe(QuestionType.MATRIX)
+    expect(isMatrixQuestion(q)).toBe(true)
+    if (isMatrixQuestion(q)) {
+      expect(q.matrixSize).toBe(4)
+    }
+  })
+
+  it('questionToJson includes matrixSize', () => {
+    const json = questionToJson({
+      questionType: QuestionType.MATRIX,
+      word: '',
+      answer: '',
+      options: [],
+      matrixSize: 3,
+    })
+
+    expect(json.questionType).toBe(QuestionType.MATRIX)
+    expect(json.matrixSize).toBe(3)
+    expect(json.buttons).toEqual([])
+  })
+})
+
diff --git a/admin/src/types/questions.ts b/admin/src/types/questions.ts
new file mode 100644
index 0000000..0e6456c
--- /dev/null
+++ b/admin/src/types/questions.ts
@@ -0,0 +1,161 @@
+export const QuestionType = {
+  SIMPLE: 'simple',
+  INPUT_BUTTONS: 'input_buttons',
+  MATRIX: 'matrix',
+} as const
+
+export type QuestionType = typeof QuestionType[keyof typeof QuestionType]
+
+// Соответствует полю options в БД
+export interface TestButton {
+  id: string
+  text?: string
+  image?: string
+}
+
+// Базовый интерфейс вопроса
+export interface BaseQuestion {
+  id?: string
+  questionType: QuestionType
+  orderIndex?: number
+
+  // Ключевые поля (хранятся отдельно в БД)
+  word: string // TestQuestions.word
+  answer: string // TestQuestions.answer
+  options: TestButton[] // TestQuestions.options (JSON)
+
+  // UI данные (хранятся в TestQuestions.uiData как JSON)
+  image?: string
+  text?: string
+  audio?: string
+}
+
+export interface SimpleQuestion extends BaseQuestion {
+  questionType: 'simple'
+}
+
+export interface InputButtonsQuestion extends BaseQuestion {
+  questionType: 'input_buttons'
+  template: string // Хранится в uiData
+}
+
+export interface MatrixQuestion extends BaseQuestion {
+  questionType: 'matrix'
+  matrixSize: number
+}
+
+export type Question = SimpleQuestion | InputButtonsQuestion | MatrixQuestion
+
+// Хелпер для преобразования в/из БД формата
+export interface QuestionDbFormat {
+  id?: string
+  testId: string
+  orderIndex: number
+  questionType: string
+  word: string
+  answer: string
+  options: string // JSON string
+  uiData: string // JSON string
+}
+
+// Хелперы для работы с вопросами
+export function isSimpleQuestion(question: Question): question is SimpleQuestion {
+  return question.questionType === QuestionType.SIMPLE
+}
+
+export function isInputButtonsQuestion(
+  question: Question,
+): question is InputButtonsQuestion {
+  return question.questionType === QuestionType.INPUT_BUTTONS
+}
+
+export function isMatrixQuestion(question: Question): question is MatrixQuestion {
+  return question.questionType === QuestionType.MATRIX
+}
+
+// Создать вопрос из JSON (как приходит с бэкенда)
+export function questionFromJson(json: unknown): Question {
+  const obj: Record<string, unknown> =
+    json && typeof json === 'object' ? (json as Record<string, unknown>) : {}
+
+  const parseQuestionType = (value: unknown): QuestionType => {
+    if (value === QuestionType.SIMPLE) return QuestionType.SIMPLE
+    if (value === QuestionType.INPUT_BUTTONS) return QuestionType.INPUT_BUTTONS
+    if (value === QuestionType.MATRIX) return QuestionType.MATRIX
+    return QuestionType.SIMPLE
+  }
+
+  const asString = (value: unknown): string | undefined =>
+    typeof value === 'string' ? value : undefined
+
+  const asNumber = (value: unknown): number | undefined =>
+    typeof value === 'number' ? value : undefined
+
+  const asTestButtons = (value: unknown): TestButton[] =>
+    Array.isArray(value) ? (value as TestButton[]) : []
+
+  const base: BaseQuestion = {
+    id: asString(obj.id),
+    questionType: parseQuestionType(obj.questionType),
+    orderIndex: asNumber(obj.orderIndex),
+    word: asString(obj.word) ?? '',
+    answer: asString(obj.answer) ?? '',
+    options: asTestButtons(obj.buttons ?? obj.options),
+    image: asString(obj.image),
+    text: asString(obj.text),
+    audio: asString(obj.audio),
+  }
+
+  if (base.questionType === QuestionType.MATRIX) {
+    return {
+      ...base,
+      questionType: QuestionType.MATRIX,
+      matrixSize: Number(obj.matrixSize ?? 3),
+      // For matrix questions, cards are auto-generated on backend if options are empty.
+      options: base.options || [],
+    }
+  }
+
+  if (base.questionType === QuestionType.INPUT_BUTTONS) {
+    return {
+      ...base,
+      questionType: QuestionType.INPUT_BUTTONS,
+      template: asString(obj.template) ?? '',
+    }
+  }
+
+  return {
+    ...base,
+    questionType: QuestionType.SIMPLE,
+  }
+}
+
+// Преобразовать вопрос в JSON для отправки на бэкенд
+export function questionToJson(question: Question): Record<string, unknown> {
+  const base: Record<string, unknown> = {
+    questionType: question.questionType,
+    word: question.word,
+    answer: question.answer,
+    buttons: question.options,
+  }
+
+  if (question.id) {
+    base.id = question.id
+  }
+
+  // UI данные
+  if (question.image) base.image = question.image
+  if (question.text) base.text = question.text
+  if (question.audio) base.audio = question.audio
+
+  // Специфичные для типа поля
+  if (isInputButtonsQuestion(question)) {
+    base.template = question.template
+  }
+
+  if (isMatrixQuestion(question)) {
+    base.matrixSize = question.matrixSize
+  }
+
+  return base
+}
diff --git a/admin/tailwind.config.js b/admin/tailwind.config.js
new file mode 100644
index 0000000..0a206c8
--- /dev/null
+++ b/admin/tailwind.config.js
@@ -0,0 +1,77 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ["class"],
+  content: [
+    './pages/**/*.{ts,tsx}',
+    './components/**/*.{ts,tsx}',
+    './app/**/*.{ts,tsx}',
+    './src/**/*.{ts,tsx}',
+	],
+  prefix: "",
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
+    },
+  },
+  plugins: [require("tailwindcss-animate")],
+}
diff --git a/admin/tsconfig.app.json b/admin/tsconfig.app.json
new file mode 100644
index 0000000..b470819
--- /dev/null
+++ b/admin/tsconfig.app.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+
+    /* Path mapping */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}
diff --git a/admin/tsconfig.json b/admin/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/admin/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/admin/tsconfig.node.json b/admin/tsconfig.node.json
new file mode 100644
index 0000000..8a67f62
--- /dev/null
+++ b/admin/tsconfig.node.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/admin/vite.config.ts b/admin/vite.config.ts
new file mode 100644
index 0000000..b144e10
--- /dev/null
+++ b/admin/vite.config.ts
@@ -0,0 +1,22 @@
+/// <reference types="vitest" />
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    port: 5174,
+  },
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: './src/test/setup.ts',
+  },
+})
diff --git a/backend/prisma/schema.prisma b/backend/prisma/schema.prisma
index c630209..347c764 100644
--- a/backend/prisma/schema.prisma
+++ b/backend/prisma/schema.prisma
@@ -7,13 +7,17 @@ generator client {
 
 datasource db {
   provider = "postgresql"
+  url      = env("DATABASE_URL")
 }
 
 model User {
-  id        String   @id @default(uuid())
-  email     String?  @unique
-  name      String?
-  createdAt DateTime @default(now())
+  id         String   @id @default(uuid())
+  email      String?  @unique
+  name       String?
+  password   String?  // For optional email/password admin auth
+  role       UserRole @default(USER)
+  telegramId String?  @unique
+  createdAt  DateTime @default(now())
 
   // Связи
   hostedRooms Room[]  @relation("HostedRooms")
@@ -39,7 +43,7 @@ model Room {
   allowSpectators Boolean @default(true)
   timerEnabled    Boolean @default(false)
   timerDuration   Int @default(30)
-  questionPackId  String
+  questionPackId  String?
   autoAdvance     Boolean @default(false)
 
   // Состояние игры
@@ -57,7 +61,7 @@ model Room {
   // Связи
   host          User @relation("HostedRooms", fields: [hostId], references: [id])
   participants  Participant[]
-  questionPack  QuestionPack @relation(fields: [questionPackId], references: [id])
+  questionPack  QuestionPack? @relation(fields: [questionPackId], references: [id])
   gameHistory   GameHistory?
 }
 
@@ -89,6 +93,11 @@ enum ParticipantRole {
   SPECTATOR
 }
 
+enum UserRole {
+  USER
+  ADMIN
+}
+
 model QuestionPack {
   id          String   @id @default(uuid())
   name        String
@@ -122,3 +131,23 @@ model GameHistory {
 
   room Room @relation(fields: [roomId], references: [id], onDelete: Cascade)
 }
+
+model AdminAuthCode {
+  id         String     @id @default(uuid())
+  code       String     @unique
+  telegramId String?
+  status     CodeStatus @default(PENDING)
+  createdAt  DateTime   @default(now())
+  expiresAt  DateTime
+  usedAt     DateTime?
+
+  @@index([code])
+  @@index([telegramId])
+}
+
+enum CodeStatus {
+  PENDING
+  CLAIMED
+  USED
+  EXPIRED
+}
diff --git a/backend/src/app.module.ts b/backend/src/app.module.ts
index 8b68448..58e2480 100644
--- a/backend/src/app.module.ts
+++ b/backend/src/app.module.ts
@@ -9,6 +9,7 @@ import { QuestionsModule } from './questions/questions.module';
 import { GameModule } from './game/game.module';
 import { StatsModule } from './stats/stats.module';
 import { VoiceModule } from './voice/voice.module';
+import { AdminModule } from './admin/admin.module';
 
 @Module({
   imports: [
@@ -20,6 +21,7 @@ import { VoiceModule } from './voice/voice.module';
     GameModule,
     StatsModule,
     VoiceModule,
+    AdminModule,
   ],
   controllers: [AppController],
   providers: [AppService],
diff --git a/backend/src/rooms/rooms.controller.ts b/backend/src/rooms/rooms.controller.ts
index f0db499..4c8f30e 100644
--- a/backend/src/rooms/rooms.controller.ts
+++ b/backend/src/rooms/rooms.controller.ts
@@ -1,4 +1,4 @@
-import { Controller, Post, Get, Body, Param } from '@nestjs/common';
+import { Controller, Post, Get, Body, Param, Patch } from '@nestjs/common';
 import { RoomsService } from './rooms.service';
 
 @Controller('rooms')
@@ -6,7 +6,7 @@ export class RoomsController {
   constructor(private roomsService: RoomsService) {}
 
   @Post()
-  async createRoom(@Body() dto: { hostId: string; questionPackId: string; settings?: any }) {
+  async createRoom(@Body() dto: { hostId: string; questionPackId?: string; settings?: any }) {
     return this.roomsService.createRoom(dto.hostId, dto.questionPackId, dto.settings);
   }
 
@@ -22,4 +22,12 @@ export class RoomsController {
   ) {
     return this.roomsService.joinRoom(roomId, dto.userId, dto.name, dto.role);
   }
+
+  @Patch(':roomId/question-pack')
+  async updateQuestionPack(
+    @Param('roomId') roomId: string,
+    @Body() dto: { questionPackId: string }
+  ) {
+    return this.roomsService.updateQuestionPack(roomId, dto.questionPackId);
+  }
 }
diff --git a/backend/src/rooms/rooms.service.ts b/backend/src/rooms/rooms.service.ts
index b44b143..1c01928 100644
--- a/backend/src/rooms/rooms.service.ts
+++ b/backend/src/rooms/rooms.service.ts
@@ -8,7 +8,7 @@ const nanoid = customAlphabet('ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789', 6);
 export class RoomsService {
   constructor(private prisma: PrismaService) {}
 
-  async createRoom(hostId: string, questionPackId: string, settings?: any) {
+  async createRoom(hostId: string, questionPackId?: string, settings?: any) {
     const code = nanoid();
     const expiresAt = new Date(Date.now() + 24 * 60 * 60 * 1000); // 24 hours
 
@@ -16,7 +16,7 @@ export class RoomsService {
       data: {
         code,
         hostId,
-        questionPackId,
+        questionPackId: questionPackId || null,
         expiresAt,
         ...settings,
       },
@@ -75,4 +75,22 @@ export class RoomsService {
       data: { score },
     });
   }
+
+  async updateQuestionPack(roomId: string, questionPackId: string) {
+    return this.prisma.room.update({
+      where: { id: roomId },
+      data: {
+        questionPackId,
+        currentQuestionIndex: 0,
+        revealedAnswers: {},
+      },
+      include: {
+        host: true,
+        participants: {
+          include: { user: true },
+        },
+        questionPack: true,
+      },
+    });
+  }
 }
diff --git a/package-lock.json b/package-lock.json
index 7bd553d..67a3f20 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "axios": "^1.13.2",
         "html2canvas": "^1.4.1",
+        "html5-qrcode": "^2.3.8",
         "jspdf": "^3.0.4",
         "qrcode": "^1.5.4",
         "react": "^18.2.0",
@@ -1848,6 +1849,12 @@
         "node": ">=8.0.0"
       }
     },
+    "node_modules/html5-qrcode": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/html5-qrcode/-/html5-qrcode-2.3.8.tgz",
+      "integrity": "sha512-jsr4vafJhwoLVEDW3n1KvPnCCXWaQfRng0/EEYk1vNcQGcG/htAdhJX0be8YyqMoSz7+hZvOZSTAepsabiuhiQ==",
+      "license": "Apache-2.0"
+    },
     "node_modules/iobuffer": {
       "version": "5.4.0",
       "resolved": "https://registry.npmjs.org/iobuffer/-/iobuffer-5.4.0.tgz",
diff --git a/package.json b/package.json
index a4153d1..9fc4d0f 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   "dependencies": {
     "axios": "^1.13.2",
     "html2canvas": "^1.4.1",
+    "html5-qrcode": "^2.3.8",
     "jspdf": "^3.0.4",
     "qrcode": "^1.5.4",
     "react": "^18.2.0",
diff --git a/src/components/QRModal.css b/src/components/QRModal.css
new file mode 100644
index 0000000..b9a6da5
--- /dev/null
+++ b/src/components/QRModal.css
@@ -0,0 +1,182 @@
+.qr-modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.7);
+  backdrop-filter: blur(5px);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+  padding: 20px;
+}
+
+.qr-modal-content {
+  background: rgba(20, 20, 30, 0.95);
+  backdrop-filter: blur(20px);
+  border-radius: 20px;
+  padding: clamp(20px, 3vh, 30px);
+  max-width: 500px;
+  width: 100%;
+  max-height: 90vh;
+  overflow-y: auto;
+  border: 2px solid rgba(255, 215, 0, 0.3);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
+  position: relative;
+}
+
+.qr-modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: clamp(15px, 2vh, 20px);
+}
+
+.qr-modal-title {
+  color: #ffd700;
+  font-size: clamp(1.3rem, 2.5vw, 1.8rem);
+  margin: 0;
+  text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
+}
+
+.qr-modal-close {
+  background: rgba(255, 107, 107, 0.2);
+  color: #ff6b6b;
+  border: 2px solid rgba(255, 107, 107, 0.5);
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  font-size: 2rem;
+  line-height: 1;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s ease;
+  flex-shrink: 0;
+}
+
+.qr-modal-close:hover {
+  background: rgba(255, 107, 107, 0.4);
+  border-color: #ff6b6b;
+  transform: scale(1.1);
+}
+
+.qr-modal-body {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20px;
+}
+
+.qr-modal-description {
+  color: rgba(255, 255, 255, 0.9);
+  text-align: center;
+  font-size: clamp(0.95rem, 2vw, 1.1rem);
+  line-height: 1.6;
+  margin: 0;
+}
+
+.qr-modal-image-container {
+  padding: 20px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 15px;
+  border: 2px solid rgba(255, 215, 0, 0.3);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.qr-modal-image {
+  width: 250px;
+  height: 250px;
+  max-width: 100%;
+  border-radius: 10px;
+}
+
+.qr-modal-code-info {
+  text-align: center;
+  padding: 15px 20px;
+  background: rgba(255, 215, 0, 0.1);
+  border-radius: 12px;
+  border: 2px solid rgba(255, 215, 0, 0.3);
+  width: 100%;
+}
+
+.qr-modal-code-label {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 0.9rem;
+  margin: 0 0 8px 0;
+}
+
+.qr-modal-code-value {
+  color: #ffd700;
+  font-size: 1.5rem;
+  font-weight: bold;
+  margin: 0;
+  text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
+  letter-spacing: 2px;
+}
+
+.qr-modal-url-info {
+  text-align: center;
+  width: 100%;
+}
+
+.qr-modal-url-label {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 0.9rem;
+  margin: 0 0 10px 0;
+}
+
+.qr-modal-url-link {
+  color: #4ecdc4;
+  font-size: 0.85rem;
+  word-break: break-all;
+  text-decoration: none;
+  display: inline-block;
+  padding: 8px 12px;
+  background: rgba(78, 205, 196, 0.1);
+  border-radius: 8px;
+  border: 1px solid rgba(78, 205, 196, 0.3);
+  transition: all 0.3s ease;
+}
+
+.qr-modal-url-link:hover {
+  background: rgba(78, 205, 196, 0.2);
+  border-color: #4ecdc4;
+  text-decoration: underline;
+}
+
+@media (max-width: 768px) {
+  .qr-modal-content {
+    padding: 20px;
+    max-height: 90vh;
+  }
+
+  .qr-modal-title {
+    font-size: 1.5rem;
+  }
+
+  .qr-modal-close {
+    width: 35px;
+    height: 35px;
+    font-size: 1.5rem;
+  }
+
+  .qr-modal-image {
+    width: 200px;
+    height: 200px;
+  }
+
+  .qr-modal-code-value {
+    font-size: 1.3rem;
+  }
+
+  .qr-modal-url-link {
+    font-size: 0.75rem;
+  }
+}
+
diff --git a/src/components/QRModal.jsx b/src/components/QRModal.jsx
new file mode 100644
index 0000000..0d404b0
--- /dev/null
+++ b/src/components/QRModal.jsx
@@ -0,0 +1,63 @@
+import React from 'react';
+import './QRModal.css';
+
+const QRModal = ({ isOpen, onClose, qrCode, roomCode }) => {
+  if (!isOpen) return null;
+
+  const handleBackdropClick = (e) => {
+    if (e.target === e.currentTarget) {
+      onClose();
+    }
+  };
+
+  // Используем абсолютный URL для работы из любого приложения
+  const origin = window.location.origin || 
+    `${window.location.protocol}//${window.location.host}`;
+  const joinUrl = `${origin}/join-room?code=${roomCode}`;
+
+  return (
+    <div className="qr-modal-backdrop" onClick={handleBackdropClick}>
+      <div className="qr-modal-content">
+        <div className="qr-modal-header">
+          <h2 className="qr-modal-title">QR-код для присоединения</h2>
+          <button className="qr-modal-close" onClick={onClose}>
+            ×
+          </button>
+        </div>
+        
+        <div className="qr-modal-body">
+          <p className="qr-modal-description">
+            Отсканируйте этот QR-код, чтобы быстро присоединиться к комнате. 
+            Игроки могут использовать камеру своего телефона для сканирования.
+          </p>
+          
+          {qrCode && (
+            <div className="qr-modal-image-container">
+              <img src={qrCode} alt="QR Code" className="qr-modal-image" />
+            </div>
+          )}
+          
+          <div className="qr-modal-code-info">
+            <p className="qr-modal-code-label">Код комнаты:</p>
+            <p className="qr-modal-code-value">{roomCode}</p>
+          </div>
+          
+          <div className="qr-modal-url-info">
+            <p className="qr-modal-url-label">Или перейдите по ссылке:</p>
+            <a 
+              href={joinUrl} 
+              className="qr-modal-url-link"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              {joinUrl}
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default QRModal;
+
diff --git a/src/index.css b/src/index.css
index f951967..f752061 100644
--- a/src/index.css
+++ b/src/index.css
@@ -70,6 +70,14 @@ body {
   align-items: center;
   justify-content: center;
   padding: 2rem;
+  position: relative;
+}
+
+.home-theme-switcher-wrapper {
+  position: absolute;
+  top: 2rem;
+  right: 2rem;
+  z-index: 10;
 }
 
 .home-container,
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index e282c13..14b8045 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -1,6 +1,7 @@
 import React, { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useAuth } from '../context/AuthContext';
+import ThemeSwitcher from '../components/ThemeSwitcher';
 
 const Home = () => {
   const navigate = useNavigate();
@@ -34,6 +35,9 @@ const Home = () => {
 
   return (
     <div className="home-page">
+      <div className="home-theme-switcher-wrapper">
+        <ThemeSwitcher />
+      </div>
       <div className="home-container">
         <h1>100 к 1</h1>
         <p className="welcome-text">
diff --git a/src/pages/JoinRoom.css b/src/pages/JoinRoom.css
new file mode 100644
index 0000000..2e03ec3
--- /dev/null
+++ b/src/pages/JoinRoom.css
@@ -0,0 +1,87 @@
+.join-room-divider {
+  display: flex;
+  align-items: center;
+  margin: 20px 0;
+  text-align: center;
+}
+
+.join-room-divider::before,
+.join-room-divider::after {
+  content: '';
+  flex: 1;
+  height: 1px;
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.join-room-divider span {
+  padding: 0 15px;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 0.9rem;
+}
+
+.qr-scanner-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20px;
+  width: 100%;
+}
+
+.qr-scanner-wrapper {
+  width: 100%;
+  max-width: 400px;
+  display: flex;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.05);
+  border-radius: 15px;
+  padding: 20px;
+  border: 2px solid rgba(255, 215, 0, 0.3);
+}
+
+.qr-reader {
+  width: 100%;
+  max-width: 350px;
+}
+
+.qr-reader video {
+  width: 100%;
+  border-radius: 10px;
+}
+
+.qr-reader #qr-shaded-region {
+  border-radius: 10px;
+}
+
+.qr-scan-error {
+  color: #ff6b6b;
+  text-align: center;
+  padding: 10px 15px;
+  background: rgba(255, 107, 107, 0.1);
+  border-radius: 8px;
+  border: 1px solid rgba(255, 107, 107, 0.3);
+  font-size: 0.9rem;
+  width: 100%;
+  max-width: 400px;
+}
+
+.qr-scanner-instructions {
+  text-align: center;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 1rem;
+}
+
+.qr-scanner-instructions p {
+  margin: 0;
+}
+
+@media (max-width: 768px) {
+  .qr-scanner-wrapper {
+    max-width: 100%;
+    padding: 15px;
+  }
+
+  .qr-reader {
+    max-width: 100%;
+  }
+}
+
diff --git a/src/pages/JoinRoom.jsx b/src/pages/JoinRoom.jsx
index fb7c844..8697eb3 100644
--- a/src/pages/JoinRoom.jsx
+++ b/src/pages/JoinRoom.jsx
@@ -1,9 +1,31 @@
-import React, { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import React, { useState, useEffect, useRef } from 'react';
+import { useNavigate, useSearchParams } from 'react-router-dom';
+import { Html5Qrcode } from 'html5-qrcode';
+import './JoinRoom.css';
 
 const JoinRoom = () => {
   const navigate = useNavigate();
+  const [searchParams] = useSearchParams();
   const [roomCode, setRoomCode] = useState('');
+  const [isScanning, setIsScanning] = useState(false);
+  const [scanError, setScanError] = useState('');
+  const html5QrCodeRef = useRef(null);
+
+  // Обработка параметра code из URL (для QR-кода)
+  useEffect(() => {
+    const codeFromUrl = searchParams.get('code');
+    if (codeFromUrl && codeFromUrl.length === 6) {
+      const normalizedCode = codeFromUrl.toUpperCase();
+      setRoomCode(normalizedCode);
+      // Автоматически переходим в комнату через небольшую задержку
+      // Это позволяет пользователю увидеть, что код был распознан
+      const timer = setTimeout(() => {
+        navigate(`/room/${normalizedCode}`, { replace: true });
+      }, 500);
+      
+      return () => clearTimeout(timer);
+    }
+  }, [searchParams, navigate]);
 
   const handleJoin = () => {
     if (roomCode.trim().length === 6) {
@@ -19,34 +41,154 @@ const JoinRoom = () => {
     }
   };
 
+  const startScanning = async () => {
+    try {
+      setScanError('');
+      setIsScanning(true);
+      
+      const html5QrCode = new Html5Qrcode('qr-reader');
+      html5QrCodeRef.current = html5QrCode;
+
+      await html5QrCode.start(
+        { facingMode: 'environment' },
+        {
+          fps: 10,
+          qrbox: { width: 250, height: 250 },
+        },
+        (decodedText) => {
+          try {
+            let code = null;
+            
+            // Проверяем, что это ссылка на join-room с кодом
+            try {
+              // Пытаемся создать URL (может быть абсолютным или относительным)
+              let url;
+              if (decodedText.startsWith('http://') || decodedText.startsWith('https://')) {
+                url = new URL(decodedText);
+              } else if (decodedText.startsWith('/')) {
+                // Относительный URL - создаем на основе текущего origin
+                url = new URL(decodedText, window.location.origin);
+              } else {
+                // Не URL, возможно просто код
+                throw new Error('Not a URL');
+              }
+              
+              if (url.pathname === '/join-room' || url.pathname.endsWith('/join-room')) {
+                code = url.searchParams.get('code');
+              }
+            } catch (urlError) {
+              // Если это не валидный URL, проверяем, не является ли это просто кодом
+            }
+            
+            // Если нашли код в URL или это просто код комнаты (6 символов)
+            if (code && code.length === 6) {
+              stopScanning();
+              navigate(`/room/${code.toUpperCase()}`, { replace: true });
+            } else if (decodedText.length === 6 && /^[A-Z0-9]{6}$/i.test(decodedText)) {
+              stopScanning();
+              navigate(`/room/${decodedText.toUpperCase()}`, { replace: true });
+            } else {
+              setScanError('Неверный QR-код. Отсканируйте QR-код комнаты.');
+            }
+          } catch (err) {
+            setScanError('Ошибка обработки QR-кода');
+          }
+        },
+        (errorMessage) => {
+          // Игнорируем ошибки сканирования (они происходят постоянно)
+        }
+      );
+    } catch (err) {
+      setScanError('Не удалось запустить камеру. Проверьте разрешения.');
+      setIsScanning(false);
+    }
+  };
+
+  const stopScanning = () => {
+    if (html5QrCodeRef.current) {
+      html5QrCodeRef.current
+        .stop()
+        .then(() => {
+          html5QrCodeRef.current.clear();
+          html5QrCodeRef.current = null;
+          setIsScanning(false);
+          setScanError('');
+        })
+        .catch((err) => {
+          console.error('Ошибка остановки сканера:', err);
+          setIsScanning(false);
+        });
+    }
+  };
+
+  // Очистка при размонтировании
+  useEffect(() => {
+    return () => {
+      if (html5QrCodeRef.current) {
+        html5QrCodeRef.current.stop().catch(() => {});
+      }
+    };
+  }, []);
+
   return (
     <div className="join-room-page">
       <div className="join-room-container">
         <h1>Присоединиться к комнате</h1>
 
-        <div className="form-group">
-          <label>Код комнаты:</label>
-          <input
-            type="text"
-            value={roomCode}
-            onChange={(e) => setRoomCode(e.target.value.toUpperCase())}
-            onKeyPress={handleKeyPress}
-            placeholder="Введите код"
-            maxLength={6}
-            autoFocus
-          />
-        </div>
+        {!isScanning ? (
+          <>
+            <div className="form-group">
+              <label>Код комнаты:</label>
+              <input
+                type="text"
+                value={roomCode}
+                onChange={(e) => setRoomCode(e.target.value.toUpperCase())}
+                onKeyPress={handleKeyPress}
+                placeholder="Введите код"
+                maxLength={6}
+                autoFocus
+              />
+            </div>
 
-        <div className="button-group">
-          <button
-            onClick={handleJoin}
-            disabled={roomCode.trim().length !== 6}
-            className="primary"
-          >
-            Присоединиться
-          </button>
-          <button onClick={() => navigate('/')}>Назад</button>
-        </div>
+            <div className="join-room-divider">
+              <span>или</span>
+            </div>
+
+            <div className="button-group">
+              <button
+                onClick={startScanning}
+                className="secondary"
+              >
+                Сканировать QR-код
+              </button>
+              <button
+                onClick={handleJoin}
+                disabled={roomCode.trim().length !== 6}
+                className="primary"
+              >
+                Присоединиться
+              </button>
+              <button onClick={() => navigate('/')}>Назад</button>
+            </div>
+          </>
+        ) : (
+          <div className="qr-scanner-container">
+            <div className="qr-scanner-wrapper">
+              <div id="qr-reader" className="qr-reader"></div>
+            </div>
+            {scanError && (
+              <div className="qr-scan-error">{scanError}</div>
+            )}
+            <div className="qr-scanner-instructions">
+              <p>Наведите камеру на QR-код комнаты</p>
+            </div>
+            <div className="button-group">
+              <button onClick={stopScanning} className="secondary">
+                Отменить сканирование
+              </button>
+            </div>
+          </div>
+        )}
       </div>
     </div>
   );
diff --git a/src/pages/RoomPage.jsx b/src/pages/RoomPage.jsx
index cd6dcb9..5a32253 100644
--- a/src/pages/RoomPage.jsx
+++ b/src/pages/RoomPage.jsx
@@ -3,6 +3,7 @@ import { useParams, useNavigate } from 'react-router-dom';
 import { useAuth } from '../context/AuthContext';
 import { useRoom } from '../hooks/useRoom';
 import QRCode from 'qrcode';
+import QRModal from '../components/QRModal';
 
 const RoomPage = () => {
   const { roomCode } = useParams();
@@ -11,12 +12,21 @@ const RoomPage = () => {
   const { room, participants, loading, error, joinRoom, startGame } = useRoom(roomCode);
   const [qrCode, setQrCode] = useState('');
   const [joined, setJoined] = useState(false);
+  const [isQRModalOpen, setIsQRModalOpen] = useState(false);
 
   useEffect(() => {
     const generateQR = async () => {
       try {
-        const url = `${window.location.origin}/join-room?code=${roomCode}`;
-        const qr = await QRCode.toDataURL(url);
+        // Используем абсолютный URL с протоколом для работы из любого приложения
+        const origin = window.location.origin || 
+          `${window.location.protocol}//${window.location.host}`;
+        const url = `${origin}/join-room?code=${roomCode}`;
+        const qr = await QRCode.toDataURL(url, {
+          errorCorrectionLevel: 'M',
+          type: 'image/png',
+          quality: 0.92,
+          margin: 1,
+        });
         setQrCode(qr);
       } catch (err) {
         console.error('QR generation error:', err);
@@ -88,13 +98,6 @@ const RoomPage = () => {
           <p>Игроков: {participants.length}/{room.maxPlayers}</p>
         </div>
 
-        {qrCode && (
-          <div className="qr-code">
-            <h3>QR-код для присоединения:</h3>
-            <img src={qrCode} alt="QR Code" />
-          </div>
-        )}
-
         <div className="participants-list">
           <h3>Участники:</h3>
           <ul>
@@ -108,6 +111,12 @@ const RoomPage = () => {
         </div>
 
         <div className="button-group">
+          <button
+            onClick={() => setIsQRModalOpen(true)}
+            className="secondary"
+          >
+            Показать QR-код
+          </button>
           {isHost && room.status === 'WAITING' && (
             <button
               onClick={handleStartGame}
@@ -120,6 +129,13 @@ const RoomPage = () => {
           <button onClick={() => navigate('/')}>Покинуть комнату</button>
         </div>
       </div>
+      
+      <QRModal
+        isOpen={isQRModalOpen}
+        onClose={() => setIsQRModalOpen(false)}
+        qrCode={qrCode}
+        roomCode={roomCode}
+      />
     </div>
   );
 };