diff --git a/.env.example b/.env.example
deleted file mode 100644
index 37712f0..0000000
--- a/.env.example
+++ /dev/null
@@ -1,13 +0,0 @@
-VITE_API_URL=http://localhost:8080
-VITE_BASE_URL=http://localhost:3000
-
-VITE_REVERB_APP_ID=
-VITE_REVERB_APP_KEY=
-VITE_REVERB_APP_SECRET=
-VITE_REVERB_HOST="localhost"
-VITE_REVERB_PORT=8080
-VITE_REVERB_SCHEME=http
-VITE_REVERB_ACTIVE=false
-
-APP_PORT=3000
-
diff --git a/.gitignore b/.gitignore
index 8ef7218..50c8dda 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,9 +11,6 @@ node_modules
 dist
 dist-ssr
 *.local
-.env
-colors.css
-notes.md
 
 # Editor directories and files
 .vscode/*
@@ -25,3 +22,5 @@ notes.md
 *.njsproj
 *.sln
 *.sw?
+
+.env
diff --git a/README.md b/README.md
index 1511959..33895ab 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
-# Vue 3 + Vite
+# Vue 3 + TypeScript + Vite
 
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 
-Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
diff --git a/agent.md b/agent.md
deleted file mode 100644
index 9b02518..0000000
--- a/agent.md
+++ /dev/null
@@ -1,200 +0,0 @@
-# Prompt: Generador de Módulos CRUD siguiendo la Estructura de Users
-
-Eres un agente especializado en crear módulos CRUD completos para aplicaciones Vue 3 + Composition API siguiendo la estructura establecida en el módulo Users como referencia.
-
-## 🏗️ ESTRUCTURA OBLIGATORIA
-
-Cada módulo debe seguir exactamente esta estructura de archivos:
-
-```
-ModuleName/
-├── Index.vue          # Vista principal con listado paginado
-├── Create.vue         # Formulario de creación
-├── Edit.vue           # Formulario de edición
-├── Form.vue           # Componente de formulario compartido
-├── Settings.vue       # Configuraciones (si aplica)
-├── Module.js          # Utilidades centralizadas del módulo
-├── Modals/
-│   └── Show.vue       # Modal para mostrar detalles
-└── [OtrosArchivos].vue # Archivos específicos del módulo
-```
-
-## 📋 ESPECIFICACIONES TÉCNICAS
-
-### 1. **Module.js - Archivo Central** (OBLIGATORIO)
-```javascript
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`admin.{module}.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ 
-    name: `admin.{module}.${name}`, params, query 
-})
-
-// Obtener traducción del componente
-const transl = (str) => lang(`{module}.${str}`)
-
-// Control de permisos
-const can = (permission) => hasPermission(`{module}.${permission}`)
-
-export { can, viewTo, apiTo, transl }
-```
-
-### 2. **Index.vue - Vista Principal** (OBLIGATORIO)
-Debe incluir:
-- ✅ `useSearcher` para búsqueda paginada
-- ✅ `SearcherHead` con título y botones de acción
-- ✅ `Table` component con templates: `#head`, `#body`, `#empty`
-- ✅ Modales para `Show` y `Destroy`
-- ✅ Control de permisos para cada acción (`can()`)
-- ✅ Acciones estándar: Ver, Editar, Eliminar, Settings (si aplica)
-
-### 3. **Create.vue - Creación** (OBLIGATORIO)
-```javascript
-// Estructura mínima:
-const form = useForm({
-    // campos del formulario
-});
-
-function submit() {
-    form.post(apiTo('store'), {
-        onSuccess: () => {
-            Notify.success(Lang('register.create.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-```
-
-### 4. **Edit.vue - Edición** (OBLIGATORIO)
-```javascript
-// Estructura mínima:
-const form = useForm({
-    id: null,
-    // otros campos
-});
-
-function submit() {
-    form.put(apiTo('update', { [resource]: form.id }), {
-        onSuccess: () => {
-            Notify.success(Lang('register.edit.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        },
-    })
-}
-
-onMounted(() => {
-    api.get(apiTo('show', { [resource]: vroute.params.id }), {
-        onSuccess: (r) => form.fill(r.[resource])
-    });
-})
-```
-
-### 5. **Form.vue - Formulario Compartido** (OBLIGATORIO)
-- ✅ Props: `action` (create/update), `form` (objeto de formulario)
-- ✅ Emit: `submit` evento
-- ✅ Grid responsive: `grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`
-- ✅ Descripción dinámica: `transl(\`\${action}.description\`)`
-- ✅ Slot para campos adicionales
-- ✅ Botón de submit con estado de carga
-
-### 6. **Modals/Show.vue** (OBLIGATORIO)
-- ✅ `ShowModal` base component
-- ✅ `defineExpose({ open: (data) => {...} })`
-- ✅ Header con información principal
-- ✅ Detalles organizados con iconos
-- ✅ Enlaces de contacto (email, teléfono)
-- ✅ Fechas formateadas con `getDateTime`
-
-## 🎨 PATRONES DE DISEÑO OBLIGATORIOS
-
-### **Imports Estándar**
-```javascript
-// Vue
-import { onMounted, ref } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-
-// Services
-import { api, useForm, useSearcher } from '@Services/Api';
-
-// Module
-import { apiTo, transl, viewTo, can } from './Module';
-
-// Components
-import IconButton from '@Holos/Button/Icon.vue'
-import PageHeader from '@Holos/PageHeader.vue';
-```
-
-### **Control de Permisos**
-```html
-<!-- Siempre usar can() del módulo -->
-<RouterLink v-if="can('create')" :to="viewTo({ name: 'create' })">
-<IconButton v-if="can('destroy')" @click="destroyModal.open(model)">
-```
-
-### **Navegación Consistente**
-```html
-<!-- Header con botón de retorno -->
-<PageHeader :title="transl('create.title')">
-    <RouterLink :to="viewTo({ name: 'index' })">
-        <IconButton icon="arrow_back" :title="$t('return')" filled />
-    </RouterLink>
-</PageHeader>
-```
-
-### **Grid Responsive**
-```html
-<!-- Formularios siempre con esta estructura -->
-<form class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-```
-
-## 🔧 COMPONENTES REUTILIZABLES OBLIGATORIOS
-
-### **De @Holos:**
-- `Button/Icon.vue`, `Button/Primary.vue`
-- `Form/Input.vue`, `Form/Selectable.vue` 
-- `Modal/Template/Destroy.vue`, `Modal/Show.vue`
-- `PageHeader.vue`, `Searcher.vue`, `Table.vue`
-- `FormSection.vue`, `SectionBorder.vue`
-
-### **De @Services:**
-- `useForm`, `useSearcher`, `api`
-
-### **De @Plugins:**
-- `hasPermission`, sistema de roles
-
-## 📝 INSTRUCCIONES PARA EL AGENTE
-
-Cuando se te solicite crear un módulo:
-
-1. **PREGUNTA PRIMERO:**
-   - Nombre del módulo
-   - Campos principales del formulario
-   - Relaciones con otros módulos
-   - Permisos específicos necesarios
-   - Si requiere configuraciones especiales
-
-2. **GENERA SIEMPRE:**
-   - Todos los archivos de la estructura obligatoria
-   - Module.js con las 4 funciones principales
-   - Permisos específicos del módulo
-   - Traducciones básicas necesarias
-
-3. **RESPETA SIEMPRE:**
-   - Los patrones de naming
-   - La estructura de componentes
-   - Los imports estándar
-   - El sistema de permisos
-   - La navegación consistente
-
-4. **VALIDA QUE:**
-   - Todos los archivos tengan la estructura correcta
-   - Los permisos estén implementados
-   - Las rutas sean consistentes
-   - Los formularios tengan validación
-   - Los modales funcionen correctamente
-
-¿Entendido? Responde "ESTRUCTURA CONFIRMADA" y luego solicita los detalles del módulo que debo crear.
\ No newline at end of file
diff --git a/colors.css.example b/colors.css.example
deleted file mode 100644
index 449a831..0000000
--- a/colors.css.example
+++ /dev/null
@@ -1,34 +0,0 @@
-@theme {
-    --color-page: #fff;
-    --color-page-t: #000;
-    --color-page-d: #292524;
-    --color-page-dt: #fff;
-    --color-primary: #374151;
-    --color-primary-t: #fff;
-    --color-primary-d: #1c1917;
-    --color-primary-dt: #fff;
-    --color-secondary: #3b82f6;
-    --color-secondary-t: #fff;
-    --color-secondary-d: #312e81;
-    --color-secondary-dt: #fff;
-    --color-primary-info: #06b6d4;
-    --color-primary-info-t: #fff;
-    --color-primary-info-d: #06b6d4;
-    --color-primary-info-dt: #fff;
-    --color-secondary-info: #06b6d4;
-    --color-secondary-info-t: #fff;
-    --color-secondary-info-d: #06b6d4;
-    --color-secondary-info-dt: #fff;
-    --color-success: #22c55e;
-    --color-success-t: #fff;
-    --color-success-d: #22c55e;
-    --color-success-dt: #fff;
-    --color-danger: #ef4444;
-    --color-danger-t: #fff;
-    --color-danger-d: #ef4444;
-    --color-danger-dt: #fecaca;
-    --color-warning: #eab308;
-    --color-warning-t: #fff;
-    --color-warning-d: #eab308;
-    --color-warning-dt: #fff;
-}
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
deleted file mode 100644
index 25c89cd..0000000
--- a/docker-compose.yml
+++ /dev/null
@@ -1,19 +0,0 @@
-services:
-  gols-frontend-v1:
-    build:
-      context: .
-      dockerfile: dockerfile
-    ports:
-      - "${APP_PORT}:5173"
-    volumes:
-      - .:/var/www/gols-frontend-v1
-      - frontend-v1:/var/www/gols-frontend-v1/node_modules
-    networks:
-      - gols-network
-    mem_limit: 512m
-volumes:
-  frontend-v1:
-    driver: local
-networks:
-  gols-network:
-    driver: bridge
\ No newline at end of file
diff --git a/dockerfile b/dockerfile
deleted file mode 100644
index 9132f7f..0000000
--- a/dockerfile
+++ /dev/null
@@ -1,17 +0,0 @@
-FROM node:22-alpine AS build
-
-WORKDIR /var/www/gols-frontend-v1
-
-COPY install.sh /usr/local/bin/install.sh
-RUN chmod +x /usr/local/bin/install.sh
-
-COPY package*.json ./
-
-RUN npm install
-
-COPY . .
-
-EXPOSE 3000
-
-ENTRYPOINT ["sh","/usr/local/bin/install.sh"]
-CMD ["npm", "run", "dev", "--", "--host", "0.0.0.0"]
diff --git a/index.html b/index.html
index 0749d22..44d5cd3 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,13 @@
 <!doctype html>
-<html id="main-page" lang="es">
+<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>Holos</title>
+    <title>golscontros-frontend-v1</title>
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/index.js"></script>
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
- 
\ No newline at end of file
diff --git a/install.sh b/install.sh
deleted file mode 100755
index b40edd2..0000000
--- a/install.sh
+++ /dev/null
@@ -1,13 +0,0 @@
-#! /bin/bash
-
-if [ ! -f .env ]; then
-  cp .env.example .env
-fi
-
-if [ ! -f colors.css ]; then
-  cp colors.css.example colors.css
-fi
-
-exec "$@"
-
-echo "Done!"
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 1111854..c432b40 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,68 +1,22 @@
 {
-  "name": "notsoweb.frontend",
-  "version": "0.9.12",
+  "name": "golscontros-frontend-v1",
+  "version": "0.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "notsoweb.frontend",
-      "version": "0.9.12",
+      "name": "golscontros-frontend-v1",
+      "version": "0.0.0",
       "dependencies": {
-        "@popperjs/core": "^2.11.8",
-        "@primeuix/themes": "^1.2.5",
-        "@tailwindcss/postcss": "^4.0.9",
-        "@tailwindcss/vite": "^4.0.9",
-        "@vitejs/plugin-vue": "^5.2.1",
-        "@vuepic/vue-datepicker": "^11.0.2",
-        "apexcharts": "^5.3.5",
-        "axios": "^1.8.1",
-        "laravel-echo": "^2.0.2",
-        "luxon": "^3.5.0",
-        "material-symbols": "^0.36.2",
-        "pdf-lib": "^1.17.1",
-        "pinia": "^3.0.1",
-        "primevue": "^4.4.1",
-        "pusher-js": "^8.4.0",
-        "tailwindcss": "^4.0",
-        "toastr": "^2.1.4",
-        "uuid": "^11.1.0",
-        "v-calendar": "^3.1.2",
-        "vite": "^6.2.0",
-        "vue": "^3.5.13",
-        "vue-i18n": "^11.1.1",
-        "vue-multiselect": "^3.2.0",
-        "vue-router": "^4.5.0",
-        "vue3-apexcharts": "^1.8.0",
-        "ziggy-js": "^2.5.2"
+        "vue": "^3.5.22"
       },
       "devDependencies": {
-        "autoprefixer": "^10.4.20",
-        "vite-plugin-html": "^3.2.2"
-      }
-    },
-    "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/@ampproject/remapping": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
-      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
+        "@types/node": "^24.6.0",
+        "@vitejs/plugin-vue": "^6.0.1",
+        "@vue/tsconfig": "^0.8.1",
+        "typescript": "~5.9.3",
+        "vite": "^7.1.7",
+        "vue-tsc": "^3.1.0"
       }
     },
     "node_modules/@babel/helper-string-parser": {
@@ -75,21 +29,21 @@
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
-      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz",
-      "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.28.0"
+        "@babel/types": "^7.28.5"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -98,35 +52,27 @@
         "node": ">=6.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==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/types": {
-      "version": "7.28.1",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.1.tgz",
-      "integrity": "sha512-x0LvFTekgSX+83TI28Y9wYPUfzrnl2aT5+5QLnO6v7mSJYtEEevuDRN0F0uSHRk1G1IWZC43o00Y0xDDrpBGPQ==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1"
+        "@babel/helper-validator-identifier": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.6.tgz",
-      "integrity": "sha512-ShbM/3XxwuxjFiuVBHA+d3j5dyac0aEVVq1oluIDf71hUw0aRF59dV/efUsIwFnR6m8JNM2FjZOzmaZ8yG61kw==",
+      "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": [
@@ -137,12 +83,13 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.6.tgz",
-      "integrity": "sha512-S8ToEOVfg++AU/bHwdksHNnyLyVM+eMVAOf6yRKFitnwnbwwPNqKr3srzFRe7nzV69RQKb5DgchIX5pt3L53xg==",
+      "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": [
@@ -153,12 +100,13 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.6.tgz",
-      "integrity": "sha512-hd5zdUarsK6strW+3Wxi5qWws+rJhCCbMiC9QZyzoxfk5uHRIE8T287giQxzVpEvCwuJ9Qjg6bEjcRJcgfLqoA==",
+      "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": [
@@ -169,12 +117,13 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.6.tgz",
-      "integrity": "sha512-0Z7KpHSr3VBIO9A/1wcT3NTy7EB4oNC4upJ5ye3R7taCc2GUdeynSLArnon5G8scPwaU866d3H4BCrE5xLW25A==",
+      "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": [
@@ -185,12 +134,13 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.6.tgz",
-      "integrity": "sha512-FFCssz3XBavjxcFxKsGy2DYK5VSvJqa6y5HXljKzhRZ87LvEi13brPrf/wdyl/BbpbMKJNOr1Sd0jtW4Ge1pAA==",
+      "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": [
@@ -201,12 +151,13 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.6.tgz",
-      "integrity": "sha512-GfXs5kry/TkGM2vKqK2oyiLFygJRqKVhawu3+DOCk7OxLy/6jYkWXhlHwOoTb0WqGnWGAS7sooxbZowy+pK9Yg==",
+      "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": [
@@ -217,12 +168,13 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.6.tgz",
-      "integrity": "sha512-aoLF2c3OvDn2XDTRvn8hN6DRzVVpDlj2B/F66clWd/FHLiHaG3aVZjxQX2DYphA5y/evbdGvC6Us13tvyt4pWg==",
+      "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": [
@@ -233,12 +185,13 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.6.tgz",
-      "integrity": "sha512-2SkqTjTSo2dYi/jzFbU9Plt1vk0+nNg8YC8rOXXea+iA3hfNJWebKYPs3xnOUf9+ZWhKAaxnQNUf2X9LOpeiMQ==",
+      "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": [
@@ -249,12 +202,13 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.6.tgz",
-      "integrity": "sha512-SZHQlzvqv4Du5PrKE2faN0qlbsaW/3QQfUUc6yO2EjFcA83xnwm91UbEEVx4ApZ9Z5oG8Bxz4qPE+HFwtVcfyw==",
+      "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": [
@@ -265,12 +219,13 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.6.tgz",
-      "integrity": "sha512-b967hU0gqKd9Drsh/UuAm21Khpoh6mPBSgz8mKRq4P5mVK8bpA+hQzmm/ZwGVULSNBzKdZPQBRT3+WuVavcWsQ==",
+      "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": [
@@ -281,12 +236,13 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.6.tgz",
-      "integrity": "sha512-aHWdQ2AAltRkLPOsKdi3xv0mZ8fUGPdlKEjIEhxCPm5yKEThcUjHpWB1idN74lfXGnZ5SULQSgtr5Qos5B0bPw==",
+      "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": [
@@ -297,12 +253,13 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.6.tgz",
-      "integrity": "sha512-VgKCsHdXRSQ7E1+QXGdRPlQ/e08bN6WMQb27/TMfV+vPjjTImuT9PmLXupRlC90S1JeNNW5lzkAEO/McKeJ2yg==",
+      "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": [
@@ -313,12 +270,13 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.6.tgz",
-      "integrity": "sha512-WViNlpivRKT9/py3kCmkHnn44GkGXVdXfdc4drNmRl15zVQ2+D2uFwdlGh6IuK5AAnGTo2qPB1Djppj+t78rzw==",
+      "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": [
@@ -329,12 +287,13 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.6.tgz",
-      "integrity": "sha512-wyYKZ9NTdmAMb5730I38lBqVu6cKl4ZfYXIs31Baf8aoOtB4xSGi3THmDYt4BTFHk7/EcVixkOV2uZfwU3Q2Jw==",
+      "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": [
@@ -345,12 +304,13 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.6.tgz",
-      "integrity": "sha512-KZh7bAGGcrinEj4qzilJ4hqTY3Dg2U82c8bv+e1xqNqZCrCyc+TL9AUEn5WGKDzm3CfC5RODE/qc96OcbIe33w==",
+      "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": [
@@ -361,12 +321,13 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.6.tgz",
-      "integrity": "sha512-9N1LsTwAuE9oj6lHMyyAM+ucxGiVnEqUdp4v7IaMmrwb06ZTEVCIs3oPPplVsnjPfyjmxwHxHMF8b6vzUVAUGw==",
+      "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": [
@@ -377,12 +338,13 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.6.tgz",
-      "integrity": "sha512-A6bJB41b4lKFWRKNrWoP2LHsjVzNiaurf7wyj/XtFNTsnPuxwEBWHLty+ZE0dWBKuSK1fvKgrKaNjBS7qbFKig==",
+      "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": [
@@ -393,12 +355,13 @@
       }
     },
     "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.6.tgz",
-      "integrity": "sha512-IjA+DcwoVpjEvyxZddDqBY+uJ2Snc6duLpjmkXm/v4xuS3H+3FkLZlDm9ZsAbF9rsfP3zeA0/ArNDORZgrxR/Q==",
+      "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": [
@@ -409,12 +372,13 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.6.tgz",
-      "integrity": "sha512-dUXuZr5WenIDlMHdMkvDc1FAu4xdWixTCRgP7RQLBOkkGgwuuzaGSYcOpW4jFxzpzL1ejb8yF620UxAqnBrR9g==",
+      "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": [
@@ -425,12 +389,13 @@
       }
     },
     "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.6.tgz",
-      "integrity": "sha512-l8ZCvXP0tbTJ3iaqdNf3pjaOSd5ex/e6/omLIQCVBLmHTlfXW3zAxQ4fnDmPLOB1x9xrcSi/xtCWFwCZRIaEwg==",
+      "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": [
@@ -441,12 +406,13 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.6.tgz",
-      "integrity": "sha512-hKrmDa0aOFOr71KQ/19JC7az1P0GWtCN1t2ahYAf4O007DHZt/dW8ym5+CUdJhQ/qkZmI1HAF8KkJbEFtCL7gw==",
+      "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": [
@@ -457,12 +423,13 @@
       }
     },
     "node_modules/@esbuild/openharmony-arm64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.6.tgz",
-      "integrity": "sha512-+SqBcAWoB1fYKmpWoQP4pGtx+pUUC//RNYhFdbcSA16617cchuryuhOCRpPsjCblKukAckWsV+aQ3UKT/RMPcA==",
+      "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": [
@@ -473,12 +440,13 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.6.tgz",
-      "integrity": "sha512-dyCGxv1/Br7MiSC42qinGL8KkG4kX0pEsdb0+TKhmJZgCUDBGmyo1/ArCjNGiOLiIAgdbWgmWgib4HoCi5t7kA==",
+      "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": [
@@ -489,12 +457,13 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.6.tgz",
-      "integrity": "sha512-42QOgcZeZOvXfsCBJF5Afw73t4veOId//XD3i+/9gSkhSV6Gk3VPlWncctI+JcOyERv85FUo7RxuxGy+z8A43Q==",
+      "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": [
@@ -505,12 +474,13 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.6.tgz",
-      "integrity": "sha512-4AWhgXmDuYN7rJI6ORB+uU9DHLq/erBbuMoAuB4VWJTu5KtCgcKYPynF0YI1VkBNuEfjNlLrFr9KZPJzrtLkrQ==",
+      "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": [
@@ -521,12 +491,13 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.6.tgz",
-      "integrity": "sha512-NgJPHHbEpLQgDH2MjQu90pzW/5vvXIZ7KOnPyNBm92A6WgZ/7b6fJyUBjoumLqeOQQGqY2QjQxRo97ah4Sj0cA==",
+      "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": [
@@ -536,276 +507,27 @@
         "node": ">=18"
       }
     },
-    "node_modules/@intlify/core-base": {
-      "version": "11.1.9",
-      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-11.1.9.tgz",
-      "integrity": "sha512-Lrdi4wp3XnGhWmB/mMD/XtfGUw1Jt+PGpZI/M63X1ZqhTDjNHRVCs/i8vv8U1cwaj1A9fb0bkCQHLSL0SK+pIQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/message-compiler": "11.1.9",
-        "@intlify/shared": "11.1.9"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      }
-    },
-    "node_modules/@intlify/message-compiler": {
-      "version": "11.1.9",
-      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-11.1.9.tgz",
-      "integrity": "sha512-84SNs3Ikjg0rD1bOuchzb3iK1vR2/8nxrkyccIl5DjFTeMzE/Fxv6X+A7RN5ZXjEWelc1p5D4kHA6HEOhlKL5Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@intlify/shared": "11.1.9",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      }
-    },
-    "node_modules/@intlify/shared": {
-      "version": "11.1.9",
-      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-11.1.9.tgz",
-      "integrity": "sha512-H/83xgU1l8ox+qG305p6ucmoy93qyjIPnvxGWRA7YdOoHe1tIiW9IlEu4lTdsOR7cfP1ecrwyflQSqXdXBacXA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      }
-    },
-    "node_modules/@isaacs/fs-minipass": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
-      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^7.0.4"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.12",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
-      "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@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/source-map": {
-      "version": "0.3.10",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.10.tgz",
-      "integrity": "sha512-0pPkgz9dY+bijgistcTTJ5mR+ocqRXLuhXHYdzoMmmoJ2C9S46RCm2GMUbatPEUK9Yjy26IrAy8D/M00lLkv+Q==",
-      "devOptional": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25"
-      }
-    },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz",
-      "integrity": "sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==",
+      "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.29",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz",
-      "integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==",
-      "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==",
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.29",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.29.tgz",
+      "integrity": "sha512-NIJgOsMjbxAXvoGq/X0gD7VPMQ8j9g0BiDaNjVNVjvl+iKXxL3Jre0v31RmBYeLEmkbj2s02v8vFTbUXi5XS2Q==",
       "dev": true,
-      "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==",
-      "dev": true,
-      "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==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@pdf-lib/standard-fonts": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@pdf-lib/standard-fonts/-/standard-fonts-1.0.0.tgz",
-      "integrity": "sha512-hU30BK9IUN/su0Mn9VdlVKsWBS6GyhVfqjwl1FjZN4TxP6cCw0jP2w7V3Hf5uX7M0AZJ16vey9yE0ny7Sa59ZA==",
-      "license": "MIT",
-      "dependencies": {
-        "pako": "^1.0.6"
-      }
-    },
-    "node_modules/@pdf-lib/upng": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@pdf-lib/upng/-/upng-1.0.1.tgz",
-      "integrity": "sha512-dQK2FUMQtowVP00mtIksrlZhdFXQZPC+taih1q4CvPZ5vqdxR/LKBaFg0oAfzd1GlHZXXSPdQfzQnt+ViGvEIQ==",
-      "license": "MIT",
-      "dependencies": {
-        "pako": "^1.0.10"
-      }
-    },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "license": "MIT",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
-    "node_modules/@primeuix/styled": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.7.4.tgz",
-      "integrity": "sha512-QSO/NpOQg8e9BONWRBx9y8VGMCMYz0J/uKfNJEya/RGEu7ARx0oYW0ugI1N3/KB1AAvyGxzKBzGImbwg0KUiOQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@primeuix/utils": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=12.11.0"
-      }
-    },
-    "node_modules/@primeuix/styles": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/@primeuix/styles/-/styles-1.2.5.tgz",
-      "integrity": "sha512-nypFRct/oaaBZqP4jinT0puW8ZIfs4u+l/vqUFmJEPU332fl5ePj6DoOpQgTLzo3OfmvSmz5a5/5b4OJJmmi7Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@primeuix/styled": "^0.7.3"
-      }
-    },
-    "node_modules/@primeuix/themes": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/@primeuix/themes/-/themes-1.2.5.tgz",
-      "integrity": "sha512-n3YkwJrHQaEESc/D/A/iD815sxp8cKnmzscA6a8Tm8YvMtYU32eCahwLLe6h5rywghVwxASWuG36XBgISYOIjQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@primeuix/styled": "^0.7.3"
-      }
-    },
-    "node_modules/@primeuix/utils": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.6.1.tgz",
-      "integrity": "sha512-tQL/ZOPgCdD+NTimlUmhyD0ey8J1XmpZE4hDHM+/fnuBicVVmlKOd5HpS748LcOVRUKbWjmEPdHX4hi5XZoC1Q==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.11.0"
-      }
-    },
-    "node_modules/@primevue/core": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@primevue/core/-/core-4.4.1.tgz",
-      "integrity": "sha512-RG56iDKIJT//EtntjQzOiWOHZZJczw/qWWtdL5vFvw8/QDS9DPKn8HLpXK7N5Le6KK1MLXUsxoiGTZK+poUFUg==",
-      "license": "MIT",
-      "dependencies": {
-        "@primeuix/styled": "^0.7.4",
-        "@primeuix/utils": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=12.11.0"
-      },
-      "peerDependencies": {
-        "vue": "^3.5.0"
-      }
-    },
-    "node_modules/@primevue/icons": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@primevue/icons/-/icons-4.4.1.tgz",
-      "integrity": "sha512-UfDimrIjVdY6EziwieyV4zPKzW6mnKHKhy4Dgyjv2oI6pNeuim+onbJo1ce22PEGXW78vfblG/3/JIzVHFweqQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@primeuix/utils": "^0.6.1",
-        "@primevue/core": "4.4.1"
-      },
-      "engines": {
-        "node": ">=12.11.0"
-      }
-    },
-    "node_modules/@rollup/pluginutils": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
-      "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "estree-walker": "^2.0.1",
-        "picomatch": "^2.2.2"
-      },
-      "engines": {
-        "node": ">= 8.0.0"
-      }
-    },
-    "node_modules/@rollup/pluginutils/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
+      "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.45.0.tgz",
-      "integrity": "sha512-2o/FgACbji4tW1dzXOqAV15Eu7DdgbKsF2QKcxfG4xbh5iwU7yr5RRP5/U+0asQliSYv5M4o7BevlGIoSL0LXg==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.5.tgz",
+      "integrity": "sha512-8c1vW4ocv3UOMp9K+gToY5zL2XiiVw3k7f1ksf4yO1FlDFQ1C2u72iACFnSOceJFsWskc2WZNqeRhFRPzv+wtQ==",
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -813,12 +535,13 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.45.0.tgz",
-      "integrity": "sha512-PSZ0SvMOjEAxwZeTx32eI/j5xSYtDCRxGu5k9zvzoY77xUNssZM+WV6HYBLROpY5CkXsbQjvz40fBb7WPwDqtQ==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.5.tgz",
+      "integrity": "sha512-mQGfsIEFcu21mvqkEKKu2dYmtuSZOBMmAl5CFlPGLY94Vlcm+zWApK7F/eocsNzp8tKmbeBP8yXyAbx0XHsFNA==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -826,12 +549,13 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.45.0.tgz",
-      "integrity": "sha512-BA4yPIPssPB2aRAWzmqzQ3y2/KotkLyZukVB7j3psK/U3nVJdceo6qr9pLM2xN6iRP/wKfxEbOb1yrlZH6sYZg==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.5.tgz",
+      "integrity": "sha512-takF3CR71mCAGA+v794QUZ0b6ZSrgJkArC+gUiG6LB6TQty9T0Mqh3m2ImRBOxS2IeYBo4lKWIieSvnEk2OQWA==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -839,12 +563,13 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.45.0.tgz",
-      "integrity": "sha512-Pr2o0lvTwsiG4HCr43Zy9xXrHspyMvsvEw4FwKYqhli4FuLE5FjcZzuQ4cfPe0iUFCvSQG6lACI0xj74FDZKRA==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.5.tgz",
+      "integrity": "sha512-W901Pla8Ya95WpxDn//VF9K9u2JbocwV/v75TE0YIHNTbhqUTv9w4VuQ9MaWlNOkkEfFwkdNhXgcLqPSmHy0fA==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -852,12 +577,13 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.45.0.tgz",
-      "integrity": "sha512-lYE8LkE5h4a/+6VnnLiL14zWMPnx6wNbDG23GcYFpRW1V9hYWHAw9lBZ6ZUIrOaoK7NliF1sdwYGiVmziUF4vA==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.5.tgz",
+      "integrity": "sha512-QofO7i7JycsYOWxe0GFqhLmF6l1TqBswJMvICnRUjqCx8b47MTo46W8AoeQwiokAx3zVryVnxtBMcGcnX12LvA==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -865,12 +591,13 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.45.0.tgz",
-      "integrity": "sha512-PVQWZK9sbzpvqC9Q0GlehNNSVHR+4m7+wET+7FgSnKG3ci5nAMgGmr9mGBXzAuE5SvguCKJ6mHL6vq1JaJ/gvw==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.5.tgz",
+      "integrity": "sha512-jr21b/99ew8ujZubPo9skbrItHEIE50WdV86cdSoRkKtmWa+DDr6fu2c/xyRT0F/WazZpam6kk7IHBerSL7LDQ==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -878,12 +605,13 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.45.0.tgz",
-      "integrity": "sha512-hLrmRl53prCcD+YXTfNvXd776HTxNh8wPAMllusQ+amcQmtgo3V5i/nkhPN6FakW+QVLoUUr2AsbtIRPFU3xIA==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.5.tgz",
+      "integrity": "sha512-PsNAbcyv9CcecAUagQefwX8fQn9LQ4nZkpDboBOttmyffnInRy8R8dSg6hxxl2Re5QhHBf6FYIDhIj5v982ATQ==",
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -891,12 +619,13 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.45.0.tgz",
-      "integrity": "sha512-XBKGSYcrkdiRRjl+8XvrUR3AosXU0NvF7VuqMsm7s5nRy+nt58ZMB19Jdp1RdqewLcaYnpk8zeVs/4MlLZEJxw==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.5.tgz",
+      "integrity": "sha512-Fw4tysRutyQc/wwkmcyoqFtJhh0u31K+Q6jYjeicsGJJ7bbEq8LwPWV/w0cnzOqR2m694/Af6hpFayLJZkG2VQ==",
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -904,12 +633,13 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.45.0.tgz",
-      "integrity": "sha512-fRvZZPUiBz7NztBE/2QnCS5AtqLVhXmUOPj9IHlfGEXkapgImf4W9+FSkL8cWqoAjozyUzqFmSc4zh2ooaeF6g==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.5.tgz",
+      "integrity": "sha512-a+3wVnAYdQClOTlyapKmyI6BLPAFYs0JM8HRpgYZQO02rMR09ZcV9LbQB+NL6sljzG38869YqThrRnfPMCDtZg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -917,38 +647,41 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.45.0.tgz",
-      "integrity": "sha512-Btv2WRZOcUGi8XU80XwIvzTg4U6+l6D0V6sZTrZx214nrwxw5nAi8hysaXj/mctyClWgesyuxbeLylCBNauimg==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.5.tgz",
+      "integrity": "sha512-AvttBOMwO9Pcuuf7m9PkC1PUIKsfaAJ4AYhy944qeTJgQOqJYJ9oVl2nYgY7Rk0mkbsuOpCAYSs6wLYB2Xiw0Q==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
-    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.45.0.tgz",
-      "integrity": "sha512-Li0emNnwtUZdLwHjQPBxn4VWztcrw/h7mgLyHiEI5Z0MhpeFGlzaiBHpSNVOMB/xucjXTTcO+dhv469Djr16KA==",
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.5.tgz",
+      "integrity": "sha512-DkDk8pmXQV2wVrF6oq5tONK6UHLz/XcEVow4JTTerdeV1uqPeHxwcg7aFsfnSm9L+OO8WJsWotKM2JJPMWrQtA==",
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
-    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.45.0.tgz",
-      "integrity": "sha512-sB8+pfkYx2kvpDCfd63d5ScYT0Fz1LO6jIb2zLZvmK9ob2D8DeVqrmBDE0iDK8KlBVmsTNzrjr3G1xV4eUZhSw==",
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.5.tgz",
+      "integrity": "sha512-W/b9ZN/U9+hPQVvlGwjzi+Wy4xdoH2I8EjaCkMvzpI7wJUs8sWJ03Rq96jRnHkSrcHTpQe8h5Tg3ZzUPGauvAw==",
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -956,12 +689,13 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.45.0.tgz",
-      "integrity": "sha512-5GQ6PFhh7E6jQm70p1aW05G2cap5zMOvO0se5JMecHeAdj5ZhWEHbJ4hiKpfi1nnnEdTauDXxPgXae/mqjow9w==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.5.tgz",
+      "integrity": "sha512-sjQLr9BW7R/ZiXnQiWPkErNfLMkkWIoCz7YMn27HldKsADEKa5WYdobaa1hmN6slu9oWQbB6/jFpJ+P2IkVrmw==",
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -969,12 +703,13 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.45.0.tgz",
-      "integrity": "sha512-N/euLsBd1rekWcuduakTo/dJw6U6sBP3eUq+RXM9RNfPuWTvG2w/WObDkIvJ2KChy6oxZmOSC08Ak2OJA0UiAA==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.5.tgz",
+      "integrity": "sha512-hq3jU/kGyjXWTvAh2awn8oHroCbrPm8JqM7RUpKjalIRWWXE01CQOf/tUNWNHjmbMHg/hmNCwc/Pz3k1T/j/Lg==",
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -982,12 +717,13 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.45.0.tgz",
-      "integrity": "sha512-2l9sA7d7QdikL0xQwNMO3xURBUNEWyHVHfAsHsUdq+E/pgLTUcCE+gih5PCdmyHmfTDeXUWVhqL0WZzg0nua3g==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.5.tgz",
+      "integrity": "sha512-gn8kHOrku8D4NGHMK1Y7NA7INQTRdVOntt1OCYypZPRt6skGbddska44K8iocdpxHTMMNui5oH4elPH4QOLrFQ==",
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -995,12 +731,13 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.45.0.tgz",
-      "integrity": "sha512-XZdD3fEEQcwG2KrJDdEQu7NrHonPxxaV0/w2HpvINBdcqebz1aL+0vM2WFJq4DeiAVT6F5SUQas65HY5JDqoPw==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.5.tgz",
+      "integrity": "sha512-hXGLYpdhiNElzN770+H2nlx+jRog8TyynpTVzdlc6bndktjKWyZyiCsuDAlpd+j+W+WNqfcyAWz9HxxIGfZm1Q==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1008,25 +745,41 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.45.0.tgz",
-      "integrity": "sha512-7ayfgvtmmWgKWBkCGg5+xTQ0r5V1owVm67zTrsEY1008L5ro7mCyGYORomARt/OquB9KY7LpxVBZes+oSniAAQ==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.5.tgz",
+      "integrity": "sha512-arCGIcuNKjBoKAXD+y7XomR9gY6Mw7HnFBv5Rw7wQRvwYLR7gBAgV7Mb2QTyjXfTveBNFAtPt46/36vV9STLNg==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.45.0.tgz",
-      "integrity": "sha512-B+IJgcBnE2bm93jEW5kHisqvPITs4ddLOROAcOc/diBgrEiQJJ6Qcjby75rFSmH5eMGrqJryUgJDhrfj942apQ==",
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.5.tgz",
+      "integrity": "sha512-QoFqB6+/9Rly/RiPjaomPLmR/13cgkIGfA40LHly9zcH1S0bN2HVFYk3a1eAyHQyjs3ZJYlXvIGtcCs5tko9Cw==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.5.tgz",
+      "integrity": "sha512-w0cDWVR6MlTstla1cIfOGyl8+qb93FlAVutcor14Gf5Md5ap5ySfQ7R9S/NjNaMLSFdUnKGEasmVnu3lCMqB7w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1034,12 +787,27 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.45.0.tgz",
-      "integrity": "sha512-+CXwwG66g0/FpWOnP/v1HnrGVSOygK/osUbu3wPRy8ECXjoYKjRAyfxYpDQOfghC5qPJYLPH0oN4MCOjwgdMug==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.5.tgz",
+      "integrity": "sha512-Aufdpzp7DpOTULJCuvzqcItSGDH73pF3ko/f+ckJhxQyHtp67rHw3HMNxoIdDMUITJESNE6a8uh4Lo4SLouOUg==",
       "cpu": [
         "ia32"
       ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.5.tgz",
+      "integrity": "sha512-UGBUGPFp1vkj6p8wCRraqNhqwX/4kNQPS57BCFc8wYh0g94iVIW33wJtQAx3G7vrjjNtRaxiMUylM0ktp/TRSQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1047,407 +815,239 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.45.0.tgz",
-      "integrity": "sha512-SRf1cytG7wqcHVLrBc9VtPK4pU5wxiB/lNIkNmW2ApKXIg+RpqwHfsaEK+e7eH4A1BpI6BX/aBWXxZCIrJg3uA==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.5.tgz",
+      "integrity": "sha512-TAcgQh2sSkykPRWLrdyy2AiceMckNf5loITqXxFI5VuQjS5tSuw3WlwdN8qv8vzjLAUTvYaH/mVjSFpbkFbpTg==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ]
     },
-    "node_modules/@socket.io/component-emitter": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
-      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
-      "license": "MIT",
-      "peer": true
-    },
-    "node_modules/@svgdotjs/svg.draggable.js": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@svgdotjs/svg.draggable.js/-/svg.draggable.js-3.0.6.tgz",
-      "integrity": "sha512-7iJFm9lL3C40HQcqzEfezK2l+dW2CpoVY3b77KQGqc8GXWa6LhhmX5Ckv7alQfUXBuZbjpICZ+Dvq1czlGx7gA==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@svgdotjs/svg.js": "^3.2.4"
-      }
-    },
-    "node_modules/@svgdotjs/svg.filter.js": {
-      "version": "3.0.9",
-      "resolved": "https://registry.npmjs.org/@svgdotjs/svg.filter.js/-/svg.filter.js-3.0.9.tgz",
-      "integrity": "sha512-/69XMRCDoam2HgC4ldHIaDgeQf1ViHIsa0Ld4uWgiXtZ+E24DWHe/9Ib6kbNiZ7WRIdlVokUDR1Fg0kjIpkfbw==",
-      "license": "MIT",
-      "dependencies": {
-        "@svgdotjs/svg.js": "^3.2.4"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/@svgdotjs/svg.js": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/@svgdotjs/svg.js/-/svg.js-3.2.5.tgz",
-      "integrity": "sha512-/VNHWYhNu+BS7ktbYoVGrCmsXDh+chFMaONMwGNdIBcFHrWqk2jY8fNyr3DLdtQUIalvkPfM554ZSFa3dm3nxQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Fuzzyma"
-      }
-    },
-    "node_modules/@svgdotjs/svg.resize.js": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@svgdotjs/svg.resize.js/-/svg.resize.js-2.0.5.tgz",
-      "integrity": "sha512-4heRW4B1QrJeENfi7326lUPYBCevj78FJs8kfeDxn5st0IYPIRXoTtOSYvTzFWgaWWXd3YCDE6ao4fmv91RthA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 14.18"
-      },
-      "peerDependencies": {
-        "@svgdotjs/svg.js": "^3.2.4",
-        "@svgdotjs/svg.select.js": "^4.0.1"
-      }
-    },
-    "node_modules/@svgdotjs/svg.select.js": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@svgdotjs/svg.select.js/-/svg.select.js-4.0.3.tgz",
-      "integrity": "sha512-qkMgso1sd2hXKd1FZ1weO7ANq12sNmQJeGDjs46QwDVsxSRcHmvWKL2NDF7Yimpwf3sl5esOLkPqtV2bQ3v/Jg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 14.18"
-      },
-      "peerDependencies": {
-        "@svgdotjs/svg.js": "^3.2.4"
-      }
-    },
-    "node_modules/@tailwindcss/node": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.11.tgz",
-      "integrity": "sha512-yzhzuGRmv5QyU9qLNg4GTlYI6STedBWRE7NjxP45CsFYYq9taI0zJXZBMqIC/c8fViNLhmrbpSFS57EoxUmD6Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@ampproject/remapping": "^2.3.0",
-        "enhanced-resolve": "^5.18.1",
-        "jiti": "^2.4.2",
-        "lightningcss": "1.30.1",
-        "magic-string": "^0.30.17",
-        "source-map-js": "^1.2.1",
-        "tailwindcss": "4.1.11"
-      }
-    },
-    "node_modules/@tailwindcss/oxide": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.11.tgz",
-      "integrity": "sha512-Q69XzrtAhuyfHo+5/HMgr1lAiPP/G40OMFAnws7xcFEYqcypZmdW8eGXaOUIeOl1dzPJBPENXgbjsOyhg2nkrg==",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "dependencies": {
-        "detect-libc": "^2.0.4",
-        "tar": "^7.4.3"
-      },
-      "engines": {
-        "node": ">= 10"
-      },
-      "optionalDependencies": {
-        "@tailwindcss/oxide-android-arm64": "4.1.11",
-        "@tailwindcss/oxide-darwin-arm64": "4.1.11",
-        "@tailwindcss/oxide-darwin-x64": "4.1.11",
-        "@tailwindcss/oxide-freebsd-x64": "4.1.11",
-        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.11",
-        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.11",
-        "@tailwindcss/oxide-linux-arm64-musl": "4.1.11",
-        "@tailwindcss/oxide-linux-x64-gnu": "4.1.11",
-        "@tailwindcss/oxide-linux-x64-musl": "4.1.11",
-        "@tailwindcss/oxide-wasm32-wasi": "4.1.11",
-        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.11",
-        "@tailwindcss/oxide-win32-x64-msvc": "4.1.11"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-android-arm64": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.11.tgz",
-      "integrity": "sha512-3IfFuATVRUMZZprEIx9OGDjG3Ou3jG4xQzNTvjDoKmU9JdmoCohQJ83MYd0GPnQIu89YoJqvMM0G3uqLRFtetg==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-darwin-arm64": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.11.tgz",
-      "integrity": "sha512-ESgStEOEsyg8J5YcMb1xl8WFOXfeBmrhAwGsFxxB2CxY9evy63+AtpbDLAyRkJnxLy2WsD1qF13E97uQyP1lfQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-darwin-x64": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.11.tgz",
-      "integrity": "sha512-EgnK8kRchgmgzG6jE10UQNaH9Mwi2n+yw1jWmof9Vyg2lpKNX2ioe7CJdf9M5f8V9uaQxInenZkOxnTVL3fhAw==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-freebsd-x64": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.11.tgz",
-      "integrity": "sha512-xdqKtbpHs7pQhIKmqVpxStnY1skuNh4CtbcyOHeX1YBE0hArj2romsFGb6yUmzkq/6M24nkxDqU8GYrKrz+UcA==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.11.tgz",
-      "integrity": "sha512-ryHQK2eyDYYMwB5wZL46uoxz2zzDZsFBwfjssgB7pzytAeCCa6glsiJGjhTEddq/4OsIjsLNMAiMlHNYnkEEeg==",
-      "cpu": [
-        "arm"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.11.tgz",
-      "integrity": "sha512-mYwqheq4BXF83j/w75ewkPJmPZIqqP1nhoghS9D57CLjsh3Nfq0m4ftTotRYtGnZd3eCztgbSPJ9QhfC91gDZQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.11.tgz",
-      "integrity": "sha512-m/NVRFNGlEHJrNVk3O6I9ggVuNjXHIPoD6bqay/pubtYC9QIdAMpS+cswZQPBLvVvEF6GtSNONbDkZrjWZXYNQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.11.tgz",
-      "integrity": "sha512-YW6sblI7xukSD2TdbbaeQVDysIm/UPJtObHJHKxDEcW2exAtY47j52f8jZXkqE1krdnkhCMGqP3dbniu1Te2Fg==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.11.tgz",
-      "integrity": "sha512-e3C/RRhGunWYNC3aSF7exsQkdXzQ/M+aYuZHKnw4U7KQwTJotnWsGOIVih0s2qQzmEzOFIJ3+xt7iq67K/p56Q==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.11.tgz",
-      "integrity": "sha512-Xo1+/GU0JEN/C/dvcammKHzeM6NqKovG+6921MR6oadee5XPBaKOumrJCXvopJ/Qb5TH7LX/UAywbqrP4lax0g==",
-      "bundleDependencies": [
-        "@napi-rs/wasm-runtime",
-        "@emnapi/core",
-        "@emnapi/runtime",
-        "@tybys/wasm-util",
-        "@emnapi/wasi-threads",
-        "tslib"
-      ],
-      "cpu": [
-        "wasm32"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@emnapi/core": "^1.4.3",
-        "@emnapi/runtime": "^1.4.3",
-        "@emnapi/wasi-threads": "^1.0.2",
-        "@napi-rs/wasm-runtime": "^0.2.11",
-        "@tybys/wasm-util": "^0.9.0",
-        "tslib": "^2.8.0"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.11.tgz",
-      "integrity": "sha512-UgKYx5PwEKrac3GPNPf6HVMNhUIGuUh4wlDFR2jYYdkX6pL/rn73zTq/4pzUm8fOjAn5L8zDeHp9iXmUGOXZ+w==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.11.tgz",
-      "integrity": "sha512-YfHoggn1j0LK7wR82TOucWc5LDCguHnoS879idHekmmiR7g9HUtMw9MI0NHatS28u/Xlkfi9w5RJWgz2Dl+5Qg==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tailwindcss/postcss": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.11.tgz",
-      "integrity": "sha512-q/EAIIpF6WpLhKEuQSEVMZNMIY8KhWoAemZ9eylNAih9jxMGAYPPWBn3I9QL/2jZ+e7OEz/tZkX5HwbBR4HohA==",
-      "license": "MIT",
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "@tailwindcss/node": "4.1.11",
-        "@tailwindcss/oxide": "4.1.11",
-        "postcss": "^8.4.41",
-        "tailwindcss": "4.1.11"
-      }
-    },
-    "node_modules/@tailwindcss/vite": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.11.tgz",
-      "integrity": "sha512-RHYhrR3hku0MJFRV+fN2gNbDNEh3dwKvY8XJvTxCSXeMOsCRSr+uKvDWQcbizrHgjML6ZmTE5OwMrl5wKcujCw==",
-      "license": "MIT",
-      "dependencies": {
-        "@tailwindcss/node": "4.1.11",
-        "@tailwindcss/oxide": "4.1.11",
-        "tailwindcss": "4.1.11"
-      },
-      "peerDependencies": {
-        "vite": "^5.2.0 || ^6 || ^7"
-      }
-    },
     "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/lodash": {
-      "version": "4.17.20",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.20.tgz",
-      "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
-      "license": "MIT"
-    },
-    "node_modules/@types/qs": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz",
-      "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==",
-      "license": "MIT"
-    },
-    "node_modules/@types/resize-observer-browser": {
-      "version": "0.1.11",
-      "resolved": "https://registry.npmjs.org/@types/resize-observer-browser/-/resize-observer-browser-0.1.11.tgz",
-      "integrity": "sha512-cNw5iH8JkMkb3QkCoe7DaZiawbDQEUX8t7iuQaRTyLOyQCR2h+ibBD4GJt7p5yhUHrlOeL7ZtbxNHeipqNsBzQ==",
-      "license": "MIT"
+    "node_modules/@types/node": {
+      "version": "24.10.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.0.tgz",
+      "integrity": "sha512-qzQZRBqkFsYyaSWXuEHc2WR9c0a0CXwiE5FWUvn7ZM+vdy1uZLfCunD38UzhuB7YN/J11ndbDBcTmOdxJo9Q7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
-      "integrity": "sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.1.tgz",
+      "integrity": "sha512-+MaE752hU0wfPFJEUAIxqw18+20euHHdxVtMvbFcOEpjEyfqXH/5DCoTHiVJ0J29EhTJdoTkjEv5YBKU9dnoTw==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "1.0.0-beta.29"
+      },
       "engines": {
-        "node": "^18.0.0 || >=20.0.0"
+        "node": "^20.19.0 || >=22.12.0"
       },
       "peerDependencies": {
-        "vite": "^5.0.0 || ^6.0.0",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0",
         "vue": "^3.2.25"
       }
     },
-    "node_modules/@vue/compiler-core": {
-      "version": "3.5.17",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.17.tgz",
-      "integrity": "sha512-Xe+AittLbAyV0pabcN7cP7/BenRBNcteM4aSDCtRvGw0d9OL+HG1u/XHLY/kt1q4fyMeZYXyIYrsHuPSiDPosA==",
+    "node_modules/@volar/language-core": {
+      "version": "2.4.23",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.23.tgz",
+      "integrity": "sha512-hEEd5ET/oSmBC6pi1j6NaNYRWoAiDhINbT8rmwtINugR39loROSlufGdYMF9TaKGfz+ViGs1Idi3mAhnuPcoGQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.27.5",
-        "@vue/shared": "3.5.17",
+        "@volar/source-map": "2.4.23"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.23",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.23.tgz",
+      "integrity": "sha512-Z1Uc8IB57Lm6k7q6KIDu/p+JWtf3xsXJqAX/5r18hYOTpJyBn0KXUR8oTJ4WFYOcDzWC9n3IflGgHowx6U6z9Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.23",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.23.tgz",
+      "integrity": "sha512-lAB5zJghWxVPqfcStmAP1ZqQacMpe90UrP5RJ3arDyrhy4aCUQqmxPPLB2PWDKugvylmO41ljK7vZ+t6INMTag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.23",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.23",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.23.tgz",
+      "integrity": "sha512-nW7THWj5HOp085ROk65LwaoxuzDsjIxr485F4iu63BoxsXoSqKqmsUUoP4A7Gl67DgIgi0zJ8JFgHfvny/74MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@vue/shared": "3.5.23",
         "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.1"
       }
     },
-    "node_modules/@vue/compiler-core/node_modules/entities": {
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.23",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.23.tgz",
+      "integrity": "sha512-AT8RMw0vEzzzO0JU5gY0F6iCzaWUIh/aaRVordzMBKXRpoTllTT4kocHDssByPsvodNCfump/Lkdow2mT/O5KQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.23",
+        "@vue/shared": "3.5.23"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.23",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.23.tgz",
+      "integrity": "sha512-3QTEUo4qg7FtQwaDJa8ou1CUikx5WTtZlY61rRRDu3lK2ZKrGoAGG8mvDgOpDsQ4A1bez9s+WtBB6DS2KuFCPw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@vue/compiler-core": "3.5.23",
+        "@vue/compiler-dom": "3.5.23",
+        "@vue/compiler-ssr": "3.5.23",
+        "@vue/shared": "3.5.23",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.6",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.23",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.23.tgz",
+      "integrity": "sha512-Hld2xphbMjXs9Q9WKxPf2EqmE+Rq/FEDnK/wUBtmYq74HCV4XDdSCheAaB823OQXIIFGq9ig/RbAZkF9s4U0Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.23",
+        "@vue/shared": "3.5.23"
+      }
+    },
+    "node_modules/@vue/language-core": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-3.1.3.tgz",
+      "integrity": "sha512-KpR1F/eGAG9D1RZ0/T6zWJs6dh/pRLfY5WupecyYKJ1fjVmDMgTPw9wXmKv2rBjo4zCJiOSiyB8BDP1OUwpMEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.23",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^3.0.0",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1",
+        "picomatch": "^4.0.2"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.23",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.23.tgz",
+      "integrity": "sha512-ji5w0qvrPyBmBx5Ldv4QGNsw0phgRreEvjt0iUf1lei2Sm8//9ZAi78uM2ZjsT5gk0YZilLuoRCIMvtuZlHMJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.23"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.23",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.23.tgz",
+      "integrity": "sha512-LMB0S6/G7mFJcpQeQaZrbsthFbWrIX8FVTzu5x9U3Ec8YW5MY1CGAnBBHNj+TPOBu3pIbtPpjrXtcaN04X+aBw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.23",
+        "@vue/shared": "3.5.23"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.23",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.23.tgz",
+      "integrity": "sha512-r/PYc8W9THzEL0UExpTkV+d31zO+Jid/RMZIDG6aS/NekOEUHuCJkJgftySWZw7JTJO/+q9Kxkg8p+i7Q7Q+ew==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.23",
+        "@vue/runtime-core": "3.5.23",
+        "@vue/shared": "3.5.23",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.23",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.23.tgz",
+      "integrity": "sha512-NiWZsNCsXA20/VufcrW5u+Trt/PyFlpMmxaB2KERYM8eZgUoKUjXxJQb9ypq+LZ0Sp3XHJGNBR8DkhRnkKAMUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.23",
+        "@vue/shared": "3.5.23"
+      },
+      "peerDependencies": {
+        "vue": "3.5.23"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.23",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.23.tgz",
+      "integrity": "sha512-0YZ1DYuC5o/YJPf6pFdt2KYxVGDxkDbH/1NYJnVJWUkzr8ituBEmFVQRNX2gCaAsFEjEDnLkWpgqlZA7htgS/g==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/tsconfig": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.8.1.tgz",
+      "integrity": "sha512-aK7feIWPXFSUhsCP9PFqPyFOcz4ENkb8hZ2pneL6m2UjCkccvaOhC/5KCKluuBufvp2KzkbdA2W2pk20vLzu3g==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "typescript": "5.x",
+        "vue": "^3.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/alien-signals": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-3.0.6.tgz",
+      "integrity": "sha512-gCs0YqC1mkYGC6IRXsSrA62ShOSv1FlVN5tRp/Cs2vRWLK/BAeluWIdfsl253pFQPznKEvRmHhfep7crWfyfWQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
+    "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
@@ -1459,844 +1059,11 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/@vue/compiler-dom": {
-      "version": "3.5.17",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.17.tgz",
-      "integrity": "sha512-+2UgfLKoaNLhgfhV5Ihnk6wB4ljyW1/7wUIog2puUqajiC29Lp5R/IKDdkebh9jTbTogTbsgB+OY9cEWzG95JQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-core": "3.5.17",
-        "@vue/shared": "3.5.17"
-      }
-    },
-    "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.17",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.17.tgz",
-      "integrity": "sha512-rQQxbRJMgTqwRugtjw0cnyQv9cP4/4BxWfTdRBkqsTfLOHWykLzbOc3C4GGzAmdMDxhzU/1Ija5bTjMVrddqww==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.27.5",
-        "@vue/compiler-core": "3.5.17",
-        "@vue/compiler-dom": "3.5.17",
-        "@vue/compiler-ssr": "3.5.17",
-        "@vue/shared": "3.5.17",
-        "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.17",
-        "postcss": "^8.5.6",
-        "source-map-js": "^1.2.1"
-      }
-    },
-    "node_modules/@vue/compiler-ssr": {
-      "version": "3.5.17",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.17.tgz",
-      "integrity": "sha512-hkDbA0Q20ZzGgpj5uZjb9rBzQtIHLS78mMilwrlpWk2Ep37DYntUz0PonQ6kr113vfOEdM+zTBuJDaceNIW0tQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-dom": "3.5.17",
-        "@vue/shared": "3.5.17"
-      }
-    },
-    "node_modules/@vue/devtools-api": {
-      "version": "7.7.7",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-7.7.7.tgz",
-      "integrity": "sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/devtools-kit": "^7.7.7"
-      }
-    },
-    "node_modules/@vue/devtools-kit": {
-      "version": "7.7.7",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.7.tgz",
-      "integrity": "sha512-wgoZtxcTta65cnZ1Q6MbAfePVFxfM+gq0saaeytoph7nEa7yMXoi6sCPy4ufO111B9msnw0VOWjPEFCXuAKRHA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/devtools-shared": "^7.7.7",
-        "birpc": "^2.3.0",
-        "hookable": "^5.5.3",
-        "mitt": "^3.0.1",
-        "perfect-debounce": "^1.0.0",
-        "speakingurl": "^14.0.1",
-        "superjson": "^2.2.2"
-      }
-    },
-    "node_modules/@vue/devtools-shared": {
-      "version": "7.7.7",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.7.7.tgz",
-      "integrity": "sha512-+udSj47aRl5aKb0memBvcUG9koarqnxNM5yjuREvqwK6T3ap4mn3Zqqc17QrBFTqSMjr3HK1cvStEZpMDpfdyw==",
-      "license": "MIT",
-      "dependencies": {
-        "rfdc": "^1.4.1"
-      }
-    },
-    "node_modules/@vue/reactivity": {
-      "version": "3.5.17",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.17.tgz",
-      "integrity": "sha512-l/rmw2STIscWi7SNJp708FK4Kofs97zc/5aEPQh4bOsReD/8ICuBcEmS7KGwDj5ODQLYWVN2lNibKJL1z5b+Lw==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/shared": "3.5.17"
-      }
-    },
-    "node_modules/@vue/runtime-core": {
-      "version": "3.5.17",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.17.tgz",
-      "integrity": "sha512-QQLXa20dHg1R0ri4bjKeGFKEkJA7MMBxrKo2G+gJikmumRS7PTD4BOU9FKrDQWMKowz7frJJGqBffYMgQYS96Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/reactivity": "3.5.17",
-        "@vue/shared": "3.5.17"
-      }
-    },
-    "node_modules/@vue/runtime-dom": {
-      "version": "3.5.17",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.17.tgz",
-      "integrity": "sha512-8El0M60TcwZ1QMz4/os2MdlQECgGoVHPuLnQBU3m9h3gdNRW9xRmI8iLS4t/22OQlOE6aJvNNlBiCzPHur4H9g==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/reactivity": "3.5.17",
-        "@vue/runtime-core": "3.5.17",
-        "@vue/shared": "3.5.17",
-        "csstype": "^3.1.3"
-      }
-    },
-    "node_modules/@vue/server-renderer": {
-      "version": "3.5.17",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.17.tgz",
-      "integrity": "sha512-BOHhm8HalujY6lmC3DbqF6uXN/K00uWiEeF22LfEsm9Q93XeJ/plHTepGwf6tqFcF7GA5oGSSAAUock3VvzaCA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-ssr": "3.5.17",
-        "@vue/shared": "3.5.17"
-      },
-      "peerDependencies": {
-        "vue": "3.5.17"
-      }
-    },
-    "node_modules/@vue/shared": {
-      "version": "3.5.17",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.17.tgz",
-      "integrity": "sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg==",
-      "license": "MIT"
-    },
-    "node_modules/@vuepic/vue-datepicker": {
-      "version": "11.0.2",
-      "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-11.0.2.tgz",
-      "integrity": "sha512-uHh78mVBXCEjam1uVfTzZ/HkyDwut/H6b2djSN9YTF+l/EA+XONfdCnOVSi1g+qVGSy65DcQAwyBNidAssnudQ==",
-      "license": "MIT",
-      "dependencies": {
-        "date-fns": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      },
-      "peerDependencies": {
-        "vue": ">=3.3.0"
-      }
-    },
-    "node_modules/@vuepic/vue-datepicker/node_modules/date-fns": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
-      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/kossnocorp"
-      }
-    },
-    "node_modules/@yr/monotone-cubic-spline": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@yr/monotone-cubic-spline/-/monotone-cubic-spline-1.0.3.tgz",
-      "integrity": "sha512-FQXkOta0XBSUPHndIKON2Y9JeQz5ZeMqLYZVVK93FliNBFm7LNMIZmY6FrMEB9XPcDbE2bekMbZD6kzDkxwYjA==",
-      "license": "MIT"
-    },
-    "node_modules/acorn": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
-      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
-      "devOptional": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "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/apexcharts": {
-      "version": "5.3.5",
-      "resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-5.3.5.tgz",
-      "integrity": "sha512-I04DY/WBZbJgJD2uixeV5EzyiL+J5LgKQXEu8rctqAwyRmKv44aDVeofJoLdTJe3ao4r2KEQfCgtVzXn6pqirg==",
-      "license": "SEE LICENSE IN LICENSE",
-      "dependencies": {
-        "@svgdotjs/svg.draggable.js": "^3.0.4",
-        "@svgdotjs/svg.filter.js": "^3.0.8",
-        "@svgdotjs/svg.js": "^3.2.4",
-        "@svgdotjs/svg.resize.js": "^2.0.2",
-        "@svgdotjs/svg.select.js": "^4.0.1",
-        "@yr/monotone-cubic-spline": "^1.0.3"
-      }
-    },
-    "node_modules/async": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
-      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "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.21",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
-      "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==",
-      "dev": true,
-      "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.24.4",
-        "caniuse-lite": "^1.0.30001702",
-        "fraction.js": "^4.3.7",
-        "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.10.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.10.0.tgz",
-      "integrity": "sha512-/1xYAC4MP/HEG+3duIhFr4ZQXR4sQXOIe+o6sdqzeykGLx6Upp/1p8MHqhINOvGeP7xyNHe7tsiJByc4SSVUxw==",
-      "license": "MIT",
-      "dependencies": {
-        "follow-redirects": "^1.15.6",
-        "form-data": "^4.0.0",
-        "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/birpc": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.4.0.tgz",
-      "integrity": "sha512-5IdNxTyhXHv2UlgnPHQ0h+5ypVmkrYHzL8QT+DwFZ//2N/oNV8Ch+BCRmTJ3x6/z9Axo/cXYBc9eprsUVK/Jsg==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/boolbase": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "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==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.25.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz",
-      "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001726",
-        "electron-to-chromium": "^1.5.173",
-        "node-releases": "^2.0.19",
-        "update-browserslist-db": "^1.1.3"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "devOptional": true,
-      "license": "MIT"
-    },
-    "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/camel-case": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
-      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pascal-case": "^3.1.2",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001727",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz",
-      "integrity": "sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "CC-BY-4.0"
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/chownr": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
-      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/clean-css": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz",
-      "integrity": "sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "source-map": "~0.6.0"
-      },
-      "engines": {
-        "node": ">= 10.0"
-      }
-    },
-    "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/colorette": {
-      "version": "2.0.20",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
-      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
-      "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": "8.3.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
-      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 12"
-      }
-    },
-    "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/connect-history-api-fallback": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
-      "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/consola": {
-      "version": "2.15.3",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-2.15.3.tgz",
-      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/copy-anything": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-3.0.5.tgz",
-      "integrity": "sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==",
-      "license": "MIT",
-      "dependencies": {
-        "is-what": "^4.1.8"
-      },
-      "engines": {
-        "node": ">=12.13"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mesqueeb"
-      }
-    },
-    "node_modules/css-select": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
-      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-what": "^6.0.1",
-        "domhandler": "^4.3.1",
-        "domutils": "^2.8.0",
-        "nth-check": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/css-what": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
-      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "license": "MIT"
-    },
-    "node_modules/date-fns": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
-      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.21.0"
-      },
-      "engines": {
-        "node": ">=0.11"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/date-fns"
-      }
-    },
-    "node_modules/date-fns-tz": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-2.0.1.tgz",
-      "integrity": "sha512-fJCG3Pwx8HUoLhkepdsP7Z5RsucUi+ZBOxyM5d0ZZ6c4SdYustq0VMmOu6Wf7bli+yS/Jwp91TOCqn9jMcVrUA==",
-      "license": "MIT",
-      "peerDependencies": {
-        "date-fns": "2.x"
-      }
-    },
-    "node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "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/detect-libc": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
-      "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/dom-serializer": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
-      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "domelementtype": "^2.0.1",
-        "domhandler": "^4.2.0",
-        "entities": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-      }
-    },
-    "node_modules/domelementtype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
-      "license": "BSD-2-Clause"
-    },
-    "node_modules/domhandler": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
-      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "domelementtype": "^2.2.0"
-      },
-      "engines": {
-        "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
-      }
-    },
-    "node_modules/domutils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
-      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "dom-serializer": "^1.0.1",
-        "domelementtype": "^2.2.0",
-        "domhandler": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
-      }
-    },
-    "node_modules/dot-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
-      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/dotenv": {
-      "version": "16.6.1",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
-      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://dotenvx.com"
-      }
-    },
-    "node_modules/dotenv-expand": {
-      "version": "8.0.3",
-      "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-8.0.3.tgz",
-      "integrity": "sha512-SErOMvge0ZUyWd5B0NXMQlDkN+8r+HhVUsxgOO7IoPDOdDRD2JjExpN6y3KnFR66jsJMwSn1pqIivhU5rcJiNg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "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/ejs": {
-      "version": "3.1.10",
-      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
-      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "jake": "^10.8.5"
-      },
-      "bin": {
-        "ejs": "bin/cli.js"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.182",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.182.tgz",
-      "integrity": "sha512-Lv65Btwv9W4J9pyODI6EWpdnhfvrve/us5h1WspW8B2Fb0366REPtY3hX7ounk1CkV/TBjWCEvCBBbYbmV0qCA==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/engine.io-client": {
-      "version": "6.6.3",
-      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.6.3.tgz",
-      "integrity": "sha512-T0iLjnyNWahNyv/lcjS2y4oE358tVS/SYQNxYXGAJ9/GLgH4VCvOQ/mhTjqU88mLZCQgiG8RIegFHYCdVC+j5w==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.1",
-        "engine.io-parser": "~5.2.1",
-        "ws": "~8.17.1",
-        "xmlhttprequest-ssl": "~2.1.1"
-      }
-    },
-    "node_modules/engine.io-parser": {
-      "version": "5.2.3",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
-      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/enhanced-resolve": {
-      "version": "5.18.2",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.2.tgz",
-      "integrity": "sha512-6Jw4sE1maoRJo3q8MsSIn2onJFbLTOjY9hlx4DZXmOKvLRd1Ok2kXmAGXaafL2+ijsJZ1ClYbl/pmqr9+k4iUQ==",
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/entities": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "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-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/esbuild": {
-      "version": "0.25.6",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.6.tgz",
-      "integrity": "sha512-GVuzuUwtdsghE3ocJ9Bs8PNoF13HNQ5TXbEi2AhvVb8xU1Iwt9Fos9FEamfoee+u/TOsn7GUWc04lz46n2bbTg==",
+      "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": {
@@ -2306,42 +1073,32 @@
         "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.6",
-        "@esbuild/android-arm": "0.25.6",
-        "@esbuild/android-arm64": "0.25.6",
-        "@esbuild/android-x64": "0.25.6",
-        "@esbuild/darwin-arm64": "0.25.6",
-        "@esbuild/darwin-x64": "0.25.6",
-        "@esbuild/freebsd-arm64": "0.25.6",
-        "@esbuild/freebsd-x64": "0.25.6",
-        "@esbuild/linux-arm": "0.25.6",
-        "@esbuild/linux-arm64": "0.25.6",
-        "@esbuild/linux-ia32": "0.25.6",
-        "@esbuild/linux-loong64": "0.25.6",
-        "@esbuild/linux-mips64el": "0.25.6",
-        "@esbuild/linux-ppc64": "0.25.6",
-        "@esbuild/linux-riscv64": "0.25.6",
-        "@esbuild/linux-s390x": "0.25.6",
-        "@esbuild/linux-x64": "0.25.6",
-        "@esbuild/netbsd-arm64": "0.25.6",
-        "@esbuild/netbsd-x64": "0.25.6",
-        "@esbuild/openbsd-arm64": "0.25.6",
-        "@esbuild/openbsd-x64": "0.25.6",
-        "@esbuild/openharmony-arm64": "0.25.6",
-        "@esbuild/sunos-x64": "0.25.6",
-        "@esbuild/win32-arm64": "0.25.6",
-        "@esbuild/win32-ia32": "0.25.6",
-        "@esbuild/win32-x64": "0.25.6"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
+        "@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/estree-walker": {
@@ -2350,38 +1107,15 @@
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
       "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==",
-      "dev": true,
-      "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/fastq": {
-      "version": "1.19.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
-      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
     "node_modules/fdir": {
-      "version": "6.4.6",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz",
-      "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
       "peerDependencies": {
         "picomatch": "^3 || ^4"
       },
@@ -2391,121 +1125,11 @@
         }
       }
     },
-    "node_modules/filelist": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
-      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "minimatch": "^5.0.1"
-      }
-    },
-    "node_modules/filelist/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/filelist/node_modules/minimatch": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "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==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/follow-redirects": {
-      "version": "1.15.9",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
-      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
-      "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.3",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.3.tgz",
-      "integrity": "sha512-qsITQPfmvMOSAdeyZ+12I1c+CKSstAFAwu+97zrnWAbIr5u8wfsExUzCesVLC8NgHuRUqNN4Zy6UPWUTRGslcA==",
-      "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": "4.3.7",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "type": "patreon",
-        "url": "https://github.com/sponsors/rawify"
-      }
-    },
-    "node_modules/fs-extra": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -2516,672 +1140,22 @@
         "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/get-intrinsic": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "function-bind": "^1.1.2",
-        "get-proto": "^1.0.1",
-        "gopd": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "math-intrinsics": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
-      "license": "MIT",
-      "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "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/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "license": "ISC"
-    },
-    "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/he": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "he": "bin/he"
-      }
-    },
-    "node_modules/hookable": {
-      "version": "5.5.3",
-      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
-      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
-      "license": "MIT"
-    },
-    "node_modules/html-minifier-terser": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
-      "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "camel-case": "^4.1.2",
-        "clean-css": "^5.2.2",
-        "commander": "^8.3.0",
-        "he": "^1.2.0",
-        "param-case": "^3.0.4",
-        "relateurl": "^0.2.7",
-        "terser": "^5.10.0"
-      },
-      "bin": {
-        "html-minifier-terser": "cli.js"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-what": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.16.tgz",
-      "integrity": "sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.13"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mesqueeb"
-      }
-    },
-    "node_modules/jake": {
-      "version": "10.9.2",
-      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.2.tgz",
-      "integrity": "sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "async": "^3.2.3",
-        "chalk": "^4.0.2",
-        "filelist": "^1.0.4",
-        "minimatch": "^3.1.2"
-      },
-      "bin": {
-        "jake": "bin/cli.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/jiti": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
-      "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
-      "license": "MIT",
-      "bin": {
-        "jiti": "lib/jiti-cli.mjs"
-      }
-    },
-    "node_modules/jquery": {
-      "version": "3.7.1",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
-      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
-      "license": "MIT"
-    },
-    "node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/laravel-echo": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/laravel-echo/-/laravel-echo-2.1.6.tgz",
-      "integrity": "sha512-X7tdIDhG/o8AenMvY83Hcjtw/TN/eKT+zA5WEENHIbY8tq12NQbdxtVePw1yImxXwKC/yZoVWNukFlG+gWqKCA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=20"
-      },
-      "peerDependencies": {
-        "pusher-js": "*",
-        "socket.io-client": "*"
-      }
-    },
-    "node_modules/lightningcss": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
-      "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
-      "license": "MPL-2.0",
-      "dependencies": {
-        "detect-libc": "^2.0.3"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      },
-      "optionalDependencies": {
-        "lightningcss-darwin-arm64": "1.30.1",
-        "lightningcss-darwin-x64": "1.30.1",
-        "lightningcss-freebsd-x64": "1.30.1",
-        "lightningcss-linux-arm-gnueabihf": "1.30.1",
-        "lightningcss-linux-arm64-gnu": "1.30.1",
-        "lightningcss-linux-arm64-musl": "1.30.1",
-        "lightningcss-linux-x64-gnu": "1.30.1",
-        "lightningcss-linux-x64-musl": "1.30.1",
-        "lightningcss-win32-arm64-msvc": "1.30.1",
-        "lightningcss-win32-x64-msvc": "1.30.1"
-      }
-    },
-    "node_modules/lightningcss-darwin-arm64": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
-      "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-darwin-x64": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
-      "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-freebsd-x64": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
-      "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm-gnueabihf": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
-      "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
-      "cpu": [
-        "arm"
-      ],
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm64-gnu": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
-      "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm64-musl": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
-      "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-x64-gnu": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
-      "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-x64-musl": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
-      "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-win32-arm64-msvc": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
-      "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-win32-x64-msvc": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
-      "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "license": "MIT"
-    },
-    "node_modules/lower-case": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
-      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/luxon": {
-      "version": "3.7.1",
-      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.7.1.tgz",
-      "integrity": "sha512-RkRWjA926cTvz5rAb1BqyWkKbbjzCGchDUIKMCUvNi17j6f6j8uHGDV82Aqcqtzd+icoYpELmG3ksgGiFNNcNg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/magic-string": {
-      "version": "0.30.17",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0"
+        "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
-    "node_modules/material-symbols": {
-      "version": "0.36.2",
-      "resolved": "https://registry.npmjs.org/material-symbols/-/material-symbols-0.36.2.tgz",
-      "integrity": "sha512-FbxzGgQSmAb53Kajv+jyqcZ3Ck0ebfTBSMwHkMoyThsbrINiJb5mzheoiFXA/9MGc3cIl9XbhW8JxPM5vEP6iA==",
-      "license": "Apache-2.0"
-    },
-    "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/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
       "dev": true,
-      "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==",
-      "dev": true,
-      "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==",
-      "dev": true,
-      "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/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/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/minizlib": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.2.tgz",
-      "integrity": "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==",
-      "license": "MIT",
-      "dependencies": {
-        "minipass": "^7.1.2"
-      },
-      "engines": {
-        "node": ">= 18"
-      }
-    },
-    "node_modules/mitt": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
-      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
       "license": "MIT"
     },
-    "node_modules/mkdirp": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
-      "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
-      "license": "MIT",
-      "bin": {
-        "mkdirp": "dist/cjs/src/bin.js"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -3200,115 +1174,11 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
-    "node_modules/no-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
-      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "lower-case": "^2.0.2",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/node-html-parser": {
-      "version": "5.4.2",
-      "resolved": "https://registry.npmjs.org/node-html-parser/-/node-html-parser-5.4.2.tgz",
-      "integrity": "sha512-RaBPP3+51hPne/OolXxcz89iYvQvKOydaqoePpOgXcrOKZhjVIzmpKZz+Hd/RBO2/zN2q6CNJhQzucVz+u3Jyw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "css-select": "^4.2.1",
-        "he": "1.2.0"
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "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==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/nth-check": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "boolbase": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/nth-check?sponsor=1"
-      }
-    },
-    "node_modules/pako": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
-      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
-      "license": "(MIT AND Zlib)"
-    },
-    "node_modules/param-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
-      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "dot-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/pascal-case": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
-      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/pathe": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-0.2.0.tgz",
-      "integrity": "sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/pdf-lib": {
-      "version": "1.17.1",
-      "resolved": "https://registry.npmjs.org/pdf-lib/-/pdf-lib-1.17.1.tgz",
-      "integrity": "sha512-V/mpyJAoTsN4cnP31vc0wfNA1+p20evqqnap0KLoRUN0Yk/p3wN52DOEsL4oBFcLdb76hlpKPtzJIgo67j/XLw==",
-      "license": "MIT",
-      "dependencies": {
-        "@pdf-lib/standard-fonts": "^1.0.0",
-        "@pdf-lib/upng": "^1.0.1",
-        "pako": "^1.0.11",
-        "tslib": "^1.11.1"
-      }
-    },
-    "node_modules/pdf-lib/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "license": "0BSD"
-    },
-    "node_modules/perfect-debounce": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
-      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
       "license": "MIT"
     },
     "node_modules/picocolors": {
@@ -3318,9 +1188,10 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -3329,27 +1200,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/pinia": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-3.0.3.tgz",
-      "integrity": "sha512-ttXO/InUULUXkMHpTdp9Fj4hLpD/2AoJdmAbAeW2yu1iy1k+pkFekQXw5VpC0/5p51IOR/jDaDRfRWRnMMsGOA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/devtools-api": "^7.7.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/posva"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.4.4",
-        "vue": "^2.7.0 || ^3.5.11"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/postcss": {
       "version": "8.5.6",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
@@ -3378,108 +1228,11 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "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==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/primevue": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/primevue/-/primevue-4.4.1.tgz",
-      "integrity": "sha512-JbHBa5k30pZ7mn/z4vYBOnyt5GrR15eM3X0wa3VanonxnFLYkTEx8OMh33aU6ndWeOfi7Ef57dOL3bTH+3f4hQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@primeuix/styled": "^0.7.4",
-        "@primeuix/styles": "^1.2.5",
-        "@primeuix/utils": "^0.6.1",
-        "@primevue/core": "4.4.1",
-        "@primevue/icons": "4.4.1"
-      },
-      "engines": {
-        "node": ">=12.11.0"
-      }
-    },
-    "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/pusher-js": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/pusher-js/-/pusher-js-8.4.0.tgz",
-      "integrity": "sha512-wp3HqIIUc1GRyu1XrP6m2dgyE9MoCsXVsWNlohj0rjSkLf+a0jLvEyVubdg58oMk7bhjBWnFClgp8jfAa6Ak4Q==",
-      "license": "MIT",
-      "dependencies": {
-        "tweetnacl": "^1.0.3"
-      }
-    },
-    "node_modules/qs": {
-      "version": "6.9.7",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz",
-      "integrity": "sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "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==",
-      "dev": true,
-      "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/relateurl": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
-      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
-      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rfdc": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
-      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
-      "license": "MIT"
-    },
     "node_modules/rollup": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.45.0.tgz",
-      "integrity": "sha512-WLjEcJRIo7i3WDDgOIJqVI2d+lAC3EwvOGy+Xfq6hs+GQuAA4Di/H72xmXkOhrIWFg2PFYSKZYfH0f4vfKXN4A==",
+      "version": "4.52.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.5.tgz",
+      "integrity": "sha512-3GuObel8h7Kqdjt0gxkEzaifHTqLVW56Y/bjN7PSQtkKr0w3V/QYSdt6QWYtd7A1xUtYQigtdUfgj1RvWVtorw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/estree": "1.0.8"
@@ -3492,93 +1245,31 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.45.0",
-        "@rollup/rollup-android-arm64": "4.45.0",
-        "@rollup/rollup-darwin-arm64": "4.45.0",
-        "@rollup/rollup-darwin-x64": "4.45.0",
-        "@rollup/rollup-freebsd-arm64": "4.45.0",
-        "@rollup/rollup-freebsd-x64": "4.45.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.45.0",
-        "@rollup/rollup-linux-arm-musleabihf": "4.45.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.45.0",
-        "@rollup/rollup-linux-arm64-musl": "4.45.0",
-        "@rollup/rollup-linux-loongarch64-gnu": "4.45.0",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.45.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.45.0",
-        "@rollup/rollup-linux-riscv64-musl": "4.45.0",
-        "@rollup/rollup-linux-s390x-gnu": "4.45.0",
-        "@rollup/rollup-linux-x64-gnu": "4.45.0",
-        "@rollup/rollup-linux-x64-musl": "4.45.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.45.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.45.0",
-        "@rollup/rollup-win32-x64-msvc": "4.45.0",
+        "@rollup/rollup-android-arm-eabi": "4.52.5",
+        "@rollup/rollup-android-arm64": "4.52.5",
+        "@rollup/rollup-darwin-arm64": "4.52.5",
+        "@rollup/rollup-darwin-x64": "4.52.5",
+        "@rollup/rollup-freebsd-arm64": "4.52.5",
+        "@rollup/rollup-freebsd-x64": "4.52.5",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.52.5",
+        "@rollup/rollup-linux-arm-musleabihf": "4.52.5",
+        "@rollup/rollup-linux-arm64-gnu": "4.52.5",
+        "@rollup/rollup-linux-arm64-musl": "4.52.5",
+        "@rollup/rollup-linux-loong64-gnu": "4.52.5",
+        "@rollup/rollup-linux-ppc64-gnu": "4.52.5",
+        "@rollup/rollup-linux-riscv64-gnu": "4.52.5",
+        "@rollup/rollup-linux-riscv64-musl": "4.52.5",
+        "@rollup/rollup-linux-s390x-gnu": "4.52.5",
+        "@rollup/rollup-linux-x64-gnu": "4.52.5",
+        "@rollup/rollup-linux-x64-musl": "4.52.5",
+        "@rollup/rollup-openharmony-arm64": "4.52.5",
+        "@rollup/rollup-win32-arm64-msvc": "4.52.5",
+        "@rollup/rollup-win32-ia32-msvc": "4.52.5",
+        "@rollup/rollup-win32-x64-gnu": "4.52.5",
+        "@rollup/rollup-win32-x64-msvc": "4.52.5",
         "fsevents": "~2.3.2"
       }
     },
-    "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==",
-      "dev": true,
-      "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/socket.io-client": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.8.1.tgz",
-      "integrity": "sha512-hJVXfu3E28NmzGk8o1sHhN3om52tRvwYeidbj7xKy2eIIse5IoKX3USlS6Tqt3BHAtflLIkCQBkzVrEEfWUyYQ==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.2",
-        "engine.io-client": "~6.6.1",
-        "socket.io-parser": "~4.2.4"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/socket.io-parser": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
-      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.1"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "devOptional": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -3588,117 +1279,15 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/source-map-support": {
-      "version": "0.5.21",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "devOptional": true,
-      "license": "MIT",
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "node_modules/speakingurl": {
-      "version": "14.0.1",
-      "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
-      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/superjson": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.2.tgz",
-      "integrity": "sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==",
-      "license": "MIT",
-      "dependencies": {
-        "copy-anything": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "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==",
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/tailwindcss": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.11.tgz",
-      "integrity": "sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==",
-      "license": "MIT"
-    },
-    "node_modules/tapable": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.2.tgz",
-      "integrity": "sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/tar": {
-      "version": "7.4.3",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz",
-      "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==",
-      "license": "ISC",
-      "dependencies": {
-        "@isaacs/fs-minipass": "^4.0.0",
-        "chownr": "^3.0.0",
-        "minipass": "^7.1.2",
-        "minizlib": "^3.0.1",
-        "mkdirp": "^3.0.1",
-        "yallist": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/terser": {
-      "version": "5.43.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.43.1.tgz",
-      "integrity": "sha512-+6erLbBm0+LROX2sPXlUYx/ux5PyE9K/a92Wrt6oA+WDAoFTdpHE5tCYCI5PNzq2y8df4rA+QgHLJuR4jNymsg==",
-      "devOptional": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "@jridgewell/source-map": "^0.3.3",
-        "acorn": "^8.14.0",
-        "commander": "^2.20.0",
-        "source-map-support": "~0.5.20"
-      },
-      "bin": {
-        "terser": "bin/terser"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/terser/node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "devOptional": true,
-      "license": "MIT"
-    },
-    "node_modules/tinyglobby": {
-      "version": "0.2.14",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
-      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
-      "license": "MIT",
-      "dependencies": {
-        "fdir": "^6.4.4",
-        "picomatch": "^4.0.2"
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -3707,130 +1296,46 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
-    "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==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/toastr": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/toastr/-/toastr-2.1.4.tgz",
-      "integrity": "sha512-LIy77F5n+sz4tefMmFOntcJ6HL0Fv3k1TDnNmFZ0bU/GcvIIfy6eG2v7zQmMiYgaalAiUv75ttFrPn5s0gyqlA==",
-      "dependencies": {
-        "jquery": ">=1.12.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==",
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
-      "license": "0BSD"
-    },
-    "node_modules/tweetnacl": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-1.0.3.tgz",
-      "integrity": "sha512-6rt+RN7aOi1nGMyC4Xa5DdYiukl2UWCbcJft7YhxReBGQD7OAM8Pbxw6YMo4r2diNEA8FEmu32YOn9rhaiE5yw==",
-      "license": "Unlicense"
-    },
-    "node_modules/universalify": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
-      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
-      "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
       "engines": {
-        "node": ">= 10.0.0"
+        "node": ">=14.17"
       }
     },
-    "node_modules/update-browserslist-db": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
-      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+    "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,
-      "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/uuid": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.0.tgz",
-      "integrity": "sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==",
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "license": "MIT",
-      "bin": {
-        "uuid": "dist/esm/bin/uuid"
-      }
-    },
-    "node_modules/v-calendar": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/v-calendar/-/v-calendar-3.1.2.tgz",
-      "integrity": "sha512-QDWrnp4PWCpzUblctgo4T558PrHgHzDtQnTeUNzKxfNf29FkCeFpwGd9bKjAqktaa2aJLcyRl45T5ln1ku34kg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/lodash": "^4.14.165",
-        "@types/resize-observer-browser": "^0.1.7",
-        "date-fns": "^2.16.1",
-        "date-fns-tz": "^2.0.0",
-        "lodash": "^4.17.20",
-        "vue-screen-utils": "^1.0.0-beta.13"
-      },
-      "peerDependencies": {
-        "@popperjs/core": "^2.0.0",
-        "vue": "^3.2.0"
-      }
+      "license": "MIT"
     },
     "node_modules/vite": {
-      "version": "6.3.5",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
-      "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.2.0.tgz",
+      "integrity": "sha512-C/Naxf8H0pBx1PA4BdpT+c/5wdqI9ILMdwjSMILw7tVIh3JsxzZqdeTLmmdaoh5MYUEOyBnM9K3o0DzoZ/fe+w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.25.0",
-        "fdir": "^6.4.4",
-        "picomatch": "^4.0.2",
-        "postcss": "^8.5.3",
-        "rollup": "^4.34.9",
-        "tinyglobby": "^0.2.13"
+        "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": "^18.0.0 || ^20.0.0 || >=22.0.0"
+        "node": "^20.19.0 || >=22.12.0"
       },
       "funding": {
         "url": "https://github.com/vitejs/vite?sponsor=1"
@@ -3839,14 +1344,14 @@
         "fsevents": "~2.3.3"
       },
       "peerDependencies": {
-        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "@types/node": "^20.19.0 || >=22.12.0",
         "jiti": ">=1.21.0",
-        "less": "*",
+        "less": "^4.0.0",
         "lightningcss": "^1.21.0",
-        "sass": "*",
-        "sass-embedded": "*",
-        "stylus": "*",
-        "sugarss": "*",
+        "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"
@@ -3887,41 +1392,24 @@
         }
       }
     },
-    "node_modules/vite-plugin-html": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/vite-plugin-html/-/vite-plugin-html-3.2.2.tgz",
-      "integrity": "sha512-vb9C9kcdzcIo/Oc3CLZVS03dL5pDlOFuhGlZYDCJ840BhWl/0nGeZWf3Qy7NlOayscY4Cm/QRgULCQkEZige5Q==",
+    "node_modules/vscode-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
+      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@rollup/pluginutils": "^4.2.0",
-        "colorette": "^2.0.16",
-        "connect-history-api-fallback": "^1.6.0",
-        "consola": "^2.15.3",
-        "dotenv": "^16.0.0",
-        "dotenv-expand": "^8.0.2",
-        "ejs": "^3.1.6",
-        "fast-glob": "^3.2.11",
-        "fs-extra": "^10.0.1",
-        "html-minifier-terser": "^6.1.0",
-        "node-html-parser": "^5.3.3",
-        "pathe": "^0.2.0"
-      },
-      "peerDependencies": {
-        "vite": ">=2.0.0"
-      }
+      "license": "MIT"
     },
     "node_modules/vue": {
-      "version": "3.5.17",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.17.tgz",
-      "integrity": "sha512-LbHV3xPN9BeljML+Xctq4lbz2lVHCR6DtbpTf5XIO6gugpXUN49j2QQPcMj086r9+AkJ0FfUT8xjulKKBkkr9g==",
+      "version": "3.5.23",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.23.tgz",
+      "integrity": "sha512-CfvZv/vI52xUhumUvHtD6iFIS78nGWfX4IJnHfBGhpqMI0CwDq2YEngXOeaBFMRmiArcqczuVrLxurvesTYT9w==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.5.17",
-        "@vue/compiler-sfc": "3.5.17",
-        "@vue/runtime-dom": "3.5.17",
-        "@vue/server-renderer": "3.5.17",
-        "@vue/shared": "3.5.17"
+        "@vue/compiler-dom": "3.5.23",
+        "@vue/compiler-sfc": "3.5.23",
+        "@vue/runtime-dom": "3.5.23",
+        "@vue/server-renderer": "3.5.23",
+        "@vue/shared": "3.5.23"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -3932,130 +1420,21 @@
         }
       }
     },
-    "node_modules/vue-i18n": {
-      "version": "11.1.9",
-      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-11.1.9.tgz",
-      "integrity": "sha512-N9ZTsXdRmX38AwS9F6Rh93RtPkvZTkSy/zNv63FTIwZCUbLwwrpqlKz9YQuzFLdlvRdZTnWAUE5jMxr8exdl7g==",
+    "node_modules/vue-tsc": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.1.3.tgz",
+      "integrity": "sha512-StMNfZHwPIXQgY3KxPKM0Jsoc8b46mDV3Fn2UlHCBIwRJApjqrSwqeMYgWf0zpN+g857y74pv7GWuBm+UqQe1w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@intlify/core-base": "11.1.9",
-        "@intlify/shared": "11.1.9",
-        "@vue/devtools-api": "^6.5.0"
+        "@volar/typescript": "2.4.23",
+        "@vue/language-core": "3.1.3"
       },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
       },
       "peerDependencies": {
-        "vue": "^3.0.0"
-      }
-    },
-    "node_modules/vue-i18n/node_modules/@vue/devtools-api": {
-      "version": "6.6.4",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
-      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
-      "license": "MIT"
-    },
-    "node_modules/vue-multiselect": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-3.2.0.tgz",
-      "integrity": "sha512-ExI+IPvSbILbtaHrU0CgbBmfbD6yBpIWJKsGLPmuQMC7VWK8Nj1XSAI9eIt3n9/e+LSFYdt8VgfHxeS1O1OeVA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 14.18.1",
-        "npm": ">= 6.14.15"
-      }
-    },
-    "node_modules/vue-router": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.1.tgz",
-      "integrity": "sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/devtools-api": "^6.6.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/posva"
-      },
-      "peerDependencies": {
-        "vue": "^3.2.0"
-      }
-    },
-    "node_modules/vue-router/node_modules/@vue/devtools-api": {
-      "version": "6.6.4",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
-      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
-      "license": "MIT"
-    },
-    "node_modules/vue-screen-utils": {
-      "version": "1.0.0-beta.13",
-      "resolved": "https://registry.npmjs.org/vue-screen-utils/-/vue-screen-utils-1.0.0-beta.13.tgz",
-      "integrity": "sha512-EJ/8TANKhFj+LefDuOvZykwMr3rrLFPLNb++lNBqPOpVigT2ActRg6icH9RFQVm4nHwlHIHSGm5OY/Clar9yIg==",
-      "license": "MIT",
-      "peerDependencies": {
-        "vue": "^3.2.0"
-      }
-    },
-    "node_modules/vue3-apexcharts": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/vue3-apexcharts/-/vue3-apexcharts-1.8.0.tgz",
-      "integrity": "sha512-5tSD4mXTBbIJ9ir+58qHE6oNtIe0RNgqIRYMKpcsIaxkKtwUww4JhvPkpUFlmiW4OJbbdklgjleXq1lfcM4gdA==",
-      "license": "MIT",
-      "peerDependencies": {
-        "apexcharts": ">=4.0.0",
-        "vue": ">=3.0.0"
-      }
-    },
-    "node_modules/ws": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
-      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
-      "license": "MIT",
-      "peer": true,
-      "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/xmlhttprequest-ssl": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.1.2.tgz",
-      "integrity": "sha512-TEU+nJVUUnA4CYJFLvK5X9AOeH4KvDvhIfm0vV1GaQRtchnG0hgK5p8hw/xjv8cunWYCsiPCSDzObPyhEwq3KQ==",
-      "peer": true,
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/yallist": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
-      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/ziggy-js": {
-      "version": "2.5.3",
-      "resolved": "https://registry.npmjs.org/ziggy-js/-/ziggy-js-2.5.3.tgz",
-      "integrity": "sha512-fdlGmRpG6I7yqGicIm6xYXhfbYZHjjb5fPHF5xekK6RLQRgOgLXzEg1R6GUgmF3qPAuKTHhAJ3EUfZ86LyMGeg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/qs": "^6.9.17",
-        "qs": "~6.9.7"
+        "typescript": ">=5.0.0"
       }
     }
   }
diff --git a/package.json b/package.json
index 9bd1552..2c3b6a4 100644
--- a/package.json
+++ b/package.json
@@ -1,44 +1,22 @@
 {
-  "name": "notsoweb.frontend",
-  "copyright": "Notsoweb Software Inc.",
+  "name": "golscontros-frontend-v1",
   "private": true,
-  "version": "0.9.12",
+  "version": "0.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "vue-tsc -b && vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@popperjs/core": "^2.11.8",
-    "@primeuix/themes": "^1.2.5",
-    "@tailwindcss/postcss": "^4.0.9",
-    "@tailwindcss/vite": "^4.0.9",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vuepic/vue-datepicker": "^11.0.2",
-    "apexcharts": "^5.3.5",
-    "axios": "^1.8.1",
-    "laravel-echo": "^2.0.2",
-    "luxon": "^3.5.0",
-    "material-symbols": "^0.36.2",
-    "pdf-lib": "^1.17.1",
-    "pinia": "^3.0.1",
-    "primevue": "^4.4.1",
-    "pusher-js": "^8.4.0",
-    "tailwindcss": "^4.0",
-    "toastr": "^2.1.4",
-    "uuid": "^11.1.0",
-    "v-calendar": "^3.1.2",
-    "vite": "^6.2.0",
-    "vue": "^3.5.13",
-    "vue-i18n": "^11.1.1",
-    "vue-multiselect": "^3.2.0",
-    "vue-router": "^4.5.0",
-    "vue3-apexcharts": "^1.8.0",
-    "ziggy-js": "^2.5.2"
+    "vue": "^3.5.22"
   },
   "devDependencies": {
-    "autoprefixer": "^10.4.20",
-    "vite-plugin-html": "^3.2.2"
+    "@types/node": "^24.6.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/tsconfig": "^0.8.1",
+    "typescript": "~5.9.3",
+    "vite": "^7.1.7",
+    "vue-tsc": "^3.1.0"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index fb05b56..0000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export default {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-}
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..58b0f21
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<template>
+  <div>
+    <a href="https://vite.dev" target="_blank">
+      <img src="/vite.svg" class="logo" alt="Vite logo" />
+    </a>
+    <a href="https://vuejs.org/" target="_blank">
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+    </a>
+  </div>
+  <HelloWorld msg="Vite + Vue" />
+</template>
+
+<style scoped>
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+</style>
diff --git a/src/components/App.vue b/src/components/App.vue
deleted file mode 100644
index 2cb333f..0000000
--- a/src/components/App.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script setup>
-import { onMounted } from 'vue';
-import { useRouter } from 'vue-router';
-import useLoader from '@Stores/Loader';
-import { hasToken } from '@Services/Api';
-
-/** Definidores */
-const router = useRouter();
-const loader = useLoader();
-
-/** Ciclos */
-onMounted(() => {
-    if(!hasToken()) {
-        return router.push({ name: 'auth.index' })
-    }
-
-    loader.boot()
-})
-</script>
-
-<template>
-    <router-view />
-</template>
\ No newline at end of file
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
new file mode 100644
index 0000000..b58e52b
--- /dev/null
+++ b/src/components/HelloWorld.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{ msg: string }>()
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Learn more about IDE Support for Vue in the
+    <a
+      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
+      target="_blank"
+      >Vue Docs Scaling up Guide</a
+    >.
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>
diff --git a/src/components/Holos/ActionSection.vue b/src/components/Holos/ActionSection.vue
deleted file mode 100644
index 80ce2ee..0000000
--- a/src/components/Holos/ActionSection.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script setup>
-import SectionTitle from './SectionTitle.vue';
-</script>
-
-<template>
-    <div class="md:grid md:grid-cols-3 md:gap-6">
-        <SectionTitle>
-            <template #title>
-                <slot name="title" />
-            </template>
-            <template #description>
-                <slot name="description" />
-            </template>
-        </SectionTitle>
-
-        <div class="mt-5 md:mt-0 md:col-span-2">
-            <div class="px-4 py-5 sm:p-6 shadow-sm dark:shadow-xs dark:shadow-white/50 sm:rounded-sm">
-                <slot name="content" />
-            </div>
-        </div>
-    </div>
-</template>
diff --git a/src/components/Holos/Breadcrumb/Container.vue b/src/components/Holos/Breadcrumb/Container.vue
deleted file mode 100644
index ed52e13..0000000
--- a/src/components/Holos/Breadcrumb/Container.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-    <nav class="flex items-center py-1 gap-0.5">
-        <slot />
-    </nav>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Breadcrumb/Item.vue b/src/components/Holos/Breadcrumb/Item.vue
deleted file mode 100644
index 7bf641e..0000000
--- a/src/components/Holos/Breadcrumb/Item.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script setup>
-import GoogleIcon from '@Shared/GoogleIcon.vue'
-import { useRouter } from 'vue-router';
-
-/** Definidores */
-const router = useRouter();
-
-/** Propiedades */
-const props = defineProps({
-    name: String,
-    icon: String,
-    route: Object,
-    active: Boolean,
-})
-
-/** Métodos */
-const handleClick = () => {
-    if (props.active) {
-        return;
-    }
-
-    router.push(props.route);
-}
-</script>
-
-<template>
-    <button
-        v-if="!active"
-        :to="route"
-        class="inline-flex items-center gap-1.5 text-sm duration-300 ease-in p-1 cursor-pointer"
-        @click="handleClick"
-    >
-            <GoogleIcon
-                :name="icon"
-                class="text-sm"
-            />
-            <span class="text-sm font-semibold hover:underline" v-text="name" />
-    </button>
-    <span v-if="!active" class="inline-block text-sm select-none pointer-events-none opacity-50">
-        <GoogleIcon
-            name="arrow_forward_ios"
-            class="text-xs font-semibold"
-        />
-    </span>
-    <div
-        v-if="active"
-        class="inline-flex items-center gap-1.5 text-sm duration-300 ease-in p-1"
-    >
-        <GoogleIcon
-            :name="icon"
-            class="text-sm"
-        />
-        <span class="font-semibold text-sm underline" v-text="name" />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Breadcrumb/Separator.vue b/src/components/Holos/Breadcrumb/Separator.vue
deleted file mode 100644
index 4c3564b..0000000
--- a/src/components/Holos/Breadcrumb/Separator.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script setup>
-import GoogleIcon from '@Shared/GoogleIcon.vue'
-
-</script>
-
-<template>
-    <span class="inline-block mx-1 text-sm select-none pointer-events-none opacity-50">
-        <GoogleIcon
-            name="arrow_forward_ios"
-            class="text-xs font-semibold"
-        />
-    </span>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Button/Button.vue b/src/components/Holos/Button/Button.vue
deleted file mode 100644
index 33bf969..0000000
--- a/src/components/Holos/Button/Button.vue
+++ /dev/null
@@ -1,138 +0,0 @@
-<template>
-  <button :type="type" :disabled="disabled || loading" :class="buttonClasses" @click="handleClick">
-    <svg v-if="loading" class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg"
-      fill="none" viewBox="0 0 24 24">
-      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-      <path class="opacity-75" fill="currentColor"
-        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
-      </path>
-    </svg>
-    <slot></slot>
-  </button>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-interface Props {
-  variant?: 'solid' | 'outline' | 'ghost' | 'smooth';
-  color?: 'primary' | 'danger' | 'success' | 'info' | 'warning';
-  size?: 'sm' | 'md' | 'lg';
-  type?: 'button' | 'submit' | 'reset';
-  disabled?: boolean;
-  loading?: boolean;
-  fullWidth?: boolean;
-  iconOnly?: boolean;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  variant: 'solid',
-  color: 'primary',
-  size: 'md',
-  type: 'button',
-  disabled: false,
-  loading: false,
-  fullWidth: false,
-  iconOnly: false,
-});
-
-
-const emit = defineEmits<{
-  click: [event: MouseEvent];
-}>();
-
-function handleClick(event: MouseEvent) {
-  if (props.disabled || props.loading) return;
-  emit('click', event);
-}
-
-const buttonClasses = computed(() => {
-  const baseClasses = [
-    'inline-flex',
-    'items-center',
-    'justify-center',
-    'font-medium',
-    'rounded-lg',
-    'transition-all',
-    'duration-200',
-    'focus:outline-none',
-    'focus:ring-2',
-    'focus:ring-offset-2',
-    'disabled:opacity-50',
-    'disabled:cursor-not-allowed',
-  ];
-
-  const sizeClasses = {
-    sm: ['px-3', 'py-1.5', 'text-sm'],
-    md: ['px-4', 'py-2', 'text-sm'],
-    lg: ['px-6', 'py-3', 'text-base'],
-  };
-
-  // Estilos base por tipo
-  const variantClasses = {
-    solid: ['shadow-sm'],
-    outline: ['border', 'bg-white', 'hover:bg-gray-50'],
-    ghost: ['bg-transparent', 'hover:bg-gray-100'],
-    smooth: ['bg-opacity-20', 'font-bold', 'uppercase', 'shadow-none'],
-  };
-
-  // Colores por tipo
-  const colorClasses = {
-    primary: {
-      solid: ['bg-primary-600', 'text-white', 'hover:bg-primary-700', 'focus:ring-primary-500'],
-      outline: ['border-primary-600', 'text-primary-600', 'focus:ring-primary-500'],
-      ghost: ['text-primary-600', 'focus:ring-primary-500'],
-      smooth: ['bg-primary-100', 'text-primary-600', 'hover:bg-primary-200', 'focus:ring-primary-300'],
-    },
-    danger: {
-      solid: ['bg-red-600', 'text-white', 'hover:bg-red-700', 'focus:ring-red-500'],
-      outline: ['border-red-600', 'text-red-600', 'focus:ring-red-500'],
-      ghost: ['text-red-600', 'focus:ring-red-500'],
-      smooth: ['bg-red-100', 'text-red-600', 'hover:bg-red-200', 'focus:ring-red-300'],
-    },
-    success: {
-      solid: ['bg-green-600', 'text-white', 'hover:bg-green-700', 'focus:ring-green-500'],
-      outline: ['border-green-600', 'text-green-600', 'focus:ring-green-500'],
-      ghost: ['text-green-600', 'focus:ring-green-500'],
-      smooth: ['bg-green-100', 'text-green-600', 'hover:bg-green-200', 'focus:ring-green-300'],
-    },
-    info: {
-      solid: ['bg-blue-600', 'text-white', 'hover:bg-blue-700', 'focus:ring-blue-500'],
-      outline: ['border-blue-600', 'text-blue-600', 'focus:ring-blue-500'],
-      ghost: ['text-blue-600', 'focus:ring-blue-500'],
-      smooth: ['bg-blue-100', 'text-blue-600', 'hover:bg-blue-200', 'focus:ring-blue-300'],
-    },
-    warning: {
-      solid: ['bg-yellow-500', 'text-white', 'hover:bg-yellow-600', 'focus:ring-yellow-400'],
-      outline: ['border-yellow-500', 'text-yellow-600', 'focus:ring-yellow-400'],
-      ghost: ['text-yellow-600', 'focus:ring-yellow-400'],
-      smooth: ['bg-yellow-100', 'text-yellow-600', 'hover:bg-yellow-200', 'focus:ring-yellow-200'],
-    },
-  };
-
-
-  // Asegura que siempre haya un array válido para los estilos
-  const safeVariant = props.variant && variantClasses[props.variant] ? props.variant : 'solid';
-  const safeColor = props.color && colorClasses[props.color] ? props.color : 'primary';
-
-  const classes = [
-    ...baseClasses,
-    ...sizeClasses[props.size],
-    ...(variantClasses[safeVariant] || []),
-    ...(colorClasses[safeColor]?.[safeVariant] || []),
-  ];
-
-  if (props.fullWidth) {
-    classes.push('w-full');
-  }
-  if (props.iconOnly) {
-    if (props.size === 'sm') classes.push('w-8', 'h-8', 'p-0');
-    else if (props.size === 'lg') classes.push('w-12', 'h-12', 'p-0');
-    else classes.push('w-10', 'h-10', 'p-0');
-  } else if (props.fullWidth) {
-    classes.push('w-full');
-  }
-
-  return classes;
-});
-</script>
\ No newline at end of file
diff --git a/src/components/Holos/Button/ButtonRh.vue b/src/components/Holos/Button/ButtonRh.vue
deleted file mode 100644
index fb5879b..0000000
--- a/src/components/Holos/Button/ButtonRh.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script setup>
-import GoogleIcon from "@Shared/GoogleIcon.vue";
-defineProps({
-  type: {
-    default: "button",
-    type: String,
-  },
-  icon: {
-    default: "add",
-    type: String,
-  },
-  text: {
-    default: "",
-    type: String,
-  }
-});
-</script>
-
-<template>
-  <button
-    :type="type"
-    class="inline-flex items-center gap-3 bg-[#2563eb] hover:bg-[#1e40af] text-white px-4 py-2 rounded-full shadow-md"
-  >
-  <GoogleIcon :name="icon" />
-  <span>{{ text }}</span>
-  </button>
-</template>
diff --git a/src/components/Holos/Button/Danger.vue b/src/components/Holos/Button/Danger.vue
deleted file mode 100644
index a10f212..0000000
--- a/src/components/Holos/Button/Danger.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script setup>
-/** Propiedades */
-defineProps({
-    type: {
-        default: 'submit',
-        type: String
-    }
-});
-</script>
-
-<template>
-    <button 
-        class="btn bg-danger"
-        :type="type"
-    >
-        <slot />
-    </button>
-</template>
diff --git a/src/components/Holos/Button/Icon.vue b/src/components/Holos/Button/Icon.vue
deleted file mode 100644
index 4b4ed9a..0000000
--- a/src/components/Holos/Button/Icon.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script setup>
-import GoogleIcon from '@Shared/GoogleIcon.vue'
-
-/** Propiedades */
-const props = defineProps({
-    icon:  String,
-    fill: Boolean,
-    style: {
-        type: String,
-        default: 'rounded'
-    },
-    title: String,
-    type: {
-        type: String,
-        default: 'button'
-    }
-});
-</script>
-
-<template>
-    <button
-        class="flex justify-center items-center h-7 w-7 rounded-sm btn-icon"
-        :title="title"
-        :type="type"
-    >
-        <GoogleIcon
-            :fill="fill"
-            :name="icon"
-            :style="style"
-        />   
-    </button>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Button/Primary.vue b/src/components/Holos/Button/Primary.vue
deleted file mode 100644
index ffc1fa1..0000000
--- a/src/components/Holos/Button/Primary.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script setup>
-/** Propiedades */
-defineProps({
-    type: {
-        default: 'submit',
-        type: String
-    }
-});
-</script>
-
-<template>
-    <button 
-        class="btn btn-primary"
-        :type="type"
-    >
-        <slot />
-    </button>
-</template>
diff --git a/src/components/Holos/Button/Secondary.vue b/src/components/Holos/Button/Secondary.vue
deleted file mode 100644
index a02d599..0000000
--- a/src/components/Holos/Button/Secondary.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script setup>
-/** Propiedades */
-defineProps({
-    type: {
-        default: 'submit',
-        type: String
-    }
-});
-</script>
-
-<template>
-    <button 
-        class="btn btn-secondary"
-        :type="type"
-    >
-        <slot />
-    </button>
-</template>
diff --git a/src/components/Holos/Calendar.vue b/src/components/Holos/Calendar.vue
deleted file mode 100644
index 96db6d4..0000000
--- a/src/components/Holos/Calendar.vue
+++ /dev/null
@@ -1,191 +0,0 @@
-<script setup>
-import { ref, computed, watch } from 'vue';
-import { Calendar } from 'v-calendar';
-import 'v-calendar/style.css';
-
-// Props del componente
-const props = defineProps({
-    // Días de conflicto a pintar en rojo
-    conflictDays: {
-        type: Array,
-        default: () => []
-    },
-    // Configuración adicional
-    locale: {
-        type: String,
-        default: 'es'
-    }
-});
-
-// Emits
-const emit = defineEmits(['monthChanged']);
-
-// Variables reactivas
-const currentMonth = ref(new Date());
-const fromPage = ref(null);
-
-// Atributos para el calendario (eventos, vacaciones, etc.)
-const attributes = computed(() => {
-    const attrs = [];
-    
-
-    // Agregar días de conflicto (pintarlos en rojo)
-    if (props.conflictDays && props.conflictDays.length > 0) {
-        props.conflictDays.forEach((day) => {
-            const currentYear = currentMonth.value.getFullYear();
-            const currentMonthNumber = currentMonth.value.getMonth();
-            const conflictDate = new Date(currentYear, currentMonthNumber, day);
-            
-            attrs.push({
-                key: `conflict-${day}`,
-                dates: conflictDate,
-                highlight: {
-                    color: 'red',
-                    fillMode: 'solid'
-                },
-                popover: {
-                    label: `Día con conflictos de vacaciones`,
-                    visibility: 'hover'
-                }
-            });
-        });
-    }
-
-    return attrs;
-});
-
-// Configuración del calendario
-const calendarConfig = computed(() => ({
-    locale: props.locale,
-    firstDayOfWeek: 2, // Lunes
-    masks: {
-        weekdays: 'WWW',
-        navMonths: 'MMMM',
-        title: 'MMMM YYYY'
-    },
-    theme: {
-        isDark: false
-    }
-}));
-
-// Métodos
-const onPageChanged = (page) => {
-    // Actualizar el mes actual cuando se cambia de página
-    currentMonth.value = new Date(page[0].year, page[0].month - 1, 1);
-    emit('monthChanged', page[0].month);
-};
-
-// Watch para re-renderizar cuando cambien los días de conflicto o el mes actual
-watch([() => props.conflictDays, currentMonth], () => {
-    // Los attributes se recalcularán automáticamente al cambiar estas dependencias
-}, { deep: true });
-
-// Exponer métodos para uso externo
-defineExpose({
-    currentMonth
-});
-</script>
-
-<template>
-    <div class="calendar-container bg-white rounded-lg shadow-md p-4">
-        <!-- Header del calendario -->
-        <div class="flex items-center justify-between mb-4">
-            <h3 class="text-lg font-semibold text-gray-900">Calendario</h3>
-        </div>
-
-        <!-- Calendario principal -->
-        <div class="calendar-wrapper">
-            <Calendar
-                v-model="currentMonth"
-                :attributes="attributes"
-                :locale="calendarConfig.locale"
-                :first-day-of-week="calendarConfig.firstDayOfWeek"
-                :masks="calendarConfig.masks"
-                class="custom-calendar"
-                v-model:from-page="fromPage"
-                @update:from-page="onPageChanged"
-                @did-move="onPageChanged"
-                expanded
-            />
-        </div>
-    </div>
-</template>
-
-<style scoped>
-/* Estilos personalizados para el calendario */
-.calendar-container {
-    min-width: 300px;
-}
-
-.custom-calendar {
-    width: 100%;
-}
-
-/* Personalización de v-calendar */
-:deep(.vc-container) {
-    --vc-border-radius: 0.5rem;
-    --vc-weekday-color: #6B7280;
-    --vc-popover-content-bg: white;
-    --vc-popover-content-border: 1px solid #E5E7EB;
-    border: none;
-    font-family: inherit;
-}
-
-:deep(.vc-header) {
-    padding: 1rem 1rem 0.5rem;
-}
-
-:deep(.vc-title) {
-    font-size: 1rem;
-    font-weight: 600;
-    color: #1F2937;
-}
-
-:deep(.vc-weekday) {
-    color: #6B7280;
-    font-size: 0.75rem;
-    font-weight: 500;
-    padding: 0.5rem 0;
-}
-
-:deep(.vc-day) {
-    min-height: 2rem;
-}
-
-:deep(.vc-day-content) {
-    width: 2rem;
-    height: 2rem;
-    border-radius: 0.375rem;
-    border: none;
-    font-weight: 500;
-    transition: all 0.2s ease;
-}
-
-:deep(.vc-day-content:hover) {
-    background-color: #EFF6FF;
-    color: #2563EB;
-}
-
-:deep(.vc-day-content.vc-day-content-today) {
-    background-color: #DBEAFE;
-    color: #1D4ED8;
-    font-weight: 600;
-}
-
-:deep(.vc-highlights .vc-highlight) {
-    border-radius: 0.375rem;
-}
-
-:deep(.vc-dots) {
-    margin-bottom: 0.125rem;
-}
-
-/* Responsive */
-@media (max-width: 640px) {
-    .calendar-container {
-        min-width: auto;
-        margin: 0 -1rem;
-        border-radius: 0;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/src/components/Holos/Canvas.vue b/src/components/Holos/Canvas.vue
deleted file mode 100644
index e675454..0000000
--- a/src/components/Holos/Canvas.vue
+++ /dev/null
@@ -1,606 +0,0 @@
-<script setup>
-import { ref, computed, nextTick, watch } from 'vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-const props = defineProps({
-    element: {
-        type: Object,
-        required: true
-    },
-    isSelected: {
-        type: Boolean,
-        default: false
-    }
-});
-
-/** Eventos */
-const emit = defineEmits(['select', 'delete', 'update', 'move']);
-
-/** Referencias */
-const isEditing = ref(false);
-const editValue = ref('');
-const editInput = ref(null);
-const editTextarea = ref(null);
-const elementRef = ref(null);
-const isDragging = ref(false);
-const isResizing = ref(false);
-const resizeDirection = ref(null); // 'corner', 'right', 'bottom'
-const dragStart = ref({ x: 0, y: 0 });
-const resizeStart = ref({ x: 0, y: 0, width: 0, height: 0 });
-const fileInput = ref(null);
-
-/** Propiedades computadas */
-const elementStyles = computed(() => ({
-    left: `${props.element.x}px`,
-    top: `${props.element.y}px`,
-    width: `${props.element.width || 200}px`,
-    height: `${props.element.height || 40}px`
-}));
-
-/** Watchers */
-watch(() => props.isSelected, (selected) => {
-    if (selected && isEditing.value) {
-        nextTick(() => {
-            if (props.element.type === 'text' && editInput.value) {
-                editInput.value.focus();
-                editInput.value.select();
-            } else if (props.element.type === 'code' && editTextarea.value) {
-                editTextarea.value.focus();
-                editTextarea.value.select();
-            }
-        });
-    }
-});
-
-/** Métodos */
-const handleSelect = (event) => {
-    event.stopPropagation();
-    emit('select', props.element.id);
-};
-
-const handleDelete = () => {
-    emit('delete', props.element.id);
-};
-
-const startEditing = () => {
-    if (props.element.type === 'table' && props.element.content) {
-        // Deep copy para evitar mutaciones directas
-        editValue.value = JSON.parse(JSON.stringify(props.element.content));
-    } else if (props.element.type === 'code') {
-        editValue.value = props.element.content || 'console.log("Hola mundo");';
-    } else {
-        editValue.value = props.element.content || getDefaultEditValue();
-    }
-    isEditing.value = true;
-    
-    nextTick(() => {
-        if (editTextarea.value) editTextarea.value.focus();
-        if (editInput.value) editInput.value.focus();
-    });
-};
-
-const finishEditing = () => {
-    if (isEditing.value) {
-        isEditing.value = false;
-        
-        // Para tablas, emitir el objeto completo
-        if (props.element.type === 'table') {
-            emit('update', {
-                id: props.element.id,
-                content: editValue.value
-            });
-        } else {
-            emit('update', {
-                id: props.element.id,
-                content: editValue.value
-            });
-        }
-    }
-};
-
-const handleKeydown = (event) => {
-    if (props.element.type === 'text') {
-        if (event.key === 'Enter' && !event.shiftKey) {
-            event.preventDefault();
-            finishEditing();
-        } else if (event.key === 'Escape') {
-            isEditing.value = false;
-            editValue.value = props.element.content || 'Nuevo texto';
-        }
-    } else if (props.element.type === 'code') {
-        if (event.key === 'Escape') {
-            isEditing.value = false;
-            editValue.value = props.element.content || 'console.log("Hola mundo");';
-        }
-        // Para código, permitimos Enter normal y usamos Ctrl+Enter para terminar
-        if (event.key === 'Enter' && event.ctrlKey) {
-            event.preventDefault();
-            finishEditing();
-        }
-    } else if (props.element.type === 'table') {
-        if (event.key === 'Escape') {
-            isEditing.value = false;
-            // Restaurar el contenido original de la tabla
-            editValue.value = props.element.content ? 
-                JSON.parse(JSON.stringify(props.element.content)) : 
-                getDefaultEditValue();
-        }
-        // Para tablas, Enter normal para nueva línea en celda, Ctrl+Enter para terminar
-        if (event.key === 'Enter' && event.ctrlKey) {
-            event.preventDefault();
-            finishEditing();
-        }
-    }
-};
-
-// Manejo de archivo de imagen
-const handleFileSelect = (event) => {
-    const file = event.target.files[0];
-    if (file && file.type.startsWith('image/')) {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-            emit('update', {
-                id: props.element.id,
-                content: e.target.result,
-                fileName: file.name
-            });
-        };
-        reader.readAsDataURL(file);
-    }
-    // Limpiar el input
-    event.target.value = '';
-};
-
-// Funcionalidad de arrastre
-const handleMouseDown = (event) => {
-    if (isEditing.value || isResizing.value) return;
-    
-    isDragging.value = true;
-    dragStart.value = {
-        x: event.clientX - props.element.x,
-        y: event.clientY - props.element.y
-    };
-
-    document.addEventListener('mousemove', handleMouseMove);
-    document.addEventListener('mouseup', handleMouseUp);
-    
-    event.preventDefault();
-};
-
-const handleMouseMove = (event) => {
-    if (isDragging.value && !isResizing.value) {
-        const newX = event.clientX - dragStart.value.x;
-        const newY = event.clientY - dragStart.value.y;
-
-        emit('move', {
-            id: props.element.id,
-            x: Math.max(0, newX),
-            y: Math.max(0, newY)
-        });
-    } else if (isResizing.value && !isDragging.value) {
-        handleResizeMove(event);
-    }
-};
-
-const handleMouseUp = () => {
-    isDragging.value = false;
-    isResizing.value = false;
-    resizeDirection.value = null;
-    document.removeEventListener('mousemove', handleMouseMove);
-    document.removeEventListener('mouseup', handleMouseUp);
-};
-
-// Funcionalidad de redimensionamiento por esquina
-const startResize = (event) => {
-    event.stopPropagation();
-    event.preventDefault();
-    
-    isResizing.value = true;
-    resizeDirection.value = 'corner';
-    resizeStart.value = {
-        x: event.clientX,
-        y: event.clientY,
-        width: props.element.width || 200,
-        height: props.element.height || 40
-    };
-
-    document.addEventListener('mousemove', handleMouseMove);
-    document.addEventListener('mouseup', handleMouseUp);
-};
-
-// Funcionalidad de redimensionamiento por bordes
-const startResizeEdge = (event, direction) => {
-    event.stopPropagation();
-    event.preventDefault();
-    
-    isResizing.value = true;
-    resizeDirection.value = direction;
-    resizeStart.value = {
-        x: event.clientX,
-        y: event.clientY,
-        width: props.element.width || 200,
-        height: props.element.height || 40
-    };
-
-    document.addEventListener('mousemove', handleMouseMove);
-    document.addEventListener('mouseup', handleMouseUp);
-};
-
-const handleResizeMove = (event) => {
-    if (!isResizing.value) return;
-
-    const deltaX = event.clientX - resizeStart.value.x;
-    const deltaY = event.clientY - resizeStart.value.y;
-
-    let newWidth = resizeStart.value.width;
-    let newHeight = resizeStart.value.height;
-
-    // Calcular nuevas dimensiones según la dirección
-    if (resizeDirection.value === 'corner') {
-        newWidth = Math.max(getMinWidth(), Math.min(getMaxWidth(), resizeStart.value.width + deltaX));
-        newHeight = Math.max(getMinHeight(), Math.min(getMaxHeight(), resizeStart.value.height + deltaY));
-    } else if (resizeDirection.value === 'right') {
-        newWidth = Math.max(getMinWidth(), Math.min(getMaxWidth(), resizeStart.value.width + deltaX));
-    } else if (resizeDirection.value === 'bottom') {
-        newHeight = Math.max(getMinHeight(), Math.min(getMaxHeight(), resizeStart.value.height + deltaY));
-    }
-
-    emit('update', {
-        id: props.element.id,
-        width: newWidth,
-        height: newHeight
-    });
-};
-
-// Obtener tamaños mínimos según el tipo de elemento
-const getMinWidth = () => {
-    switch (props.element.type) {
-        case 'text':
-            return 100;
-        case 'image':
-            return 100;
-        case 'table':
-            return 200;
-        default:
-            return 100;
-    }
-};
-
-const getMinHeight = () => {
-    switch (props.element.type) {
-        case 'text':
-            return 30;
-        case 'image':
-            return 80;
-        case 'table':
-            return 80;
-        default:
-            return 30;
-    }
-};
-
-// Obtener tamaños máximos según el tipo de elemento
-const getMaxWidth = () => {
-    return 800; // Máximo general
-};
-
-const getMaxHeight = () => {
-    return 600; // Máximo general
-};
-</script>
-
-<template>
-    <div
-        ref="elementRef"
-        :style="elementStyles"
-        @click="handleSelect"
-        @dblclick="startEditing"
-        @mousedown="handleMouseDown"
-        class="absolute group select-none"
-        :class="{
-            'ring-2 ring-blue-500 ring-opacity-50': isSelected,
-            'cursor-move': !isEditing && !isResizing,
-            'cursor-text': isEditing && (element.type === 'text' || element.type === 'code'),
-            'cursor-se-resize': isResizing && resizeDirection === 'corner',
-            'cursor-e-resize': isResizing && resizeDirection === 'right',
-            'cursor-s-resize': isResizing && resizeDirection === 'bottom'
-        }"
-    >
-        <!-- Input oculto para selección de archivos -->
-        <input
-            ref="fileInput"
-            type="file"
-            accept="image/*"
-            @change="handleFileSelect"
-            class="hidden"
-        />
-
-        <!-- Elemento de Texto -->
-        <div
-            v-if="element.type === 'text'"
-            class="w-full h-full flex items-center px-3 py-2 bg-blue-100 rounded border border-blue-300 text-blue-800 text-sm font-medium dark:bg-blue-900/30 dark:border-blue-600 dark:text-blue-300"
-        >
-            <input
-                v-if="isEditing"
-                ref="editInput"
-                v-model="editValue"
-                @blur="finishEditing"
-                @keydown="handleKeydown"
-                class="w-full bg-transparent outline-none cursor-text"
-                @mousedown.stop
-            />
-            <span v-else class="truncate pointer-events-none">
-                {{ element.content || 'Nuevo texto' }}
-            </span>
-        </div>
-
-        <!-- Elemento de Imagen -->
-        <div
-            v-else-if="element.type === 'image'"
-            class="w-full h-full flex items-center justify-center bg-gray-100 rounded border border-gray-300 dark:bg-primary/10 dark:border-primary/20 overflow-hidden"
-        >
-            <!-- Si hay imagen cargada -->
-            <img
-                v-if="element.content && element.content.startsWith('data:image')"
-                :src="element.content"
-                :alt="element.fileName || 'Imagen'"
-                class="w-full h-full object-cover pointer-events-none"
-            />
-            <!-- Placeholder para imagen -->
-            <div v-else class="flex flex-col items-center justify-center text-gray-400 dark:text-primary-dt/50 p-4">
-                <GoogleIcon name="image" class="text-2xl mb-1" />
-                <span class="text-xs text-center">Haz doble clic para cargar imagen</span>
-            </div>
-        </div>
-
-        <!-- Elemento de Código -->
-        <div
-            v-else-if="element.type === 'code'"
-            class="w-full h-full bg-gray-900 rounded border overflow-hidden"
-        >
-            <div class="w-full h-6 bg-gray-800 flex items-center px-2 text-xs text-gray-400 border-b border-gray-700">
-                <div class="flex gap-1">
-                    <div class="w-2 h-2 bg-red-500 rounded-full"></div>
-                    <div class="w-2 h-2 bg-yellow-500 rounded-full"></div>
-                    <div class="w-2 h-2 bg-green-500 rounded-full"></div>
-                </div>
-                <span class="ml-2">{{ element.fileName || 'script.js' }}</span>
-            </div>
-            <div class="p-2 h-[calc(100%-24px)]">
-                <textarea
-                    v-if="isEditing"
-                    ref="editTextarea"
-                    v-model="editValue"
-                    @blur="finishEditing"
-                    @keydown="handleKeydown"
-                    class="w-full h-full bg-transparent text-green-400 text-xs font-mono outline-none resize-none cursor-text"
-                    @mousedown.stop
-                />
-                <pre v-else class="text-green-400 text-xs font-mono overflow-auto h-full pointer-events-none whitespace-pre-wrap">{{ element.content || 'console.log("Hola mundo");' }}</pre>
-            </div>
-        </div>
-
-        <!-- Elemento de Tabla -->
-        <div
-            v-else-if="element.type === 'table'"
-            class="w-full h-full bg-white rounded border overflow-hidden"
-        >
-            <div v-if="element.content && element.content.data" class="w-full h-full">
-                <table class="w-full h-full text-xs border-collapse">
-                    <thead v-if="element.content.data.length > 0">
-                        <tr class="bg-blue-50 dark:bg-blue-900/20">
-                            <th 
-                                v-for="(header, colIndex) in element.content.data[0]" 
-                                :key="colIndex"
-                                class="border border-gray-300 dark:border-primary/20 px-1 py-1 text-left font-semibold text-blue-800 dark:text-blue-300"
-                            >
-                                <input
-                                    v-if="isEditing"
-                                    v-model="editValue.data[0][colIndex]"
-                                    class="w-full bg-transparent outline-none text-xs"
-                                    @mousedown.stop
-                                    @click.stop
-                                    @focus.stop
-                                />
-                                <span v-else class="truncate">{{ header }}</span>
-                            </th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr 
-                            v-for="(row, rowIndex) in element.content.data.slice(1)" 
-                            :key="rowIndex"
-                            class="hover:bg-gray-50 dark:hover:bg-primary/5"
-                        >
-                            <td 
-                                v-for="(cell, colIndex) in row" 
-                                :key="colIndex"
-                                class="border border-gray-300 dark:border-primary/20 px-1 py-1"
-                            >
-                                <input
-                                    v-if="isEditing"
-                                    v-model="editValue.data[rowIndex + 1][colIndex]"
-                                    class="w-full bg-transparent outline-none text-xs"
-                                    @mousedown.stop
-                                    @click.stop
-                                    @focus.stop
-                                />
-                                <span v-else class="truncate text-gray-700 dark:text-primary-dt">{{ cell }}</span>
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-            <!-- Placeholder para tabla vacía -->
-            <div v-else class="flex flex-col items-center justify-center text-gray-400 dark:text-primary-dt/50 p-4">
-                <GoogleIcon name="table_chart" class="text-2xl mb-1" />
-                <span class="text-xs text-center">Doble clic para editar tabla</span>
-            </div>
-        </div>
-
-        <!-- Controles del elemento -->
-        <div
-            v-if="isSelected && !isEditing"
-            class="absolute -top-8 right-0 flex gap-1 opacity-100 transition-opacity z-10"
-        >
-            <!-- Indicador de tamaño -->
-            <div class="px-2 py-1 bg-gray-800 text-white text-xs rounded shadow-sm pointer-events-none">
-                {{ Math.round(element.width || 200) }} × {{ Math.round(element.height || 40) }}
-            </div>
-
-            <!-- Botón para cargar imagen (solo para elementos de imagen) -->
-            <button
-                v-if="element.type === 'image'"
-                @click.stop="() => fileInput.click()"
-                class="w-6 h-6 bg-blue-500 hover:bg-blue-600 text-white rounded text-xs flex items-center justify-center transition-colors shadow-sm"
-                title="Cargar imagen"
-            >
-                <GoogleIcon name="upload" class="text-xs" />
-            </button>
-
-            <!-- Botón eliminar -->
-            <button
-                @click.stop="handleDelete"
-                class="w-6 h-6 bg-red-500 hover:bg-red-600 text-white rounded text-xs flex items-center justify-center transition-colors shadow-sm"
-                title="Eliminar"
-            >
-                <GoogleIcon name="close" class="text-xs" />
-            </button>
-        </div>
-
-        <!-- Controles de redimensionamiento mejorados -->
-        <div v-if="isSelected && !isEditing" class="absolute inset-0 pointer-events-none">
-            <!-- Esquina inferior derecha -->
-            <div
-                @mousedown.stop="startResize"
-                class="absolute -bottom-1 -right-1 w-2 h-2 bg-blue-500 border border-white cursor-se-resize pointer-events-auto rounded-sm resize-handle-corner"
-                title="Redimensionar"
-            ></div>
-
-            <!-- Lado derecho -->
-            <div
-                @mousedown.stop="(event) => startResizeEdge(event, 'right')"
-                class="absolute top-1 bottom-1 -right-0.5 w-1 bg-blue-500 opacity-0 cursor-e-resize pointer-events-auto resize-handle-edge"
-                title="Redimensionar ancho"
-            ></div>
-
-            <!-- Lado inferior -->
-            <div
-                @mousedown.stop="(event) => startResizeEdge(event, 'bottom')"
-                class="absolute -bottom-0.5 left-1 right-1 h-1 bg-blue-500 opacity-0 cursor-s-resize pointer-events-auto resize-handle-edge"
-                title="Redimensionar alto"
-            ></div>
-
-            <!-- Puntos de agarre visuales en los bordes (solo visuales) -->
-            <div class="absolute top-1/2 -right-0.5 w-1 h-6 -translate-y-1/2 bg-blue-500 opacity-30 rounded-full pointer-events-none resize-handle-visual"></div>
-            <div class="absolute -bottom-0.5 left-1/2 w-6 h-1 -translate-x-1/2 bg-blue-500 opacity-30 rounded-full pointer-events-none resize-handle-visual"></div>
-        </div>
-
-        <!-- Indicador de arrastre -->
-        <div
-            v-if="isDragging"
-            class="absolute inset-0 bg-blue-500 opacity-20 rounded pointer-events-none"
-        ></div>
-
-        <!-- Indicador de redimensionamiento -->
-        <div
-            v-if="isResizing"
-            class="absolute inset-0 bg-green-500 opacity-20 rounded pointer-events-none"
-        ></div>
-
-        <!-- Tooltip con instrucciones -->
-        <div
-            v-if="isSelected && !element.content && element.type !== 'image' && !isResizing"
-            class="absolute -bottom-8 left-0 bg-gray-900 text-white text-xs px-2 py-1 rounded whitespace-nowrap z-10"
-        >
-            {{ element.type === 'text' ? 'Doble clic para editar texto' : 'Doble clic para editar código' }}
-            {{ element.type === 'code' ? ' (Ctrl+Enter para guardar)' : '' }}
-        </div>
-
-        <!-- Tooltip con instrucciones de redimensionamiento -->
-        <div
-            v-if="isSelected && !isEditing && element.type === 'image' && !element.content && !isResizing"  
-            class="absolute -bottom-8 left-0 bg-gray-900 text-white text-xs px-2 py-1 rounded whitespace-nowrap z-10"
-        >
-            Arrastra las esquinas para redimensionar
-        </div>
-
-        <!-- Botón para terminar edición de tabla -->
-        <div
-            v-if="isEditing && element.type === 'table'"
-            class="absolute -bottom-10 left-0 flex gap-2 z-20"
-        >
-            <button
-                @click="finishEditing"
-                class="px-3 py-1 bg-green-600 hover:bg-green-700 text-white text-xs rounded shadow-sm transition-colors"
-            >
-                Guardar (Ctrl+Enter)
-            </button>
-            <button
-                @click="() => { isEditing = false; editValue = JSON.parse(JSON.stringify(element.content)); }"
-                class="px-3 py-1 bg-gray-600 hover:bg-gray-700 text-white text-xs rounded shadow-sm transition-colors"
-            >
-                Cancelar (Esc)
-            </button>
-        </div>
-    </div>
-</template>
-
-<style scoped>
-/* Estilos para los controles de redimensionamiento mejorados */
-.resize-handle-corner {
-    transition: all 0.2s ease;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-}
-
-.resize-handle-corner:hover {
-    background-color: #2563eb;
-    transform: scale(1.1);
-    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
-}
-
-.resize-handle-edge {
-    transition: all 0.2s ease;
-}
-
-.resize-handle-edge:hover {
-    opacity: 0.7 !important;
-    background-color: #2563eb;
-}
-
-.resize-handle-visual {
-    transition: all 0.2s ease;
-}
-
-/* Efecto hover para los indicadores visuales */
-.group:hover .resize-handle-visual {
-    opacity: 0.6 !important;
-}
-
-.group:hover .resize-handle-edge {
-    opacity: 0.4 !important;
-}
-
-/* Prevenir selección de texto durante el redimensionamiento */
-.select-none {
-    user-select: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-}
-
-/* Animación suave para los controles */
-@keyframes pulse-resize {
-    0%, 100% {
-        opacity: 0.3;
-    }
-    50% {
-        opacity: 0.7;
-    }
-}
-
-.group:hover .resize-handle-visual {
-    animation: pulse-resize 2s infinite;
-}
-</style>
\ No newline at end of file
diff --git a/src/components/Holos/Card/AcademicRecords.vue b/src/components/Holos/Card/AcademicRecords.vue
deleted file mode 100644
index 6c58818..0000000
--- a/src/components/Holos/Card/AcademicRecords.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<script setup>
-import { getDate } from '@Controllers/DateController';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Props */
-const props = defineProps({
-  records: {
-    type: Array,
-    default: () => []
-  }
-});
-
-/** Eventos */
-const emit = defineEmits(['destroy', 'edit']);
-
-/** Métodos */
-function openDestroy(record) {
-  emit('destroy', record);
-}
-
-function openEdit(record) {
-  emit('edit', record);
-}
-</script>
-
-<template>
-  <div class="mt-6">
-    <h3 class="text-base font-medium text-gray-800 flex items-center gap-2 dark:text-primary-dt">
-      <GoogleIcon 
-        class="text-black dark:text-primary-dt text-xl"
-        name="book"
-      />
-      Grados Académicos
-    </h3>
-
-    <div class="mt-4 grid gap-4 grid-cols-1 md:grid-cols-2">
-      <!-- Item grado dinámico -->
-      <article 
-        v-for="record in records" 
-        :key="record.id"
-        class="rounded-lg border border-gray-100 bg-white p-4 relative dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt"
-      >
-        <div class="flex items-start justify-between">
-          <div>
-            <h4 class="text-sm font-semibold text-gray-800 dark:text-primary-dt">{{ record.title }}</h4>
-            <p class="text-xs text-gray-500 mt-2 dark:text-primary-dt/70">{{ record.institution }}</p>
-            <p class="text-xs text-gray-400 mt-2 dark:text-primary-dt/70">Fecha de obtención: {{ record.date_obtained ? getDate(record.date_obtained) : '-' }}</p>
-          </div>
-
-          <div class="flex items-center gap-2">
-            <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-gray-100 text-gray-700 dark:bg-primary/10 dark:text-primary-dt">
-              {{ record.degree_type_ek }}
-            </span>
-            <button 
-              @click="openEdit(record)"
-              class="p-1 text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300"
-              title="Editar grado académico"
-            >
-              <GoogleIcon name="edit" class="w-4 h-4" />
-            </button>
-            <button 
-              @click="openDestroy(record)"
-              class="p-1 text-red-600 hover:text-red-800 dark:text-red-400 dark:hover:text-red-300"
-              title="Eliminar grado académico"
-            >
-              <GoogleIcon name="delete" class="w-4 h-4" />
-            </button>
-          </div>
-        </div>
-      </article>
-
-      <!-- Estado vacío para grados académicos -->
-      <div v-if="!records || records.length === 0" class="col-span-2 py-8 text-center">
-        <div class="text-gray-500 dark:text-primary-dt/70">
-          <GoogleIcon name="school" class="w-12 h-12 mx-auto mb-4 text-gray-400" />
-          <p class="text-lg font-medium">No se encontraron grados académicos</p>
-          <p class="text-sm mt-1">Intenta ajustar los filtros de búsqueda</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
diff --git a/src/components/Holos/Card/Card.vue b/src/components/Holos/Card/Card.vue
deleted file mode 100644
index 6dd6b64..0000000
--- a/src/components/Holos/Card/Card.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-
-const props = defineProps({
-  variant: {
-    type: String,
-    default: 'outline',
-    validator: (value) => ['default', 'outline', 'ghost'].includes(value)
-  },
-  className: {
-    type: String,
-    default: '',
-  }
-});
-
-const cardClasses = computed(() => {
-  const baseClasses = [
-    'rounded-lg',
-    'shadow-sm',
-    'transition-all',
-    'duration-200',
-  ];
-
-  const variantClasses = {
-    default: ['border', 'bg-white', 'dark:bg-gray-800', 'text-gray-900', 'dark:text-gray-100'],
-    outline: ['border-2', 'border-gray-100', 'dark:border-gray-700', 'bg-transparent'],
-    ghost: ['shadow-none', 'border-none', 'bg-transparent'],
-  };
-
-  return [
-    ...baseClasses,
-    ...variantClasses[props.variant],
-    props.className,
-  ].filter(Boolean);
-});
-</script>
-
-<template>
-  <div :class="cardClasses">
-    <slot />
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Card/CardContent.vue b/src/components/Holos/Card/CardContent.vue
deleted file mode 100644
index 151396d..0000000
--- a/src/components/Holos/Card/CardContent.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-
-const props = defineProps({
-  className: {
-    type: String,
-    default: '',
-  }
-});
-
-const contentClasses = computed(() => [
-  'p-6',
-  'pt-0',
-  props.className,
-].filter(Boolean));
-</script>
-
-<template>
-  <div :class="contentClasses">
-    <slot />
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Card/CardDescription.vue b/src/components/Holos/Card/CardDescription.vue
deleted file mode 100644
index db4bbad..0000000
--- a/src/components/Holos/Card/CardDescription.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-
-const props = defineProps({
-  className: {
-    type: String,
-    default: '',
-  }
-});
-
-const descriptionClasses = computed(() => [
-  'text-sm',
-  'text-gray-600',
-  'dark:text-gray-400',
-  props.className,
-].filter(Boolean));
-</script>
-
-<template>
-  <p :class="descriptionClasses">
-    <slot />
-  </p>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Card/CardFooter.vue b/src/components/Holos/Card/CardFooter.vue
deleted file mode 100644
index 4cc1605..0000000
--- a/src/components/Holos/Card/CardFooter.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-
-const props = defineProps({
-  className: {
-    type: String,
-    default: '',
-  }
-});
-
-const footerClasses = computed(() => [
-  'flex',
-  'items-center',
-  'p-6',
-  'pt-0',
-  props.className,
-].filter(Boolean));
-</script>
-
-<template>
-  <div :class="footerClasses">
-    <slot />
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Card/CardHeader.vue b/src/components/Holos/Card/CardHeader.vue
deleted file mode 100644
index a3081c3..0000000
--- a/src/components/Holos/Card/CardHeader.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-
-const props = defineProps({
-  className: {
-    type: String,
-    default: '',
-  }
-});
-
-const headerClasses = computed(() => [
-  'flex',
-  'flex-col',
-  'space-y-1.5',
-  'p-6',
-  props.className,
-].filter(Boolean));
-</script>
-
-<template>
-  <div :class="headerClasses">
-    <slot />
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Card/CardTitle.vue b/src/components/Holos/Card/CardTitle.vue
deleted file mode 100644
index e855a2f..0000000
--- a/src/components/Holos/Card/CardTitle.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-
-const props = defineProps({
-  className: {
-    type: String,
-    default: '',
-  }
-});
-
-const titleClasses = computed(() => [
-  'text-2xl',
-  'font-semibold',
-  'leading-none',
-  'tracking-tight',
-  props.className,
-].filter(Boolean));
-</script>
-
-<template>
-  <h3 :class="titleClasses">
-    <slot />
-  </h3>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Card/Certifications.vue b/src/components/Holos/Card/Certifications.vue
deleted file mode 100644
index 2d18022..0000000
--- a/src/components/Holos/Card/Certifications.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<script setup>
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import { getDate } from '@Controllers/DateController';
-
-/** Props */
-const props = defineProps({
-  certifications: {
-    type: Array,
-    default: () => []
-  }
-});
-
-/** Eventos */
-const emit = defineEmits(['destroy', 'edit']);
-
-/** Métodos */
-function openDestroy(cert) {
-  emit('destroy', cert);
-}
-
-function openEdit(cert) {
-  emit('edit', cert);
-}
-
-/** Métodos */
-function getCertificationStatus(cert) {
-  // Si no tiene fecha de expiración, se considera permanente
-  if (!cert.date_expiration) {
-    return {
-      status: 'permanente',
-      statusText: 'Permanente',
-      isExpired: false
-    };
-  }
-  
-  const now = new Date();
-  const expirationDate = new Date(cert.date_expiration);
-  
-  // Si la fecha actual es mayor a la fecha de expiración, está vencida
-  const isExpired = now > expirationDate;
-  
-  return {
-    status: isExpired ? 'vencida' : 'vigente',
-    statusText: isExpired ? 'Vencida' : 'Vigente',
-    isExpired
-  };
-}
-</script>
-
-<template>
-  <div class="mt-8">
-    <h3 class="text-base font-medium text-gray-800 flex items-center gap-2 dark:text-primary-dt">
-      <GoogleIcon 
-        class="text-black dark:text-primary-dt text-xl"
-        name="license"
-      />
-      Certificaciones
-    </h3>
-
-    <div class="mt-4 grid gap-4 grid-cols-1 md:grid-cols-2">
-      <!-- Certificación dinámica -->
-      <article 
-        v-for="cert in certifications" 
-        :key="cert.id"
-        :class="[
-          'rounded-lg border p-4 relative',
-          getCertificationStatus(cert).status === 'vigente' 
-            ? 'border-gray-100 bg-green-50/40 dark:bg-success-d/10 dark:border-primary/20 dark:text-primary-dt'
-            : 'border-gray-100 bg-white dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt'
-        ]"
-      >
-        <div class="flex items-start justify-between">
-          <div>
-            <h4 class="text-sm font-semibold text-gray-800 dark:text-primary-dt">{{ cert.name }}</h4>
-            <p class="text-xs text-gray-500 mt-2 dark:text-primary-dt/70">{{ cert.institution }}</p>
-            <p class="text-xs text-gray-500 mt-1 dark:text-primary-dt/70">Obtenida: {{ cert.date_obtained ? getDate(cert.date_obtained) : '-' }}</p>
-            <p class="text-xs text-gray-500 dark:text-primary-dt/70">Vigencia: {{ cert.date_expiration ? getDate(cert.date_expiration) : 'Permanente' }}</p>
-          </div>
-
-          <div class="flex items-center gap-2">
-            <span 
-              :class="[
-                'inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold',
-                getCertificationStatus(cert).status === 'vigente' 
-                  ? 'bg-emerald-100 text-emerald-700 dark:bg-success-d dark:text-success-dt'
-                  : getCertificationStatus(cert).status === 'permanente'
-                  ? 'bg-blue-100 text-blue-700 dark:bg-info-d dark:text-info-dt'
-                  : 'bg-amber-100 text-amber-800 dark:bg-warning-d dark:text-warning-dt'
-              ]"
-            >
-              {{ getCertificationStatus(cert).statusText }}
-            </span>
-            <button 
-              @click="openEdit(cert)"
-              class="p-1 text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300"
-              title="Editar certificación"
-            >
-              <GoogleIcon name="edit" class="w-4 h-4" />
-            </button>
-            <button 
-              @click="openDestroy(cert)"
-              class="p-1 text-red-600 hover:text-red-800 dark:text-red-400 dark:hover:text-red-300"
-              title="Eliminar certificación"
-            >
-              <GoogleIcon name="delete" class="w-4 h-4" />
-            </button>
-          </div>
-        </div>
-      </article>
-
-      <!-- Estado vacío para certificaciones -->
-      <div v-if="!certifications || certifications.length === 0" class="col-span-2 py-8 text-center">
-        <div class="text-gray-500 dark:text-primary-dt/70">
-          <GoogleIcon name="license" class="w-12 h-12 mx-auto mb-4 text-gray-400" />
-          <p class="text-lg font-medium">No se encontraron certificaciones</p>
-          <p class="text-sm mt-1">Intenta ajustar los filtros de búsqueda</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
diff --git a/src/components/Holos/Card/Indicator.vue b/src/components/Holos/Card/Indicator.vue
deleted file mode 100644
index 3c0227c..0000000
--- a/src/components/Holos/Card/Indicator.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script setup>
-import { RouterLink } from 'vue-router';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-defineProps({
-    icon: String,
-    title: String,
-    to: String,
-    value: Number
-});
-</script>
-
-<template>
-    <RouterLink
-        class="relative flex-1 flex flex-col gap-2 p-4 rounded-sm -md bg-gray-200 dark:bg-transparent dark:border"
-        :to="to"
-    >
-        <label class="text-base font-semibold tracking-wider">
-            {{ title }}
-        </label>
-        <label class="text-primary dark:text-primary-dt text-4xl font-bold">
-            {{ value }}
-        </label>
-        <div class="absolute bg-primary dark:bg-primary-d rounded-md font-semibold text-xs text-gray-100 p-2 right-4 bottom-4">
-            <GoogleIcon
-              class="text-3xl md:text-2xl lg:text-3xl"
-              :name="icon"
-              filled
-            />
-        </div>
-    </RouterLink>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Card/Simple.vue b/src/components/Holos/Card/Simple.vue
deleted file mode 100644
index d427ce5..0000000
--- a/src/components/Holos/Card/Simple.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script setup>
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-defineProps({
-    icon: String,
-    title: String
-});
-</script>
-
-<template>
-    <div class="flex flex-col justify-center items-center p-4 bg-primary text-white rounded-md">
-        <GoogleIcon
-            class="text-4xl"
-            :name="icon"
-        />
-        <h4>{{ title }}</h4>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Checkbox.vue b/src/components/Holos/Checkbox.vue
deleted file mode 100644
index 3c9bb12..0000000
--- a/src/components/Holos/Checkbox.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-
-const emit = defineEmits(['update:checked']);
-
-const props = defineProps({
-    checked: {
-        type: [Array, Boolean],
-        default: false,
-    },
-    value: {
-        type: String,
-        default: null,
-    },
-});
-
-const proxyChecked = computed({
-    get() {
-        return props.checked;
-    },
-
-    set(val) {
-        emit('update:checked', val);
-    },
-});
-</script>
-
-
-<template>
-    <input
-        v-model="proxyChecked"
-        type="checkbox"
-        :value="value"
-        class="rounded-sm border-gray-300 text-indigo-600 shadow-xs focus:ring-indigo-500"
-    >
-</template>
diff --git a/src/components/Holos/ConfirmsPassword.vue b/src/components/Holos/ConfirmsPassword.vue
deleted file mode 100644
index 5607467..0000000
--- a/src/components/Holos/ConfirmsPassword.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<script setup>
-import { ref, nextTick } from 'vue';
-import { useForm } from '@Services/Api';
-
-import Input           from './Form/Input.vue';
-import DialogModal     from './Modal/Elements/Base.vue';
-import PrimaryButton   from './Button/Primary.vue';
-import SecondaryButton from './Button/Secondary.vue';
-
-const emit = defineEmits(['confirmed']);
-
-defineProps({
-    title: {
-        type: String,
-        default: Lang('confirm'),
-    },
-    content: {
-        type: String,
-        default: Lang('account.password.verify'),
-    },
-    button: {
-        type: String,
-        default: Lang('confirm'),
-    },
-});
-
-const confirmingPassword = ref(false);
-
-const form = useForm({
-    password: '',
-});
-
-const passwordInput = ref(null);
-
-const startConfirmingPassword = () => {
-    confirmingPassword.value = true;
-};
-
-const confirmPassword = () => {
-    form.post(route('user.password-confirm'), {
-        onSuccess: () => {
-            closeModal();
-            nextTick(() => emit('confirmed'));
-        },
-        onFail: () => {
-            passwordInput.value.focus();
-        }
-    });
-};
-
-const closeModal = () => {
-    confirmingPassword.value = false;
-    form.password = '';
-};
-</script>
-
-<template>
-    <span>
-        <span @click="startConfirmingPassword">
-            <slot />
-        </span>
-
-        <DialogModal :show="confirmingPassword" @close="closeModal">
-            <template #title>
-                {{ title }}
-            </template>
-
-            <template #content>
-                {{ content }}
-
-                {{ form }}
-
-                <div class="mt-4">
-                    <Input
-                        v-model="form.password"
-                        id="password"
-                        type="password"
-                        :onError="form.errors.password"
-                    />
-                </div>
-            </template>
-
-            <template #footer>
-                <SecondaryButton @click="closeModal">
-                    {{ $t('cancel') }}
-                </SecondaryButton>
-
-                <PrimaryButton
-                    class="ms-3"
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                    @click="confirmPassword"
-                >
-                    {{ button }}
-                </PrimaryButton>
-            </template>
-        </DialogModal>
-    </span>
-</template>
diff --git a/src/components/Holos/Draggable.vue b/src/components/Holos/Draggable.vue
deleted file mode 100644
index 4bd032c..0000000
--- a/src/components/Holos/Draggable.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-const props = defineProps({
-    type: {
-        type: String,
-        required: true, 
-    },
-    icon: String,
-    title: String,
-    description: String,
-});
-
-/** Eventos */
-const emit = defineEmits(['dragstart']);
-
-/** Referencias */
-const isDragging = ref(false);
-
-/** Métodos */
-const handleDragStart = (event) => {
-    isDragging.value = true;
-    event.dataTransfer.setData('text/plain', JSON.stringify({
-        type: props.type,
-        title: props.title
-    }));
-    emit('dragstart', props.type);
-};
-
-const handleDragEnd = () => {
-    isDragging.value = false;
-};
-</script>
-
-<template>
-    <div
-        draggable="true"
-        @dragstart="handleDragStart"
-        @dragend="handleDragEnd"
-        class="flex items-center gap-3 p-3 rounded-lg border border-gray-200 bg-white cursor-grab hover:bg-gray-50 hover:border-blue-300 transition-colors dark:bg-primary-d dark:border-primary/20 dark:hover:bg-primary/10"
-        :class="{
-            'opacity-50 cursor-grabbing': isDragging,
-            'shadow-sm hover:shadow-md': !isDragging
-        }"
-    >
-        <div class="flex-shrink-0 w-8 h-8 rounded-md bg-blue-100 flex items-center justify-center dark:bg-blue-900/30">
-            <GoogleIcon 
-                :name="icon" 
-                class="text-blue-600 dark:text-blue-400 text-lg"
-            />
-        </div>
-        
-        <div class="flex-1 min-w-0">
-            <div class="text-sm font-medium text-gray-900 dark:text-primary-dt">
-                {{ title }}
-            </div>
-            <div class="text-xs text-gray-500 dark:text-primary-dt/70 truncate">
-                {{ description }}
-            </div>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Dropdown.vue b/src/components/Holos/Dropdown.vue
deleted file mode 100644
index 83eba7f..0000000
--- a/src/components/Holos/Dropdown.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<script setup>
-import { computed, onMounted, onUnmounted, ref } from 'vue';
-
-const props = defineProps({
-    align: {
-        default: 'right',
-        type: String
-    },
-    contentClasses: {
-        default: () => [
-            'pt-1',
-            '!bg-white dark:!bg-primary-d !text-gray-800 dark:!text-primary-dt'
-        ],
-        type: Array
-    },
-    width: {
-        default: '48',
-        type: String
-    }
-});
-
-const open = ref(false);
-
-const closeOnEscape = (e) => {
-    if (open.value && e.key === 'Escape') {
-        open.value = false;
-    }
-};
-
-onMounted(() => document.addEventListener('keydown', closeOnEscape));
-onUnmounted(() => document.removeEventListener('keydown', closeOnEscape));
-
-const widthClass = computed(() => {
-    return {
-        '48': 'w-48',
-        '52': 'w-52',
-        '56': 'w-56',
-        '60': 'w-60',
-        '64': 'w-64',
-        '72': 'w-52 md:w-72',
-    }[props.width.toString()];
-});
-
-const alignmentClasses = computed(() => {
-    if (props.align === 'left') {
-        return 'origin-top-left left-0';
-    }
-
-    if (props.align === 'right') {
-        return 'origin-top-right right-0';
-    }
-
-    if (props.align === 'icon') {
-        const size = {
-            '48': '-right-20',
-            '52': '-right-22',
-            '56': '-right-24',
-            '60': '-right-26',
-            '64': '-right-28',
-            '72': '-right-36',
-        }[props.width.toString()];
-
-        return `origin-top-right ${size}`;
-    }
-
-    return 'origin-top';
-});
-</script>
-
-<template>
-    <div class="relative">
-        <div @click="open = ! open">
-            <slot name="trigger" />
-        </div>
-
-        <!-- Full Screen Dropdown Overlay -->
-        <div
-            v-show="open"
-            class=" fixed inset-0 z-40"
-            @click="open = false"
-        />
-
-        <transition
-            enter-active-class="transition ease-out duration-200"
-            enter-from-class="transform opacity-0 scale-95"
-            enter-to-class="transform opacity-100 scale-100"
-            leave-active-class="transition ease-in duration-75"
-            leave-from-class="transform opacity-100 scale-100"
-            leave-to-class="transform opacity-0 scale-95"
-        >
-            <div
-                v-show="open"
-                class="absolute z-[1000] mt-2 rounded-t-md shadow-lg"
-                :class="[widthClass, alignmentClasses]"
-                style="display: none;"
-                @click="open = false"
-            >
-                <div class="rounded-sm ring-1 ring-black/5" :class="contentClasses">
-                    <slot name="content" />
-                </div>
-            </div>
-        </transition>
-    </div>
-</template>
diff --git a/src/components/Holos/DropdownLink.vue b/src/components/Holos/DropdownLink.vue
deleted file mode 100644
index 5aa3e22..0000000
--- a/src/components/Holos/DropdownLink.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script setup>
-import { RouterLink } from 'vue-router'
-
-defineProps({
-    as: String,
-    to: String
-});
-
-const style = 'block px-4 py-2 text-sm leading-5 hover:bg-secondary/80 dark:hover:bg-secondary-d/80 focus:outline-hidden focus:bg-gray-100 cursor-pointer transition';
-</script>
-
-<template>
-    <div>
-        <button 
-            v-if="as == 'button'"
-            class="w-full text-left"
-            :class="style"
-            type="submit"
-        >
-            <slot />
-        </button>
-
-        <a 
-            v-else-if="as =='a'"
-            :href="href"
-            :class="style"
-        >
-            <slot />
-        </a>
-
-        <RouterLink 
-            v-else
-            :to="$view({ name: to })"
-            :class="style"
-        >
-            <slot />
-        </RouterLink>
-    </div>
-</template>
diff --git a/src/components/Holos/Form/Checkbox.vue b/src/components/Holos/Form/Checkbox.vue
deleted file mode 100644
index 51b4db3..0000000
--- a/src/components/Holos/Form/Checkbox.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { v4 as uuidv4 } from 'uuid';
-
-const emit = defineEmits([
-    'update:modelValue'
-]);
-
-const uuid = uuidv4();
-
-const props = defineProps({
-    title: String,
-    modelValue: Object | Boolean,
-    value: Object | Boolean,
-});
-
-const vModel = computed({
-    get() {
-        return props.modelValue;
-    },
-
-    set(value) {
-        emit('update:modelValue', value);
-    },
-});
-</script>
-
-<template>
-    <div class="relative w-full h-8">
-        <input
-            class="appearance-none rounded-sm bg-primary cursor-pointer h-full w-full checked:bg-secondary dark:checked:bg-secondary-d transition-all duration-200 peer"
-            type="checkbox"
-            :id="uuid"
-            v-model="vModel"
-            :value="value"
-        />
-        <label
-            :for="uuid"
-            class="absolute top-[50%] left-3 text-primary-t dark:text-primary-dt -translate-y-[50%] peer-checked:text-white dark:peer-checked:text-primary-dt transition-all duration-200 select-none"
-        >
-            {{ title }}
-        </label>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Form/Elements/Error.vue b/src/components/Holos/Form/Elements/Error.vue
deleted file mode 100644
index 97cf7c6..0000000
--- a/src/components/Holos/Form/Elements/Error.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script setup>
-/** Propiedades */
-defineProps({
-    onError: String | Array
-});
-</script>
-
-<template>
-    <p v-if="onError"
-        class="mt-1 pl-2 text-xs text-red-500 dark:text-red-300"
-    >
-        {{ Array.isArray(onError) ? onError[0] : onError }}
-    </p>
-</template>
diff --git a/src/components/Holos/Form/Elements/Label.vue b/src/components/Holos/Form/Elements/Label.vue
deleted file mode 100644
index c03836e..0000000
--- a/src/components/Holos/Form/Elements/Label.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script setup>
-/** Propiedades */
-defineProps({
-    id: String,
-    title: String,
-    required: Boolean
-});
-</script>
-
-<template>
-    <label v-if="title"
-        class="block text-sm font-medium text-page-t dark:text-page-dt"
-        :for="id"
-    >
-        {{ $t(title) }}
-        <span v-if="required"
-            class="text-danger dark:text-danger-d"
-        >
-            *
-        </span>
-    </label>
-</template>
diff --git a/src/components/Holos/Form/Image.vue b/src/components/Holos/Form/Image.vue
deleted file mode 100644
index 7843df4..0000000
--- a/src/components/Holos/Form/Image.vue
+++ /dev/null
@@ -1,107 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-
-import GoogleIcon      from '@Shared/GoogleIcon.vue'
-import Label           from './Elements/Label.vue';
-import SecondaryButton from '../Button/Secondary.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'photoInput'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    accept: {
-        default: 'image/png, image/jpeg',
-        type: String
-    },
-    class: String,
-    required: Boolean,
-    title: {
-        default: 'photo.title',
-        type: String
-    }
-});
-
-const fileType     = ref(null);
-const photoInput   = ref(null);
-const photoPreview = ref(null);
-
-/** Métodos */
-const selectNewPhoto = () => {
-    photoInput.value.click();
-};
-
-const updatePhotoPreview = () => {
-    const image_file = photoInput.value.files[0];
-
-    if (! image_file) return;
-
-    emit('photoInput', image_file);
-    
-    fileType.value = image_file.type;
-    
-    if(image_file.type == "application/pdf"){
-        photoPreview.value = image_file.name;
-    }else{
-    const reader = new FileReader();
-
-    reader.onload = (e) => {
-        photoPreview.value = e.target.result;
-    };
-
-    reader.readAsDataURL(image_file);
-    }
-};
-</script>
-
-<template>
-    <div class="col-span-6">
-        <input
-            ref="photoInput"
-            class="hidden"
-            type="file"
-            :accept="accept"
-            :required="required"
-            @change="updatePhotoPreview"
-        >
-        <Label
-            id="image_file"
-            class="dark:text-gray-800"
-            :required="required"
-            :title="title"
-        />
-        <div v-show="! photoPreview" class="mt-2">
-            <!-- si existe una imagen cargada, entonces se muestra en este slot -->
-            <slot />
-        </div>
-        <div v-show="photoPreview" class="mt-2">
-            <div v-if="fileType == 'application/pdf'" class="flex overflow-hidden max-w-full">
-                <GoogleIcon 
-                    class="text-gray-400" 
-                    name="picture_as_pdf"
-                    :title="$t('crud.edit')"
-                    outline 
-                />
-                <div class="ml-2 font-bold text-gray-400 flex-1">
-                    {{ photoPreview }}
-                </div>
-            </div>
-            <div v-else>
-                <span
-                    class="block rounded-lg h-40 bg-cover bg-no-repeat bg-center"
-                    :class="class"
-                    :style="'background-image: url(\'' + photoPreview + '\');'"
-                />
-            </div>
-            
-        </div>
-        <SecondaryButton
-            v-text="$t('photo.new')"
-            class="mt-2 mr-2"
-            type="button"
-            @click.prevent="selectNewPhoto"
-        />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Form/Input.vue b/src/components/Holos/Form/Input.vue
deleted file mode 100644
index 943de04..0000000
--- a/src/components/Holos/Form/Input.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<script setup>
-import { v4 as uuidv4 } from 'uuid';
-import { computed, onMounted, ref } from 'vue';
-
-import Error from './Elements/Error.vue';
-import Label from './Elements/Label.vue';
-
-/** Opciones */
-defineOptions({
-  inheritAttrs: false
-})
-
-/** Eventos */
-const emit = defineEmits([
-    'update:modelValue'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    class: String,
-    disabled: Boolean,
-    id: String,
-    modelValue: Number | String,
-    onError: String | Array,
-    placeholder: String,
-    required: Boolean,
-    title: String,
-    type: {
-        default: 'text',
-        type: String
-    }
-});
-
-const input = ref(null);
-
-/** Propiedades calculadas */
-const autoId = computed(() => {
-    return (props.id)
-        ? props.id
-        : uuidv4()
-})
-
-const autoTitle = computed(() => {
-    if(props.title) {
-        return props.title;
-    }
-
-    return props.id;
-});
-
-/** Exposiciones */
-defineExpose({
-    focus: () => input.value.focus()
-});
-
-/** Ciclos */
-onMounted(() => {
-    if (input.value.hasAttribute('autofocus')) {
-        input.value.focus();
-    }
-});
-</script>
-
-<template>
-    <div class="w-full">
-        <Label
-            :id="autoId"
-            :required="required"
-            :title="autoTitle"
-        />
-        <input
-            v-bind="$attrs"
-            ref="input"
-            class="input-primary"
-            :class="{ 'cursor-not-allowed': disabled }"
-            :disabled="disabled"
-            :id="autoId"
-            :placeholder="placeholder"
-            :required="required"
-            :type="type"
-            :value="modelValue"
-            @input="$emit('update:modelValue', $event.target.value)"
-        >
-        <Error
-            :onError="onError"
-        />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Form/InputWithIcon.vue b/src/components/Holos/Form/InputWithIcon.vue
deleted file mode 100644
index 94c382a..0000000
--- a/src/components/Holos/Form/InputWithIcon.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<script setup>
-import { v4 as uuidv4 } from 'uuid';
-import { computed, onMounted, ref } from 'vue';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Error      from './Elements/Error.vue';
-
-/** Opciones */
-defineOptions({
-  inheritAttrs: false
-})
-
-/** Eventos */
-const emit = defineEmits([
-    'update:modelValue'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    class: String,
-    disabled: Boolean,
-    id: String,
-    icon: String,
-    modelValue: Number | String,
-    onError: String | Array,
-    placeholder: String,
-    required: Boolean,
-    title: String,
-    type: {
-        default: 'text',
-        type: String
-    }
-});
-
-const input = ref(null);
-
-/** Propiedades computadas */
-const autoId = computed(() => {
-    return (props.id)
-        ? props.id
-        : uuidv4()
-})
-
-const value = computed({
-  get() {
-    return props.modelValue
-  },
-  set(value) {
-    emit('update:modelValue', value)
-  }
-})
-
-/** Exposiciones */
-defineExpose({
-    focus: () => input.value.focus()
-});
-
-/** Ciclos */
-onMounted(() => {
-    if (input.value.hasAttribute('autofocus')) {
-        input.value.focus();
-    }
-});
-</script>
-
-<template>
-    <div class="mb-4">
-        <div class="flex items-center border-2 py-2 px-3 rounded-sm">
-            <GoogleIcon
-                :name="icon"
-            />
-            <input
-                ref="input"
-                v-model="value"
-                v-bind="$attrs"
-                class="pl-2 w-full outline-hidden border-none bg-transparent"
-                :class="{ 'cursor-not-allowed': disabled }"
-                :disabled="disabled"
-                :id="autoId"
-                :placeholder="placeholder"
-                :type="type"
-            />
-        </div>
-        <Error
-            :onError="onError"
-        />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Form/Selectable.vue b/src/components/Holos/Form/Selectable.vue
deleted file mode 100644
index 68a0a7c..0000000
--- a/src/components/Holos/Form/Selectable.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<script setup>
-import { computed, ref } from 'vue';
-import VueMultiselect from 'vue-multiselect';
-
-import Error from './Elements/Error.vue';
-import Label from './Elements/Label.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'select',
-    'update:modelValue'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    customLabel: String,
-    disabled: Boolean,
-    label: {
-        default: 'name',
-        type: String
-    },
-    modelValue: String | Number,
-    multiple: Boolean,
-    onError: String | Array,
-    options: Object,
-    placeholder: {
-        default: 'Buscar ...',
-        type: String
-    },
-    required: Boolean,
-    trackBy: {
-        default: 'id',
-        type: String
-    },
-    title: String,
-});
-
-const multiselect = ref();
-
-/** Propiedades computadas */
-const value = computed({
-  get() {
-    return props.modelValue
-  },
-  set(value) {
-    emit('update:modelValue', value)
-  }
-})
-
-/** Exposiciones */
-defineExpose({
-    clean: () =>  multiselect.value.removeLastElement()
-});
-</script>
-
-<template>
-    <div class="flex flex-col">
-        <Label
-            :required="required"
-            :title="title"
-        />
-        <VueMultiselect
-            ref="multiselect"
-            v-model="value"
-            deselectLabel="Remover"
-            selectedLabel="Seleccionado"
-            selectLabel="Seleccionar"
-            :clear-on-select="false"
-            :close-on-select="true"
-            :custom-label="customLabel"
-            :disabled="disabled"
-            :label="label"
-            :multiple="multiple"
-            :options="options"
-            :placeholder="placeholder"
-            :preserve-search="true"
-            :required="required && !value"
-            :track-by="trackBy"
-            @select="(x, y) => emit('select', x, y)"
-        >
-            <template #noOptions>
-                {{ $t('noRecords') }}
-            </template>
-        </VueMultiselect>
-        <Error
-            :onError="onError"
-        />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Form/SingleFile.vue b/src/components/Holos/Form/SingleFile.vue
deleted file mode 100644
index f1aee71..0000000
--- a/src/components/Holos/Form/SingleFile.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-
-import GoogleIcon      from '@Shared/GoogleIcon.vue'
-import Label           from './Elements/Label.vue';
-import SecondaryButton from '../Button/Secondary.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'update:modelValue'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    accept: {
-        default: 'image/png, image/jpeg',
-        type: String
-    },
-    class: String,
-    modelValue:Object|String,
-    required: Boolean,
-    title: {
-        default: 'photo.title',
-        type: String
-    }
-});
-
-const fileType     = ref(null);
-const fileName     = ref(null);
-const photoInput   = ref(null);
-const photoPreview = ref(null);
-
-/** Métodos */
-const selectNewPhoto = () => {
-    photoInput.value.click();
-};
-
-const updatePhotoPreview = () => {
-    const image_file = photoInput.value.files[0];
-
-    if (! image_file) return;
-
-    emit('update:modelValue', image_file);
-    
-    fileType.value = image_file.type;
-    fileName.value = image_file.name;
-    
-    const reader = new FileReader();
-
-    reader.onload = (e) => {
-        photoPreview.value = e.target.result;
-    };
-
-    reader.readAsDataURL(image_file);
-
-};
-</script>
-
-<template>
-    <div class="col-span-6">
-        <input
-            ref="photoInput"
-            type="file"
-            class="hidden"
-            :accept="accept"
-            :required="required"
-            @change="updatePhotoPreview"
-        >
-        <Label
-            id="image_file"
-            :title="title"
-            :required="required"
-        />
-        <div v-show="! photoPreview" class="mt-2">
-            <!-- si existe una imagen cargada, entonces se muestra en este slot -->
-            <slot name="previous"/>
-        </div>
-        <div v-show="photoPreview" class="mt-2">
-            <div class="flex overflow-hidden max-w-full">
-                <GoogleIcon 
-                    class="text-gray-400" 
-                    name="picture_as_pdf"
-                    :title="$t('crud.edit')"
-                    outline 
-                />
-                <div class="ml-2 font-bold text-gray-400 flex-1">
-                    <a 
-                        target="_blank"
-                        :href="photoPreview"
-                    >
-                        {{ fileName }}
-                    </a>
-                </div>
-            </div>
-        </div>
-        <SecondaryButton
-            v-text="$t('files.select')"
-            class="mt-2 mr-2"
-            type="button"
-            @click.prevent="selectNewPhoto"
-        />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Form/Switch.vue b/src/components/Holos/Form/Switch.vue
deleted file mode 100644
index cb8fad6..0000000
--- a/src/components/Holos/Form/Switch.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script setup>
-import { v4 as uuidv4 } from 'uuid';
-import { computed } from 'vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'update:checked'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    checked: {
-        default: false,
-        type: [
-            Array,
-            Boolean
-        ]
-    },
-    disabled: Boolean,
-    title: {
-        default: Lang('active'),
-        type: String
-    },
-    value: {
-        default: null,
-        type: String
-    }
-});
-
-const uuid = uuidv4()
-
-/** Propiedades computadas */
-const proxyChecked = computed({
-    get() {
-        return props.checked;
-    },
-    set(val) {
-        emit('update:checked', val);
-    },
-});
-</script>
-
-<template>
-    <div class="flex items-center">
-        <div class="relative inline-block w-10 mr-2 align-middle select-none transition duration-200 ease-in">
-            <input
-                v-model="proxyChecked"
-                class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer"
-                name="toggle"
-                type="checkbox"
-                :id="uuid"
-                :disabled="disabled"
-                :value="value"
-            />
-            <label
-                class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer"
-                :for="uuid"
-            />
-        </div>
-        <label
-            class="text-xs text-gray-700"
-            :for="uuid"
-        >
-            {{ $t(title) }}
-        </label>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Form/Textarea.vue b/src/components/Holos/Form/Textarea.vue
deleted file mode 100644
index ab02f37..0000000
--- a/src/components/Holos/Form/Textarea.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<script setup>
-import { v4 as uuidv4 } from 'uuid';
-import { computed, onMounted, ref } from 'vue';
-
-import Error from './Elements/Error.vue';
-import Label from './Elements/Label.vue';
-
-/** Opciones */
-defineOptions({
-  inheritAttrs: false
-})
-
-/** Eventos */
-const emit = defineEmits([
-    'update:modelValue'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    class: String,
-    id: String,
-    modelValue: Number | String,
-    onError: String,
-    placeholder: String,
-    required: Boolean,
-    title: String,
-});
-
-const input = ref(null);
-
-/** Exposiciones */
-defineExpose({
-    focus: () => input.value.focus()
-});
-
-/** Propiedades computadas */
-const autoId = computed(() => {
-    return (props.id)
-        ? props.id
-        : uuidv4()
-})
-
-const autoTitle = computed(() => {
-    if(props.title) {
-        return props.title;
-    }
-
-    return props.id;
-});
-
-/** Ciclos */
-onMounted(() => {
-    if (input.value.hasAttribute('autofocus')) {
-        input.value.focus();
-    }
-});
-</script>
-
-<template>
-    <div class="w-full">
-        <Label
-            :id="autoId"
-            :required="required"
-            :title="autoTitle"
-        />
-        <textarea
-            ref="input"
-            v-bind="$attrs"
-            class="input-primary"
-            :id="autoId"
-            :placeholder="placeholder"
-            :required="required"
-            :value="modelValue"
-            @input="$emit('update:modelValue', $event.target.value)"
-        ></textarea>
-        <Error 
-            :onError="onError"
-        />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Form/Todo/ItemWithForm.vue b/src/components/Holos/Form/Todo/ItemWithForm.vue
deleted file mode 100644
index b42664c..0000000
--- a/src/components/Holos/Form/Todo/ItemWithForm.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<script setup>
-import { computed, onMounted, ref, watch, watchEffect } from 'vue'
-import { lang } from '@Lang/i18n';
-
-import GoogleIcon    from '@Shared/GoogleIcon.vue';
-import PrimaryButton from '../../Button/Primary.vue';
-import Input         from '../../Form/Input.vue';
-import Selectable    from '../../Form/Selectable.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'update:modelValue'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    itemATitle: String,
-    itemBTitle: String,
-    items: Object,
-    modelValue: Object,
-    title: String,
-    type: {
-        default: 'text',
-        type: String
-    }
-})
-
-// Elementos primarios (controlador)
-const itemA            = ref()
-const itemsASelected   = ref([]);
-const itemsAUnselected = ref([]);
-
-// Elementos secundarios
-const itemB = ref();
-
-/** Propiedades computadas */
-const values = computed({
-  get() {
-    return props.modelValue
-  },
-  set(val) {
-    emit('update:modelValue', val)
-  }
-})
-
-/** Métodos */
-function add() {
-    if (itemA.value) {
-        if(itemB.value) {
-            values.value.push({
-                item: {
-                    _id: itemA.value._id,
-                    name: itemA.value.name,
-                },
-                value: itemB.value,
-            });
-    
-            let x = itemsAUnselected.value.filter((o) => {
-                return o._id != itemA.value._id
-            })
-    
-            itemsAUnselected.value = x
-            itemsASelected.value.push({...itemA.value}),
-        
-            itemA.value = null
-            itemB.value = null
-        } else {
-            Notify.warning(Lang('todo.uniqueSub.b.required', {name:Lang('subclassification')}))
-        }
-    } else {
-        Notify.warning(Lang('todo.uniqueSub.a.required', {name:Lang('classification')}))
-    }
-}
-
-function remove(index, provider) {
-    itemsAUnselected.value.push({...provider})
-    itemsASelected.value.splice(itemsASelected.value.indexOf(provider), 1)
-    values.value.splice(index, 1)
-}
-
-/** Exposiciones */
-defineExpose({
-    itemA,
-    itemB,
-    add,
-})
-
-/** Observadores */
-watchEffect(() => {
-    if(props.items.length > 0) {
-        itemsAUnselected.value = props.items
-    }
-})
-
-watch(itemA, () => {
-    emit('updateItemsB', itemA.value?.id)
-
-    if(!itemA.value) {
-        itemB.value = null
-    }
-})
-
-/** Ciclos */
-onMounted(() => {
-    if(values.value) {
-        values.value.forEach((i) => {
-            itemsASelected.value.push({...i})
-        })
-    }
-})
-</script>
-
-<template>
-    <div class="rounded-sm border border-primary dark:border-primary-d p-2">
-        <p>{{ title }}</p>
-        <div class="w-full grid gap-2 grid-cols-2 dark:bg-primary-d/50 rounded-md">
-            <Selectable
-                v-model="itemA"
-                :title="itemATitle"
-                :options="itemsAUnselected"
-            />
-            <Input
-                v-model="itemB"
-                :title="itemBTitle"
-                :type="type"
-                @keyup.enter="add"
-            />
-            <div class="col-span-2 flex justify-center">
-                <PrimaryButton
-                    type="button"
-                    @click="add"
-                >
-                    {{ $t('add') }}
-                </PrimaryButton>
-            </div>
-            <div class="col-span-2 text-sm">
-                <p><b>{{ $t('items') }}</b> ({{ values.length }})</p>
-            </div>
-            <div class="col-span-2 space-y-2 ">
-                <template v-for="item, index in values">
-                    <div class="relative rounded-sm border border-primary/50">
-                        <div class="grid gap-2 grid-cols-2 w-full items-center p-2 dark:bg-primary-d/50">
-                            <Input
-                                v-model="item.item.name"
-                                :title="itemATitle"
-                                disabled
-                            />
-                            <Input
-                                v-model="item.value"
-                                :title="itemBTitle"
-                            />
-                        </div>
-                        <div class="absolute right-1 top-1">
-                            <GoogleIcon
-                                class="btn-icon-primary"
-                                name="close"
-                                @click="remove(index, item.item)"
-                            />
-                        </div>
-                    </div>
-                </template>
-            </div>
-            <slot />
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/FormSection.vue b/src/components/Holos/FormSection.vue
deleted file mode 100644
index 98892ac..0000000
--- a/src/components/Holos/FormSection.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup>
-import { computed, useSlots } from 'vue';
-import SectionTitle from './SectionTitle.vue';
-
-defineEmits(['submitted']);
-
-const hasActions = computed(() => !! useSlots().actions);
-</script>
-
-<template>
-    <div class="md:grid md:grid-cols-3 md:gap-6">
-        <SectionTitle>
-            <template #title>
-                <slot name="title" />
-            </template>
-            <template #description>
-                <slot name="description" />
-            </template>
-        </SectionTitle>
-
-        <div class="mt-5 md:mt-0 md:col-span-2">
-            <form @submit.prevent="$emit('submitted')">
-                <div
-                    class="p-4 sm:p-6 shadow-sm dark:shadow-xs dark:shadow-white/50"
-                    :class="hasActions ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md'"
-                >
-                    <div class="grid grid-cols-6 gap-6">
-                        <slot name="form" />
-                    </div>
-                </div>
-
-                <div v-if="hasActions" class="flex items-center justify-end px-4 py-3 text-end sm:px-6 shadow-sm dark:shadow-xs dark:shadow-white/50 sm:rounded-bl-md sm:rounded-br-md">
-                    <slot name="actions" />
-                </div>
-            </form>
-        </div>
-    </div>
-</template>
diff --git a/src/components/Holos/Inbox.vue b/src/components/Holos/Inbox.vue
deleted file mode 100755
index 2d5ef60..0000000
--- a/src/components/Holos/Inbox.vue
+++ /dev/null
@@ -1,172 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import InboxItem  from './Inbox/Item.vue';
-
-/** Propiedades */
-const props = defineProps({
-    inboxCtl: Object,
-    items: Object,
-    searcherCtl: Object,
-    withMultiSelection: Boolean 
-});
-
-/** Propiedades */
-const filterMessages = ref(false);
-
-/** Métodos */
-const selectThisPage   = () => props.inboxCtl.onSelectAll(props.items, false);
-const unselectThisPage = () => props.inboxCtl.onUnselectAll(props.items)
-
-const search = url => props.searcherCtl.searchWithInboxPagination(url);
-
-</script>
-
-<template>
-    <div v-if="inboxCtl.inboxNumberSelected.value.length"
-        class="w-full p-1 rounded-b-md bg-primary text-white"
-    >
-        <span>
-            ({{ inboxCtl.inboxNumberSelected.value.length }}) Seleccionados: {{ inboxCtl.inboxNumberSelected.value.join(", ") }}.
-        </span>
-    </div>
-    <div class="w-full flex overflow-x-auto">
-        <div class="w-fit">
-            <div v-if="$slots['main-menu']"
-                class="w-48 xl:w-64"
-            >
-                <slot
-                    name="main-menu"
-                />
-            </div>
-            <div v-if="$slots['menu']"
-                class="w-48 xl:w-64 pr-2 pb-8 border-r border-gray-300"
-                :class="{'mt-16':!$slots['main-menu']}"
-            >
-                <ul class="space-y-1">
-                    <slot
-                        name="menu"
-                    />
-                </ul>
-            </div>
-        </div>
-        <div class="flex-1">
-            <div v-if="$slots['actions']"
-                class="h-16 flex items-center justify-between py-2"
-            >
-                <div class="flex items-center">
-                    <div v-if="withMultiSelection"
-                        class="relative flex items-center px-0.5 space-x-0.5"
-                     >
-                        <button class="px-2 pt-1" @click="filterMessages = !filterMessages">
-                            <GoogleIcon
-                                class="text-xl"
-                                name="checklist"
-                                outline
-                            />
-                        </button>
-                        <div
-                            @click.away="filterMessages = false"
-                            class="bg-gray-200 shadow-2xl absolute left-0 top-6 w-32 py-2 text-gray-900 rounded-sm z-10"
-                            :class="{'hidden':!filterMessages}"
-                        >
-                            <button
-                                type="button"
-                                class="inbox-check-all-option"
-                                @click="selectThisPage()"
-                            >
-                                Seleccionar toda esta página
-                            </button>
-                            <button
-                                type="button"
-                                class="inbox-check-all-option"
-                                @click="unselectThisPage()"
-                            >
-                                Deseleccionar toda esta página
-                            </button>
-                        </div>
-                    </div>
-                    <div class="flex items-center">
-                        <slot name="actions" />
-                    </div>
-                </div>
-                <template v-if="items.links">
-                    <div v-if="items.links.length > 3"
-                        class="flex w-full justify-end"
-                    >
-                        <div class="flex w-full justify-end flex-wrap space-x-1 -mb-1">
-                          <template v-for="(link, k) in items.links" :key="k">
-                            <div v-if="link.url === null && k == 0"
-                                class="px-2 py-1 text-sm leading-4 text-gray-400 border rounded"
-                            >
-                                <GoogleIcon
-                                    name="arrow_back"
-                                />
-                            </div>
-                            <button v-else-if="k === 0"
-                                class="px-2 py-1 text-sm leading-4 border rounded" 
-                                :class="{ 'bg-primary text-white': link.active }"
-                                @click="search(link.url)"
-                            >
-                                <GoogleIcon
-                                    name="arrow_back"
-                                />
-                            </button>
-                            <div v-else-if="link.url === null && k == (items.links.length - 1)"
-                                class="px-2 py-1 text-sm leading-4 text-gray-400 border rounded"
-                            >
-                                <GoogleIcon
-                                    name="arrow_forward"
-                                />
-                            </div>
-                            <button v-else-if="k === (items.links.length - 1)"
-                                class="px-2 py-1 text-sm leading-4 border rounded" 
-                                :class="{ 'bg-primary text-white': link.active }"
-                                @click="search(link.url)"
-                            >
-                                <GoogleIcon
-                                    name="arrow_forward"
-                                />
-                            </button>
-                            <button v-else class="px-2 py-1 text-sm leading-4 border rounded" 
-                                v-html="link.label"
-                                :class="{ 'bg-primary text-white': link.active }"
-                                @click="search(link.url)"
-                            ></button>
-                          </template>
-                        </div>
-                    </div>
-                </template>
-            </div>
-            <div v-else class="w-full mt-4"></div>
-            <div v-if="items.total > 0"
-                class="bg-gray-100 "
-            >
-                <ul class="ml-1">
-                    <slot
-                        name="head"
-                        :items="items.data"
-                    />
-                </ul>
-                <ul class="ml-1">
-                    <slot
-                        name="items"
-                        :items="items.data"
-                    />
-                </ul>
-            </div>
-            <template v-else>
-                <InboxItem>
-                    <template #item>
-                        <span class="w-28 pr-2 truncate">-</span>
-                        <span class="w-96 truncate">Sin resultados</span>
-                    </template>
-                    <template #date>
-                       -
-                    </template>
-                </InboxItem> 
-            </template>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Inbox/Item.vue b/src/components/Holos/Inbox/Item.vue
deleted file mode 100755
index a4d5ea3..0000000
--- a/src/components/Holos/Inbox/Item.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<script setup>
-import { ref, computed } from 'vue';
-
-/** Propiedades */
-const props = defineProps({
-    inboxCtl: Object, //Controller
-    item: Object,
-    selecteds: Object
-})
-
-const check        = ref(false);
-const messageHover = ref(false);
-
-/** Métodos */  
-const select = () => (!check.value)
-    ? props.inboxCtl.onSelectOne(props.item)
-    : props.inboxCtl.onUnselectOne(props.item);
-
-const selected = computed(() => {
-    const status = (props.item)
-        ? props.inboxCtl.inboxIdSelected.value.includes(props.item.id)
-        : false;
-
-    check.value = status;
-
-    return status;
-});
-</script>
-
-<template>
-    <li
-        class="flex items-center rounded-sm border-y px-2 min-h-[35px] transition duration-300"
-        :class="{'bg-secondary text-secondary-t':selected, 'bg-primary/50 text-primary-t hover:bg-secondary/50 hover:text-secondary-t':!selected}"
-    >
-        <div class="pr-2">
-            <input
-                v-model="check"
-                class="focus:ring-0 border-2 border-gray-400"
-                type="checkbox"
-                @click="select"
-            >
-        </div>
-        <div 
-            class="w-full flex items-center justify-between cursor-pointer"
-            @mouseover="messageHover  = true"
-            @mouseleave="messageHover = false"
-        >
-            <div class="flex items-center">
-                <slot name="item" />
-            </div>
-            <div
-                class="w-36 flex items-center justify-end"
-            >
-                <div
-                    class="flex items-center space-x-2"
-                    :class="{'hidden':!messageHover}"
-                >
-                    <slot name="actions" :check="check" />
-                </div>
-                <div
-                    class="flex space-x-4 text-xs"
-                    :class="{'hidden':messageHover}"
-                >
-                    <slot name="date" />
-                </div>
-            </div>
-        </div>
-    </li>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Inbox/ItemTitle.vue b/src/components/Holos/Inbox/ItemTitle.vue
deleted file mode 100755
index bfceb2b..0000000
--- a/src/components/Holos/Inbox/ItemTitle.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-    <li
-        class="flex items-center rounded-sm border-y px-2 min-h-[35px] transition duration-300"
-    >
-        <div class="pl-5 w-full flex items-center justify-between cursor-pointer">
-            <div class="flex items-center font-semibold">
-                <slot />
-            </div>
-        </div>
-    </li>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Inbox/Menu/Item.vue b/src/components/Holos/Inbox/Menu/Item.vue
deleted file mode 100755
index f8850a2..0000000
--- a/src/components/Holos/Inbox/Menu/Item.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { RouterLink } from 'vue-router';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-const props = defineProps({
-    icon: String,
-    counter: Number,
-    to: String,
-    toParam: {
-        default: {},
-        type: Object 
-    },
-    title: String,
-});
-
-/** Propiedades computadas */
-const classes = computed(() => {
-    let status = route().current(props.to, props.toParam)
-        ? 'bg-secondary/30'
-        : 'border-transparent hover:bg-secondary/30';
-
-    return ` text-primary flex items-center justify-between py-1.5 px-4 rounded-sm cursor-pointer ${status} transition`
-});
-</script>
-
-<template>
-    <li>
-        <RouterLink 
-            v-if="to"
-            :class="classes"
-            :to="to"
-        >
-            <span class="flex items-center space-x-2">
-                <GoogleIcon 
-                    class="text-lg"
-                    :name="icon"
-                    outline
-                />
-                <span>
-                    {{ title }}
-                </span>
-            </span>
-            <span v-if="counter > 0" class="bg-primary text-gray-100 font-bold px-2 py-0.5 text-xs rounded-sm">
-                {{ counter }}
-            </span>
-        </RouterLink>
-    </li>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Inbox/Menu/Static.vue b/src/components/Holos/Inbox/Menu/Static.vue
deleted file mode 100755
index 04cf041..0000000
--- a/src/components/Holos/Inbox/Menu/Static.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { RouterLink } from 'vue-router';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-const props = defineProps({
-    icon: String,
-    to: String,
-    title: String,
-    type: {
-        default: 'primary',
-        type: String
-    }
-});
-
-/** Propiedades computadas */
-const classes = computed(() => {
-    return `inbox-menu-button-${props.type}`;
-});
-</script>
-
-<template>
-    <div class="h-16 flex items-center pr-2">
-        <RouterLink 
-            :class="classes"
-            :to="to"
-        >
-            <span class="flex items-center space-x-2 ">
-                <GoogleIcon 
-                    class="text-lg text-white font-bold"
-                    :name="icon"
-                    outline
-                />
-                <span>
-                    {{ title }}
-                </span>
-            </span>
-        </RouterLink>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/InputLabel.vue b/src/components/Holos/InputLabel.vue
deleted file mode 100644
index 9967f17..0000000
--- a/src/components/Holos/InputLabel.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup>
-defineProps({
-    value: String,
-});
-</script>
-
-<template>
-    <label class="block font-medium text-sm text-gray-700">
-        <span v-if="value">{{ value }}</span>
-        <span v-else><slot /></span>
-    </label>
-</template>
diff --git a/src/components/Holos/Layout/App.vue b/src/components/Holos/Layout/App.vue
deleted file mode 100644
index fa9e702..0000000
--- a/src/components/Holos/Layout/App.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script setup>
-import { onMounted } from 'vue';
-import useDarkMode from '@Stores/DarkMode'
-import useLeftSidebar from '@Stores/LeftSidebar'
-import useNotificationSidebar from '@Stores/NotificationSidebar'
-import useNotifier from '@Stores/Notifier'
-
-import Header              from '../Skeleton/Header.vue';
-import LeftSidebar         from '../Skeleton/Sidebar/Left.vue';
-import NotificationSidebar from '../Skeleton/Sidebar/Notification.vue';
-
-/** Definidores */
-const darkMode            = useDarkMode();
-const leftSidebar         = useLeftSidebar();
-const notificationSidebar = useNotificationSidebar();
-const notifier            = useNotifier();
-
-/** Propiedades */
-defineProps({
-    title: String,
-});
-
-/** Ciclos */
-
-onMounted(() => {
-    leftSidebar.boot();
-    darkMode.boot();
-    notifier.boot();
-});
-</script>
-
-<template>
-    <div class="flex w-full h-screen bg-page text-page-t dark:bg-page-d dark:text-page-dt">
-        <LeftSidebar
-            @open="leftSidebar.toggle()"
-        >
-            <slot name="leftSidebar"/>
-        </LeftSidebar>
-        <NotificationSidebar
-            @open="notificationSidebar.toggle()"
-        />
-        <div 
-            class="flex flex-col w-full transition-all duration-300"
-            :class="{'md:w-[calc(100vw-rem)] md:ml-64':leftSidebar.isOpened, 'md:w-screen md:ml-0':leftSidebar.isClosed}"
-        >
-            <div class="h-2 md:h-14">
-                <Header
-                    @open="leftSidebar.toggle()"
-                />
-            </div>
-            <main class="flex h-full justify-center md:p-2">
-                <div class="mt-14 md:mt-0 w-full shadow-lg dark:shadow-xs md:dark:shadow-white h-[calc(100vh-4.5rem)] px-2 pb-4 md:rounded-sm overflow-y-auto overflow-x-auto transition-colors duration-300">
-                    <slot />
-                </div>
-            </main>
-        </div>
-    </div>
-</template>
diff --git a/src/components/Holos/Layout/Auth.vue b/src/components/Holos/Layout/Auth.vue
deleted file mode 100644
index f629431..0000000
--- a/src/components/Holos/Layout/Auth.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<script setup>
-import { onMounted } from 'vue'
-import { APP_VERSION, APP_COPYRIGHT } from '@/config.js'
-import useDarkMode from '@Stores/DarkMode'
-
-import Logo       from '@Holos/Logo.vue'
-import IconButton from '@Holos/Button/Icon.vue'
-
-/** Definidores */
-const darkMode = useDarkMode()
-
-/** Propiedades */
-defineProps({
-    title: String
-})
-
-/** Ciclos */
-onMounted(() => {
-    darkMode.boot()
-});
-</script>
-
-<template>
-  <div class="h-screen flex bg-primary dark:bg-primary-d">
-    <div
-      class="relative flex w-full lg:w-full justify-around items-center with-transition"
-      :class="{'app-bg-light':darkMode.isLight,'app-bg-dark':darkMode.isDark}"
-    >
-      <header class="absolute top-0 flex w-full h-8 px-1 items-center justify-end text-white">
-        <div>
-          <IconButton v-if="darkMode.isLight"
-            icon="light_mode"
-            :title="$t('app.theme.light')"
-            @click="darkMode.applyDark()"
-          />
-          <IconButton v-else
-            icon="dark_mode"
-            :title="$t('app.theme.dark')"
-            @click="darkMode.applyLight()"
-          />
-        </div>
-      </header>
-      <div class="flex w-full flex-col items-center justify-center space-y-2">
-        <div class="flex space-x-2 items-center justify-start text-white">
-          <Logo
-            class="text-lg inline-flex"
-          />
-        </div>
-
-        <main class="bg-white/10 w-full backdrop-blur-xs text-white px-4 py-4 rounded-sm max-w-80">
-          <RouterView />
-        </main>
-
-        <footer class="absolute bottom-0 flex w-full h-8 px-4 items-center justify-between bg-primary dark:bg-primary-d backdrop-blur-md text-white transition-colors duration-global">
-          <div>
-              <span>
-                  &copy;2024 {{ APP_COPYRIGHT }}
-              </span>
-          </div>
-          <div>
-              <span>
-                APP {{ APP_VERSION }} API {{ $page.app.version }}
-              </span>
-          </div>
-        </footer>
-      </div>
-    </div>
-  </div>
-</template>
diff --git a/src/components/Holos/Layout/RhApp.vue b/src/components/Holos/Layout/RhApp.vue
deleted file mode 100644
index c3f6332..0000000
--- a/src/components/Holos/Layout/RhApp.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<script setup>
-import { onMounted } from 'vue';
-import useDarkMode from '@Stores/DarkMode'
-import useLeftSidebar from '@Stores/LeftSidebar'
-import useNotificationSidebar from '@Stores/NotificationSidebar'
-import useNotifier from '@Stores/Notifier'
-
-import Header              from '../Skeleton/Header.vue';
-import RhSidebar           from '../Skeleton/RhSidebar.vue';
-import NotificationSidebar from '../Skeleton/Sidebar/Notification.vue';
-
-/** Definidores */
-const darkMode            = useDarkMode();
-const leftSidebar         = useLeftSidebar();
-const notificationSidebar = useNotificationSidebar();
-const notifier            = useNotifier();
-
-/** Propiedades */
-defineProps({
-    title: String,
-});
-
-/** Ciclos */
-onMounted(() => {
-    leftSidebar.boot();
-    darkMode.boot();
-    notifier.boot();
-});
-</script>
-
-<template>
-    <div class="flex w-full h-screen bg-page text-page-t dark:bg-page-d dark:text-page-dt">
-        <RhSidebar
-            @open="leftSidebar.toggle()"
-        >
-            <slot name="leftSidebar"/>
-        </RhSidebar>
-        <NotificationSidebar
-            @open="notificationSidebar.toggle()"
-        />
-        <div 
-            class="flex flex-col w-full transition-all duration-300"
-            :class="{'md:w-[calc(100vw-rem)] md:ml-64':leftSidebar.isOpened, 'md:w-screen md:ml-0':leftSidebar.isClosed}"
-        >
-            <div class="h-2 md:h-14">
-                <Header
-                    @open="leftSidebar.toggle()"
-                />
-            </div>
-            <main class="flex h-full justify-center md:p-2">
-                <div class="mt-14 md:mt-0 w-full shadow-lg dark:shadow-xs md:dark:shadow-white h-[calc(100vh-4.5rem)] px-2 pb-4 md:rounded-sm overflow-y-auto overflow-x-auto transition-colors duration-300">
-                    <slot />
-                </div>
-            </main>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Layout/TermsLayout.vue b/src/components/Holos/Layout/TermsLayout.vue
deleted file mode 100644
index 83040d9..0000000
--- a/src/components/Holos/Layout/TermsLayout.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<script setup>
-import { onMounted } from 'vue'
-import { APP_VERSION, APP_COPYRIGHT } from '@/config.js'
-import useDarkMode from '@Stores/DarkMode'
-
-import IconButton from '../Button/Icon.vue'
-import Logo       from '../Logo.vue';
-
-/** Definidores */
-const darkMode = useDarkMode()
-
-/** Propiedades */
-defineProps({
-    title: String
-})
-
-/** Ciclos */
-onMounted(() => {
-    darkMode.boot()
-});
-</script>
-
-<template>
-  <div class="min-h-screen flex">
-    <div
-      class="relative flex w-full lg:w-full justify-around items-start with-transition"
-      :class="{'app-bg-light':darkMode.isLight,'app-bg-dark':darkMode.isDark}"
-    >
-      <header class="absolute top-0 flex w-full h-8 px-1 items-center justify-end text-white">
-        <div>
-          <IconButton v-if="darkMode.isLight"
-            icon="light_mode"
-            :title="$t('app.theme.light')"
-            @click="darkMode.applyDark()"
-          />
-          <IconButton v-else
-            icon="dark_mode"
-            :title="$t('app.theme.dark')"
-            @click="darkMode.applyLight()"
-          />
-        </div>
-      </header>
-      <div class="flex w-full flex-col  space-y-2">
-        <div class="flex space-x-2 items-center justify-start text-white">
-          <Logo
-              class="text-lg inline-flex"
-            />
-        </div>
-
-        <main class="bg-white/10 w-full mx-auto sm:max-w-2xl backdrop-blur-xs text-white px-4 py-8 rounded-md">
-          <slot />
-        </main>
-
-        <footer class="absolute bottom-0 flex w-full h-8 px-4 items-center justify-between bg-primary dark:bg-primary-d backdrop-blur-xs text-white transition-colors duration-global">
-          <div>
-              <span>
-                  &copy;{{ APP_COPYRIGHT }}
-              </span>
-          </div>
-          <div>
-              <span>
-                  Versión {{ APP_VERSION }}
-              </span>
-          </div>
-        </footer>
-      </div>
-    </div>
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Logo.vue b/src/components/Holos/Logo.vue
deleted file mode 100644
index f6b176c..0000000
--- a/src/components/Holos/Logo.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script setup>
-import { hasToken } from '@Services/Api';
-import { useRouter } from 'vue-router';
-
-/** Definidores */
-const router = useRouter();
-
-/** Métodos */
-const home = () => {
-    if(hasToken()) {
-        router.push({ name: 'dashboard.index' });
-    } else {
-        location.replace('/');
-    }
-}
-</script>
-<template>
-    <div
-        class="flex w-full justify-center items-center space-x-2 cursor-pointer"
-        @click="home"
-    >
-        <img :src="$page.app.logo" class="h-20" />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Modal/Destroy.vue b/src/components/Holos/Modal/Destroy.vue
deleted file mode 100644
index 781bee8..0000000
--- a/src/components/Holos/Modal/Destroy.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-
-import ModalBase       from './Elements/Base.vue';
-import DangerButton    from '../Button/Danger.vue';
-import SecondaryButton from '../Button/Secondary.vue';
-
-/** Eventos */
-defineEmits([
-    'close',
-    'destroy',
-]);
-
-/** Propiedades */
-const props = defineProps({
-    title: {
-        default: Lang('delete.title'),
-        type: String
-    }
-});
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Exposiciones */
-defineExpose({
-    open:  () => modalRef.value.open(),
-    close: () => modalRef.value.close()
-});
-</script>
-
-<template>
-    <ModalBase
-        ref="modalRef"
-        @close="$emit('close')"
-    >
-        <template #title>
-            <p
-                class="font-bold text-xl"
-                v-text="title"
-            />
-        </template>
-        <template #content>
-            <div class="w-full right-0">
-                <div class="overflow-hidden space-y-2 shadow-lg">
-                    <slot />
-                    <div class="px-4 pb-2">
-                        <p 
-                        class="mt-2 p-1 rounded-md text-justify bg-danger text-danger-t"
-                        v-text="$t('delete.confirm')"
-                        />
-                    </div>
-                </div>
-            </div>
-        </template>
-        <template #footer>
-            <div class="space-x-2">
-                <slot name="buttons" />
-                <DangerButton
-                    v-text="$t('delete.title')"
-                    @click="$emit('destroy')"
-                />
-                <SecondaryButton
-                    v-text="$t('cancel')"
-                    @click="modalRef.close()"
-                />
-            </div>
-        </template>
-    </ModalBase>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Modal/Elements/Base.vue b/src/components/Holos/Modal/Elements/Base.vue
deleted file mode 100644
index c47267c..0000000
--- a/src/components/Holos/Modal/Elements/Base.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue';
-
-/** Eventos */
-const emit = defineEmits(['close']);
-
-/** Propiedades */
-const props = defineProps({
-    maxWidth: {
-        default: '2xl',
-        type: String
-    }
-});
-
-const show = ref(false);
-
-/** Métodos */
-const maxWidthClass = computed(() => {
-    return {
-        'sm': 'sm:max-w-sm',
-        'md': 'sm:max-w-md',
-        'lg': 'sm:max-w-lg',
-        'xl': 'sm:max-w-xl',
-        '2xl': 'sm:max-w-2xl',
-        '3xl': 'sm:max-w-3xl',
-        '4xl': 'sm:max-w-4xl',
-        '5xl': 'sm:max-w-5xl',
-        '6xl': 'sm:max-w-6xl',
-        '7xl': 'sm:max-w-7xl',
-    }[props.maxWidth];
-});
-
-/** Observadores */
-watch(() => show, () => {
-    if (show.value) {
-        document.body.style.overflow = 'hidden';
-    } else {
-        document.body.style.overflow = null;
-    }
-});
-
-/** Exposiciones */
-defineExpose({
-    open:  () => show.value = true,
-    close: () => {
-        show.value = false;
-        emit('close');
-    }
-});
-</script>
-
-<template>
-    <teleport to="body">
-        <transition
-            enter-active-class="ease-out duration-300"
-            enter-from-class="opacity-0"
-            enter-to-class="opacity-100"
-            leave-active-class="ease-in duration-300"
-            leave-from-class="opacity-100"
-            leave-to-class="opacity-0"
-        >
-            <div v-show="show" class="fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 bg-primary/50 z-50 transition-all"></div>
-        </transition>
-        <transition
-            enter-active-class="ease-out duration-300"
-            enter-from-class="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-            enter-to-class="opacity-100 translate-y-0 sm:scale-100"
-            leave-active-class="ease-in duration-300"
-            leave-from-class="opacity-100 translate-y-0 sm:scale-100"
-            leave-to-class="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-        >
-            <div v-show="show" class="fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50 transition-all" scroll-region>
-                <div 
-                    v-show="show" 
-                    class="mb-6 bg-page text-page-t dark:bg-page-d dark:text-page-dt rounded-sm overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto" 
-                    :class="maxWidthClass"
-                >
-                    <div class="flex flex-col">
-                        <div class="text-lg px-4 font-medium">
-                            <slot name="title" />
-                        </div>
-                        <div class="text-sm">
-                            <slot name="content" />
-                        </div>
-                    </div>
-                    <div class="flex flex-row justify-center p-2 text-end">
-                        <slot name="footer" />
-                    </div>
-                </div>
-            </div>
-        </transition>
-    </teleport>
-</template>
diff --git a/src/components/Holos/Modal/Elements/Header.vue b/src/components/Holos/Modal/Elements/Header.vue
deleted file mode 100644
index 7105ad9..0000000
--- a/src/components/Holos/Modal/Elements/Header.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<script setup>
-/** Propiedades */
-defineProps({
-    subtitle: String,
-    title: String
-})
-</script>
-
-<template>
-    <div class="text-center p-6 bg-primary dark:bg-primary-d">
-        <slot />
-        <p class="pt-2 text-lg font-bold text-primary-t dark:text-primary-t-d">
-            {{ title }}
-        </p>
-        <p v-if="subtitle"
-            class="text-sm text-primary-t dark:text-primary-t-d"
-        >
-            {{ subtitle }}
-        </p>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Modal/Show.vue b/src/components/Holos/Modal/Show.vue
deleted file mode 100644
index 01b40c8..0000000
--- a/src/components/Holos/Modal/Show.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-
-import ModalBase       from './Elements/Base.vue';
-import SecondaryButton from '../Button/Secondary.vue';
-
-/** Eventos */
-const emit = defineEmits(['close']);
-
-/** Propiedades */
-const props = defineProps({
-    title: String
-});
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Exposiciones */
-defineExpose({
-    open: ()  => modalRef.value.open(),
-    close: () => modalRef.value.close()
-});
-</script>
-
-<template>
-    <ModalBase
-        ref="modalRef"
-        @close="emit('close')"
-    >
-        <template #title>
-            <p
-                class="font-bold text-xl"
-                v-text="title ?? $t('details')"
-            />
-        </template>
-        <template #content>
-            <div class="w-full right-0">
-                <div class="overflow-hidden shadow-lg">
-                    <slot />
-                </div>
-            </div>
-        </template>
-        <template #footer>
-            <div class="space-x-2">
-                <slot name="buttons" />
-                <SecondaryButton
-                    v-text="$t('close')"
-                    @click="modalRef.close()" 
-                />
-            </div>
-        </template>
-    </ModalBase>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Modal/Template/Destroy.vue b/src/components/Holos/Modal/Template/Destroy.vue
deleted file mode 100644
index 88c0082..0000000
--- a/src/components/Holos/Modal/Template/Destroy.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { api } from '@Services/Api.js';
-
-import DestroyModal from '../Destroy.vue';
-import Header       from '../Elements/Header.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'open',
-    'close',
-    'update'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    to: Function,
-    title: {
-        type: String,
-        default: 'name'
-    },
-    subtitle: {
-        type: String,
-        default: 'description'
-    }
-});
-
-const model    = ref({});
-const modalRef = ref(null);
-
-/** Métodos */
-const destroy = () => {
-    api.delete(props.to(model.value.id), {
-        onSuccess: () => {
-            Notify.success(Lang('deleted'));
-            emit('update');
-        },
-        onError: () => {
-            Notify.info(Lang('notFound'));
-        },
-        onFinish: () => {
-            modalRef.value.close();
-        }
-    });
-}
-
-/** Exposiciones */
-defineExpose({
-    open:  (modelData) => {
-        model.value = modelData;
-        modalRef.value.open();
-
-        emit('open')
-    }
-});
-</script>
-
-<template>
-    <DestroyModal
-        ref="modalRef"
-        @close="$emit('close')"
-        @destroy="destroy"
-    >
-        <Header
-            :title="model[title]"
-            :subtitle="model[subtitle]"
-        />
-    </DestroyModal>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/NewTable.vue b/src/components/Holos/NewTable.vue
deleted file mode 100644
index 574316f..0000000
--- a/src/components/Holos/NewTable.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<script setup>
-import GoogleIcon from '../Shared/GoogleIcon.vue';
-import Loader from '../Shared/Loader.vue';
-
-/** Eventos */
-const emit = defineEmits([
-  'send-pagination'
-]);
-
-/** Propiedades */
-const props = defineProps({
-  items: Object,
-  processing: Boolean
-});
-
-</script>
-
-<template>
-  <div class="bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-
-    <!-- Tabla -->
-    <div class="overflow-x-auto">
-      <table v-if="!processing" class="w-full">
-        <thead>
-          <tr class="text-left text-sm text-gray-500 dark:text-primary-dt/70">
-            <slot name="head" />
-          </tr>
-        </thead>
-        <tbody class="divide-y divide-gray-100 dark:divide-primary/20 text-sm text-gray-700 dark:text-primary-dt">
-          <template v-if="items?.total > 0">
-            <slot
-              name="body"
-              :items="items?.data"
-            />
-          </template>
-          <template v-else>
-            <tr>
-              <slot name="empty" />
-            </tr>
-          </template>
-        </tbody>
-      </table>
-
-      <!-- Estado de carga -->
-      <table v-else class="animate-pulse w-full">
-        <thead>
-          <tr>
-            <th colspan="100%" class="h-8 text-center">
-              <div class="flex items-center justify-center">
-                <Loader />
-              </div>
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr v-for="i in 3" :key="i">
-            <td colspan="100%" class="table-cell h-16 text-center">
-              <div class="w-full h-4 bg-secondary/50 rounded-md"></div>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-
-    <!-- Paginación -->
-    <template v-if="items?.links && items.links.length > 3">
-      <div class="mt-6 flex w-full justify-end">
-        <div class="flex w-full justify-end flex-wrap space-x-1 -mb-1">
-          <template v-for="(link, k) in items.links" :key="k">
-            <!-- Botón anterior deshabilitado -->
-            <div v-if="link.url === null && k == 0"
-              class="px-3 py-2 text-sm leading-4 text-gray-400 border rounded-lg bg-gray-50 dark:bg-primary-d dark:border-primary/20"
-            >
-              <GoogleIcon name="arrow_back" class="w-4 h-4" />
-            </div>
-            
-            <!-- Botón anterior activo -->
-            <button v-else-if="k === 0" 
-              class="px-3 py-2 text-sm leading-4 border rounded-lg transition-colors duration-200 hover:bg-gray-50 dark:hover:bg-primary-d/50" 
-              :class="{ 
-                'bg-primary text-white border-primary dark:bg-primary-dark dark:border-primary-dark': link.active,
-                'border-gray-300 dark:border-primary/20 text-gray-700 dark:text-primary-dt': !link.active
-              }"
-              @click="emit('send-pagination', link.url)"
-            >
-              <GoogleIcon name="arrow_back" class="w-4 h-4" />
-            </button>
-            
-            <!-- Botón siguiente deshabilitado -->
-            <div v-else-if="link.url === null && k == (items.links.length - 1)"
-              class="px-3 py-2 text-sm leading-4 text-gray-400 border rounded-lg bg-gray-50 dark:bg-primary-d dark:border-primary/20"
-            >
-              <GoogleIcon name="arrow_forward" class="w-4 h-4" />
-            </div>
-            
-            <!-- Botón siguiente activo -->
-            <button v-else-if="k === (items.links.length - 1)" 
-              class="px-3 py-2 text-sm leading-4 border rounded-lg transition-colors duration-200 hover:bg-gray-50 dark:hover:bg-primary-d/50" 
-              :class="{ 
-                'bg-primary text-white border-primary dark:bg-primary-dark dark:border-primary-dark': link.active,
-                'border-gray-300 dark:border-primary/20 text-gray-700 dark:text-primary-dt': !link.active
-              }"
-              @click="emit('send-pagination', link.url)"
-            >
-              <GoogleIcon name="arrow_forward" class="w-4 h-4" />
-            </button>
-            
-            <!-- Números de página -->
-            <button v-else 
-              class="px-3 py-2 text-sm leading-4 border rounded-lg transition-colors duration-200 hover:bg-gray-50 dark:hover:bg-primary-d/50" 
-              :class="{ 
-                'bg-primary text-white border-primary dark:bg-primary-dark dark:border-primary-dark': link.active,
-                'border-gray-300 dark:border-primary/20 text-gray-700 dark:text-primary-dt': !link.active
-              }"
-              v-html="link.label"
-              @click="emit('send-pagination', link.url)"
-            ></button>
-          </template>
-        </div>
-      </div>
-    </template>
-  </div>
-</template>
-
-<style scoped>
-/* Estilos adicionales para mejorar la experiencia */
-tbody tr {
-  transition: background-color 0.2s ease;
-}
-
-tbody tr:hover {
-  background-color: rgba(0, 0, 0, 0.02);
-}
-
-.dark tbody tr:hover {
-  background-color: rgba(255, 255, 255, 0.05);
-}
-
-/* Animación suave para los botones de paginación */
-button {
-  transition: all 0.2s ease;
-}
-
-button:hover {
-  transform: translateY(-1px);
-}
-
-button:active {
-  transform: translateY(0);
-}
-</style>
diff --git a/src/components/Holos/PDF/Canvas.vue b/src/components/Holos/PDF/Canvas.vue
deleted file mode 100644
index 92c32c1..0000000
--- a/src/components/Holos/PDF/Canvas.vue
+++ /dev/null
@@ -1,650 +0,0 @@
-<script setup>
-import { ref, computed, nextTick, watch } from 'vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-const props = defineProps({
-    element: {
-        type: Object,
-        required: true
-    },
-    isSelected: {
-        type: Boolean,
-        default: false
-    }
-});
-
-/** Eventos */
-const emit = defineEmits(['select', 'delete', 'update', 'move']);
-
-/** Referencias */
-const isEditing = ref(false);
-const editValue = ref('');
-const editInput = ref(null);
-const editTextarea = ref(null);
-const elementRef = ref(null);
-const isDragging = ref(false);
-const isResizing = ref(false);
-const resizeDirection = ref(null); // 'corner', 'right', 'bottom'
-const dragStart = ref({ x: 0, y: 0 });
-const resizeStart = ref({ x: 0, y: 0, width: 0, height: 0 });
-const fileInput = ref(null);
-
-/** Propiedades computadas */
-const elementStyles = computed(() => {
-    const baseStyles = {
-        left: `${props.element.x}px`,
-        top: `${props.element.y}px`,
-        width: `${props.element.width || 200}px`,
-        height: `${props.element.height || 40}px`
-    };
-
-    // Aplicar estilos de formato para elementos de texto
-    if (props.element.type === 'text' && props.element.formatting) {
-        const formatting = props.element.formatting;
-        
-        if (formatting.fontSize) {
-            baseStyles.fontSize = `${formatting.fontSize}px`;
-        }
-        
-        if (formatting.color) {
-            baseStyles.color = formatting.color;
-        }
-    }
-
-    return baseStyles;
-});
-
-// Propiedades computadas para clases CSS dinámicas
-const textContainerClasses = computed(() => {
-    if (props.element.type !== 'text') return {};
-    
-    const formatting = props.element.formatting || {};
-    
-    return {
-        'font-bold': formatting.bold,
-        'italic': formatting.italic,
-        'underline': formatting.underline,
-        'text-left': !formatting.textAlign || formatting.textAlign === 'left',
-        'text-center': formatting.textAlign === 'center',
-        'text-right': formatting.textAlign === 'right',
-        'justify-start': !formatting.textAlign || formatting.textAlign === 'left',
-        'justify-center': formatting.textAlign === 'center',
-        'justify-end': formatting.textAlign === 'right'
-    };
-});
-
-const inputClasses = computed(() => {
-    if (props.element.type !== 'text') return {};
-    
-    const formatting = props.element.formatting || {};
-    
-    return {
-        'font-bold': formatting.bold,
-        'italic': formatting.italic,
-        'underline': formatting.underline,
-        'text-left': !formatting.textAlign || formatting.textAlign === 'left',
-        'text-center': formatting.textAlign === 'center',
-        'text-right': formatting.textAlign === 'right'
-    };
-});
-
-const inputStyles = computed(() => {
-    if (props.element.type !== 'text') return {};
-    
-    const formatting = props.element.formatting || {};
-    const styles = {};
-    
-    if (formatting.fontSize) {
-        styles.fontSize = `${formatting.fontSize}px`;
-    }
-    
-    if (formatting.color) {
-        styles.color = formatting.color;
-    }
-    
-    return styles;
-});
-
-/** Watchers */
-watch(() => props.isSelected, (selected) => {
-    if (selected && isEditing.value) {
-        nextTick(() => {
-            if (props.element.type === 'text' && editInput.value) {
-                editInput.value.focus();
-                editInput.value.select();
-            } else if (props.element.type === 'code' && editTextarea.value) {
-                editTextarea.value.focus();
-                editTextarea.value.select();
-            }
-        });
-    }
-});
-
-/** Métodos */
-const handleSelect = (event) => {
-    event.stopPropagation();
-    emit('select', props.element.id);
-};
-
-const handleDelete = () => {
-    emit('delete', props.element.id);
-};
-
-const startEditing = () => {
-    if (props.element.type === 'table' && props.element.content) {
-        // Deep copy para evitar mutaciones directas
-        editValue.value = JSON.parse(JSON.stringify(props.element.content));
-    } else if (props.element.type === 'code') {
-        editValue.value = props.element.content || 'console.log("Hola mundo");';
-    } else {
-        editValue.value = props.element.content || getDefaultEditValue();
-    }
-    isEditing.value = true;
-    
-    nextTick(() => {
-        if (editTextarea.value) editTextarea.value.focus();
-        if (editInput.value) editInput.value.focus();
-    });
-};
-
-const finishEditing = () => {
-    if (isEditing.value) {
-        isEditing.value = false;
-        
-        // Para tablas, emitir el objeto completo
-        if (props.element.type === 'table') {
-            emit('update', {
-                id: props.element.id,
-                content: editValue.value
-            });
-        } else {
-            emit('update', {
-                id: props.element.id,
-                content: editValue.value
-            });
-        }
-    }
-};
-
-const handleKeydown = (event) => {
-    if (props.element.type === 'text') {
-        if (event.key === 'Enter' && !event.shiftKey) {
-            event.preventDefault();
-            finishEditing();
-        } else if (event.key === 'Escape') {
-            isEditing.value = false;
-            editValue.value = props.element.content || 'Nuevo texto';
-        }
-    } else if (props.element.type === 'code') {
-        if (event.key === 'Escape') {
-            isEditing.value = false;
-            editValue.value = props.element.content || 'console.log("Hola mundo");';
-        }
-        // Para código, permitimos Enter normal y usamos Ctrl+Enter para terminar
-        if (event.key === 'Enter' && event.ctrlKey) {
-            event.preventDefault();
-            finishEditing();
-        }
-    } else if (props.element.type === 'table') {
-        if (event.key === 'Escape') {
-            isEditing.value = false;
-            // Restaurar el contenido original de la tabla
-            editValue.value = props.element.content ? 
-                JSON.parse(JSON.stringify(props.element.content)) : 
-                getDefaultEditValue();
-        }
-        // Para tablas, Enter normal para nueva línea en celda, Ctrl+Enter para terminar
-        if (event.key === 'Enter' && event.ctrlKey) {
-            event.preventDefault();
-            finishEditing();
-        }
-    }
-};
-
-// Manejo de archivo de imagen
-const handleFileSelect = (event) => {
-    const file = event.target.files[0];
-    if (file && file.type.startsWith('image/')) {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-            emit('update', {
-                id: props.element.id,
-                content: e.target.result,
-                fileName: file.name
-            });
-        };
-        reader.readAsDataURL(file);
-    }
-    // Limpiar el input
-    event.target.value = '';
-};
-
-// Funcionalidad de arrastre
-const handleMouseDown = (event) => {
-    if (isEditing.value || isResizing.value) return;
-    
-    isDragging.value = true;
-    dragStart.value = {
-        x: event.clientX - props.element.x,
-        y: event.clientY - props.element.y
-    };
-
-    document.addEventListener('mousemove', handleMouseMove);
-    document.addEventListener('mouseup', handleMouseUp);
-    
-    event.preventDefault();
-};
-
-const handleMouseMove = (event) => {
-    if (isDragging.value && !isResizing.value) {
-        const newX = event.clientX - dragStart.value.x;
-        const newY = event.clientY - dragStart.value.y;
-
-        emit('move', {
-            id: props.element.id,
-            x: Math.max(0, newX),
-            y: Math.max(0, newY)
-        });
-    } else if (isResizing.value && !isDragging.value) {
-        handleResizeMove(event);
-    }
-};
-
-const handleMouseUp = () => {
-    isDragging.value = false;
-    isResizing.value = false;
-    resizeDirection.value = null;
-    document.removeEventListener('mousemove', handleMouseMove);
-    document.removeEventListener('mouseup', handleMouseUp);
-};
-
-// Funcionalidad de redimensionamiento por esquina
-const startResize = (event) => {
-    event.stopPropagation();
-    event.preventDefault();
-    
-    isResizing.value = true;
-    resizeDirection.value = 'corner';
-    resizeStart.value = {
-        x: event.clientX,
-        y: event.clientY,
-        width: props.element.width || 200,
-        height: props.element.height || 40
-    };
-
-    document.addEventListener('mousemove', handleMouseMove);
-    document.addEventListener('mouseup', handleMouseUp);
-};
-
-// Funcionalidad de redimensionamiento por bordes
-const startResizeEdge = (event, direction) => {
-    event.stopPropagation();
-    event.preventDefault();
-    
-    isResizing.value = true;
-    resizeDirection.value = direction;
-    resizeStart.value = {
-        x: event.clientX,
-        y: event.clientY,
-        width: props.element.width || 200,
-        height: props.element.height || 40
-    };
-
-    document.addEventListener('mousemove', handleMouseMove);
-    document.addEventListener('mouseup', handleMouseUp);
-};
-
-const handleResizeMove = (event) => {
-    if (!isResizing.value) return;
-
-    const deltaX = event.clientX - resizeStart.value.x;
-    const deltaY = event.clientY - resizeStart.value.y;
-
-    let newWidth = resizeStart.value.width;
-    let newHeight = resizeStart.value.height;
-
-    // Calcular nuevas dimensiones según la dirección
-    if (resizeDirection.value === 'corner') {
-        newWidth = Math.max(getMinWidth(), Math.min(getMaxWidth(), resizeStart.value.width + deltaX));
-        newHeight = Math.max(getMinHeight(), Math.min(getMaxHeight(), resizeStart.value.height + deltaY));
-    } else if (resizeDirection.value === 'right') {
-        newWidth = Math.max(getMinWidth(), Math.min(getMaxWidth(), resizeStart.value.width + deltaX));
-    } else if (resizeDirection.value === 'bottom') {
-        newHeight = Math.max(getMinHeight(), Math.min(getMaxHeight(), resizeStart.value.height + deltaY));
-    }
-
-    emit('update', {
-        id: props.element.id,
-        width: newWidth,
-        height: newHeight
-    });
-};
-
-// Obtener tamaños mínimos según el tipo de elemento
-const getMinWidth = () => {
-    switch (props.element.type) {
-        case 'text':
-            return 100;
-        case 'image':
-            return 100;
-        case 'table':
-            return 200;
-        default:
-            return 100;
-    }
-};
-
-const getMinHeight = () => {
-    switch (props.element.type) {
-        case 'text':
-            return 30;
-        case 'image':
-            return 80;
-        case 'table':
-            return 80;
-        default:
-            return 30;
-    }
-};
-
-// Obtener tamaños máximos según el tipo de elemento
-const getMaxWidth = () => {
-    return 800; // Máximo general
-};
-
-const getMaxHeight = () => {
-    return 600; // Máximo general
-};
-</script>
-
-<template>
-    <div
-        ref="elementRef"
-        :style="elementStyles"
-        @click="handleSelect"
-        @dblclick="startEditing"
-        @mousedown="handleMouseDown"
-        class="absolute group select-none"
-        :class="{
-            'ring-2 ring-blue-500 ring-opacity-50': isSelected,
-            'cursor-move': !isEditing && !isResizing,
-            'cursor-text': isEditing && (element.type === 'text' || element.type === 'code'),
-            'cursor-se-resize': isResizing && resizeDirection === 'corner',
-            'cursor-e-resize': isResizing && resizeDirection === 'right',
-            'cursor-s-resize': isResizing && resizeDirection === 'bottom',
-            'z-50': isSelected,
-            'z-10': !isSelected
-        }"
-    >
-        <!-- Input oculto para selección de archivos -->
-        <input
-            ref="fileInput"
-            type="file"
-            accept="image/*"
-            @change="handleFileSelect"
-            class="hidden"
-        />
-
-        <!-- Elemento de Texto con formato aplicado -->
-        <div
-            v-if="element.type === 'text'"
-            class="w-full h-full flex items-center px-3 py-2 bg-white rounded border border-gray-300 shadow-sm dark:bg-white dark:border-gray-400"
-            :class="textContainerClasses"
-            :style="{
-                fontSize: element.formatting?.fontSize ? `${element.formatting.fontSize}px` : '14px',
-                color: element.formatting?.color || '#374151'
-            }"
-        >
-            <input
-                v-if="isEditing"
-                ref="editInput"
-                v-model="editValue"
-                @blur="finishEditing"
-                @keydown="handleKeydown"
-                class="w-full bg-transparent outline-none cursor-text"
-                :class="inputClasses"
-                :style="inputStyles"
-                @mousedown.stop
-            />
-            <span 
-                v-else 
-                class="truncate pointer-events-none w-full"
-                :class="textContainerClasses"
-                :style="{
-                    fontSize: element.formatting?.fontSize ? `${element.formatting.fontSize}px` : '14px',
-                    color: element.formatting?.color || '#374151'
-                }"
-            >
-                {{ element.content || 'Nuevo texto' }}
-            </span>
-        </div>
-
-        <!-- Elemento de Imagen (sin cambios) -->
-        <div
-            v-else-if="element.type === 'image'"
-            class="w-full h-full flex items-center justify-center bg-gray-100 rounded border border-gray-300 dark:bg-primary/10 dark:border-primary/20 overflow-hidden"
-        >
-            <!-- Si hay imagen cargada -->
-            <img
-                v-if="element.content && element.content.startsWith('data:image')"
-                :src="element.content"
-                :alt="element.fileName || 'Imagen'"
-                class="w-full h-full object-cover pointer-events-none"
-            />
-            <!-- Placeholder para imagen -->
-            <div v-else class="flex flex-col items-center justify-center text-gray-400 dark:text-primary-dt/50 p-4">
-                <GoogleIcon name="image" class="text-2xl mb-1" />
-                <span class="text-xs text-center">Haz doble clic para cargar imagen</span>
-            </div>
-        </div>
-
-        <!-- Elemento de Tabla (sin cambios en esta parte) -->
-        <div
-            v-else-if="element.type === 'table'"
-            class="w-full h-full bg-white rounded border overflow-hidden"
-        >
-            <div v-if="element.content && element.content.data" class="w-full h-full">
-                <table class="w-full h-full text-xs border-collapse">
-                    <thead v-if="element.content.data.length > 0">
-                        <tr class="bg-blue-50 dark:bg-blue-900/20">
-                            <th 
-                                v-for="(header, colIndex) in element.content.data[0]" 
-                                :key="colIndex"
-                                class="border border-gray-300 dark:border-primary/20 px-1 py-1 text-left font-semibold text-blue-800 dark:text-blue-300"
-                            >
-                                <input
-                                    v-if="isEditing"
-                                    v-model="editValue.data[0][colIndex]"
-                                    class="w-full bg-transparent outline-none text-xs"
-                                    @mousedown.stop
-                                    @click.stop
-                                    @focus.stop
-                                />
-                                <span v-else class="truncate">{{ header }}</span>
-                            </th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr 
-                            v-for="(row, rowIndex) in element.content.data.slice(1)" 
-                            :key="rowIndex"
-                            class="hover:bg-gray-50 dark:hover:bg-primary/5"
-                        >
-                            <td 
-                                v-for="(cell, colIndex) in row" 
-                                :key="colIndex"
-                                class="border border-gray-300 dark:border-primary/20 px-1 py-1"
-                            >
-                                <input
-                                    v-if="isEditing"
-                                    v-model="editValue.data[rowIndex + 1][colIndex]"
-                                    class="w-full bg-transparent outline-none text-xs"
-                                    @mousedown.stop
-                                    @click.stop
-                                    @focus.stop
-                                />
-                                <span v-else class="truncate text-gray-700 dark:text-primary-dt">{{ cell }}</span>
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-            <!-- Placeholder para tabla vacía -->
-            <div v-else class="flex flex-col items-center justify-center text-gray-400 dark:text-primary-dt/50 p-4">
-                <GoogleIcon name="table_chart" class="text-2xl mb-1" />
-                <span class="text-xs text-center">Doble clic para editar tabla</span>
-            </div>
-        </div>
-
-        <!-- Controles del elemento con z-index más alto -->
-        <div
-            v-if="isSelected && !isEditing"
-            class="absolute -top-8 right-0 flex gap-1 opacity-100 transition-opacity z-[60]"
-        >
-            <!-- Indicador de tamaño -->
-            <div class="px-2 py-1 bg-gray-800 text-white text-xs rounded shadow-sm pointer-events-none">
-                {{ Math.round(element.width || 200) }} × {{ Math.round(element.height || 40) }}
-            </div>
-
-            <!-- Botón para cargar imagen (solo para elementos de imagen) -->
-            <button
-                v-if="element.type === 'image'"
-                @click.stop="() => fileInput.click()"
-                class="w-6 h-6 bg-blue-500 hover:bg-blue-600 text-white rounded text-xs flex items-center justify-center transition-colors shadow-sm"
-                title="Cargar imagen"
-            >
-                <GoogleIcon name="upload" class="text-xs" />
-            </button>
-
-            <!-- Botón eliminar -->
-            <button
-                @click.stop="handleDelete"
-                class="w-6 h-6 bg-red-500 hover:bg-red-600 text-white rounded text-xs flex items-center justify-center transition-colors shadow-sm"
-                title="Eliminar"
-            >
-                <GoogleIcon name="close" class="text-xs" />
-            </button>
-        </div>
-
-        <!-- Controles de redimensionamiento mejorados -->
-        <div v-if="isSelected && !isEditing" class="absolute inset-0 pointer-events-none z-[55]">
-            <!-- Esquina inferior derecha - MÁS GRANDE Y VISIBLE -->
-            <div
-                @mousedown.stop="startResize"
-                class="absolute -bottom-2 -right-2 w-4 h-4 bg-blue-500 border-2 border-white cursor-se-resize pointer-events-auto rounded-sm shadow-md hover:bg-blue-600 transition-all"
-                title="Redimensionar"
-            >
-                <div class="absolute inset-0.5 bg-white/30 rounded-sm"></div>
-            </div>
-
-            <!-- Lado derecho - MÁS VISIBLE -->
-            <div
-                @mousedown.stop="(event) => startResizeEdge(event, 'right')"
-                class="absolute top-2 bottom-2 -right-1 w-2 bg-blue-500 cursor-e-resize pointer-events-auto rounded-sm shadow-sm hover:bg-blue-600 transition-all"
-                title="Redimensionar ancho"
-            >
-                <!-- Indicador visual en el centro -->
-                <div class="absolute top-1/2 left-1/2 w-0.5 h-4 bg-white/60 -translate-x-1/2 -translate-y-1/2 rounded-full"></div>
-            </div>
-
-            <!-- Lado inferior - MÁS VISIBLE -->
-            <div
-                @mousedown.stop="(event) => startResizeEdge(event, 'bottom')"
-                class="absolute -bottom-1 left-2 right-2 h-2 bg-blue-500 cursor-s-resize pointer-events-auto rounded-sm shadow-sm hover:bg-blue-600 transition-all"
-                title="Redimensionar alto"
-            >
-                <!-- Indicador visual en el centro -->
-                <div class="absolute top-1/2 left-1/2 w-4 h-0.5 bg-white/60 -translate-x-1/2 -translate-y-1/2 rounded-full"></div>
-            </div>
-
-            <!-- Esquinas adicionales para mejor UX -->
-            <div
-                @mousedown.stop="startResize"
-                class="absolute -top-2 -left-2 w-4 h-4 bg-blue-500 border-2 border-white cursor-nw-resize pointer-events-auto rounded-sm shadow-md hover:bg-blue-600 transition-all"
-                title="Redimensionar"
-            >
-                <div class="absolute inset-0.5 bg-white/30 rounded-sm"></div>
-            </div>
-            
-            <div
-                @mousedown.stop="startResize"
-                class="absolute -top-2 -right-2 w-4 h-4 bg-blue-500 border-2 border-white cursor-ne-resize pointer-events-auto rounded-sm shadow-md hover:bg-blue-600 transition-all"
-                title="Redimensionar"
-            >
-                <div class="absolute inset-0.5 bg-white/30 rounded-sm"></div>
-            </div>
-            
-            <div
-                @mousedown.stop="startResize"
-                class="absolute -bottom-2 -left-2 w-4 h-4 bg-blue-500 border-2 border-white cursor-sw-resize pointer-events-auto rounded-sm shadow-md hover:bg-blue-600 transition-all"
-                title="Redimensionar"
-            >
-                <div class="absolute inset-0.5 bg-white/30 rounded-sm"></div>
-            </div>
-        </div>
-
-        <!-- Indicador de arrastre -->
-        <div
-            v-if="isDragging"
-            class="absolute inset-0 bg-blue-500 opacity-20 rounded pointer-events-none"
-        ></div>
-
-        <!-- Indicador de redimensionamiento -->
-        <div
-            v-if="isResizing"
-            class="absolute inset-0 bg-green-500 opacity-20 rounded pointer-events-none"
-        ></div>
-
-        <!-- Botón para terminar edición de tabla -->
-        <div
-            v-if="isEditing && element.type === 'table'"
-            class="absolute -bottom-10 left-0 flex gap-2 z-[60]"
-        >
-            <button
-                @click="finishEditing"
-                class="px-3 py-1 bg-green-600 hover:bg-green-700 text-white text-xs rounded shadow-sm transition-colors"
-            >
-                Guardar
-            </button>
-            <button
-                @click="() => { isEditing = false; editValue = JSON.parse(JSON.stringify(element.content)); }"
-                class="px-3 py-1 bg-gray-600 hover:bg-gray-700 text-white text-xs rounded shadow-sm transition-colors"
-            >
-                Cancelar
-            </button>
-        </div>
-    </div>
-</template>
-
-<style scoped>
-/* Estilos existentes sin cambios... */
-.resize-handle-corner {
-    transition: all 0.2s ease;
-}
-
-.resize-handle-corner:hover {
-    transform: scale(1.1);
-}
-
-.resize-handle-edge {
-    transition: all 0.2s ease;
-    opacity: 0.7;
-}
-
-.resize-handle-edge:hover {
-    opacity: 1;
-    transform: scale(1.05);
-}
-
-.group:hover .resize-handle-edge {
-    opacity: 0.8;
-}
-
-.select-none {
-    user-select: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-}
-</style>
\ No newline at end of file
diff --git a/src/components/Holos/PDF/Draggable.vue b/src/components/Holos/PDF/Draggable.vue
deleted file mode 100644
index 4bd032c..0000000
--- a/src/components/Holos/PDF/Draggable.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-const props = defineProps({
-    type: {
-        type: String,
-        required: true, 
-    },
-    icon: String,
-    title: String,
-    description: String,
-});
-
-/** Eventos */
-const emit = defineEmits(['dragstart']);
-
-/** Referencias */
-const isDragging = ref(false);
-
-/** Métodos */
-const handleDragStart = (event) => {
-    isDragging.value = true;
-    event.dataTransfer.setData('text/plain', JSON.stringify({
-        type: props.type,
-        title: props.title
-    }));
-    emit('dragstart', props.type);
-};
-
-const handleDragEnd = () => {
-    isDragging.value = false;
-};
-</script>
-
-<template>
-    <div
-        draggable="true"
-        @dragstart="handleDragStart"
-        @dragend="handleDragEnd"
-        class="flex items-center gap-3 p-3 rounded-lg border border-gray-200 bg-white cursor-grab hover:bg-gray-50 hover:border-blue-300 transition-colors dark:bg-primary-d dark:border-primary/20 dark:hover:bg-primary/10"
-        :class="{
-            'opacity-50 cursor-grabbing': isDragging,
-            'shadow-sm hover:shadow-md': !isDragging
-        }"
-    >
-        <div class="flex-shrink-0 w-8 h-8 rounded-md bg-blue-100 flex items-center justify-center dark:bg-blue-900/30">
-            <GoogleIcon 
-                :name="icon" 
-                class="text-blue-600 dark:text-blue-400 text-lg"
-            />
-        </div>
-        
-        <div class="flex-1 min-w-0">
-            <div class="text-sm font-medium text-gray-900 dark:text-primary-dt">
-                {{ title }}
-            </div>
-            <div class="text-xs text-gray-500 dark:text-primary-dt/70 truncate">
-                {{ description }}
-            </div>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/PDF/PDFViewport.vue b/src/components/Holos/PDF/PDFViewport.vue
deleted file mode 100644
index 5ea3d6a..0000000
--- a/src/components/Holos/PDF/PDFViewport.vue
+++ /dev/null
@@ -1,353 +0,0 @@
-<script setup>
-import { ref, computed, nextTick, watch } from 'vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import PageSizeSelector from '@Holos/PDF/PageSizeSelector.vue';
-
-/** Propiedades */
-const props = defineProps({
-    pages: {
-        type: Array,
-        default: () => [{ id: 1, elements: [] }]
-    },
-    selectedElementId: String,
-    isExporting: Boolean
-});
-
-/** Eventos */
-const emit = defineEmits(['drop', 'dragover', 'click', 'add-page', 'delete-page', 'page-change', 'page-size-change']);
-
-/** Referencias */
-const viewportRef = ref(null);
-const currentPage = ref(1);
-const pageSize = ref('A4');
-
-/** Tamaños de página */
-const pageSizes = {
-    'A4': { width: 794, height: 1123, label: '210 × 297 mm' },
-    'A3': { width: 1123, height: 1587, label: '297 × 420 mm' },
-    'Letter': { width: 816, height: 1056, label: '216 × 279 mm' },
-    'Legal': { width: 816, height: 1344, label: '216 × 356 mm' },
-    'Tabloid': { width: 1056, height: 1632, label: '279 × 432 mm' }
-};
-
-/** Constantes de diseño ajustadas */
-const PAGE_MARGIN = 50;
-const ZOOM_LEVEL = 0.65;
-
-/** Propiedades computadas */
-const currentPageSize = computed(() => pageSizes[pageSize.value]);
-const PAGE_WIDTH = computed(() => currentPageSize.value.width);
-const PAGE_HEIGHT = computed(() => currentPageSize.value.height);
-const scaledPageWidth = computed(() => PAGE_WIDTH.value * ZOOM_LEVEL);
-const scaledPageHeight = computed(() => PAGE_HEIGHT.value * ZOOM_LEVEL);
-const totalPages = computed(() => props.pages.length);
-
-/** Watchers */
-watch(pageSize, (newSize) => {
-    emit('page-size-change', {
-        size: newSize,
-        dimensions: pageSizes[newSize]
-    });
-});
-
-/** Métodos */
-const handleDrop = (event, pageIndex) => {
-    event.preventDefault();
-    
-    const pageElement = event.currentTarget;
-    const rect = pageElement.getBoundingClientRect();
-    
-    const relativeX = (event.clientX - rect.left) / ZOOM_LEVEL;
-    const relativeY = (event.clientY - rect.top) / ZOOM_LEVEL;
-    
-    emit('drop', {
-        originalEvent: event,
-        pageIndex,
-        x: Math.max(0, Math.min(PAGE_WIDTH.value, relativeX)),
-        y: Math.max(0, Math.min(PAGE_HEIGHT.value, relativeY))
-    });
-};
-
-const handleDragOver = (event) => {
-    event.preventDefault();
-    emit('dragover', event);
-};
-
-const handleClick = (event, pageIndex) => {
-    if (event.target.classList.contains('pdf-page')) {
-        emit('click', { originalEvent: event, pageIndex });
-    }
-};
-
-const handleNextPage = () => {
-    if (currentPage.value >= totalPages.value) {
-        addPage();
-    } else {
-        setCurrentPage(currentPage.value + 1);
-    }
-};
-
-const addPage = () => {
-    emit('add-page');
-    // Solo cambiar a la nueva página cuando se agrega una
-    nextTick(() => {
-        const newPageNumber = totalPages.value + 1;
-        setCurrentPage(newPageNumber);
-    });
-};
-
-const deletePage = (pageIndex) => {
-    if (totalPages.value > 1) {
-        emit('delete-page', pageIndex);
-    }
-};
-
-const scrollToPage = (pageNumber) => {
-    if (viewportRef.value) {
-        const pageElement = viewportRef.value.querySelector(`[data-page="${pageNumber}"]`);
-        if (pageElement) {
-            pageElement.scrollIntoView({ 
-                behavior: 'smooth', 
-                block: 'nearest',
-                inline: 'center'
-            });
-        }
-    }
-};
-
-const setCurrentPage = (pageNumber) => {
-    currentPage.value = pageNumber;
-    emit('page-change', pageNumber);
-    
-    // Mantener la página actual centrada
-    nextTick(() => {
-        scrollToPage(pageNumber);
-    });
-};
-
-/** Métodos expuestos */
-defineExpose({
-    scrollToPage,
-    setCurrentPage,
-    PAGE_WIDTH,
-    PAGE_HEIGHT,
-    ZOOM_LEVEL
-});
-</script>
-
-<template>
-    <div class="flex-1 flex flex-col bg-gray-100 dark:bg-primary-d/20">
-        <!-- Toolbar de páginas -->
-        <div class="flex items-center justify-between px-4 py-3 bg-white dark:bg-primary-d border-b border-gray-200 dark:border-primary/20">
-            <div class="flex items-center gap-4">
-                <span class="text-sm font-medium text-gray-700 dark:text-primary-dt">
-                    Página {{ currentPage }} de {{ totalPages }}
-                </span>
-                
-                <div class="flex items-center gap-1 border-l border-gray-200 dark:border-primary/20 pl-4">
-                    <button
-                        @click="setCurrentPage(Math.max(1, currentPage - 1))"
-                        :disabled="currentPage <= 1"
-                        class="p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50 disabled:cursor-not-allowed dark:text-primary-dt/70 dark:hover:text-primary-dt rounded hover:bg-gray-100 dark:hover:bg-primary/10"
-                        title="Página anterior"
-                    >
-                        <GoogleIcon name="keyboard_arrow_left" class="text-lg" />
-                    </button>
-                    
-                    <button
-                        @click="handleNextPage"
-                        :disabled="isExporting"
-                        class="p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50 disabled:cursor-not-allowed dark:text-primary-dt/70 dark:hover:text-primary-dt rounded hover:bg-gray-100 dark:hover:bg-primary/10 relative"
-                        :title="currentPage >= totalPages ? 'Crear nueva página' : 'Página siguiente'"
-                    >
-                        <GoogleIcon name="keyboard_arrow_right" class="text-lg" />
-                        <!-- Indicador solo cuando estamos en la última página -->
-                        <GoogleIcon 
-                            v-if="currentPage >= totalPages"
-                            name="add" 
-                            class="absolute -top-1 -right-1 text-xs text-green-500 bg-white rounded-full"
-                        />
-                    </button>
-                </div>
-            </div>
-
-            <div class="flex items-center gap-4">
-                <!-- Selector de tamaño de página -->
-                <PageSizeSelector v-model="pageSize" />
-                
-                <span class="text-xs text-gray-500 dark:text-primary-dt/70 bg-gray-50 dark:bg-primary/10 px-2 py-1 rounded">
-                    {{ Math.round(ZOOM_LEVEL * 100) }}% • {{ currentPageSize.label }}
-                </span>
-                
-                <button
-                    @click="addPage"
-                    :disabled="isExporting"
-                    class="flex items-center gap-1.5 px-3 py-1.5 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded-md transition-colors disabled:opacity-50 font-medium"
-                >
-                    <GoogleIcon name="add" class="text-sm" />
-                    Nueva Página
-                </button>
-            </div>
-        </div>
-
-        <!-- Viewport de páginas horizontal -->
-        <div
-            ref="viewportRef"
-            class="flex-1 overflow-auto"
-            style="background-color: #f8fafc; background-image: radial-gradient(circle, #e2e8f0 1px, transparent 1px); background-size: 24px 24px;"
-        >
-            <!-- Contenedor horizontal centrado -->
-            <div class="flex items-center justify-center min-h-full p-6">
-                <div class="flex items-center gap-8">
-                    <!-- Páginas -->
-                    <div
-                        v-for="(page, pageIndex) in pages"
-                        :key="page.id"
-                        :data-page="pageIndex + 1"
-                        class="relative group flex-shrink-0"
-                    >
-                        <!-- Header de página -->
-                        <div class="flex flex-col items-center mb-3">
-                            <div class="flex items-center gap-3">
-                                <span class="text-sm font-medium text-gray-600 dark:text-primary-dt/80">
-                                    Página {{ pageIndex + 1 }}
-                                </span>
-                                <button
-                                    v-if="totalPages > 1"
-                                    @click="deletePage(pageIndex)"
-                                    :disabled="isExporting"
-                                    class="opacity-0 group-hover:opacity-100 text-red-500 hover:text-red-700 disabled:opacity-50 p-1 rounded hover:bg-red-50 transition-all"
-                                    title="Eliminar página"
-                                >
-                                    <GoogleIcon name="delete" class="text-sm" />
-                                </button>
-                            </div>
-                            <span class="text-xs text-gray-400 dark:text-primary-dt/50">
-                                {{ currentPageSize.label }}
-                            </span>
-                        </div>
-                        
-                        <!-- Contenedor de página con sombra -->
-                        <div class="relative">
-                            <!-- Sombra de página -->
-                            <div class="absolute top-2 left-2 w-full h-full bg-gray-400/30 rounded-lg"></div>
-                            
-                            <!-- Página PDF -->
-                            <div
-                                class="pdf-page relative bg-white rounded-lg border border-gray-300 dark:border-primary/20 overflow-hidden"
-                                :class="{
-                                    'ring-2 ring-blue-500 ring-opacity-50 shadow-lg': currentPage === pageIndex + 1,
-                                    'shadow-md hover:shadow-lg': currentPage !== pageIndex + 1,
-                                    'opacity-50': isExporting
-                                }"
-                                :style="{
-                                    width: `${scaledPageWidth}px`,
-                                    height: `${scaledPageHeight}px`
-                                }"
-                                @drop="(e) => handleDrop(e, pageIndex)"
-                                @dragover="handleDragOver"
-                                @click="(e) => handleClick(e, pageIndex)"
-                            >
-                                <!-- Área de contenido con márgenes visuales -->
-                                <div class="relative w-full h-full">
-                                    <!-- Guías de margen -->
-                                    <div
-                                        class="absolute border border-dashed border-blue-300/40 pointer-events-none"
-                                        :style="{
-                                            top: `${PAGE_MARGIN * ZOOM_LEVEL}px`,
-                                            left: `${PAGE_MARGIN * ZOOM_LEVEL}px`,
-                                            width: `${(PAGE_WIDTH - (PAGE_MARGIN * 2)) * ZOOM_LEVEL}px`,
-                                            height: `${(PAGE_HEIGHT - (PAGE_MARGIN * 2)) * ZOOM_LEVEL}px`
-                                        }"
-                                    ></div>
-                                    
-                                    <!-- Elementos de la página con transformación -->
-                                    <div 
-                                        class="absolute inset-0"
-                                        :style="{
-                                            transform: `scale(${ZOOM_LEVEL})`,
-                                            transformOrigin: 'top left',
-                                            width: `${PAGE_WIDTH}px`,
-                                            height: `${PAGE_HEIGHT}px`
-                                        }"
-                                    >
-                                        <slot
-                                            name="elements"
-                                            :page="page"
-                                            :pageIndex="pageIndex"
-                                            :pageWidth="PAGE_WIDTH"
-                                            :pageHeight="PAGE_HEIGHT"
-                                            :zoomLevel="ZOOM_LEVEL"
-                                        />
-                                    </div>
-                                </div>
-                                
-                                <!-- Indicador de página vacía -->
-                                <div
-                                    v-if="page.elements.length === 0"
-                                    class="absolute inset-0 flex items-center justify-center pointer-events-none z-10"
-                                    :style="{ transform: `scale(${1/ZOOM_LEVEL})` }"
-                                >
-                                    <div class="text-center text-gray-400 dark:text-primary-dt/50">
-                                        <GoogleIcon name="description" class="text-4xl mb-2" />
-                                        <p class="text-sm font-medium">Página {{ pageIndex + 1 }}</p>
-                                        <p class="text-xs">Arrastra elementos aquí</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Overlay durante exportación -->
-        <div
-            v-if="isExporting"
-            class="absolute inset-0 bg-white/90 dark:bg-primary-d/90 flex items-center justify-center z-50 backdrop-blur-sm"
-        >
-            <div class="text-center bg-white dark:bg-primary-d rounded-lg p-6 shadow-lg border border-gray-200 dark:border-primary/20">
-                <GoogleIcon name="picture_as_pdf" class="text-5xl text-red-600 dark:text-red-400 animate-pulse mb-3" />
-                <p class="text-lg font-semibold text-gray-900 dark:text-primary-dt mb-1">Generando PDF...</p>
-                <p class="text-sm text-gray-500 dark:text-primary-dt/70">Procesando {{ totalPages }} página{{ totalPages !== 1 ? 's' : '' }}</p>
-            </div>
-        </div>
-    </div>
-</template>
-
-<style scoped>
-.pdf-page {
-    transition: all 0.3s ease;
-    position: relative;
-}
-
-.pdf-page:hover {
-    transform: translateY(-2px);
-}
-
-.pdf-page.ring-2 {
-    transform: translateY(-4px);
-}
-
-.overflow-auto {
-    scroll-behavior: smooth;
-}
-
-.overflow-auto::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-.overflow-auto::-webkit-scrollbar-thumb {
-    background: #cbd5e1;
-    border-radius: 4px;
-}
-
-.overflow-auto::-webkit-scrollbar-thumb:hover {
-    background: #94a3b8;
-}
-
-.overflow-auto::-webkit-scrollbar {
-    height: 8px;
-    width: 8px;
-}
-</style>
\ No newline at end of file
diff --git a/src/components/Holos/PDF/PageSizeSelector.vue b/src/components/Holos/PDF/PageSizeSelector.vue
deleted file mode 100644
index 1ec725e..0000000
--- a/src/components/Holos/PDF/PageSizeSelector.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<script setup>
-import { ref, computed } from 'vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-const props = defineProps({
-    modelValue: {
-        type: String,
-        default: 'A4'
-    }
-});
-
-/** Eventos */
-const emit = defineEmits(['update:modelValue']);
-
-/** Referencias */
-const isOpen = ref(false);
-
-/** Tamaños de página disponibles */
-const pageSizes = [
-    {
-        name: 'A4',
-        label: 'A4 (210 x 297 mm)',
-        width: 794,
-        height: 1123,
-        description: 'Estándar internacional'
-    },
-    {
-        name: 'A3',
-        label: 'A3 (297 x 420 mm)',
-        width: 1123,
-        height: 1587,
-        description: 'Doble de A4'
-    },
-    {
-        name: 'Letter',
-        label: 'Carta (216 x 279 mm)',
-        width: 816,
-        height: 1056,
-        description: 'Estándar US'
-    },
-    {
-        name: 'Legal',
-        label: 'Oficio (216 x 356 mm)', 
-        width: 816,
-        height: 1344,
-        description: 'Legal US'
-    },
-    {
-        name: 'Tabloid',
-        label: 'Tabloide (279 x 432 mm)',
-        width: 1056,
-        height: 1632,
-        description: 'Doble carta'
-    }
-];
-
-/** Propiedades computadas */
-const selectedSize = computed(() => {
-    return pageSizes.find(size => size.name === props.modelValue) || pageSizes[0];
-});
-
-/** Métodos */
-const selectSize = (size) => {
-    emit('update:modelValue', size.name);
-    isOpen.value = false;
-};
-</script>
-
-<template>
-    <div class="relative">
-        <!-- Selector principal -->
-        <button
-            @click="isOpen = !isOpen"
-            class="flex items-center gap-2 px-3 py-2 text-sm bg-white dark:bg-primary-d border border-gray-200 dark:border-primary/20 rounded-md hover:bg-gray-50 dark:hover:bg-primary/10 transition-colors"
-        >
-            <GoogleIcon name="aspect_ratio" class="text-gray-500 dark:text-primary-dt/70" />
-            <span class="text-gray-700 dark:text-primary-dt">{{ selectedSize.name }}</span>
-            <GoogleIcon 
-                name="expand_more" 
-                class="text-gray-400 dark:text-primary-dt/50 transition-transform"
-                :class="{ 'rotate-180': isOpen }"
-            />
-        </button>
-
-        <!-- Dropdown -->
-        <div
-            v-if="isOpen"
-            @click.away="isOpen = false"
-            class="absolute top-full left-0 mt-1 w-72 bg-white dark:bg-primary-d border border-gray-200 dark:border-primary/20 rounded-lg shadow-lg z-50 py-2"
-        >
-            <div class="px-3 py-2 text-xs font-semibold text-gray-500 dark:text-primary-dt/70 uppercase tracking-wider border-b border-gray-100 dark:border-primary/20">
-                Tamaños de página
-            </div>
-            
-            <div class="max-h-64 overflow-y-auto">
-                <button
-                    v-for="size in pageSizes"
-                    :key="size.name"
-                    @click="selectSize(size)"
-                    class="w-full flex items-center gap-3 px-3 py-3 hover:bg-gray-50 dark:hover:bg-primary/10 transition-colors text-left"
-                    :class="{
-                        'bg-blue-50 dark:bg-blue-900/20': selectedSize.name === size.name
-                    }"
-                >
-                    <div class="flex-shrink-0">
-                        <div 
-                            class="w-8 h-10 border border-gray-300 dark:border-primary/30 rounded-sm bg-white dark:bg-primary-d flex items-center justify-center"
-                            :class="{
-                                'border-blue-500 dark:border-blue-400': selectedSize.name === size.name
-                            }"
-                        >
-                            <div 
-                                class="bg-gray-200 dark:bg-primary/20 rounded-sm"
-                                :style="{
-                                    width: `${Math.min(20, (size.width / size.height) * 32)}px`,
-                                    height: `${Math.min(32, (size.height / size.width) * 20)}px`
-                                }"
-                                :class="{
-                                    'bg-blue-200 dark:bg-blue-800': selectedSize.name === size.name
-                                }"
-                            ></div>
-                        </div>
-                    </div>
-                    
-                    <div class="flex-1 min-w-0">
-                        <div class="font-medium text-gray-900 dark:text-primary-dt">{{ size.label }}</div>
-                        <div class="text-xs text-gray-500 dark:text-primary-dt/70">{{ size.description }}</div>
-                        <div class="text-xs text-gray-400 dark:text-primary-dt/50 mt-1">
-                            {{ size.width }} x {{ size.height }} px
-                        </div>
-                    </div>
-                    
-                    <div v-if="selectedSize.name === size.name" class="flex-shrink-0">
-                        <GoogleIcon name="check" class="text-blue-500 dark:text-blue-400" />
-                    </div>
-                </button>
-            </div>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/PDF/TextFormatter.vue b/src/components/Holos/PDF/TextFormatter.vue
deleted file mode 100644
index eec22f7..0000000
--- a/src/components/Holos/PDF/TextFormatter.vue
+++ /dev/null
@@ -1,233 +0,0 @@
-<script setup>
-import { ref, computed, watch } from 'vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-const props = defineProps({
-    element: {
-        type: Object,
-        default: null
-    },
-    visible: {
-        type: Boolean,
-        default: false
-    }
-});
-
-/** Eventos */
-const emit = defineEmits(['update']);
-
-/** Propiedades computadas */
-const formatting = computed(() => props.element?.formatting || {});
-const hasTextElement = computed(() => props.element?.type === 'text');
-
-/** Métodos */
-const toggleBold = () => {
-    if (!hasTextElement.value) return;
-    updateFormatting('bold', !formatting.value.bold);
-};
-
-const toggleItalic = () => {
-    if (!hasTextElement.value) return;
-    updateFormatting('italic', !formatting.value.italic);
-};
-
-const toggleUnderline = () => {
-    if (!hasTextElement.value) return;
-    updateFormatting('underline', !formatting.value.underline);
-};
-
-const updateFontSize = (size) => {
-    if (!hasTextElement.value) return;
-    updateFormatting('fontSize', size);
-};
-
-const updateTextAlign = (align) => {
-    if (!hasTextElement.value) return;
-    updateFormatting('textAlign', align);
-};
-
-const updateColor = (color) => {
-    if (!hasTextElement.value) return;
-    updateFormatting('color', color);
-};
-
-const updateFormatting = (key, value) => {
-    const newFormatting = { ...formatting.value, [key]: value };
-    emit('update', {
-        id: props.element.id,
-        formatting: newFormatting
-    });
-};
-
-/** Colores predefinidos */
-const predefinedColors = [
-    '#000000', '#333333', '#666666', '#999999',
-    '#FF0000', '#00FF00', '#0000FF', '#FFFF00',
-    '#FF00FF', '#00FFFF', '#FFA500', '#800080'
-];
-
-/** Tamaños de fuente */
-const fontSizes = [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 72];
-</script>
-
-<template>
-    <div 
-        v-if="visible && hasTextElement"
-        class="flex items-center gap-6 px-4 py-2 bg-gray-50 dark:bg-primary-d/50 border-b border-gray-200 dark:border-primary/20"
-    >
-        <!-- Estilo de texto -->
-        <div class="flex items-center gap-2">
-            <span class="text-xs font-medium text-gray-600 dark:text-primary-dt/80">Estilo:</span>
-            <div class="flex gap-1">
-                <button
-                    @click="toggleBold"
-                    :class="[
-                        'w-8 h-8 rounded flex items-center justify-center text-sm font-bold transition-colors',
-                        formatting.bold
-                            ? 'bg-blue-500 text-white shadow-sm'
-                            : 'bg-white text-gray-700 hover:bg-blue-50 border border-gray-200 dark:bg-primary-d dark:text-primary-dt dark:hover:bg-primary/10 dark:border-primary/20'
-                    ]"
-                    title="Negrita (Ctrl+B)"
-                >
-                    B
-                </button>
-                
-                <button
-                    @click="toggleItalic"
-                    :class="[
-                        'w-8 h-8 rounded flex items-center justify-center text-sm italic transition-colors',
-                        formatting.italic
-                            ? 'bg-blue-500 text-white shadow-sm'
-                            : 'bg-white text-gray-700 hover:bg-blue-50 border border-gray-200 dark:bg-primary-d dark:text-primary-dt dark:hover:bg-primary/10 dark:border-primary/20'
-                    ]"
-                    title="Cursiva (Ctrl+I)"
-                >
-                    I
-                </button>
-                
-                <button
-                    @click="toggleUnderline"
-                    :class="[
-                        'w-8 h-8 rounded flex items-center justify-center text-sm underline transition-colors',
-                        formatting.underline
-                            ? 'bg-blue-500 text-white shadow-sm'
-                            : 'bg-white text-gray-700 hover:bg-blue-50 border border-gray-200 dark:bg-primary-d dark:text-primary-dt dark:hover:bg-primary/10 dark:border-primary/20'
-                    ]"
-                    title="Subrayado (Ctrl+U)"
-                >
-                    U
-                </button>
-            </div>
-        </div>
-
-        <!-- Separador -->
-        <div class="w-px h-6 bg-gray-300 dark:bg-primary/30"></div>
-
-        <!-- Tamaño de fuente -->
-        <div class="flex items-center gap-2">
-            <span class="text-xs font-medium text-gray-600 dark:text-primary-dt/80">Tamaño:</span>
-            <select
-                :value="formatting.fontSize || 12"
-                @change="updateFontSize(parseInt($event.target.value))"
-                class="px-2 py-1 text-sm border border-gray-200 rounded bg-white dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-                <option v-for="size in fontSizes" :key="size" :value="size">
-                    {{ size }}px
-                </option>
-            </select>
-        </div>
-
-        <!-- Separador -->
-        <div class="w-px h-6 bg-gray-300 dark:bg-primary/30"></div>
-
-        <!-- Alineación -->
-        <div class="flex items-center gap-2">
-            <span class="text-xs font-medium text-gray-600 dark:text-primary-dt/80">Alinear:</span>
-            <div class="flex gap-1">
-                <button
-                    @click="updateTextAlign('left')"
-                    :class="[
-                        'w-8 h-8 rounded flex items-center justify-center transition-colors',
-                        (formatting.textAlign || 'left') === 'left'
-                            ? 'bg-blue-500 text-white shadow-sm'
-                            : 'bg-white text-gray-700 hover:bg-blue-50 border border-gray-200 dark:bg-primary-d dark:text-primary-dt dark:hover:bg-primary/10 dark:border-primary/20'
-                    ]"
-                    title="Alinear izquierda"
-                >
-                    <GoogleIcon name="format_align_left" class="text-sm" />
-                </button>
-                
-                <button
-                    @click="updateTextAlign('center')"
-                    :class="[
-                        'w-8 h-8 rounded flex items-center justify-center transition-colors',
-                        formatting.textAlign === 'center'
-                            ? 'bg-blue-500 text-white shadow-sm'
-                            : 'bg-white text-gray-700 hover:bg-blue-50 border border-gray-200 dark:bg-primary-d dark:text-primary-dt dark:hover:bg-primary/10 dark:border-primary/20'
-                    ]"
-                    title="Centrar"
-                >
-                    <GoogleIcon name="format_align_center" class="text-sm" />
-                </button>
-                
-                <button
-                    @click="updateTextAlign('right')"
-                    :class="[
-                        'w-8 h-8 rounded flex items-center justify-center transition-colors',
-                        formatting.textAlign === 'right'
-                            ? 'bg-blue-500 text-white shadow-sm'
-                            : 'bg-white text-gray-700 hover:bg-blue-50 border border-gray-200 dark:bg-primary-d dark:text-primary-dt dark:hover:bg-primary/10 dark:border-primary/20'
-                    ]"
-                    title="Alinear derecha"
-                >
-                    <GoogleIcon name="format_align_right" class="text-sm" />
-                </button>
-            </div>
-        </div>
-
-        <!-- Separador -->
-        <div class="w-px h-6 bg-gray-300 dark:bg-primary/30"></div>
-
-        <!-- Color de texto -->
-        <div class="flex items-center gap-2">
-            <span class="text-xs font-medium text-gray-600 dark:text-primary-dt/80">Color:</span>
-            <div class="flex items-center gap-2">
-                <!-- Color actual -->
-                <div 
-                    class="w-8 h-8 rounded border-2 border-gray-300 cursor-pointer relative overflow-hidden"
-                    :style="{ backgroundColor: formatting.color || '#000000' }"
-                    title="Color actual"
-                >
-                    <input
-                        type="color"
-                        :value="formatting.color || '#000000'"
-                        @input="updateColor($event.target.value)"
-                        class="absolute inset-0 w-full h-full opacity-0 cursor-pointer"
-                    />
-                </div>
-                
-                <!-- Colores rápidos -->
-                <div class="flex gap-1">
-                    <button
-                        v-for="color in predefinedColors.slice(0, 6)"
-                        :key="color"
-                        @click="updateColor(color)"
-                        class="w-6 h-6 rounded border border-gray-300 hover:scale-110 transition-transform"
-                        :class="{
-                            'ring-2 ring-blue-500': (formatting.color || '#000000') === color
-                        }"
-                        :style="{ backgroundColor: color }"
-                        :title="color"
-                    ></button>
-                </div>
-            </div>
-        </div>
-
-        <!-- Información del elemento -->
-        <div class="ml-auto flex items-center gap-2 text-xs text-gray-500 dark:text-primary-dt/70">
-            <GoogleIcon name="text_fields" class="text-sm" />
-            <span>Elemento de texto seleccionado</span>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/PDFViewport.vue b/src/components/Holos/PDFViewport.vue
deleted file mode 100644
index 967ca1b..0000000
--- a/src/components/Holos/PDFViewport.vue
+++ /dev/null
@@ -1,261 +0,0 @@
-<script setup>
-import { ref, computed, nextTick } from 'vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-const props = defineProps({
-    pages: {
-        type: Array,
-        default: () => [{ id: 1, elements: [] }]
-    },
-    selectedElementId: String,
-    isExporting: Boolean
-});
-
-/** Eventos */
-const emit = defineEmits(['drop', 'dragover', 'click', 'add-page', 'delete-page', 'page-change']);
-
-/** Referencias */
-const viewportRef = ref(null);
-const currentPage = ref(1);
-
-/** Constantes de diseño */
-const PAGE_WIDTH = 794; // A4 width in pixels (210mm @ 96dpi * 3.78)
-const PAGE_HEIGHT = 1123; // A4 height in pixels (297mm @ 96dpi * 3.78)
-const PAGE_MARGIN = 40;
-const ZOOM_LEVEL = 0.8; // Factor de escala para visualización
-
-/** Propiedades computadas */
-const scaledPageWidth = computed(() => PAGE_WIDTH * ZOOM_LEVEL);
-const scaledPageHeight = computed(() => PAGE_HEIGHT * ZOOM_LEVEL);
-const totalPages = computed(() => props.pages.length);
-
-/** Métodos */
-const handleDrop = (event, pageIndex) => {
-    event.preventDefault();
-    
-    const pageElement = event.currentTarget;
-    const rect = pageElement.getBoundingClientRect();
-    
-    // Calcular posición relativa a la página específica
-    const relativeX = (event.clientX - rect.left) / ZOOM_LEVEL;
-    const relativeY = (event.clientY - rect.top) / ZOOM_LEVEL;
-    
-    emit('drop', {
-        originalEvent: event,
-        pageIndex,
-        x: Math.max(PAGE_MARGIN, Math.min(PAGE_WIDTH - PAGE_MARGIN, relativeX)),
-        y: Math.max(PAGE_MARGIN, Math.min(PAGE_HEIGHT - PAGE_MARGIN, relativeY))
-    });
-};
-
-const handleDragOver = (event) => {
-    event.preventDefault();
-    emit('dragover', event);
-};
-
-const handleClick = (event, pageIndex) => {
-    if (event.target.classList.contains('pdf-page')) {
-        emit('click', { originalEvent: event, pageIndex });
-    }
-};
-
-const addPage = () => {
-    emit('add-page');
-    nextTick(() => {
-        scrollToPage(totalPages.value);
-    });
-};
-
-const deletePage = (pageIndex) => {
-    if (totalPages.value > 1) {
-        emit('delete-page', pageIndex);
-    }
-};
-
-const scrollToPage = (pageNumber) => {
-    if (viewportRef.value) {
-        const pageElement = viewportRef.value.querySelector(`[data-page="${pageNumber}"]`);
-        if (pageElement) {
-            pageElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        }
-    }
-};
-
-const setCurrentPage = (pageNumber) => {
-    currentPage.value = pageNumber;
-    emit('page-change', pageNumber);
-};
-
-/** Métodos expuestos */
-defineExpose({
-    scrollToPage,
-    setCurrentPage,
-    PAGE_WIDTH,
-    PAGE_HEIGHT,
-    ZOOM_LEVEL
-});
-</script>
-
-<template>
-    <div class="flex-1 flex flex-col bg-gray-100 dark:bg-primary-d/20">
-        <!-- Toolbar de páginas -->
-        <div class="flex items-center justify-between px-4 py-2 bg-white dark:bg-primary-d border-b border-gray-200 dark:border-primary/20">
-            <div class="flex items-center gap-3">
-                <span class="text-sm text-gray-600 dark:text-primary-dt">
-                    Página {{ currentPage }} de {{ totalPages }}
-                </span>
-                
-                <div class="flex items-center gap-1">
-                    <button
-                        @click="setCurrentPage(Math.max(1, currentPage - 1))"
-                        :disabled="currentPage <= 1"
-                        class="p-1 text-gray-400 hover:text-gray-600 disabled:opacity-50 disabled:cursor-not-allowed dark:text-primary-dt/70 dark:hover:text-primary-dt"
-                    >
-                        <GoogleIcon name="keyboard_arrow_left" class="text-lg" />
-                    </button>
-                    
-                    <button
-                        @click="setCurrentPage(Math.min(totalPages, currentPage + 1))"
-                        :disabled="currentPage >= totalPages"
-                        class="p-1 text-gray-400 hover:text-gray-600 disabled:opacity-50 disabled:cursor-not-allowed dark:text-primary-dt/70 dark:hover:text-primary-dt"
-                    >
-                        <GoogleIcon name="keyboard_arrow_right" class="text-lg" />
-                    </button>
-                </div>
-            </div>
-
-            <div class="flex items-center gap-2">
-                
-                <button
-                    @click="addPage"
-                    :disabled="isExporting"
-                    class="flex items-center gap-1 px-2 py-1 text-xs bg-blue-600 hover:bg-blue-700 text-white rounded transition-colors disabled:opacity-50"
-                >
-                    <GoogleIcon name="add" class="text-sm" />
-                    Nueva Página
-                </button>
-            </div>
-        </div>
-
-        <!-- Viewport de páginas -->
-        <div
-            ref="viewportRef"
-            class="flex-1 overflow-auto p-8"
-            style="background: linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px;"
-        >
-            <div class="flex flex-col items-center gap-8">
-                <!-- Páginas -->
-                <div
-                    v-for="(page, pageIndex) in pages"
-                    :key="page.id"
-                    :data-page="pageIndex + 1"
-                    class="relative"
-                    @mouseenter="setCurrentPage(pageIndex + 1)"
-                >
-                    <!-- Número de página -->
-                    <div class="absolute -top-6 left-0 flex items-center gap-2 text-xs text-gray-500 dark:text-primary-dt/70">
-                        <span>Página {{ pageIndex + 1 }}</span>
-                        
-                        <button
-                            v-if="totalPages > 1"
-                            @click="deletePage(pageIndex)"
-                            :disabled="isExporting"
-                            class="text-red-500 hover:text-red-700 disabled:opacity-50"
-                            title="Eliminar página"
-                        >
-                            <GoogleIcon name="delete" class="text-sm" />
-                        </button>
-                    </div>
-                    
-                    <!-- Página PDF -->
-                    <div
-                        class="pdf-page relative bg-white rounded-lg shadow-lg border border-gray-300 dark:border-primary/20"
-                        :class="{
-                            'ring-2 ring-blue-500': currentPage === pageIndex + 1,
-                            'opacity-50': isExporting
-                        }"
-                        :style="{
-                            width: `${scaledPageWidth}px`,
-                            height: `${scaledPageHeight}px`,
-                            transform: `scale(${ZOOM_LEVEL})`,
-                            transformOrigin: 'top left'
-                        }"
-                        @drop="(e) => handleDrop(e, pageIndex)"
-                        @dragover="handleDragOver"
-                        @click="(e) => handleClick(e, pageIndex)"
-                    >
-                        <!-- Márgenes visuales -->
-                        <div
-                            class="absolute border border-dashed border-gray-300 dark:border-primary/30 pointer-events-none"
-                            :style="{
-                                top: `${PAGE_MARGIN}px`,
-                                left: `${PAGE_MARGIN}px`,
-                                width: `${PAGE_WIDTH - (PAGE_MARGIN * 2)}px`,
-                                height: `${PAGE_HEIGHT - (PAGE_MARGIN * 2)}px`
-                            }"
-                        ></div>
-                        
-                        <!-- Elementos de la página -->
-                        <slot
-                            name="elements"
-                            :page="page"
-                            :pageIndex="pageIndex"
-                            :pageWidth="PAGE_WIDTH"
-                            :pageHeight="PAGE_HEIGHT"
-                        />
-                        
-                        <!-- Indicador de página vacía -->
-                        <div
-                            v-if="page.elements.length === 0"
-                            class="absolute inset-0 flex items-center justify-center pointer-events-none"
-                        >
-                            <div class="text-center text-gray-400 dark:text-primary-dt/50">
-                                <GoogleIcon name="description" class="text-4xl mb-2" />
-                                <p class="text-sm">Página {{ pageIndex + 1 }}</p>
-                                <p class="text-xs">Arrastra elementos aquí</p>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <!-- Regla inferior (tamaño de referencia) -->
-                    <div class="mt-2 text-xs text-gray-400 dark:text-primary-dt/50 text-center">
-                        210 × 297 mm (A4)
-                    </div>
-                </div>
-                
-                <!-- Botón para agregar página al final -->
-                <button
-                    @click="addPage"
-                    :disabled="isExporting"
-                    class="flex flex-col items-center justify-center w-40 h-20 border-2 border-dashed border-gray-300 dark:border-primary/30 rounded-lg hover:border-blue-500 hover:bg-blue-50 dark:hover:bg-blue-900/20 transition-colors disabled:opacity-50"
-                >
-                    <GoogleIcon name="add" class="text-2xl text-gray-400 dark:text-primary-dt/50" />
-                    <span class="text-xs text-gray-500 dark:text-primary-dt/70 mt-1">Nueva Página</span>
-                </button>
-            </div>
-        </div>
-
-        <!-- Overlay durante exportación -->
-        <div
-            v-if="isExporting"
-            class="absolute inset-0 bg-white/80 dark:bg-primary-d/80 flex items-center justify-center z-50"
-        >
-            <div class="text-center">
-                <GoogleIcon name="picture_as_pdf" class="text-4xl text-red-600 dark:text-red-400 animate-pulse mb-2" />
-                <p class="text-sm font-medium text-gray-900 dark:text-primary-dt">Generando PDF...</p>
-                <p class="text-xs text-gray-500 dark:text-primary-dt/70">Procesando {{ totalPages }} página{{ totalPages !== 1 ? 's' : '' }}</p>
-            </div>
-        </div>
-    </div>
-</template>
-
-<style scoped>
-.pdf-page {
-    transition: all 0.2s ease;
-}
-
-.pdf-page:hover {
-    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
-}
-</style>
\ No newline at end of file
diff --git a/src/components/Holos/PageHeader.vue b/src/components/Holos/PageHeader.vue
deleted file mode 100644
index 485be1a..0000000
--- a/src/components/Holos/PageHeader.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script setup>
-import { RouterLink, useRoute } from 'vue-router';
-import { breadcrumbItem, breadcrumbMeta } from '@Controllers/BreadcrumbController.js';
-
-import IconButton from '@Holos/Button/Icon.vue'
-import BreadcrumbContainer from '@Holos/Breadcrumb/Container.vue'
-import BreadcrumbItem from '@Holos/Breadcrumb/Item.vue'
-
-/** Definidores */
-const vroute = useRoute();
-
-const props = defineProps({
-    title: String
-});
-
-const breadcrumbs = breadcrumbMeta(vroute);
-
-</script>
-
-<template>
-    <div>
-        <BreadcrumbContainer>
-            <template v-for="(item, index) in breadcrumbs" :key="item.name">
-                <BreadcrumbItem
-                    :name="item.name"
-                    :icon="item.icon"
-                    :route="item.route"
-                    :active="index === breadcrumbs.length - 1"
-                />
-            </template>
-        </BreadcrumbContainer>
-        <div class="flex w-full justify-end py-[0.31rem] mb-2 border-y-2 border-page-t dark:border-page-dt">
-            <div id="buttons" class="flex items-center space-x-1 text-sm">
-                <slot />
-                <RouterLink :to="$view({ name: 'index' })">
-                    <IconButton
-                        :title="$t('home')"
-                        class="text-white"
-                        icon="refresh"
-                        filled
-                    />
-                </RouterLink>
-            </div>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Paginable.vue b/src/components/Holos/Paginable.vue
deleted file mode 100644
index 1c71344..0000000
--- a/src/components/Holos/Paginable.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<script setup>
-import GoogleIcon from '../Shared/GoogleIcon.vue';
-import Loader     from '../Shared/Loader.vue';
-
-/** Eventos */
-const emit = defineEmits([
-  'send-pagination'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    items: Object,
-    processing: Boolean
-});
-</script>
-
-<template>
-    <section class="pb-2">
-        <div class="w-full overflow-hidden rounded-sm shadow-lg">
-            <div v-if="!processing" class="w-full overflow-x-auto">
-                <template v-if="items?.total > 0">
-                    <slot
-                        name="body"
-                        :items="items?.data"
-                    />
-                </template>
-                <template v-else>
-                    <template v-if="$slots.empty">
-                        <slot name="empty" />
-                    </template>
-                    <template v-else>
-                        <div class="flex p-2 items-center justify-center">
-                            <p class="text-center text-page-t dark:text-page-dt">{{ $t('noRecords') }}</p>
-                        </div>
-                    </template>
-                </template>
-            </div>
-            <div v-else class="flex items-center justify-center">
-                <Loader />
-            </div>
-        </div>
-    </section>
-
-    <template v-if="items?.links">
-        <div v-if="items.links.length > 3" class="flex w-full justify-end">
-            <div class="flex w-full justify-end flex-wrap space-x-1 -mb-1">
-              <template v-for="(link, k) in items.links" :key="k">
-                <div v-if="link.url === null && k == 0"
-                    class="px-2 py-1 text-sm leading-4 text-gray-400 border rounded"
-                >
-                    <GoogleIcon
-                        name="arrow_back"
-                    />
-                </div>
-                <button v-else-if="k === 0" class="px-2 py-1 text-sm leading-4 border rounded" 
-                    :class="{ 'bg-primary dark:bg-primary-dark text-white': link.active }"
-                    @click="$emit('send-pagination', link.url)"
-                >
-                    <GoogleIcon
-                        name="arrow_back"
-                    />
-                </button>
-                <div v-else-if="link.url === null && k == (items.links.length - 1)"
-                    class="px-2 py-1 text-sm leading-4 text-gray-400 border rounded"
-                >
-                    <GoogleIcon
-                        name="arrow_forward"
-                    />
-                </div>
-                <button v-else-if="k === (items.links.length - 1)" class="px-2 py-1 text-sm leading-4 border rounded" 
-                    :class="{ 'bg-primary dark:bg-primary-dark text-white': link.active }"
-                    @click="$emit('send-pagination', link.url)"
-                >
-                    <GoogleIcon
-                        name="arrow_forward"
-                    />
-                </button>
-                <button v-else class="px-2 py-1 text-sm leading-4 border rounded" 
-                    :class="{ 'bg-primary dark:bg-primary-dark text-white': link.active }"
-                    v-html="link.label"
-                    @click="$emit('send-pagination', link.url)"
-                ></button>
-              </template>
-            </div>
-        </div>
-    </template>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Searcher.vue b/src/components/Holos/Searcher.vue
deleted file mode 100644
index 1bdb48d..0000000
--- a/src/components/Holos/Searcher.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRoute } from 'vue-router';
-import { breadcrumbMeta } from '@Controllers/BreadcrumbController.js';
-
-import IconButton from '@Holos/Button/Icon.vue'
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import BreadcrumbContainer from '@Holos/Breadcrumb/Container.vue'
-import BreadcrumbItem from '@Holos/Breadcrumb/Item.vue'
-
-/** Definidores */
-const vroute = useRoute();
-
-/** Eventos */
-const emit = defineEmits([
-    'search'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    title: String,
-    placeholder: {
-        default: Lang('search'),
-        type: String
-    }
-})
-
-const breadcrumbs = breadcrumbMeta(vroute);
-const query = ref('');
-
-/** Métodos */
-const search = () => {
-    emit('search', query.value);
-}
-
-const clear = () => {
-    query.value = '';
-
-    search();
-}
-
-</script>
-
-<template>
-    <BreadcrumbContainer>
-        <template v-for="(item, index) in breadcrumbs" :key="item.name">
-            <BreadcrumbItem
-                :name="item.name"
-                :icon="item.icon"
-                :route="item.route"
-                :active="index === breadcrumbs.length - 1"
-            />
-        </template>
-    </BreadcrumbContainer>
-    <div class="flex w-full justify-between items-center border-y-2 border-page-t dark:border-page-dt">
-        <div>
-            <div class="relative py-1 z-0">
-                <div  @click="search" class="absolute inset-y-0 right-2 flex items-center pl-3 cursor-pointer">
-                    <GoogleIcon
-                        :title="$t('search')"
-                        class="text-xl text-gray-700 hover:scale-110 hover:text-danger"
-                        name="search"
-                    />
-                    <GoogleIcon
-                        v-show="query"
-                        :title="$t('clear')"
-                        class="text-xl text-gray-700 hover:scale-110 hover:text-danger"
-                        name="close"
-                        @click="clear"
-                    />
-                </div>
-                <input
-                    id="search"
-                    class="bg-gray-100 border border-gray-300 text-gray-700 text-sm rounded-sm outline-0 focus:ring-primary focus:border-primary block sm:w-56 md:w-72 lg:w-80 pr-10 px-2.5 py-1"
-                    autocomplete="off"
-                    :placeholder="placeholder"
-                    required
-                    type="text"
-                    v-model="query"
-                    @keyup.enter="search"
-                />
-            </div>
-        </div>
-        <div class="flex items-center space-x-1 text-sm" id="buttons">
-            <slot />
-            <RouterLink :to="$view({name:'index'})">
-                <IconButton
-                    :title="$t('home')"
-                    class="text-white !bg-blue-600"
-                    icon="home"
-                    filled
-                />
-            </RouterLink>
-        </div>
-	</div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/SectionBorder.vue b/src/components/Holos/SectionBorder.vue
deleted file mode 100644
index baec25d..0000000
--- a/src/components/Holos/SectionBorder.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-    <div class="hidden sm:block">
-        <div class="py-8">
-            <div
-                class="border-t border-gray-200"
-            />
-        </div>
-    </div>
-</template>
diff --git a/src/components/Holos/SectionTitle.vue b/src/components/Holos/SectionTitle.vue
deleted file mode 100644
index afff327..0000000
--- a/src/components/Holos/SectionTitle.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-    <div class="md:col-span-1 flex justify-between">
-        <div class="px-4 sm:px-0">
-            <h3 class="text-3xl font-extrabold text-gray-900 dark:text-primary-dt">
-                <slot name="title" />
-            </h3>
-
-            <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">
-                <slot name="description" />
-            </p>
-        </div>
-
-        <div class="px-4 sm:px-0">
-            <slot name="aside" />
-        </div>
-    </div>
-</template>
-
diff --git a/src/components/Holos/Skeleton/Header.vue b/src/components/Holos/Skeleton/Header.vue
deleted file mode 100644
index c23d72f..0000000
--- a/src/components/Holos/Skeleton/Header.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<script setup>
-import { users }     from '@Plugins/AuthUsers'
-import { hasPermission } from '@Plugins/RolePermission'
-import { logout } from '@Services/Page';
-import useDarkMode from '@Stores/DarkMode'
-import useLeftSidebar from '@Stores/LeftSidebar'
-import useNotificationSidebar from '@Stores/NotificationSidebar'
-import useNotifier   from '@Stores/Notifier'
-import useLoader     from '@Stores/Loader';
-
-import Loader       from '@Shared/Loader.vue';
-import GoogleIcon   from '@Shared/GoogleIcon.vue';
-import Dropdown     from '../Dropdown.vue';
-import DropdownLink from '../DropdownLink.vue';
-
-/** Eventos */
-const emit = defineEmits([
-  'open'
-]);
-
-/** Definidores */
-const darkMode            = useDarkMode()
-const leftSidebar         = useLeftSidebar()
-const notificationSidebar = useNotificationSidebar()
-const notifier            = useNotifier()
-const loader              = useLoader()
-
-</script>
-
-<template>
-    <header
-      class="fixed px-2 w-[calc(100vw)] bg-transparent transition-all duration-300 z-50"
-      :class="{'md:w-[calc(100vw-16rem)]':leftSidebar.isOpened,'md:w-[calc(100vw)]':!leftSidebar.isClosed}"
-    >
-      <div class="my-2 flex px-2 items-center justify-between h-[2.75rem] rounded-sm bg-white dark:bg-primary-d text-gray-700 z-20 ">
-        <GoogleIcon
-          class="text-2xl mt-1 z-50"
-          name="list"
-          :title="$t('menu')"
-          @click="emit('open')"
-          outline
-        />
-        <div class="flex w-fit justify-end items-center h-14 header-right">
-          <ul class="flex items-center space-x-2">
-            <li v-if="loader.isProcessing" class="flex items-center">
-              <Loader /> 
-            </li>
-            <template v-if="notifier.isEnabled">
-              <li v-if="hasPermission('users.online')">
-                <RouterLink :to="{ name: 'admin.users.online' }" class="flex items-center">
-                  <GoogleIcon
-                    class="text-xl mt-1"
-                    name="connect_without_contact"
-                    :title="$t('notifications.title')"
-                  />
-                  <span class="text-xs">{{ users.length - 1 }}</span>
-                </RouterLink>
-              </li>
-            </template>
-            <li class="flex items-center">
-              <GoogleIcon
-                class="text-xl mt-1"
-                name="notifications"
-                :title="$t('notifications.title')"
-                @click="notificationSidebar.toggle()"
-              />
-              <span class="text-xs">{{ notifier.counter }}</span>
-            </li>
-            <li v-if="darkMode.isDark">
-              <GoogleIcon
-                class="text-xl mt-1"
-                name="light_mode"
-                :title="$t('notifications.title')"
-                @click="darkMode.applyLight()"
-              />
-            </li>
-            <li v-else>
-              <GoogleIcon
-                class="text-xl mt-1"
-                name="dark_mode"
-                :title="$t('notifications.title')"
-                @click="darkMode.applyDark()"
-              />
-            </li>
-            <li>
-              <div class="relative">
-                <Dropdown align="right" width="48">
-                  <template #trigger>
-                    <div class="flex space-x-4">
-                      <button
-                        class="flex items-center space-x-4 text-sm border-2 border-transparent rounded-full focus:outline-hidden cursor-pointer transition"
-                        :title="$t('users.menu')"
-                      >
-                        <img 
-                          class="h-8 w-8 rounded-sm object-cover"
-                          :alt="$page.user.name"
-                          :src="$page.user.profile_photo_url"
-                        >
-                      </button>
-                    </div>
-                  </template>
-                  <template #content>
-                      <div class="text-center block px-4 py-2 text-sm border-b truncate">
-                        {{ $page.user.name }}
-                      </div>
-                        <DropdownLink to="profile.show">
-                          {{$t('profile')}}
-                        </DropdownLink>
-                        <div class="border-t border-gray-100" />
-                        <form @submit.prevent="logout">
-                            <DropdownLink as="button">
-                                 {{$t('auth.logout')}}
-                            </DropdownLink>
-                        </form>
-                  </template>
-                </Dropdown>
-              </div>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </header>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Skeleton/RhSidebar.vue b/src/components/Holos/Skeleton/RhSidebar.vue
deleted file mode 100644
index b0e0715..0000000
--- a/src/components/Holos/Skeleton/RhSidebar.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup>
-import useLeftSidebar from '@Stores/LeftSidebar'
-import GoogleIcon     from '@Shared/GoogleIcon.vue';
-
-/** Definidores */
-const leftSidebar = useLeftSidebar()
-
-/** Eventos  */
-const emit = defineEmits(['open']);
-
-/** Propiedades */
-const props = defineProps({
-  sidebar: Boolean
-});
-</script>
-
-<template>
-  <div 
-    class="fixed top-[3.1rem] md:top-0 w-fit h-[calc(100vh-3.1rem)] md:h-screen transition-all duration-300 z-50"
-    :class="{'-translate-x-0':leftSidebar.isOpened, '-translate-x-64':leftSidebar.isClosed}"
-  >
-    <nav
-      class="flex md:w-64 h-full transition-all duration-300 border-none"
-      :class="{'w-64': leftSidebar.isClosed, 'w-screen': leftSidebar.isOpened}"
-    >
-      <div class="flex flex-col h-full p-2 md:w-64">
-        <div class="flex h-full flex-col w-[15.5rem] justify-between rounded-sm overflow-y-auto overflow-x-hidden bg-white dark:bg-primary-d text-page-t dark:text-page-dt border-r border-gray-200 dark:border-primary/20">
-          <div class="py-4 bg-transparent">
-            <div class="flex flex-row justify-center items-center w-full px-4 mb-6 gap-2">
-              <GoogleIcon class="bg-[#2563eb] text-white text-3xl rounded p-1" name="apartment" />
-              <div class="flex flex-col items-center justify-center gap-1">
-                <h2 class="text-gray-800 dark:text-primary-dt font-bold text-xl"> HR Manager</h2>
-                <span class="text-sm text-gray-500 dark:text-primary-dt/70">Sistema de RRHH</span>
-              </div>
-            </div>
-            <ul class="flex h-full flex-col space-y-1 px-2">
-              <slot />
-            </ul>
-          </div>
-          <div class="mb-4 px-4 py-4 border-t border-gray-200">
-            <p class="text-center text-xs text-gray-400 dark:text-primary-dt/70">
-              2025 RH Manager &copy; Golsystems
-            </p>
-          </div>
-        </div>
-      </div>
-      <div
-        class="h-full"
-        :class="{'w-[calc(100vw-17rem)] dark:bg-black/40 md:w-0 bg-black/20':leftSidebar.isOpened,'md:w-0':leftSidebar.isClosed}"
-        @click="leftSidebar.toggle()" 
-      ></div>
-    </nav>
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Skeleton/Sidebar/Drop.vue b/src/components/Holos/Skeleton/Sidebar/Drop.vue
deleted file mode 100644
index f69bf4f..0000000
--- a/src/components/Holos/Skeleton/Sidebar/Drop.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<script setup>
-import { ref, computed } from "vue";
-import { RouterLink, useRoute } from "vue-router";
-
-import useLeftSidebar from "@Stores/LeftSidebar";
-import GoogleIcon from "@Shared/GoogleIcon.vue";
-
-/** Definidores */
-const leftSidebar = useLeftSidebar();
-const vroute = useRoute();
-
-/** Propiedades */
-const props = defineProps({
-  name: String,
-  icon: String,
-  to: String,
-  active: {
-    type: Boolean,
-    default: false,
-  },
-  collapsed: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const isCollapsed = ref(props.collapsed);
-
-const closeSidebar = () => {
-  if (TwScreen.isDevice("phone") || TwScreen.isDevice("tablet")) {
-    leftSidebar.close();
-  }
-};
-
-const isActive = computed(() => props.active || props.to === vroute.name);
-
-const classes = computed(() => {
-  return isActive.value
-    ? "flex items-center px-4 py-2 mx-2 my-1 text-white !bg-blue-600 rounded-lg transition-all duration-200 !border-transparent"
-    : "flex items-center px-4 py-2 mx-2 my-1 text-gray-600 hover:bg-gray-100 rounded-lg transition-all duration-200";
-});
-</script>
-
-<template>
-  <ul>
-    <li class="hidden md:block">
-      <div class="flex items-center px-2 py-2 rounded">
-        <button
-          class="dropdown-toggle w-full"
-          @click.stop="isCollapsed = !isCollapsed"
-        >
-          <RouterLink
-            :to="$view({ name: props.to })"
-            :class="classes"
-            class="flex items-center justify-between flex-1"
-            @click="closeSidebar"
-          >
-            <div class="flex items-center">
-              <GoogleIcon v-if="icon" :name="icon" class="text-xl mr-2" />
-              <span class="text-sm font-medium">{{ name }}</span>
-            </div>
-
-            <GoogleIcon
-              :name="isCollapsed ? 'expand_more' : 'expand_less'"
-              class="text-gray-400 text-lg"
-            />
-          </RouterLink>
-        </button>
-      </div>
-    </li>
-    <div
-      class="transition-all duration-300 ease-in-out overflow-hidden"
-      :class="{ 'max-h-0': isCollapsed, 'max-h-96': !isCollapsed }"
-    >
-      <slot />
-    </div>
-  </ul>
-</template>
diff --git a/src/components/Holos/Skeleton/Sidebar/Left.vue b/src/components/Holos/Skeleton/Sidebar/Left.vue
deleted file mode 100644
index 33a06a6..0000000
--- a/src/components/Holos/Skeleton/Sidebar/Left.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<script setup>
-import { APP_VERSION, APP_COPYRIGHT } from '@/config.js'
-import useLeftSidebar from '@Stores/LeftSidebar'
-import GoogleIcon     from '@Shared/GoogleIcon.vue';
-
-/** Definidores */
-const leftSidebar = useLeftSidebar()
-
-/** Eventos  */
-const emit = defineEmits(['open']);
-
-/** Propiedades */
-const props = defineProps({
-  sidebar: Boolean
-});
-
-const year = (new Date).getFullYear();
-</script>
-
-<template>
-  <div 
-    class="fixed top-[3.1rem] md:top-0 w-fit h-[calc(100vh-3.1rem)] md:h-screen transition-all duration-300 z-50"
-    :class="{'-translate-x-0':leftSidebar.isOpened, '-translate-x-64':leftSidebar.isClosed}"
-  >
-    <nav
-      class="flex md:w-64 h-full transition-all duration-300 border-none"
-      :class="{'w-64': leftSidebar.isClosed, 'w-screen': leftSidebar.isOpened}"
-    >
-      <div class="flex flex-col h-full p-2 md:w-64">
-        <div class="flex h-full flex-col w-[15.5rem] justify-between rounded-sm overflow-y-auto overflow-x-hidden bg-white dark:bg-primary-d text-page-t dark:text-page-dt border-r border-gray-200 dark:border-primary/20">
-          <div class="py-4 bg-transparent">
-            <div class="flex flex-row justify-center items-center w-full px-4 mb-6 gap-2">
-              <GoogleIcon class="bg-[#2563eb] text-white text-3xl rounded p-1" name="apartment" />
-              <div class="flex flex-col items-center justify-center gap-1">
-                <h2 class="text-gray-800 dark:text-primary-dt font-bold text-xl"> HR Manager</h2>
-                <span class="text-sm text-gray-500 dark:text-primary-dt/70">Sistema de RRHH</span>
-              </div>
-            </div>
-            <ul class="flex h-full flex-col space-y-1 px-2">
-              <slot />
-            </ul>
-          </div>
-          <div class="mb-4 px-4 py-4 border-t border-gray-200">
-            <p class="text-center text-xs text-gray-400 dark:text-primary-dt/70">
-              &copy {{ year }} {{ APP_COPYRIGHT }}
-            </p>
-            <p class="text-center text-xs text-gray-400 dark:text-primary-dt/70">
-              APP {{ APP_VERSION }} API {{ $page.app.version }}
-            </p>
-          </div>
-        </div>
-      </div>
-      <div
-        class="h-full"
-        :class="{'w-[calc(100vw-17rem)] dark:bg-black/40 md:w-0 bg-black/20':leftSidebar.isOpened,'md:w-0':leftSidebar.isClosed}"
-        @click="leftSidebar.toggle()" 
-      ></div>
-    </nav>
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Skeleton/Sidebar/Link.vue b/src/components/Holos/Skeleton/Sidebar/Link.vue
deleted file mode 100644
index 1d5e97e..0000000
--- a/src/components/Holos/Skeleton/Sidebar/Link.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { RouterLink, useRoute } from 'vue-router';
-
-import useLeftSidebar from '@Stores/LeftSidebar';
-import GoogleIcon     from '@Shared/GoogleIcon.vue';
-
-/** Definidores */
-const leftSidebar = useLeftSidebar();
-const vroute      = useRoute();
-
-/** Propiedades */
-const props = defineProps({
-    icon: String,
-    name: String,
-    to: String,
-    active: {
-        type: Boolean,
-        default: false
-    }
-});
-
-const classes = computed(() => {
-    let isActive = props.active || props.to === vroute.name;
-    
-    if (isActive) {
-        return 'flex items-center px-4 py-3 mx-2 my-1 text-white !bg-blue-600 rounded-lg transition-all duration-200 !border-transparent';
-    } else {
-        return 'flex items-center px-4 py-3 mx-2 my-1 text-gray-600 hover:bg-gray-100 rounded-lg transition-all duration-200';
-    }
-});
-
-const iconClasses = computed(() => {
-    let isActive = props.active || props.to === vroute.name;
-    return isActive ? 'text-white' : 'text-gray-500';
-});
-
-const closeSidebar = () => {
-    if(TwScreen.isDevice('phone') || TwScreen.isDevice('tablet')) {
-        leftSidebar.close();
-    }
-};
-</script>
-
-<template>
-    <li @click="closeSidebar()">
-        <RouterLink
-            :class="classes"
-            :to="$view({name:to})"
-        >
-            <span
-                v-if="icon"
-                class="inline-flex justify-center items-center mr-3"
-            >
-                <GoogleIcon 
-                    class="text-xl"
-                    :class="iconClasses"
-                    :name="icon"
-                    outline
-                />
-            </span>
-            <span 
-                v-if="name"
-                class="text-sm font-medium"
-            >
-                {{ name }}
-            </span>
-            <slot />
-        </RouterLink>
-    </li>
-</template>
diff --git a/src/components/Holos/Skeleton/Sidebar/Notification.vue b/src/components/Holos/Skeleton/Sidebar/Notification.vue
deleted file mode 100644
index b4db56a..0000000
--- a/src/components/Holos/Skeleton/Sidebar/Notification.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { RouterLink } from 'vue-router';
-import useNotificationSidebar from '@Stores/NotificationSidebar'
-import useNotifier from '@Stores/Notifier'
-
-import GoogleIcon    from '@Shared/GoogleIcon.vue';
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import ShowModal     from './Notification/Show.vue';
-import Item          from './Notification/Item.vue';
-
-/** Eventos */
-const emit = defineEmits(['open']);
-
-/** Definidores */
-const notifier            = useNotifier();
-const notificationSidebar = useNotificationSidebar()
-
-/** Propiedades */
-const props = defineProps({
-  sidebar: Boolean
-});
-
-const showModal = ref(false);
-
-</script>
-
-<template>
-  <div 
-    class="fixed top-[3.1rem] right-[0.1rem] md:right-[0.5rem] w-fit h-[calc(100vh-3.2rem)] transition-all duration-300 z-50"
-    :class="{'translate-x-0':notificationSidebar.isOpened, 'translate-x-64':notificationSidebar.isClosed}"
-  >
-    <section
-      id="notifications"
-      class="flex md:w-64 h-full transition-all duration-300 border-none"
-      :class="{'w-64': notificationSidebar.isClosed}"
-    >
-      <div class="flex flex-col h-full p-2 md:w-64">
-        <div class="flex h-full flex-col w-[15.5rem] justify-between rounded-sm  overflow-y-auto overflow-x-hidden bg-primary/70 text-primary-t dark:bg-primary-d/70 dark:text-primary-dt">
-          <div class="flex justify-between px-2 items-center">
-            <div class="py-1">
-              <h4 class="text-md font-semibold">
-                {{ $t('notifications.title') }} <span class="text-xs">({{ notifier.counter }})</span>
-              </h4>
-              <h4 class="text-xs font-semibold" v-if="notifier.unreadClosedCounter > 0">
-                {{ $t('notifications.unreadClosed') }} <span class="text-xs"> ({{ notifier.unreadClosedCounter }})</span>
-              </h4>
-            </div>
-            <GoogleIcon 
-              name="close" 
-              class="text-primary-t dark:text-primary-dt cursor-pointer"
-              @click="notificationSidebar.close()"
-            />
-          </div>
-          <div class="flex h-full flex-col space-y-1">
-            <ul class="px-2 space-y-1 overflow-y-auto"
-              :class="{
-                'h-[calc(100vh-10rem)]': notifier.unreadClosedCounter > 0,
-                'h-[calc(100vh-9rem)]': notifier.unreadClosedCounter === 0
-              }"
-            >
-              <Item v-for="notification in notifier.notifications"
-                :key="notification.id"
-                :notification="notification"
-                @openModal="showModal.open(notification)"
-              />
-            </ul>
-          </div>
-          <div class="flex justify-center items-center pb-1">
-            <RouterLink :to="$view({ name: 'profile.notifications.index' })">
-              <PrimaryButton type="button" @click="notificationSidebar.close()">
-                {{ $t('notifications.seeAll') }}
-              </PrimaryButton>
-            </RouterLink>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <ShowModal
-      ref="showModal"
-      @reload="notifier.getUpdates()"
-    />
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Skeleton/Sidebar/Notification/Item.vue b/src/components/Holos/Skeleton/Sidebar/Notification/Item.vue
deleted file mode 100644
index 8dd316e..0000000
--- a/src/components/Holos/Skeleton/Sidebar/Notification/Item.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-<script setup>
-import { getDateTime } from '@Controllers/DateController';
-import useNotifier from '@Stores/Notifier';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Definidores */
-const notifier = useNotifier();
-
-/** Eventos */
-const emit = defineEmits([
-    'openModal'
-]);
-
-/** Propiedades */
-defineProps({
-    notification: Object,
-});
-</script>
-
-<template>
-    <li class="flex flex-col w-full items-center p-2 bg-primary dark:bg-primary-d text-white rounded-sm shadow-md">
-        <div class="flex w-full justify-between text-gray-400">
-            <div>
-                <h6 class="text-[10px]">{{ getDateTime(notification.created_at) }}</h6>
-            </div>
-            <div>
-                <GoogleIcon
-                    name="close"
-                    class="text-xs text-white cursor-pointer"
-                    @click="notifier.closeNotification(notification.id)"
-                />
-            </div>
-        </div>
-        <div class="flex w-full cursor-pointer">
-            <div class="w-10 space-y-0" @click="emit('openModal', notification)">
-                <template v-if="notification.user">
-                    <div class="w-10 h-10 bg-transparent rounded-full flex items-center justify-center">
-                        <img v-if="notification.user"
-                            class="rounded-full object-cover"
-                            :alt="notification.user.name"
-                            :src="notification.user.profile_photo_url"
-                        >
-                    </div>
-                </template>
-                <template v-else>
-                    <div class="w-10 h-10 bg-secondary dark:bg-secondary-d rounded-sm flex items-center justify-center">
-                        <img v-if="notification.user"
-                           class="rounded-full object-cover"
-                           :alt="notification.user.name"
-                           :src="notification.user.profile_photo_url"
-                        >
-                        <GoogleIcon v-else
-                            name="tag"
-                            class="text-white text-2xl"
-                        />
-                    </div>
-                </template>
-            </div>
-            <div class="ml-3 w-full">
-                <div
-                    v-text="notification.data.title"
-                    class="text-sm font-medium truncate"
-                />
-                <div
-                    v-text="notification.data.description"
-                    class="text-xs w-40 font-thin truncate"
-                />
-                <div v-if="notification.user"
-                    v-text="`~ ${notification.user.name} ${notification.user.paternal}`"
-                    class="text-xs text-gray-400 truncate"
-                />
-                <div v-else
-                    v-text="$t('system.title')"
-                    class="text-xs text-gray-400 truncate"
-                />
-            </div>
-        </div>
-    </li>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Skeleton/Sidebar/Notification/Show.vue b/src/components/Holos/Skeleton/Sidebar/Notification/Show.vue
deleted file mode 100644
index 2afa0c1..0000000
--- a/src/components/Holos/Skeleton/Sidebar/Notification/Show.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { getDateTime } from '@Controllers/DateController';
-import useNotifier from '@Stores/Notifier';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Definidores */
-const notifier = useNotifier();
-
-/** Eventos */
-const emit = defineEmits([
-    'close',
-    'reload'
-]);
-
-/** Propiedades */
-const modalRef = ref(null);
-const model    = ref({});
-
-/** Métodos */
-function readNotification() {
-    if(!model.value.read_at) {
-        notifier.readNotification(model.value.id);
-    }
-}
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-        readNotification();
-    }
-});
-</script>
-
-<template>
-    <ShowModal
-        ref="modalRef"
-        :title="$t('notification')"
-        @close="$emit('reload')"
-    >
-        <Header
-            :title="model.data?.title"
-        >
-        </Header>
-        <div class="py-2 border-b">
-            <div class="flex w-full px-4 py-2">
-                <GoogleIcon 
-                    class="text-xl text-success"
-                    name="contact_mail"
-                />
-                <div class="pl-3">
-                    <p class="font-bold text-lg leading-none pb-2">
-                        {{ $t('details') }}
-                    </p>
-                    <div class="flex flex-col">
-                        <b>{{ $t('description') }}: </b>
-                        {{ model.data?.description }}
-                    </div>
-                    <div v-if="model.data?.message" class="flex flex-col">
-                        <b>{{ $t('message') }}: </b>
-                        {{ model.data?.message }}
-                    </div>
-                    <p>
-                        <b>{{ $t('created_at') }}: </b>
-                        {{ getDateTime(model.created_at) }}
-                    </p>
-                    <p v-if="model.read_at">
-                        <b>{{ $t('read_at') }}: </b>
-                        {{ getDateTime(model.read_at) }}
-                    </p>
-                </div>
-            </div>
-        </div>
-    </ShowModal>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Skeleton/Sidebar/Right.vue b/src/components/Holos/Skeleton/Sidebar/Right.vue
deleted file mode 100644
index 8187374..0000000
--- a/src/components/Holos/Skeleton/Sidebar/Right.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup>
-import useRightSidebar from '@Stores/RightSidebar'
-
-/** Definidores */
-const rightSidebar = useRightSidebar()
-
-/** Eventos */
-const emit = defineEmits(['open']);
-
-/** Propiedades */
-const props = defineProps({
-  sidebar: Boolean
-});
-</script>
-
-<template>
-  <div 
-    class="fixed top-[3.1rem] right-[0.1rem] md:right-[0.5rem] w-fit h-[calc(100vh-3.1rem)] transition-all duration-300 z-50"
-    :class="{'translate-x-0':rightSidebar.isOpened, 'translate-x-64':rightSidebar.isClosed}"
-  >
-    <nav
-      class="flex md:w-64 h-full transition-all duration-300 border-none"
-      :class="{'w-64': rightSidebar.isClosed, 'w-screen': rightSidebar.isOpened}"
-    >
-      <div class="flex flex-col h-full p-2 md:w-64">
-        <div class="flex h-full flex-col w-[15.5rem] justify-between rounded-sm  overflow-y-auto overflow-x-hidden bg-primary dark:bg-primary-d text-white">
-          <div>
-            <ul class="flex h-full flex-col md:pb-4 space-y-1">
-              <slot />
-            </ul>
-          </div>
-        </div>
-      </div>
-    </nav>
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Skeleton/Sidebar/Section.vue b/src/components/Holos/Skeleton/Sidebar/Section.vue
deleted file mode 100644
index 304c82a..0000000
--- a/src/components/Holos/Skeleton/Sidebar/Section.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script setup>
-/** Propiedades */
-const props = defineProps({
-  name: String,
-});
-</script>
-
-<template>
-  <ul v-if="$slots['default']">
-    <li class="px-5 hidden md:block">
-      <div class="flex flex-row items-center h-8 cursor-pointer">
-        <div class="text-sm font-light tracking-wide text-gray-400 uppercase">
-          {{ name }}
-        </div>
-      </div>
-    </li>
-    <slot />
-  </ul>
-</template>
diff --git a/src/components/Holos/Table.vue b/src/components/Holos/Table.vue
deleted file mode 100644
index 435bbe3..0000000
--- a/src/components/Holos/Table.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<script setup>
-import GoogleIcon from '../Shared/GoogleIcon.vue';
-import Loader     from '../Shared/Loader.vue';
-
-/** Eventos */
-const emit = defineEmits([
-  'send-pagination'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    items: Object,
-    processing: Boolean
-});
-</script>
-
-<template>
-    <section class="pb-2">
-        <div class="w-full overflow-hidden rounded-sm shadow-lg dark:shadow-xs dark:shadow-white">
-            <div class="w-full overflow-x-auto">
-                <table v-if="!processing" class="w-full">
-                    <thead class="bg-primary text-primary-t dark:bg-primary-d dark:text-primary-dt">
-                        <tr>
-                            <slot name="head" />
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <template v-if="items?.total > 0">
-                            <slot
-                                name="body"
-                                :items="items?.data"
-                            />
-                        </template>
-                        <template v-else>
-                            <tr>
-                                <slot name="empty" />
-                            </tr>
-                        </template>
-                    </tbody>
-                </table>
-                <table v-else class="animate-pulse w-full">
-                    <thead>
-                        <tr>
-                            <th colspan="100%" class="h-8 text-center">
-                                <div class="flex items-center justify-center">
-                                    <Loader />
-                                </div>
-                            </th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td colspan="100%" class="table-cell h-7 text-center">
-                                <div class="w-full h-4 bg-secondary/50 rounded-md"></div>
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    </section>
-
-    <template v-if="items?.links">
-        <div v-if="items.links.length > 3" class="flex w-full justify-end">
-            <div class="flex w-full justify-end flex-wrap space-x-1 -mb-1">
-              <template v-for="(link, k) in items.links" :key="k">
-                <div v-if="link.url === null && k == 0"
-                    class="px-2 py-1 text-sm leading-4 text-gray-400 border rounded"
-                >
-                    <GoogleIcon
-                        name="arrow_back"
-                    />
-                </div>
-                <button v-else-if="k === 0" class="px-2 py-1 text-sm leading-4 border rounded" 
-                    :class="{ 'bg-primary dark:bg-primary-dark text-white': link.active }"
-                    @click="$emit('send-pagination', link.url)"
-                >
-                    <GoogleIcon
-                        name="arrow_back"
-                    />
-                </button>
-                <div v-else-if="link.url === null && k == (items.links.length - 1)"
-                    class="px-2 py-1 text-sm leading-4 text-gray-400 border rounded"
-                >
-                    <GoogleIcon
-                        name="arrow_forward"
-                    />
-                </div>
-                <button v-else-if="k === (items.links.length - 1)" class="px-2 py-1 text-sm leading-4 border rounded" 
-                    :class="{ 'bg-primary dark:bg-primary-dark text-white': link.active }"
-                    @click="$emit('send-pagination', link.url)"
-                >
-                    <GoogleIcon
-                        name="arrow_forward"
-                    />
-                </button>
-                <button v-else class="px-2 py-1 text-sm leading-4 border rounded" 
-                    :class="{ 'bg-primary dark:bg-primary-dark text-white': link.active }"
-                    v-html="link.label"
-                    @click="$emit('send-pagination', link.url)"
-                ></button>
-              </template>
-            </div>
-        </div>
-    </template>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/TableSimple.vue b/src/components/Holos/TableSimple.vue
deleted file mode 100644
index 1c9f92b..0000000
--- a/src/components/Holos/TableSimple.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<script setup>
-/** Eventos */
-const emit = defineEmits([
-  'send-pagination'
-]);
-
-/** Propiedades */
-const props = defineProps({
-    items: Object,
-});
-</script>
-
-<template>
-    <section class="py-4">
-        <div class="w-full overflow-hidden rounded-md shadow-lg">
-            <div class="w-full overflow-x-auto">
-                <table class="w-full">
-                    <thead class="bg-primary text-primary-t dark:bg-primary-d dark:text-primary-dt">
-                        <tr>
-                            <slot name="head" />
-                        </tr>
-                    </thead>
-                    <tbody class="">
-                        <slot
-                            name="body"
-                            :items="items"
-                        />
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    </section>
-</template>
\ No newline at end of file
diff --git a/src/components/Holos/Timeline/Item.vue b/src/components/Holos/Timeline/Item.vue
deleted file mode 100644
index b6df0f6..0000000
--- a/src/components/Holos/Timeline/Item.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { getDate, getTime } from '@Controllers/DateController';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'show',
-]);
-
-/** Propiedades */
-const props = defineProps({
-    event: Object,
-});
-
-const icons = {
-    created: 'add',
-    updated: 'edit',
-    deleted: 'delete',
-    restored: 'restore',
-};
-
-const colors = {
-    created: 'primary',
-    updated: 'primary',
-    deleted: 'danger',
-    restored: 'primary',
-};
-
-/** Propiedades computadas */
-
-const eventType = computed(() => {
-    return props.event.event.split('.')[1];
-});
-
-const bgColor = computed(() => {
-    return `bg-${colors[eventType.value]} dark:bg-${colors[eventType.value]}-d text-${colors[eventType.value]}-t dark:text-${colors[eventType.value]}-t`;
-});
-
-const borderColor = computed(() => {
-    return `border-${colors[eventType.value]} dark:border-${colors[eventType.value]}-d`;
-});
-
-</script>
-
-<template>
-    <li class="border-l-2" :class="borderColor">
-        <div class="relative flex w-full">
-            <div class="absolute -left-3.5 top-7 h-0.5 w-8" :class="bgColor"></div>
-            <div 
-                class="absolute -mt-3 -left-3.5 top-7 w-6 h-6 flex items-center justify-center rounded-sm" 
-                :class="bgColor"
-                @click="emit('show', event.data)"
-            >
-                <GoogleIcon
-                    :name="icons[eventType]"
-                />
-            </div>
-            <div class="w-full rounded-sm shadow-xl dark:shadow-page-dt dark:shadow-xs my-2 mx-4">
-                <div class="flex justify-between p-2 rounded-t-sm" :class="bgColor">
-                    <span
-                        class="font-medium text-sm cursor-pointer"
-                        @click="emit('show', event.data)"
-                    >
-                        {{ $t('event')}}: <i class="underline">{{ event.event }}</i>
-                    </span>
-                    <span class="font-medium text-sm">
-                        {{ getDate(event.created_at) }}, {{ getTime(event.created_at) }}
-                    </span>
-                </div>
-                <div class="p-2">
-                    <div class="flex flex-col justify-center items-center md:flex-row md:justify-start md:space-x-4">
-                        <div v-if="event.user" class="w-32">
-                            <div class="flex flex-col w-full justify-center items-center space-y-2">
-                                <img :src="event.user?.profile_photo_url" alt="Photo" class="w-24 h-24 rounded-sm">
-                            </div>
-                        </div>
-                        <div class="flex w-full flex-col justify-start space-y-2">
-                            <div>
-                                <h4 class="font-semibold">{{ $t('description') }}:</h4>
-                                <p>{{ event.description }}.</p>
-                            </div>
-                            <div>
-                                <h4 class="font-semibold">{{ $t('author') }}:</h4>
-                                <p>{{ event.user?.full_name ?? $t('system.title') }} <span v-if="event.user?.deleted_at" class="text-xs text-gray-500">({{ $t('deleted') }})</span></p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </li>
-</template>
\ No newline at end of file
diff --git a/src/components/Shared/GoogleIcon.vue b/src/components/Shared/GoogleIcon.vue
deleted file mode 100644
index df9093e..0000000
--- a/src/components/Shared/GoogleIcon.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-
-/** Propiedades */
-const props = defineProps({
-    name:  String,
-    fill: Boolean,
-    style: {
-        type: String,
-        default: 'rounded' // outlined, rounded, sharp
-    },
-    title: String
-})
-
-/** Propiedades computadas */
-const classes = computed(() => {
-    return props.fill
-        ? `font-google-icon-${props.style}-fill`
-        : `font-google-icon-${props.style}`
-});
-</script>
-
-<template>
-    <span
-        v-text="name"
-        class="material-symbols cursor-pointer"
-        :class="classes"
-        translate="no"
-    />
-</template>
\ No newline at end of file
diff --git a/src/components/Shared/Loader.vue b/src/components/Shared/Loader.vue
deleted file mode 100644
index 1ab8724..0000000
--- a/src/components/Shared/Loader.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-    <svg class="animate-spin -ml-1 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-      <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-    </svg>
-</template>
\ No newline at end of file
diff --git a/src/components/ui/Icons/MaterialIcon.vue b/src/components/ui/Icons/MaterialIcon.vue
deleted file mode 100644
index 1dbbcad..0000000
--- a/src/components/ui/Icons/MaterialIcon.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <span
-    :class="`material-symbols-${variant}`"
-    :style="{
-      fontVariationSettings: variationSettings,
-      fontSize: size + 'px',
-      color
-    }"
-    aria-hidden="true"
-  >
-    {{ name }}
-  </span>
-</template>
-
-<script>
-export default {
-  name: "MaterialIcon",
-  props: {
-    name: { type: String, required: true }, // Ej: "search", "home", "face"
-    variant: {
-      type: String,
-      default: "outlined", // outlined, rounded, sharp
-      validator: (v) => ["outlined", "rounded", "sharp"].includes(v)
-    },
-    fill: { type: Number, default: 0 }, // 0: borde, 1: relleno
-    weight: { type: Number, default: 400 }, // 100 a 700
-    grade: { type: Number, default: 0 }, // -25, 0, 200
-    opticalSize: { type: Number, default: 48 }, // tamaño óptico
-    size: { type: Number, default: 24 }, // tamaño visual en px
-    color: { type: String, default: "inherit" }
-  },
-  computed: {
-    variationSettings() {
-      return `"FILL" ${this.fill}, "wght" ${this.weight}, "GRAD" ${this.grade}, "opsz" ${this.opticalSize}`;
-    }
-  }
-};
-</script>
-
-<style scoped>
-.material-symbols-outlined,
-.material-symbols-rounded,
-.material-symbols-sharp {
-  vertical-align: middle;
-  user-select: none;
-  display: inline-block;
-  line-height: 1;
-}
-</style>
diff --git a/src/components/ui/Input.vue b/src/components/ui/Input.vue
deleted file mode 100644
index 1ca7f58..0000000
--- a/src/components/ui/Input.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-
-/** Props */
-const props = defineProps({
-  modelValue: {
-    type: [String, Number],
-    default: ''
-  },
-  type: {
-    type: String,
-    default: 'text'
-  },
-  class: {
-    type: String,
-    default: ''
-  },
-  placeholder: {
-    type: String,
-    default: ''
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  required: {
-    type: Boolean,
-    default: false
-  },
-  id: {
-    type: String,
-    default: undefined
-  },
-  name: {
-    type: String,
-    default: undefined
-  }
-});
-
-/** Emits */
-const emit = defineEmits(['update:modelValue', 'input', 'change', 'focus', 'blur', 'keydown', 'keyup']);
-
-/** Función para concatenar clases (equivalente a cn() de React) */
-const cn = (...classes) => {
-  return classes.filter(Boolean).join(' ');
-};
-
-/** Clases computadas */
-const inputClasses = computed(() => {
-  return cn(
-    "flex h-10 w-full rounded-md border border-input 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",
-    props.class
-  );
-});
-
-/** Manejadores de eventos */
-const handleInput = (event) => {
-  emit('update:modelValue', event.target.value);
-  emit('input', event);
-};
-
-const handleChange = (event) => {
-  emit('change', event);
-};
-
-const handleFocus = (event) => {
-  emit('focus', event);
-};
-
-const handleBlur = (event) => {
-  emit('blur', event);
-};
-
-const handleKeydown = (event) => {
-  emit('keydown', event);
-};
-
-const handleKeyup = (event) => {
-  emit('keyup', event);
-};
-</script>
-
-<template>
-  <input
-    :id="id"
-    :name="name"
-    :type="type"
-    :value="modelValue"
-    :placeholder="placeholder"
-    :disabled="disabled"
-    :readonly="readonly"
-    :required="required"
-    :class="inputClasses"
-    @input="handleInput"
-    @change="handleChange"
-    @focus="handleFocus"
-    @blur="handleBlur"
-    @keydown="handleKeydown"
-    @keyup="handleKeyup"
-  />
-</template>
-
-<style scoped>
-/* 
-  Nota: Las clases CSS están definidas en Tailwind CSS.
-  Si necesitas definir estilos personalizados para las clases como 
-  'border-input', 'bg-background', 'ring-ring', etc., 
-  puedes agregarlas aquí o en tu archivo de configuración de Tailwind.
-*/
-</style>
\ No newline at end of file
diff --git a/src/components/ui/Table/Table.vue b/src/components/ui/Table/Table.vue
deleted file mode 100644
index 269620d..0000000
--- a/src/components/ui/Table/Table.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-  <div class="flex flex-col">
-    <div class="overflow-x-auto sm:-mx-6 lg:-mx-8">
-      <div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
-        <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg">
-          <div v-if="loading" class="relative">
-            <div class="absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center z-10">
-              <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600"></div>
-            </div>
-          </div>
-
-          <table class="min-w-full divide-y divide-gray-300">
-            <TableHeader
-              :columns="columns"
-              :sortable="sortable"
-              :sort-direction="sortDirection"
-              @sort="handleSort"
-            />
-            <TableBody
-              :columns="columns"
-              :data="paginatedData"
-              :empty-message="emptyMessage"
-            >
-              <!-- Pasar todos los slots al TableBody -->
-              <template v-for="(_, name) in $slots" #[name]="slotData">
-                <slot :name="name" v-bind="slotData" />
-              </template>
-            </TableBody>
-          </table>
-
-          <TablePagination
-            v-if="pagination && paginationState"
-            :current-page="paginationState.currentPage.value"
-            :total-pages="paginationState.totalPages.value"
-            :total-items="paginationState.totalItems.value"
-            :start-index="paginationState.startIndex.value"
-            :end-index="paginationState.endIndex.value"
-            :has-next-page="paginationState.hasNextPage.value"
-            :has-previous-page="paginationState.hasPreviousPage.value"
-            @next="paginationState.nextPage"
-            @previous="paginationState.previousPage"
-            @go-to-page="paginationState.goToPage"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, watch } from 'vue';
-import { usePagination } from './composables/usePagination';
-import { useSort } from './composables/useSort';
-import TableHeader from './TableHeader.vue';
-import TableBody from './TableBody.vue';
-import TablePagination from './TablePagination.vue';
-
-const props = defineProps({
-  columns: {
-    type: Array,
-    required: true
-  },
-  data: {
-    type: Array,
-    default: () => []
-  },
-  sortable: {
-    type: Boolean,
-    default: true
-  },
-  loading: {
-    type: Boolean,
-    default: false
-  },
-  emptyMessage: {
-    type: String,
-    default: 'No data available'
-  },
-  pagination: {
-    type: Object,
-    default: null
-  }
-});
-
-const { sortedData, toggleSort } = useSort(props.data);
-
-const paginationState = props.pagination
-  ? usePagination(props.pagination)
-  : null;
-
-const paginatedData = computed(() => {
-  if (!paginationState) {
-    return sortedData.value;
-  }
-
-  const start = paginationState.startIndex.value;
-  const end = paginationState.endIndex.value;
-  return sortedData.value.slice(start, end);
-});
-
-const sortDirection = computed(() => {
-  return null;
-});
-
-const handleSort = (key) => {
-  toggleSort(key);
-};
-
-watch(
-  () => props.data,
-  (newData) => {
-    if (paginationState) {
-      paginationState.updateTotalItems(newData.length);
-    }
-  }
-);
-</script>
\ No newline at end of file
diff --git a/src/components/ui/Table/TableBody.vue b/src/components/ui/Table/TableBody.vue
deleted file mode 100644
index 9f95778..0000000
--- a/src/components/ui/Table/TableBody.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<template>
-  <tbody class="bg-white divide-y divide-gray-200">
-    <tr
-      v-for="(row, rowIndex) in data"
-      :key="rowIndex"
-      class="hover:bg-gray-50 transition-colors"
-    >
-      <td
-        v-for="column in columns"
-        :key="column.key"
-        class="px-6 py-4 whitespace-nowrap text-sm text-gray-900"
-      >
-        <slot 
-          :name="`cell-${column.key}`" 
-          :value="row[column.key]" 
-          :row="row" 
-          :column="column"
-        >
-          {{ formatCell(row[column.key], row, column) }}
-        </slot>
-      </td>
-    </tr>
-    <tr v-if="!data || data.length === 0">
-      <td
-        :colspan="columns.length"
-        class="px-6 py-8 text-center text-sm text-gray-500"
-      >
-        {{ emptyMessage }}
-      </td>
-    </tr>
-  </tbody>
-</template>
-
-<script setup>
-const props = defineProps({
-  columns: {
-    type: Array,
-    required: true
-  },
-  data: {
-    type: Array,
-    required: true
-  },
-  emptyMessage: {
-    type: String,
-    default: 'No data available'
-  }
-});
-
-const formatCell = (value, row, column) => {
-  if (column.formatter) {
-    return column.formatter(value, row);
-  }
-  return value ?? '-';
-};
-</script>
\ No newline at end of file
diff --git a/src/components/ui/Table/TableHeader.vue b/src/components/ui/Table/TableHeader.vue
deleted file mode 100644
index b7625f8..0000000
--- a/src/components/ui/Table/TableHeader.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-  <thead class="bg-gray-50 border-b border-gray-200">
-    <tr>
-      <th
-        v-for="column in columns"
-        :key="column.key"
-        :style="column.width ? { width: column.width } : undefined"
-        :class="[
-          'px-6 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider',
-          column.sortable && sortable ? 'cursor-pointer select-none hover:bg-gray-100' : ''
-        ]"
-        @click="column.sortable && sortable ? handleSort(column.key) : undefined"
-      >
-        <div class="flex items-center gap-2">
-          <span>{{ column.label }}</span>
-          <span v-if="column.sortable && sortable" class="flex flex-col">
-            <svg
-              :class="[
-                'w-3 h-3 transition-colors',
-                sortDirection === 'asc' ? 'text-primary-600' : 'text-gray-400'
-              ]"
-              fill="currentColor"
-              viewBox="0 0 20 20"
-            >
-              <path d="M5 10l5-5 5 5H5z" />
-            </svg>
-            <svg
-              :class="[
-                'w-3 h-3 -mt-1 transition-colors',
-                sortDirection === 'desc' ? 'text-primary-600' : 'text-gray-400'
-              ]"
-              fill="currentColor"
-              viewBox="0 0 20 20"
-            >
-              <path d="M15 10l-5 5-5-5h10z" />
-            </svg>
-          </span>
-        </div>
-      </th>
-    </tr>
-  </thead>
-</template>
-
-<script setup>
-const props = defineProps({
-  columns: {
-    type: Array,
-    required: true
-  },
-  sortable: {
-    type: Boolean,
-    default: true
-  },
-  sortDirection: {
-    type: String,
-    default: null
-  }
-});
-
-const emit = defineEmits(['sort']);
-
-const handleSort = (key) => {
-  emit('sort', key);
-};
-</script>
diff --git a/src/components/ui/Table/TablePagination.vue b/src/components/ui/Table/TablePagination.vue
deleted file mode 100644
index b7a6d3a..0000000
--- a/src/components/ui/Table/TablePagination.vue
+++ /dev/null
@@ -1,148 +0,0 @@
-<template>
-  <div class="bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6">
-    <div class="flex-1 flex justify-between sm:hidden">
-      <button
-        @click="emit('previous')"
-        :disabled="!hasPreviousPage"
-        :class="[
-          'relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md',
-          hasPreviousPage
-            ? 'text-gray-700 bg-white hover:bg-gray-50'
-            : 'text-gray-400 bg-gray-100 cursor-not-allowed'
-        ]"
-      >
-        Previous
-      </button>
-      <button
-        @click="emit('next')"
-        :disabled="!hasNextPage"
-        :class="[
-          'ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md',
-          hasNextPage
-            ? 'text-gray-700 bg-white hover:bg-gray-50'
-            : 'text-gray-400 bg-gray-100 cursor-not-allowed'
-        ]"
-      >
-        Next
-      </button>
-    </div>
-    <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
-      <div>
-        <p class="text-sm text-gray-700">
-          Mostrando
-          <span class="font-medium">{{ startIndex + 1 }}</span>
-          a
-          <span class="font-medium">{{ endIndex }}</span>
-          de
-          <span class="font-medium">{{ totalItems }}</span>
-          resultados
-        </p>
-      </div>
-      <div>
-        <nav class="relative z-0 inline-flex rounded-md shadow-sm -space-x-px" aria-label="Pagination">
-          <button
-            @click="emit('previous')"
-            :disabled="!hasPreviousPage"
-            :class="[
-              'relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 text-sm font-medium',
-              hasPreviousPage
-                ? 'text-gray-500 bg-white hover:bg-gray-50'
-                : 'text-gray-300 bg-gray-100 cursor-not-allowed'
-            ]"
-          >
-            <span class="sr-only">Previous</span>
-            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
-              <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
-            </svg>
-          </button>
-
-          <button
-            v-for="page in visiblePages"
-            :key="page"
-            @click="emit('goToPage', page)"
-            :class="[
-              'relative inline-flex items-center px-4 py-2 border text-sm font-medium',
-              page === currentPage
-                ? 'z-10 bg-primary-50 border-primary-500 text-primary-600'
-                : 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50'
-            ]"
-          >
-            {{ page }}
-          </button>
-
-          <button
-            @click="emit('next')"
-            :disabled="!hasNextPage"
-            :class="[
-              'relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 text-sm font-medium',
-              hasNextPage
-                ? 'text-gray-500 bg-white hover:bg-gray-50'
-                : 'text-gray-300 bg-gray-100 cursor-not-allowed'
-            ]"
-          >
-            <span class="sr-only">Next</span>
-            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
-              <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
-            </svg>
-          </button>
-        </nav>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed } from 'vue';
-
-const props = defineProps({
-  currentPage: {
-    type: Number,
-    required: true
-  },
-  totalPages: {
-    type: Number,
-    required: true
-  },
-  totalItems: {
-    type: Number,
-    required: true
-  },
-  startIndex: {
-    type: Number,
-    required: true
-  },
-  endIndex: {
-    type: Number,
-    required: true
-  },
-  hasNextPage: {
-    type: Boolean,
-    required: true
-  },
-  hasPreviousPage: {
-    type: Boolean,
-    required: true
-  }
-});
-
-const emit = defineEmits(['next', 'previous', 'goToPage']);
-
-const visiblePages = computed(() => {
-  const pages = [];
-  const maxVisible = 5;
-  const halfVisible = Math.floor(maxVisible / 2);
-
-  let startPage = Math.max(1, props.currentPage - halfVisible);
-  let endPage = Math.min(props.totalPages, startPage + maxVisible - 1);
-
-  if (endPage - startPage < maxVisible - 1) {
-    startPage = Math.max(1, endPage - maxVisible + 1);
-  }
-
-  for (let i = startPage; i <= endPage; i++) {
-    pages.push(i);
-  }
-
-  return pages;
-});
-</script>
diff --git a/src/components/ui/Table/composables/usePagination.js b/src/components/ui/Table/composables/usePagination.js
deleted file mode 100644
index 9cc490c..0000000
--- a/src/components/ui/Table/composables/usePagination.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import { computed, ref } from 'vue';
-
-export function usePagination(initialConfig) {
-  const currentPage = ref(initialConfig.currentPage);
-  const pageSize = ref(initialConfig.pageSize);
-  const totalItems = ref(initialConfig.totalItems);
-
-  const totalPages = computed(() => Math.ceil(totalItems.value / pageSize.value));
-
-  const startIndex = computed(() => (currentPage.value - 1) * pageSize.value);
-
-  const endIndex = computed(() => Math.min(startIndex.value + pageSize.value, totalItems.value));
-
-  const hasNextPage = computed(() => currentPage.value < totalPages.value);
-
-  const hasPreviousPage = computed(() => currentPage.value > 1);
-
-  const goToPage = (page) => {
-    if (page >= 1 && page <= totalPages.value) {
-      currentPage.value = page;
-    }
-  };
-
-  const nextPage = () => {
-    if (hasNextPage.value) {
-      currentPage.value++;
-    }
-  };
-
-  const previousPage = () => {
-    if (hasPreviousPage.value) {
-      currentPage.value--;
-    }
-  };
-
-  const setPageSize = (size) => {
-    pageSize.value = size;
-    currentPage.value = 1;
-  };
-
-  const updateTotalItems = (total) => {
-    totalItems.value = total;
-  };
-
-  return {
-    currentPage,
-    pageSize,
-    totalItems,
-    totalPages,
-    startIndex,
-    endIndex,
-    hasNextPage,
-    hasPreviousPage,
-    goToPage,
-    nextPage,
-    previousPage,
-    setPageSize,
-    updateTotalItems,
-  };
-}
diff --git a/src/components/ui/Table/composables/useSort.js b/src/components/ui/Table/composables/useSort.js
deleted file mode 100644
index 9a3e992..0000000
--- a/src/components/ui/Table/composables/useSort.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import { ref, computed } from 'vue';
-
-export function useSort(initialData) {
-  const sortConfig = ref(null);
-
-  const sortedData = computed(() => {
-    if (!sortConfig.value) {
-      return initialData;
-    }
-
-    const { key, direction } = sortConfig.value;
-    const sorted = [...initialData];
-
-    sorted.sort((a, b) => {
-      const aValue = a[key];
-      const bValue = b[key];
-
-      if (aValue === bValue) return 0;
-
-      const comparison = aValue > bValue ? 1 : -1;
-      return direction === 'asc' ? comparison : -comparison;
-    });
-
-    return sorted;
-  });
-
-  const toggleSort = (key) => {
-    if (!sortConfig.value || sortConfig.value.key !== key) {
-      sortConfig.value = { key, direction: 'asc' };
-    } else if (sortConfig.value.direction === 'asc') {
-      sortConfig.value = { key, direction: 'desc' };
-    } else {
-      sortConfig.value = null;
-    }
-  };
-
-  const getSortDirection = (key) => {
-    if (!sortConfig.value || sortConfig.value.key !== key) {
-      return null;
-    }
-    return sortConfig.value.direction;
-  };
-
-  return {
-    sortConfig,
-    sortedData,
-    toggleSort,
-    getSortDirection,
-  };
-}
diff --git a/src/components/ui/Tags/Badge.vue b/src/components/ui/Tags/Badge.vue
deleted file mode 100644
index cf4be8a..0000000
--- a/src/components/ui/Tags/Badge.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-  <span :class="tagClasses">
-    <template v-if="props.dot">
-      <span :class="dotClasses"></span>
-    </template>
-    <template v-else>
-      <slot name="icon" />
-    </template>
-    <slot />
-  </span>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-interface Props {
-  color?: 'blue' | 'purple' | 'green' | 'orange' | 'red' | 'gray' | string; // string para hex
-  dot?: boolean;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  color: 'blue',
-  dot: true,
-});
-
-const isHexColor = (color: string) => /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(color);
-
-const colorMap = {
-  blue: {
-    bg: 'bg-blue-100',
-    text: 'text-blue-700',
-    dot: 'bg-blue-500',
-  },
-  purple: {
-    bg: 'bg-purple-100',
-    text: 'text-purple-700',
-    dot: 'bg-purple-500',
-  },
-  green: {
-    bg: 'bg-green-100',
-    text: 'text-green-700',
-    dot: 'bg-green-500',
-  },
-  orange: {
-    bg: 'bg-orange-100',
-    text: 'text-orange-700',
-    dot: 'bg-orange-500',
-  },
-  red: {
-    bg: 'bg-red-100',
-    text: 'text-red-700',
-    dot: 'bg-red-500',
-  },
-  gray: {
-    bg: 'bg-gray-700',
-    text: 'text-gray-700',
-    dot: 'bg-gray-700',
-  },
-};
-
-const tagClasses = computed(() => {
-  if (isHexColor(props.color)) {
-    return [
-      'inline-flex',
-      'items-center',
-      'px-3',
-      'py-1',
-      'rounded-md',
-      'text-sm',
-      'font-medium',
-      { backgroundColor: props.color, color: '#fff' },
-    ];
-  }
-  const allowedColors = Object.keys(colorMap);
-  const isPreset = allowedColors.includes(props.color as string);
-  return [
-    'inline-flex',
-    'items-center',
-    'px-3',
-    'py-1',
-    'rounded-md',
-    'text-sm',
-    'font-medium',
-    isPreset ? colorMap[props.color as keyof typeof colorMap].bg : 'bg-gray-100',
-    isPreset ? colorMap[props.color as keyof typeof colorMap].text : 'text-gray-700',
-  ];
-});
-
-const dotClasses = computed(() => {
-  if (isHexColor(props.color)) {
-    return [
-      'w-2',
-      'h-2',
-      'rounded-full',
-      'mr-2',
-      { backgroundColor: props.color },
-    ];
-  }
-  const allowedColors = Object.keys(colorMap);
-  const isPreset = allowedColors.includes(props.color as string);
-  return [
-    'w-2',
-    'h-2',
-    'rounded-full',
-    'mr-2',
-    isPreset ? colorMap[props.color as keyof typeof colorMap].dot : 'bg-gray-500',
-  ];
-});
-</script>
diff --git a/src/config.js b/src/config.js
deleted file mode 100644
index 24a1e61..0000000
--- a/src/config.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import config from '../package.json'
-
-const APP_COPYRIGHT = config.copyright
-const APP_NAME      = import.meta.env.VITE_APP_NAME
-const APP_VERSION   = config.version
-
-export {
-    APP_NAME,
-    APP_VERSION,
-    APP_COPYRIGHT
-}
\ No newline at end of file
diff --git a/src/controllers/BreadcrumbController.js b/src/controllers/BreadcrumbController.js
deleted file mode 100644
index c5d7c7e..0000000
--- a/src/controllers/BreadcrumbController.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/** Breadcrumb */
-const breadcrumbItem = (name, icon, route = {name:'index'}) => ({ name, icon, route })
-
-const breadcrumbMeta = (route) => {
-    let breadcrumbs = [];
-
-    route.matched.forEach(match => {
-        if(match.name && match.meta?.title) {
-            breadcrumbs.push(breadcrumbItem(match.meta.title, match.meta.icon, {name: match.name}));
-        }
-    });
-
-    return breadcrumbs;
-}
-
-export {
-    breadcrumbItem,
-    breadcrumbMeta,
-}
\ No newline at end of file
diff --git a/src/controllers/DateController.js b/src/controllers/DateController.js
deleted file mode 100644
index 02f96f2..0000000
--- a/src/controllers/DateController.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import { DateTime } from "luxon";
-
-// Obtener fecha en formato deseado
-function getDate(value = null) {
-    const date = (value)
-        ? DateTime.fromISO(value)
-        : DateTime.now();
-
-    return date.toLocaleString(DateTime.DATE_MED);
-}
-
-// Obtener hora en formato deseado
-function getTime(value = null) {
-    const date = (value)
-        ? DateTime.fromISO(value)
-        : DateTime.now();
-
-    return date.toLocaleString(DateTime.TIME_24_SIMPLE);
-}
-
-// Obtener fecha y hora
-function getDateTime(value) {
-    const date = (value)
-        ? DateTime.fromISO(value)
-        : DateTime.now();
-
-    return date.toLocaleString(DateTime.DATETIME_SHORT);
-}
-
-export {
-    getDate,
-    getDateTime,
-    getTime
-}
\ No newline at end of file
diff --git a/src/controllers/InboxController.js b/src/controllers/InboxController.js
deleted file mode 100644
index 3b24549..0000000
--- a/src/controllers/InboxController.js
+++ /dev/null
@@ -1,102 +0,0 @@
-import { ref } from 'vue';
-
-/**
- * Controlador simple de las bandejas
- */
-class InboxController
-{
-    inboxIdSelected = ref([]);
-    inboxNumberSelected = ref([]);
-    selectAll = ref(false);
-    
-    constructor() {}
-
-    /**
-     * Selecciona todas las opciones visibles
-     */
-    onSelectAll = (elements) => {
-        this.inboxIdSelected.value = [];
-        this.inboxNumberSelected.value = [];
-
-        this.selectAll.value = !this.selectAll.value;
-    
-        if(this.selectAll.value) {
-            elements.data.forEach(element => {
-                this.inboxIdSelected.value.push(element.id);
-                this.inboxNumberSelected.value.push(element.number);
-            });
-        }
-    }
-
-    /**
-     * Selecciona solo una opcion
-     */
-    onSelectOne = (invoice) => {
-        this.inboxIdSelected.value.push(invoice.id);
-        this.inboxNumberSelected.value.push(invoice.number);
-    }
-
-    /**
-     * Permite que siempresea solo una opcion seleccionada
-     */
-    onlyOne = (invoice) => {
-        this.clear();
-        this.onSelectOne(invoice);
-    }
-
-    /**
-     * Quita la seleccion
-     */
-    onUnselectOne = (invoice) => {
-        this.inboxIdSelected.value = this.inboxIdSelected.value.filter(element => {
-            return element !== invoice.id;
-        });
-
-        this.inboxNumberSelected.value = this.inboxNumberSelected.value.filter(element => {
-            return element !== invoice.number;
-        });
-    }
-
-    /**
-     * Retorna todos los IDs de los elementos seleccionados
-     */
-    getIdSelections = () => {
-        return this.inboxIdSelected.value;
-    }
-
-    /**
-     * Trata al ID como si fueran muchos
-     * 
-     * Si no se pasa mimgun ID, se devolveran todos los elementos seleccionados almacenados
-     */
-    getAsMany = (id) => {
-        return (id) ? [ id ] : this.getIdSelections();
-    }
-
-    /**
-     * Retorna todos los numeros de las facturas/seleccionadas
-     */
-    getNumberSelections = () => {
-        return this.inboxNumberSelected.value;
-    }
-
-    /**
-     * Limpia los valores seleccionados
-     */
-    clear = () => {
-        this.inboxIdSelected.value = [];
-        this.inboxNumberSelected.value = [];
-        this.selectAll.value = false;
-    }
-
-    /**
-     * Limpia los valores seleccionados con una notificacion de exito
-     */
-    clearWithSuccess = (message) => {
-        this.clear();
-
-        Notify.success(message);
-    }
-}
-
-export default InboxController;
\ No newline at end of file
diff --git a/src/controllers/PrintController.js b/src/controllers/PrintController.js
deleted file mode 100755
index e88739b..0000000
--- a/src/controllers/PrintController.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import { ref } from 'vue';
-
-/**
- * Controla la generación de impresiones
- */
-class PrintController
-{
-    invoices = ref(false);
-    
-    constructor({route, meta, params = {}, name = "Comprobante", type='pdf'}) {
-        this.route  = route;
-        this.meta   = meta;
-        this.params = params;
-        this.name   = name;
-        this.type   = type;
-    }
-
-    /**
-     * Manda la orden de impresión y descarga
-     */
-
-    download = (data = {}) => {
-        Notify.info('Generando archivo, espere ...');
-
-        axios({
-            url: route(this.route, this.params),
-            method: 'POST',
-            data: {
-                meta: this.meta,
-                data: data
-            },
-            responseType: 'blob'
-        }).then((response) => {
-            const href = URL.createObjectURL(response.data);
-
-            const link = document.createElement('a');
-            link.href = href;
-            link.setAttribute('download', `${this.name}.${this.type}`);
-            document.body.appendChild(link);
-            link.click();
-
-            document.body.removeChild(link);
-            URL.revokeObjectURL(href);
-            Notify.info('Archivo generado');
-        }).catch(err => {
-            Notify.error('Error al generar');
-        });
-    }
-}
-
-export default PrintController;
\ No newline at end of file
diff --git a/src/css/app.css b/src/css/app.css
deleted file mode 100644
index b4f9467..0000000
--- a/src/css/app.css
+++ /dev/null
@@ -1,87 +0,0 @@
-@import "tailwindcss";
-@import "../../colors.css";
-@custom-variant dark (&:where(.dark, .dark *));
-
-@theme {
-  --font-google-icon-outlined: "Material Symbols Outlined"; 
-  --font-google-icon-outlined-fill: "Material Symbols Outlined Fill";
-  --font-google-icon-rounded: "Material Symbols Rounded";
-  --font-google-icon-rounded-fill: "Material Symbols rounded-sm Fill";
-  --font-google-icon-sharp: "Material Symbols Sharp";
-  --font-google-icon-sharp-fill: "Material Symbols Sharp Fill";
-}
-
-.app-bg-light {
-  @apply bg-primary
-}
-
-.app-bg-dark {
-  @apply bg-primary-d
-}
-
-.btn {
-  @apply inline-flex justify-center items-center w-fit px-1.5 py-1.5 rounded-sm font-medium border border-transparent text-xs text-white uppercase tracking-widest hover:opacity-90 focus:outline-hidden active:saturate-150 disabled:opacity-25 cursor-pointer transition;
-}
-
-.btn-primary {
-  @apply bg-primary dark:bg-primary-d text-primary-t dark:text-primary-dt hover:bg-secondary dark:hover:bg-secondary-d hover:text-secondary-t dark:hover:text-secondary-dt;
-}
-
-.btn-secondary {
-  @apply bg-secondary dark:bg-secondary-d text-secondary-t dark:text-secondary-dt hover:bg-secondary dark:hover:bg-secondary-d hover:text-secondary-t dark:hover:text-secondary-dt;
-}
-
-.btn-success {
-  @apply bg-success dark:bg-success-d text-success-t dark:text-success-dt hover:bg-success dark:hover:bg-success hover:text-success-t dark:hover:text-success-dt;
-}
-
-.btn-danger {
-  @apply bg-danger dark:bg-danger-d text-danger-t dark:text-danger-dt hover:bg-danger dark:hover:bg-danger hover:text-danger-t dark:hover:text-danger-dt;
-}
-
-.btn-warning {
-  @apply bg-warning dark:bg-warning-d text-warning-t dark:text-warning-dt hover:bg-warning dark:hover:bg-warning hover:text-warning-t dark:hover:text-warning-dt;
-}
-
-.btn-icon {
-  @apply flex w-fit min-h-6 px-1.5 py-1.5 rounded-sm font-medium bg-primary dark:bg-primary-d text-primary-t dark:text-primary-dt hover:bg-secondary dark:hover:bg-secondary-d hover:text-secondary-t dark:hover:text-secondary-dt cursor-pointer;
-}
-
-.input-primary {
-  @apply w-full p-[6.5px] border-b border-page-t/50 dark:border-page-dt/50 bg-primary/5 rounded-sm outline-0 
-}
-
-.nav-item {
-  @apply p-1
-}
-
-.table-row {
-  @apply hover:bg-secondary/10 dark:hover:bg-secondary-d/10 transition-colors duration-100
-}
-
-.table-cell {
-  @apply px-2 py-0.5 text-sm border border-primary/30 dark:border-primary-dt/30;
-}
-
-.table-actions {
-  @apply flex  justify-center items-center space-x-1;
-}
-
-nav a.router-link-active {
-  @apply bg-secondary/30 dark:bg-secondary-d/30 border-secondary dark:border-secondary-d
-}
-
-.with-transition {
-  @apply transition-all duration-300
-}
-
-/**
- * Switch
- */
-.toggle-checkbox:checked {
-  @apply right-0 border-slate-500
-}
-
-.toggle-checkbox:checked + .toggle-label {
-  @apply bg-slate-500
-}
\ No newline at end of file
diff --git a/src/css/base.css b/src/css/base.css
deleted file mode 100644
index f2c8fdd..0000000
--- a/src/css/base.css
+++ /dev/null
@@ -1,5 +0,0 @@
-@import './app.css';
-@import './icons.css';
-@import './notifications.css';
-@import "vue-multiselect/dist/vue-multiselect.css";
-@import './multiselect.css';
\ No newline at end of file
diff --git a/src/css/icons.css b/src/css/icons.css
deleted file mode 100644
index d81e33f..0000000
--- a/src/css/icons.css
+++ /dev/null
@@ -1,132 +0,0 @@
-/*
-* Outlined
-*
-* https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0
-* https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2
-*/
-@font-face {
-    font-family: 'Material Symbols Outlined';
-    font-style: normal;
-    font-weight: 400;
-    src: url(./icons/google/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
-}
-
-/**
-* Outlined fill
-*
-* https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,1,0
-* https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2
-*/
-@font-face {
-    font-family: 'Material Symbols Outlined Fill';
-    font-style: normal;
-    font-weight: 400;
-    src: url(./icons/google/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
-}
-
-/**
-* Rounded
-*
-* https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0
-* https://fonts.gstatic.com/s/materialsymbolsrounded/v168/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2
-*/
-@font-face {
-  font-family: 'Material Symbols Rounded';
-  font-style: normal;
-  font-weight: 400;
-  src: url(./icons/google/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2) format('woff2');
-}
-
-/**
-* rounded-sm fill
-*
-* https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,1,0
-* https://fonts.gstatic.com/s/materialsymbolsrounded/v168/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDJ_vb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2
-*/
-@font-face {
-    font-family: 'Material Symbols rounded-sm Fill';
-    font-style: normal;
-    font-weight: 400;
-    src: url(./icons/google/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDJ_vb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2) format('woff2');
-}
-
-/**
-* Sharp
-*
-* https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@24,400,0,0
-* https://fonts.gstatic.com/s/materialsymbolssharp/v166/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReaU4bHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCL.woff2
-*/
-@font-face {
-    font-family: 'Material Symbols Sharp';
-    font-style: normal;
-    font-weight: 400;
-    src: url(./icons/google/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReaU4bHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCL.woff2) format('woff2');
-}
-
-/**
-* Sharp fill
-*
-* https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@24,400,1,0
-* https://fonts.gstatic.com/s/materialsymbolssharp/v166/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReYU3rHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCL.woff2
-*/
-@font-face {
-    font-family: 'Material Symbols Sharp Fill';
-    font-style: normal;
-    font-weight: 400;
-    src: url(./icons/google/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReYU3rHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCL.woff2) format('woff2');
-}
-
-/* Clases para MaterialIcon component */
-.material-symbols-outlined {
-    font-family: 'Material Symbols Outlined';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;
-    display: inline-block;
-    line-height: 1;
-    text-transform: none;
-    letter-spacing: normal;
-    word-wrap: normal;
-    white-space: nowrap;
-    direction: ltr;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-rendering: optimizeLegibility;
-    font-feature-settings: 'liga';
-}
-
-.material-symbols-rounded {
-    font-family: 'Material Symbols Rounded';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;
-    display: inline-block;
-    line-height: 1;
-    text-transform: none;
-    letter-spacing: normal;
-    word-wrap: normal;
-    white-space: nowrap;
-    direction: ltr;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-rendering: optimizeLegibility;
-    font-feature-settings: 'liga';
-}
-
-.material-symbols-sharp {
-    font-family: 'Material Symbols Sharp';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;
-    display: inline-block;
-    line-height: 1;
-    text-transform: none;
-    letter-spacing: normal;
-    word-wrap: normal;
-    white-space: nowrap;
-    direction: ltr;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-rendering: optimizeLegibility;
-    font-feature-settings: 'liga';
-}
diff --git a/src/css/icons/google/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReYU3rHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCL.woff2 b/src/css/icons/google/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReYU3rHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCL.woff2
deleted file mode 100644
index d4912be..0000000
Binary files a/src/css/icons/google/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReYU3rHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCL.woff2 and /dev/null differ
diff --git a/src/css/icons/google/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReaU4bHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCL.woff2 b/src/css/icons/google/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReaU4bHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCL.woff2
deleted file mode 100644
index d6f770d..0000000
Binary files a/src/css/icons/google/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReaU4bHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCL.woff2 and /dev/null differ
diff --git a/src/css/icons/google/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2 b/src/css/icons/google/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2
deleted file mode 100644
index 5b2397e..0000000
Binary files a/src/css/icons/google/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2 and /dev/null differ
diff --git a/src/css/icons/google/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2 b/src/css/icons/google/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2
deleted file mode 100644
index f46d871..0000000
Binary files a/src/css/icons/google/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2 and /dev/null differ
diff --git a/src/css/icons/google/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2 b/src/css/icons/google/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2
deleted file mode 100644
index 03d95f1..0000000
Binary files a/src/css/icons/google/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2 and /dev/null differ
diff --git a/src/css/icons/google/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDJ_vb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2 b/src/css/icons/google/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDJ_vb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2
deleted file mode 100644
index 9d8bf82..0000000
Binary files a/src/css/icons/google/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDJ_vb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2 and /dev/null differ
diff --git a/src/css/multiselect.css b/src/css/multiselect.css
deleted file mode 100644
index 3a3fcb6..0000000
--- a/src/css/multiselect.css
+++ /dev/null
@@ -1,57 +0,0 @@
-.multiselect {
-    @apply dark:text-white min-h-8;
-  }
-
-.multiselect__input,
-.multiselect__single  {
-    @apply bg-white dark:bg-transparent dark:text-white
-}
-
-.multiselect__input::placeholder {
-  @apply text-gray-300;
-}
-
-.multiselect__tag {
-  @apply bg-success dark:bg-success-d;
-}
-
-.multiselect__tag-icon::after {
-  @apply text-gray-300;
-}
-
-.multiselect__tag-icon:focus::after,
-.multiselect__tag-icon:hover::after {
-  @apply text-white;
-}
-
-.multiselect__tags {
-  @apply bg-primary/5  dark:bg-primary-d/5 min-h-8 border-0 border-b border-page-t/50 dark:border-page-dt/50 pt-1;
-}
-
-.multiselect__option--highlight {
-  @apply dark:bg-green-900 dark:text-white outline-0;
-}
-
-.multiselect__option--highlight::after {
-  @apply dark:bg-green-800 dark:text-white;
-}
-
-.multiselect__option--selected.multiselect__option--highlight {
-    @apply bg-red-500 dark:bg-red-600 text-white;
-  }
-
-  .multiselect__option--selected.multiselect__option--highlight::after {
-    @apply bg-red-400 dark:bg-red-500 text-white;
-  }
-
-.multiselect__content-wrapper {
-    @apply bg-page dark:bg-page-d;
-  }
-
-  
-  .multiselect--disabled,
-  .multiselect--disabled .multiselect__select,
-  .multiselect--disabled .multiselect__current,
-  .multiselect__option--disabled.multiselect__option--highlight{
-    background: none;
-  }
\ No newline at end of file
diff --git a/src/css/notifications.css b/src/css/notifications.css
deleted file mode 100644
index 6f1dd57..0000000
--- a/src/css/notifications.css
+++ /dev/null
@@ -1,234 +0,0 @@
-.toast-title {
-    font-weight: bold;
-  }
-  .toast-message {
-    -ms-word-wrap: break-word;
-    word-wrap: break-word;
-  }
-  .toast-message a,
-  .toast-message label {
-    color: #FFFFFF;
-  }
-  .toast-message a:hover {
-    color: #CCCCCC;
-    text-decoration: none;
-  }
-  .toast-close-button {
-    position: relative;
-    right: -0.3em;
-    top: -0.3em;
-    float: right;
-    font-size: 20px;
-    font-weight: bold;
-    color: #FFFFFF;
-    -webkit-text-shadow: 0 1px 0 #ffffff;
-    text-shadow: 0 1px 0 #ffffff;
-    opacity: 0.8;
-    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-    filter: alpha(opacity=80);
-    line-height: 1;
-  }
-  .toast-close-button:hover,
-  .toast-close-button:focus {
-    color: #000000;
-    text-decoration: none;
-    cursor: pointer;
-    opacity: 0.4;
-    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-    filter: alpha(opacity=40);
-  }
-  .rtl .toast-close-button {
-    left: -0.3em;
-    float: left;
-    right: 0.3em;
-  }
-  /*Additional properties for button version
-   iOS requires the button element instead of an anchor tag.
-   If you want the anchor version, it requires `href="#"`.*/
-  button.toast-close-button {
-    padding: 0;
-    cursor: pointer;
-    background: transparent;
-    border: 0;
-    -webkit-appearance: none;
-  }
-  .toast-top-center {
-    top: 0;
-    right: 0;
-    width: 100%;
-  }
-  .toast-bottom-center {
-    bottom: 0;
-    right: 0;
-    width: 100%;
-  }
-  .toast-top-full-width {
-    top: 0;
-    right: 0;
-    width: 100%;
-  }
-  .toast-bottom-full-width {
-    bottom: 0;
-    right: 0;
-    width: 100%;
-  }
-  .toast-top-left {
-    top: 12px;
-    left: 12px;
-  }
-  .toast-top-right {
-    top: 12px;
-    right: 12px;
-  }
-  .toast-bottom-right {
-    right: 12px;
-    bottom: 12px;
-  }
-  .toast-bottom-left {
-    bottom: 12px;
-    left: 12px;
-  }
-  #toast-container {
-    position: fixed;
-    z-index: 999999;
-    pointer-events: none;
-    /*overrides*/
-  }
-  #toast-container * {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-  #toast-container > div {
-    position: relative;
-    pointer-events: auto;
-    overflow: hidden;
-    margin: 0 0 6px;
-    padding: 15px 15px 15px 50px;
-    width: 300px;
-    -moz-border-radius: 3px 3px 3px 3px;
-    -webkit-border-radius: 3px 3px 3px 3px;
-    border-radius: 3px 3px 3px 3px;
-    background-position: 15px center;
-    background-repeat: no-repeat;
-    -moz-box-shadow: 0 0 12px #999999;
-    -webkit-box-shadow: 0 0 12px #999999;
-    box-shadow: 0 0 12px #999999;
-    color: #FFFFFF;
-    opacity: 0.8;
-    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-    filter: alpha(opacity=80);
-  }
-  #toast-container > div.rtl {
-    direction: rtl;
-    padding: 15px 50px 15px 15px;
-    background-position: right 15px center;
-  }
-  #toast-container > div:hover {
-    -moz-box-shadow: 0 0 12px #000000;
-    -webkit-box-shadow: 0 0 12px #000000;
-    box-shadow: 0 0 12px #000000;
-    opacity: 1;
-    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-    filter: alpha(opacity=100);
-    cursor: pointer;
-  }
-  #toast-container > .toast-info {
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
-  }
-  #toast-container > .toast-error {
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
-  }
-  #toast-container > .toast-success {
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
-  }
-  #toast-container > .toast-warning {
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
-  }
-  #toast-container.toast-top-center > div,
-  #toast-container.toast-bottom-center > div {
-    width: 300px;
-    margin-left: auto;
-    margin-right: auto;
-  }
-  #toast-container.toast-top-full-width > div,
-  #toast-container.toast-bottom-full-width > div {
-    width: 96%;
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .toast {
-    background-color: #030303;
-  }
-
-  .toast-success {
-    @apply bg-success dark:bg-success-d;
-  }
-
-  .toast-error {
-    @apply bg-danger dark:bg-danger-d;
-  }
-
-  .toast-info {
-    @apply bg-primary-info dark:bg-primary-info-d;
-  }
-  
-  .toast-warning {
-    @apply bg-warning dark:bg-warning-d;
-  }
-  
-  .toast-progress {
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    height: 4px;
-    background-color: #000000;
-    opacity: 0.4;
-    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-    filter: alpha(opacity=40);
-  }
-  /*Responsive Design*/
-  @media all and (max-width: 240px) {
-    #toast-container > div {
-      padding: 8px 8px 8px 50px;
-      width: 11em;
-    }
-    #toast-container > div.rtl {
-      padding: 8px 50px 8px 8px;
-    }
-    #toast-container .toast-close-button {
-      right: -0.2em;
-      top: -0.2em;
-    }
-    #toast-container .rtl .toast-close-button {
-      left: -0.2em;
-      right: 0.2em;
-    }
-  }
-  @media all and (min-width: 241px) and (max-width: 480px) {
-    #toast-container > div {
-      padding: 8px 8px 8px 50px;
-      width: 18em;
-    }
-    #toast-container > div.rtl {
-      padding: 8px 50px 8px 8px;
-    }
-    #toast-container .toast-close-button {
-      right: -0.2em;
-      top: -0.2em;
-    }
-    #toast-container .rtl .toast-close-button {
-      left: -0.2em;
-      right: 0.2em;
-    }
-  }
-  @media all and (min-width: 481px) and (max-width: 768px) {
-    #toast-container > div {
-      padding: 15px 15px 15px 50px;
-      width: 25em;
-    }
-    #toast-container > div.rtl {
-      padding: 15px 50px 15px 15px;
-    }
-  }
-  
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
deleted file mode 100644
index 7944ce4..0000000
--- a/src/index.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import Aura from '@primeuix/themes/aura';
-import './css/base.css'
-
-import axios from 'axios';
-import { createPinia } from 'pinia'
-import { createApp } from 'vue'
-import { useRoute, ZiggyVue } from 'ziggy-js';
-import { i18n, lang } from '@Lang/i18n.js';
-import router from '@Router/Index'
-import Notify from '@Plugins/Notify'
-import { bootPermissions, bootRoles } from '@Plugins/RolePermission';
-import TailwindScreen from '@Plugins/TailwindScreen'
-import { pagePlugin } from '@Services/Page';
-import { defineApp, reloadApp, view } from '@Services/Page';
-import { apiURL } from '@Services/Api';
-import VueApexCharts from "vue3-apexcharts";
-import VCalendar from 'v-calendar';
-import PrimeVue from 'primevue/config';
-import 'v-calendar/style.css';
-
-import { definePreset } from '@primeuix/themes';
-import Button from 'primevue/button';
-
-
-
-import App from '@Components/App.vue'
-import Error503 from '@Pages/Errors/503.vue'
-import { hasToken } from './services/Api';
-
-// Configurar axios
-axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
-
-// Elementos globales
-window.axios = axios;
-window.Lang = lang;
-window.Notify = new Notify();
-window.TwScreen = new TailwindScreen();
-
-async function boot() {
-    let initRoutes = false;
-
-    // Iniciar rutas
-    try {
-        const routes = await axios.get(apiURL('resources/routes'));
-        const appData = await axios.get(apiURL('resources/app'));
-
-        window.Ziggy = routes.data;
-        defineApp(appData.data);
-        window.route = useRoute();
-        window.view = view;
-        initRoutes = true;
-    } catch (error) {
-        window.Notify.error(window.Lang('server.api.noAvailable'));
-    }
-
-    if (initRoutes) {
-        // Iniciar permisos
-        if (hasToken()) {
-            await bootPermissions();
-            await bootRoles();
-
-            // Iniciar broadcast
-            if (import.meta.env.VITE_REVERB_ACTIVE === 'true') {
-                await import('@Services/Broadcast')
-            }
-        }
-
-        reloadApp();
-
-        const MyPreset = definePreset(Aura, {
-            semantic: {
-                primary: {
-                    50: '{neutral.50}',
-                    100: '{neutral.100}',
-                    200: '{neutral.200}',
-                    300: '{neutral.300}',
-                    400: '{neutral.400}',
-                    500: '{neutral.500}',
-                    600: '{neutral.600}',
-                    700: '{neutral.700}',
-                    800: '{neutral.800}',
-                    900: '{neutral.900}',
-                    950: '{neutral.950}'
-                },
-            }
-        });
-
-        createApp(App)
-            .use(createPinia())
-            .use(i18n)
-            .use(pagePlugin)
-            .use(router)
-            .use(ZiggyVue)
-            .use(VCalendar, {})
-            .use(VueApexCharts)
-            .use(PrimeVue, {
-                theme: {
-                    preset: MyPreset
-                }
-            })
-            .mount('#app');
-    } else {
-        createApp(Error503)
-            .mount('#app');
-    }
-}
-
-// Iniciar aplicación
-boot();
diff --git a/src/lang/en.js b/src/lang/en.js
deleted file mode 100644
index e29c383..0000000
--- a/src/lang/en.js
+++ /dev/null
@@ -1,205 +0,0 @@
-export default {
-    '&':'and',
-    account: {
-        delete: {
-            confirm:'Are you sure you want to delete your account? Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.',
-            description: 'Permanently delete your account.',
-            onDelete:'Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.',
-            title:'Delete Account',
-        },
-        email: {
-            notifySendVerification:'A new verification link has been sent to your email address.',
-            sendVerification:'Click here to re-send the verification email',
-            unverify: 'Your email address is unverified.',
-        },
-        manage:'Manage Account',
-        password: {
-            description:'Ensure your account is using a long, random password to stay secure.',
-            new:'New password',
-            reset:'Reset password',
-            secure:'This is a secure area of the application. Please confirm your password before continuing.',
-            update: 'Update Password',
-            verify:'For your security, please confirm your password to continue.',
-        },
-        profile: {
-            description:'Update your account\'s profile information and email address.',
-            title:'Profile Information',
-        },
-        sessions: {
-            confirm:'Please enter your password to confirm you would like to log out of your other browser sessions across all of your devices.',
-            description: 'Manage and log out your active sessions on other browsers and devices.',
-            last:'Last active',
-            logout:'Log Out Other Browser Sessions',
-            onLogout:'If necessary, you may log out of all of your other browser sessions across all of your devices. Some of your recent sessions are listed below; however, this list may not be exhaustive. If you feel your account has been compromised, you should also update your password.',
-            this: 'This device',
-            title: 'Browser Sessions',
-        },
-        twoFactor: {
-            codes:{
-                regenerate:'Regenerate Recovery Codes',
-                show:'Show Recovery Codes',
-                store:'Store these recovery codes in a secure password manager. They can be used to recover access to your account if your two factor authentication device is lost.',
-            },
-            description:'Add additional security to your account using two factor authentication.',
-            isEnable:'You have enabled two factor authentication.',
-            isNotEnable:{
-                title:'You have not enabled two factor authentication.',
-                description:'When two factor authentication is enabled, you will be prompted for a secure, random token during authentication. You may retrieve this token from your phone\'s Google Authenticator application.',
-            },
-            key:'Setup Key',
-            login: {
-                onAuth: 'Please confirm access to your account by entering the authentication code provided by your authenticator application.',
-                onRecovery: 'Please confirm access to your account by entering one of your emergency recovery codes.',
-            },
-            onFinish:'Finish enabling two factor authentication.',
-            qr: {
-                isConfirmed: 'Two factor authentication is now enabled. Scan the following QR code using your phone\'s authenticator application or enter the setup key.',
-                onConfirmed: 'To finish enabling two factor authentication, scan the following QR code using your phone\'s authenticator application or enter the setup key and provide the generated OTP code.',
-            },
-            recovery: {
-                code: 'Recovery code',
-                useAuth: 'Use an authentication code',
-                useCode: 'Use a recovery code',
-            },
-            title:'Two Factor Authentication',
-        },
-    },
-    actions:'Actions',
-    auth: {
-        forgotPassword: {
-            ask: 'Forgot your password?',
-            description: 'Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.',
-            sendLink: 'Email Password Reset Link',
-            title: 'Forgot Password',
-        },
-        login: 'Log In',
-        logout: 'Log Out',
-        register: {
-            already: 'Already registered?',
-            me: 'Register me',
-        },
-        remember: 'Remember me',
-    },
-    code:'Code',
-    cancel:'Cancel',
-    changelogs: {
-        title:'Changelogs',
-        description: 'List of changes made to the system.',
-    },
-    close:"Close",
-    confirm:'Confirm',
-    copyright:'All rights reserved.',
-    contact:'Contact',
-    description:'Description',
-    date:'Date',
-    delete: {
-        confirm:"By pressing DELETE the record will be permanently deleted and cannot be recovered.",
-        title:'Deleted',
-    },
-    deleted:'Deleted',
-    details:'Details',
-    disable:'Disable',
-    disabled:'Disable',
-    done:'Done.',
-    edit:'Edit',
-    email:'Email',
-    enable:'Enable',
-    endDate:'End date',
-    event:'Event',
-    help: {
-        description:'The following is a list of iconography to understand how the system works.',
-        home: 'Back to home page.',
-        title:'Help',
-    },
-    history: {
-        title:'Stock history',
-        description:'History of actions performed by users in chronological order.',
-    },
-    home:'Home',
-    hour:'Hour',
-    icon:'Icon',
-    maternal:'Mother\'s last name',
-    name:'Name',
-    noRecords:'No records',
-    notifications: {
-        deleted:'Notification deleted',
-        description:'User notifications',
-        notFound:'Notification not found',
-        title:'Notifications',
-    },
-    password:'Password',
-    passwordConfirmation:'Confirm Password',
-    passwordCurrent:'Current Password',
-    paternal:'Paternal surname',
-    phone:'Phone Number',
-    photo: {
-        new: 'Select A New Photo',
-        remove:'Remove Photo',
-        title:'Photo',
-    },
-    profile:'Profile',
-    readed:'Readed',
-    register: {
-        agree:'I agree to the',
-        privacy:'Privacy Policy',
-        signUp:'Sign Up',
-        terms:'Terms of Service',
-    },
-    role:'Role',
-    roles:{
-        create: {
-            title: 'Create role',
-            description: 'These roles will be used to give permissions in the system.',
-            onSuccess: 'Role successfully created',
-            onError: 'Error when creating the role',
-        },
-        deleted:'Role deleted',
-        title: 'Roles',
-    },
-    save:'Save',
-    saved:'Saved!',
-    search:'Search',
-    show: {
-        all:'Show All',
-        title:'Show',
-    },
-    startDate:'Start date',
-    status:'Status',
-    terms: {
-        agree:'I agree to the',
-        privacy:'Privacy Policy',
-        service:'Terms of Service',
-    },
-    unknown:'Unknown',
-    update:'Update',
-    updated:'Updated',
-    updateFail:'Error while updating',
-    unreaded:'Unreaded',
-    user:'User',
-    users:{
-        create:{
-            title:'Create user',
-            description:'Allows you to create new users. Don\'t forget to give them roles so that they can access the desired parts of the system.',
-            onSuccess:'User created',
-            onError:'An error occurred while creating the user',
-        },
-        deleted:'User deleted',
-        notFount:'User not found',
-        password: {
-            description:'Allows users\' passwords to be updated',
-            title:'Update password',
-        },
-        roles: {
-            description:'Updates user roles, allowing or denying access to certain areas.',
-            error:{
-                min:'Select at least one role'
-            },
-            title:'Roles',
-        },
-        select:'Select a user',
-        settings:'User setting',
-        system:'System users',
-        title:'Users',
-    },
-    version:'Version',
-}
\ No newline at end of file
diff --git a/src/lang/es.js b/src/lang/es.js
deleted file mode 100644
index d410a72..0000000
--- a/src/lang/es.js
+++ /dev/null
@@ -1,528 +0,0 @@
-import { success } from "toastr";
-
-export default {
-    '&':'y',
-    account: {
-        delete: {
-            confirm:'¿Está seguro de que quiere eliminar su cuenta? Una vez eliminada su cuenta, todos sus recursos y datos se borrarán permanentemente. Por favor, introduzca su contraseña para confirmar que desea eliminar permanentemente su cuenta.',
-            description:'Eliminar permanentemente su cuenta.',
-            onDelete:'Una vez eliminada su cuenta, todos sus recursos y datos se borrarán permanentemente. Antes de eliminar su cuenta, descargue los datos o la información que desee conservar.',
-            title:'Eliminar cuenta',
-        },
-        email: {
-            notifySendVerification:'Se ha enviado un nuevo enlace de verificación a su dirección de correo electrónico.',
-            sendVerification:'Haga clic aquí para volver a enviar el correo electrónico de verificación.',
-            unverify: 'Su dirección de correo electrónico no está verificada.',
-        },
-        manage:'Administrar cuenta',
-        password: {
-            description:'Asegúrese de que su cuenta utiliza una contraseña larga y aleatoria para estar seguro.',
-            new:'Nueva contraseña',
-            reset:'Restaurar contraseña',
-            secure:'Esta es una zona segura de la aplicación. Confirme su contraseña antes de continuar.',
-            update: 'Actualizar contraseña',
-            updated:'Contraseña actualizada',
-            verify:'Por su seguridad, confirme su contraseña para continuar.',
-        },
-        profile: {
-            description:'Actualice la información del perfil de su cuenta y su dirección de correo electrónico.',
-            title:'Información del perfil',
-            updated:'Perfil actualizado',
-        },
-        sessions: {
-            confirm:'Por favor, introduzca su contraseña para confirmar que desea salir de sus otras sesiones de navegación en todos sus dispositivos.',
-            description: 'Gestiona y cierra tus sesiones activas en otros navegadores y dispositivos.',
-            last:'Último activo',
-            logout:'Cerrar otras sesiones del navegador',
-            done:'Sesiones cerradas',
-            onLogout:'Si es necesario, puede cerrar la sesión de todos sus otros navegadores en todos sus dispositivos. A continuación se enumeran algunas de sus sesiones recientes; sin embargo, esta lista puede no ser exhaustiva. Si crees que tu cuenta ha sido comprometida, también deberías actualizar tu contraseña.',
-            this: 'Dispositivo actual',
-            title: 'Sesiones del navegador',
-        },
-        twoFactor: {
-            codes:{
-                regenerate:'Regenerar los códigos de recuperación',
-                show:'Mostrar códigos de recuperación',
-                store:'Guarde estos códigos de recuperación en un gestor de contraseñas seguro. Pueden utilizarse para recuperar el acceso a su cuenta si se pierde su dispositivo de autenticación de dos factores.',
-            },
-            description:'Añada seguridad adicional a su cuenta mediante la autenticación de dos factores.',
-            isEnable:'Ha activado la autenticación de dos factores.',
-            isNotEnable:{
-                title:'No ha activado la autenticación de dos factores.',
-                description:'Cuando la autenticación de dos factores está activada, se le pedirá un token seguro y aleatorio durante la autenticación. Puedes recuperar este token desde la aplicación Google Authenticator de tu teléfono.',
-            },
-            key:'Llave de configuración',
-            login: {
-                onAuth: 'Por favor, confirme el acceso a su cuenta introduciendo el código de autentificación proporcionado por su aplicación de autentificación.',
-                onRecovery: 'Confirme el acceso a su cuenta introduciendo uno de sus códigos de recuperación de emergencia.',
-            },
-            onFinish:'Termina de habilitar la autenticación de dos factores.',
-            qr: {
-                isConfirmed: 'La autenticación de dos factores ya está activada. Escanee el siguiente código QR con la aplicación de autenticación de su teléfono o introduzca la clave de configuración.',
-                onConfirmed: 'Para terminar de habilitar la autenticación de dos factores, escanea el siguiente código QR utilizando la aplicación de autenticación de tu teléfono o introduce la clave de configuración y proporciona el código OTP generado.',
-            },
-            recovery: {
-                code: 'Código de recuperación',
-                useAuth: 'Utilizar un código de autentificación',
-                useCode: 'Utiliza un código de recuperación',
-            },
-            title:'Autenticación de dos factores',
-        },
-        title: 'Cuenta',
-    },
-    actions:'Acciones',
-    activity:'Actividad',
-    add: 'Agregar',
-    admin: {
-        title: 'Administración',
-        activity: {
-            title: 'Historial de acciones',
-            description: 'Historial de acciones realizadas por los usuarios en orden cronológico.'
-        },
-        products: {
-            name: 'Productos',
-            title: 'Productos',
-            description: 'Gestión del catálogo de productos',
-            create: {
-                title: 'Crear producto',
-                description: 'Permite crear un nuevo producto en el catálogo con sus clasificaciones y atributos personalizados.'
-            },
-            edit: {
-                title: 'Editar producto',
-                description: 'Actualiza la información del producto, sus clasificaciones y atributos.'
-            }
-        }
-    },
-    app: {
-        theme: {
-            dark: 'Tema oscuro',
-            light: 'Tema claro'
-        }
-    },
-    approve: 'Aprobar',
-    assigned_budget: 'Presupuesto asignado',
-    available_budget: 'Presupuesto disponible',
-    assistances: {
-        create: {
-            title: 'Generar asistencia',
-            description: 'Genera una instantánea del Head Count actual de los empleados, por planta y por línea de producción.',
-        },
-        title: 'Asistencias',
-    },
-    auth: {
-        confirmPassword: {
-            description: 'Esta es una zona segura de la aplicación. Por favor, confirma tu contraseña antes de continuar.',
-            title: 'Confirmar contraseña',
-        },
-        forgotPassword: {
-            ask: '¿Olvidaste tu contraseña?',
-            description: '¿Ha olvidado su contraseña? No hay problema. Sólo tienes que indicarnos tu dirección de correo electrónico y te enviaremos un enlace para restablecer la contraseña que te permitirá elegir una nueva.',
-            sendLink: 'Enviar enlace de recuperación',
-            title: 'Contraseña olvidada',
-            success: 'Se ha enviado un enlace de recuperación a su dirección de correo electrónico.',
-            error: 'Error al enviar el enlace de recuperación, intente más tarde.',
-        },
-        login: 'Iniciar sesión',
-        logout: 'Cerrar sesión',
-        register: {
-            already: '¿Ya estas registrado?',
-            me: 'Registrarme',
-        },
-        reset: {
-            success: 'Contraseña actualizada',
-            title: 'Restaurar contraseña',
-        },
-        remember: 'Recuerdame',
-        verifyEmail: {
-            beforeContinue: 'Antes de continuar, ¿podrías verificar tu correo electrónico haciendo clic en el enlace que acabamos de enviar a ti? Si no recibiste el correo electrónico, estaremos encantados de enviarte otro.',
-            sendLink: 'Enviar correo de verificación',
-            title: 'Verificación de correo electrónico',
-            notifySendVerification: 'Se ha enviado un nuevo enlace de verificación a su dirección de correo electrónico.',
-        },
-    },
-    author:'Autor',
-    code:'Código',
-    contracted_at: 'Fecha contratación',
-    cancel:'Cancelar',
-    changes:'Cambios',
-    changelogs: {
-        title:'Historial de cambios',
-        description: 'Lista de los cambios realizados al sistema.',
-    },
-    certification_name: 'Nombre de certificación',
-    certification_type: 'Tipo de certificación',
-    clear: 'Limpiar',
-    close:"Cerrar",
-    company: 'Empresa',
-    confirm:'Confirmar',
-    copyright:'Todos los derechos reservados.',
-    contact:'Contacto',
-    cost: 'Costo',
-    courses: {
-        title: 'Cursos',
-        description: 'Gestión de cursos de capacitación'
-    },
-    create: 'Crear',
-    created: 'Registro creado',
-    created_at: 'Fecha creación',
-    crud: {
-        create: 'Nuevo registro',
-        edit: 'Editar registro',
-        destroy: 'Eliminar registro',
-        show: 'Más detalles',
-        import: 'Importación'
-    },
-    currency: 'Moneda',
-    dashboard: 'Dashboard',
-    date: 'Fecha',
-    date_expiration: 'Fecha de expiración',
-    date_obtained: 'Fecha de obtención',
-    department: 'Departamento',
-    dates: {
-        start: 'Fecha Inicial',
-        end: 'Fecha Final'
-    },
-    days: {
-        title: 'Día',
-        monday: 'Lunes',
-        tuesday: 'Martes',
-        wednesday: 'Miércoles',
-        thursday: 'Jueves',
-        friday: 'Viernes',
-        saturday: 'Sábado',
-        sunday: 'Domingo'
-    },
-    delete:{
-        confirm: 'Al presionar ELIMINAR el registro se eliminará permanentemente y no podrá recuperarse.',
-        title: 'Eliminar',
-    },
-    degreeType: 'Tipo de grado',
-    deleted:'Registro eliminado',
-    description:'Descripción',
-    duration: 'Duración',
-    details:'Detalles',
-    disable:'Deshabilitar',
-    disabled:'Deshabilitado',
-    done:'Hecho.',
-    edit:'Editar',
-    edited:'Registro creado',
-    active:'Activo',
-    inactive:'Inactivo',
-    email:{
-        title:'Correo',
-        verification:'Verificar correo'
-    },
-    exam_date: 'Fecha de examen',
-    employees: {
-        create: {
-            title: 'Crear empleado',
-        },
-        edit: {
-            title: 'Editar empleado',
-        },
-        title: 'Empleados'
-    },
-    enable:'Habilitar',
-    enabled:'Habilitado',
-    endDate:'Fecha Fin',
-    event:'Evento',
-    event_name: 'Nombre del evento',
-    files: {
-        excel: 'Archivo excel',
-        select: 'Seleccionar archivo'
-    },
-    help: {
-        description:'A continuación se lista la iconografía para entender el funcionamiento del sistema.',
-        home: 'Volver a la pagina de inicio.',
-        title:'Ayuda',
-    },
-    headquarter: 'Sede',
-    hire_date: 'Fecha de contratación',
-    institution: 'Institución',
-    history: {
-        title:'Historial de acciones',
-        description:'Historial de acciones realizadas por los usuarios en orden cronológico.'
-    },
-    home:'Inicio',
-    hour:'Hora',
-    icon:'Icono',
-    import: 'Importar',
-    items: 'Elementos',
-    location: 'Ubicación',
-    maternal:'Apellido materno',
-    message:'Mensaje',
-    menu:'Menú',
-    name:'Nombre',
-    noRecords:'Sin registros',
-    number: 'Número',
-    notification:'Notificación',
-    notifications: {
-        unreadClosed:'Ocultas',
-        readed:'Marcar como leído',
-        deleted:'Notificación eliminada',
-        description:'Notificaciones del usuario',
-        notFound:'Notificación no encontrada',
-        title:'Notificaciones',
-        seeAll:'Ver todas',
-    },
-    omitted:'Omitida',
-    participants_count: 'Cantidad de participantes',
-    password:'Contraseña',
-    passwordConfirmation:'Confirmar contraseña',
-    passwordCurrent:'Contraseña actual',
-    passwordReset:'Restaurar contraseña',
-    paternal:'Apellido paterno',
-    petty_cash: {
-        title: 'Caja Chica',
-        description: 'Gestión de caja chica para gastos menores'
-    },
-    pettyCashes: {
-        create: {
-            description: 'Crea una nueva caja chica para gestión de gastos menores'
-        },
-        edit: {
-            description: 'Modifica los datos de la caja chica seleccionada'
-        }
-    },
-    phone:'Teléfono',
-    photo: {
-        new: 'Seleccionar una nueva foto',
-        remove:'Remover foto',
-        title:'Foto',
-    },
-    plant: 'Continente',
-    plants: {
-        create: {
-            title: 'Crear continente',
-        },
-        edit: {
-            title: 'Editar continente',
-        },
-        title: 'Continentes'
-    },
-    'production-line': 'Línea de producción',
-    'production-lines': {
-        create: {
-            title: 'Crear línea de producción',
-        },
-        edit: {
-            title: 'Editar línea de producción',
-        },
-        title: 'Líneas de producción'
-    },
-    profile:'Perfil',
-    readed:'Leído',
-    read_at:'Fecha leído',
-    refresh: 'Recargar',
-    register: {
-        create: {
-            onError: 'Error al crear el registro',
-            onSuccess: 'Registro creado',
-        },
-        edit: {
-            onError: 'Error al actualizar el registro',
-            onSuccess: 'Registro actualizado',
-        },
-        agree:'Estoy de acuerdo con los',
-        privacy:'Política de Privacidad',
-        signUp:'Registrarme',
-        terms:'Términos de Servicio',
-    },
-    registers:{
-        title:'Registros',
-        empty:'Sin registros',
-    },
-    remove: 'Remover',
-    reports: {
-        description: 'Listado de reportes del sistema.',
-        plants: {
-            title: 'Reporte de empleados por continente',
-            description: 'Este reporte muestra el número de empleados contratados, por continente y línea de producción en función del tiempo.',
-        },
-        productionLines: {
-            title: 'Reporte de empleados por línea de producción',
-            description: 'Este reporte muestra el número de empleados contratados, por línea de producción y continente en función del tiempo.',
-        },
-        title: 'Reportes',
-    },
-    return: 'Regresar',
-    role:'Rol',
-    roles:{
-        create: {
-            title: 'Crear rol',
-            description: 'Este nombre sera necesario para identificar el rol en el sistema. Procura que sea algo simple.',
-            onSuccess: 'Rol creado exitosamente',
-            onError: 'Error al crear el role',
-        },
-        deleted:'Rol eliminado',
-        edit: {
-            title: 'Editar rol',
-            onSuccess: 'Rol actualizado exitosamente',
-            onError: 'Error al actualizar el role',
-        },
-        update: {
-            description: 'Si crees necesario, puedes actualizar el nombre del rol. No afecta a los permisos.',
-        },
-        title: 'Roles',
-        description: 'Gestión de roles del sistema. Puedes crear los roles con los permisos que necesites.',
-        permissions: {
-            title: 'Permisos',
-            description: 'Permisos del rol.',
-        }
-    },
-    save:'Guardar',
-    saved:'¡Guardado!',
-    search:'Buscar',
-    selected: 'Seleccionado',
-    select: 'Seleccionar',
-    server: {
-        api: {
-            noAvailable: 'No se encontró el servidor API.'
-        }
-    },
-    session: {
-        closed: 'Sesión cerrada',
-    },
-    setting: 'Configuración',
-    settings: {
-        assistances: {
-            snapshot: {
-                title: 'Captura instantánea del Head Count',
-                description: 'Esta captura genera un resumen del número de empleados contratados, por planta y por línea de producción en un momento específico.',
-            }
-        },
-        title: 'Ajustes',
-    },
-    sex: 'Género',
-    shift: 'Turno',
-    shifts: {
-        create: {
-            title: 'Crear turno'
-        },
-        edit: {
-            title: 'Editar turno'
-        },
-        title: 'Turnos'
-    },
-    show: {
-        all:'Mostrar todo',
-        title:'Mostrar',
-    },
-    startDate:'Fecha de inicio',
-    status:'Estado',
-    system:{
-        title:'Núcleo de Holos',
-    },
-    target: {
-        title: 'Meta',
-        total: 'Meta total'
-    },
-    technology: 'Tecnología',
-    technologies: {
-        create: {
-            title: 'Crear tecnología',
-        },
-        edit: {
-            title: 'Editar tecnología',
-        },
-        title: 'Tecnologías'
-    },
-    terms: {
-        agree:'Estoy de acuerdo con los',
-        privacy:'Política de privacidad',
-        service:'Términos de servicio',
-    },
-    time: {
-        start: 'Hora inicial',
-        end: 'Hora final',
-    },
-    title: 'Título',
-    total: 'Total',
-    unknown:'Desconocido',
-    update:'Actualizar',
-    updated:'Actualizado',
-    updated_at:'Fecha actualización',
-    updateFail:'Error al actualizar',
-    unreaded:'No leído',
-    url: 'URL',
-    user:'Usuario',
-    users:{
-        academic: {
-            create: {
-                certification: {
-                    description: 'Permite agregar nuevas certificaciones profesionales al historial académico del usuario.',
-                    title: 'Crear certificación'
-                },
-                record: {
-                    description: 'Permite agregar nuevos grados académicos al historial del usuario.',
-                    title: 'Crear registro académico'
-                }
-            },
-            edit: {
-                certification: {
-                    description: 'Permite modificar los datos de la certificación profesional seleccionada.',
-                    title: 'Editar certificación'
-                },
-                record: {
-                    description: 'Permite modificar los datos del registro académico seleccionado.',
-                    title: 'Editar registro académico'
-                }
-            }
-        },
-        activity: {
-            title: 'Actividad del usuario',
-            description: 'Historial de acciones realizadas por el usuario.',
-        },
-        create:{
-            title:'Crear usuario',
-            description:'Permite crear nuevos usuarios. No olvides otorgarle roles para que pueda acceder a las partes del sistema deseados.',
-            onSuccess:'Usuario creado',
-            onError:'Ocurrió un error al crear el usuario'
-        },
-        deleted:'Usuario eliminado',
-        description: 'Gestión de información general de empleados',
-        remove: 'Remover usuario',
-        edit: {
-            title: 'Editar usuario'
-        },
-        update: {
-            description: 'Actualiza los datos del usuario.',
-            onError: 'Error al actualizar el usuario',
-            onSuccess: 'Usuario actualizado',
-        },
-        notFount:'Usuario no encontrado',
-        password: {
-            description:'Permite actualizar las contraseñas de los usuarios sobre escribiéndola.',
-            title:'Actualizar contraseña',
-        },
-        roles: {
-            description:'Actualiza los roles de los usuarios, permitiendo o denegando los accesos a determinadas áreas.',
-            error:{
-                min:'Seleccionar mínimo un role'
-            },
-            title:'Roles de usuario',
-        },
-        online: {
-            description: 'Lista de usuarios conectados al sistema.',
-            title: 'Usuarios conectados',
-            count: 'Usuarios conectados.',
-        },
-        menu:'Menú de usuario',
-        select:'Seleccionar un usuario',
-        settings:'Ajustes del usuario',
-        system:'Usuarios del sistema',
-        title:'Usuarios',
-    },
-    version:'Versión',
-    welcome: 'Bienvenido',
-    workstation: 'Puesto de trabajo',
-    workstations: {
-        create: {
-            title: 'Crear puesto de trabajo',
-        },
-        edit: {
-            title: 'Editar puesto de trabajo',
-        },
-        title: 'Puestos de trabajos'
-    },
-}
\ No newline at end of file
diff --git a/src/lang/i18n.js b/src/lang/i18n.js
deleted file mode 100644
index dc03d28..0000000
--- a/src/lang/i18n.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import { createI18n } from 'vue-i18n';
-import en from './en.js';
-import es from './es.js';
-
-/**
- * Idioma local
- */
-const locale = document.documentElement.lang;
-
-const messages = {
-  en,
-  es
-}
-
-const i18n = createI18n({
-  legacy: false,
-  locale,
-  fallbackLocale: locale,
-  messages
-});
-
-function lang(text, params = {}) {
-  return i18n.global.t(text, params);
-}
-
-export {
-  i18n,
-  lang
-};
\ No newline at end of file
diff --git a/src/layouts/AdminLayout.vue b/src/layouts/AdminLayout.vue
deleted file mode 100644
index c7b5031..0000000
--- a/src/layouts/AdminLayout.vue
+++ /dev/null
@@ -1,195 +0,0 @@
-<script setup>
-import { onMounted } from 'vue';
-import { hasPermission } from '@Plugins/RolePermission';
-import { hasToken } from '@Services/Api';
-import { reloadApp } from '@Services/Page';
-import { useRouter } from 'vue-router';
-
-import useLoader    from '@Stores/Loader';
-
-import Layout  from '@Holos/Layout/App.vue';
-import Link    from '@Holos/Skeleton/Sidebar/Link.vue';
-import Section from '@Holos/Skeleton/Sidebar/Section.vue';
-import DropDown from '@Holos/Skeleton/Sidebar/Drop.vue'
-
-/** Definidores */
-const loader = useLoader()
-const router = useRouter();
-
-/** Propiedades */
-defineProps({
-    title: String,
-});
-
-/** Ciclos */
-onMounted(() => {
-    loader.boot()
-
-    if(!hasToken()) {
-        return router.push({ name: 'auth.index' })
-    } else {
-        reloadApp();
-    }
-})
-
-</script>
-
-<template>
-    <Layout
-        :title="title"
-    >
-    
-        <template #leftSidebar>
-            <Section name="Principal">
-                <Link
-                    icon="grid_view"
-                    name="Dashboard" 
-                    to="admin.dashboard.index"
-                />
-                <DropDown 
-                    icon="people"
-                    name="Usuarios" 
-                    to="admin.users.index"
-                    :collapsed="true"
-                >
-                    <Link
-                        icon="school"
-                        name="Historial Académico" 
-                        to="admin.users.academic.index"
-                    />
-                    <Link
-                        icon="security"
-                        name="Seguridad y Salud" 
-                        to="admin.users.security"
-                    />
-                    <Link
-                        icon="info"
-                        name="Información Adicional" 
-                        to="admin.users.additional"
-                    />
-                </DropDown>
-            </Section>
-            <Section name="Vacaciones">
-                <Link
-                    icon="grid_view"
-                    name="Vacaciones" 
-                    to="admin.vacations.index"
-                />
-            </Section>
-
-            <Section name="Almacén">
-                <Link
-                    icon="grid_view"
-                    name="Almacén" 
-                    to="admin.warehouses.index"
-                />
-                <Link
-                    icon="tag"
-                    name="Clasificaciones de almacenes" 
-                    to="admin.warehouse-classifications.index"
-                />
-                <Link
-                    icon="straighten"
-                    name="Unidades de medida" 
-                    to="admin.units-measure.index"
-                />
-            </Section>
-            <Section name="Comercial">
-                <Link
-                    icon="bookmarks"
-                    name="Clasificaciones Comerciales" 
-                    to="admin.comercial-classifications.index"
-                />
-                <Link
-                    icon="inventory"
-                    name="Productos" 
-                    to="admin.products.index"
-                />
-                <Link
-                    icon="sell"
-                    name="Punto de venta" 
-                    to="admin.pos.index"
-                    />
-            </Section>
-                     
-            <Section name="Capacitaciones">
-                <DropDown
-                    icon="grid_view"
-                    name="Cursos" 
-                    to="admin.courses.index"
-                    :collapsed="true"
-                >
-                    <Link
-                        icon="grid_view"
-                        name="Solicitud de Cursos" 
-                        to="admin.courses.request"
-                    />
-                    <Link
-                        icon="grid_view"
-                        name="Calendario de Cursos" 
-                        to="admin.courses.calendar"
-                    />
-                </DropDown>
-            </Section>
-            <Section name="Eventos">
-                <DropDown
-                    icon="grid_view"
-                    name="Eventos" 
-                    to="admin.events.index"
-                    :collapsed="true"
-                >
-                    <Link
-                        icon="grid_view"
-                        name="Cajas Chicas" 
-                        to="admin.events.pettyCashes"
-                    />
-                    <Link
-                        icon="grid_view"
-                        name="Asignación de presupuesto" 
-                        to="admin.events.pettyCashes.assignamment"
-                    />
-                    <Link
-                        icon="grid_view"
-                        name="Justificación de gastos" 
-                        to="admin.events.justification"
-                    />
-                    <Link
-                        icon="grid_view"
-                        name="Reportes de gastos" 
-                        to="admin.events.reports"
-                    />
-                </DropDown>
-            </Section>
-            <Section
-                v-if="hasPermission('users.index')"
-                :name="$t('admin.title')"
-            >
-                <Link
-                    v-if="hasPermission('roles.index')"
-                    icon="license"
-                    name="Roles" 
-                    to="admin.roles.index"
-                />
-                <Link
-                    v-if="hasPermission('activities.index')"
-                    icon="event"
-                    name="Historial de Acciones" 
-                    to="admin.activities.index"
-                />
-            </Section>
-            <Section
-                name="Documentos"
-            >
-                <Link
-                    v-if="hasPermission('activities.index')"
-                    icon="event"
-                    name="Maquetador de Documentos" 
-                    to="admin.maquetador.index"
-                />
-            </Section>
-        </template>
-        <!-- Contenido -->
-        <RouterView />
-        <!-- Fin contenido -->
-    </Layout>
-</template>
diff --git a/src/layouts/AppLayout.vue b/src/layouts/AppLayout.vue
deleted file mode 100644
index 4681d7c..0000000
--- a/src/layouts/AppLayout.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<script setup>
-import { onMounted } from 'vue';
-import { hasToken } from '@Services/Api';
-import { reloadApp } from '@Services/Page';
-import { useRouter } from 'vue-router';
-
-import useLoader    from '@Stores/Loader';
-
-import Layout  from '@Holos/Layout/App.vue';
-import Link    from '@Holos/Skeleton/Sidebar/Link.vue';
-import Section from '@Holos/Skeleton/Sidebar/Section.vue';
-
-/** Definidores */
-const loader = useLoader()
-const router = useRouter();
-
-/** Propiedades */
-defineProps({
-    title: String,
-});
-
-/** Ciclos */
-onMounted(() => {
-    loader.boot()
-
-    if(!hasToken()) {
-        return router.push({ name: 'auth.index' })
-    } else {
-        reloadApp();
-    }
-})
-
-</script>
-
-<template>
-    <Layout
-        :title="title"
-    >
-        <template #leftSidebar>
-            <Section name="Principal">
-                <Link
-                    icon="monitoring"
-                    name="Dashboard" 
-                    to="dashboard.index"
-                />
-                <Link
-                    icon="calendar_month"
-                    name="Vacaciones" 
-                    to="vacations.index"
-                />
-                <Link
-                    icon="info"
-                    name="Cursos" 
-                    to="courses.index"
-                />
-                <Link
-                    icon="person"
-                    name="Perfil" 
-                    to="profile.show"
-                />
-            </Section>
-            <Section
-                :name="$t('admin.title')"
-            >
-            </Section>
-        </template>
-        <!-- Contenido -->
-        <RouterView />
-        <!-- Fin contenido -->
-    </Layout>
-</template>
diff --git a/src/layouts/CoordinatorLayout.vue b/src/layouts/CoordinatorLayout.vue
deleted file mode 100644
index b73cada..0000000
--- a/src/layouts/CoordinatorLayout.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<script setup>
-import { onMounted } from 'vue';
-import { hasToken } from '@Services/Api';
-import { reloadApp } from '@Services/Page';
-import { useRouter } from 'vue-router';
-
-import useLoader    from '@Stores/Loader';
-
-import Layout  from '@Holos/Layout/App.vue';
-import Link    from '@Holos/Skeleton/Sidebar/Link.vue';
-import Section from '@Holos/Skeleton/Sidebar/Section.vue';
-
-/** Definidores */
-const loader = useLoader()
-const router = useRouter();
-
-/** Propiedades */
-defineProps({
-    title: String,
-});
-
-/** Ciclos */
-onMounted(() => {
-    loader.boot()
-
-    if(!hasToken()) {
-        return router.push({ name: 'auth.index' })
-    } else {
-        reloadApp();
-    }
-})
-
-</script>
-
-<template>
-    <Layout
-        :title="title"
-    >
-        <template #leftSidebar>
-            <Section name="Principal">
-                <Link
-                    icon="monitoring"
-                    name="Dashboard" 
-                    to="coordinator.dashboard.index"
-                />
-                <Link
-                    icon="calendar_month"
-                    name="Vacaciones" 
-                    to="vacations.coordinator.index"
-                />
-                <Link
-                    icon="info"
-                    name="Solicitud de Cursos" 
-                    to="courses.coordinator.index"
-                />
-            </Section>
-            <Section
-                :name="$t('admin.title')"
-            >
-            </Section>
-        </template>
-        <!-- Contenido -->
-        <RouterView />
-        <!-- Fin contenido -->
-    </Layout>
-</template>
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..2425c0f
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/src/pages/Admin/Activities/Index.vue b/src/pages/Admin/Activities/Index.vue
deleted file mode 100644
index d0556a4..0000000
--- a/src/pages/Admin/Activities/Index.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<script setup>
-import { onMounted, reactive, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { hasPermission } from '@Plugins/RolePermission';
-import { useSearcher } from '@Services/Api';
-import { apiTo, transl } from './Module';
-
-import IconButton    from '@Holos/Button/Icon.vue'
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/Input.vue';
-import Header        from '@Holos/PageHeader.vue';
-import Paginable     from '@Holos/Paginable.vue';
-import Item          from '@Holos/Timeline/Item.vue';
-import ShowView      from './Modals/Event.vue';
-
-/** Definidores */
-const vroute = useRoute();
-const router = useRouter();
-
-/** Propiedades */
-const models = ref([]);
-
-const filters = reactive({
-    search: '',
-    start_date: '',
-    end_date: '',
-    user: ''
-});
-
-/** Referencias */
-const showModal = ref(null);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    filters,
-    onSuccess: (r) => models.value = r.models,
-    onError: () => models.value = []
-});
-
-const clearFilters = () => {
-    filters.search = '';
-    filters.start_date = '';
-    filters.end_date = '';
-    
-    searcher.search();
-};
-
-const clearUser = () => {
-    router.replace({ query: {} });
-    filters.user = '';
-
-    searcher.search();
-};
-
-/** Ciclos */
-onMounted(() => {
-    if(vroute.query?.user) {
-        filters.user = vroute.query.user;
-    }
-    
-    searcher.search('');
-});
-
-</script>  
-
-<template>
-    <div>
-        <Header :title="transl('title')">
-            <RouterLink v-if="filters.user && hasPermission('users.index')" :to="$view({ name: 'admin.users.index' })">
-                <IconButton 
-                    class="text-white"
-                    icon="arrow_back"
-                    :title="$t('return')"
-                    filled
-                />
-            </RouterLink>
-        </Header>
-        <p class="mt-2 text-sm">{{ transl('description') }}</p>
-
-        <div id="filters" class="grid gap-2 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-4">
-            <Input
-                v-model="filters.search"
-                title="event"
-                @keyup.enter="searcher.search()"
-            />
-            <Input
-                v-model="filters.start_date"
-                type="date"
-                title="dates.start"
-            />
-            <Input
-                v-model="filters.end_date"
-                title="dates.end"
-                type="date"
-            />
-            <div class="flex space-x-2 items-end">
-                <PrimaryButton
-                    class="!w-full h-12"
-                    @click="searcher.search()"
-                >
-                    {{ $t('search') }}
-                </PrimaryButton>
-                <PrimaryButton
-                    class="!w-full h-12"
-                    @click="clearFilters()"
-                >
-                    {{ $t('clear') }}
-                </PrimaryButton>
-                <PrimaryButton
-                    v-if="filters.user"
-                    class="!w-full h-12"
-                    @click="clearUser()"
-                >
-                    {{ $t('users.remove') }}
-                </PrimaryButton>
-            </div>
-        </div>
-
-        <div class="pb-4">
-            <Paginable
-                :items="models"
-                :processing="searcher.processing"
-                @send-pagination="(page) => searcher.pagination(page)"
-            >
-                <template #body="{ items }">
-                    <ol class="ml-4">
-                        <template v-for="event in items">
-                            <Item
-                                :event="event"
-                                @show="showModal.open(event)"
-                            />
-                        </template>
-                    </ol>
-                </template>
-            </Paginable>
-        </div>
-
-            <ShowView 
-                ref="showModal"
-            />
-    </div>
-</template>
-    
\ No newline at end of file
diff --git a/src/pages/Admin/Activities/Modals/Event.vue b/src/pages/Admin/Activities/Modals/Event.vue
deleted file mode 100644
index a962520..0000000
--- a/src/pages/Admin/Activities/Modals/Event.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { getDateTime } from '@Controllers/DateController';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Eventos */
-defineEmits([
-    'close', 
-]);
-
-/** Propiedades */
-const model = ref(null);
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-
-    emit('close');
-}
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    }
-});
-</script>
-<template>
-    <ShowModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model">
-            <Header
-                :title="model.event"
-            />
-            <div class="flex w-full p-4">
-                <GoogleIcon
-                    class="text-xl text-success"
-                    name="contact_mail"
-                />
-                <div class="pl-3 w-full">
-                    <p class="font-bold text-lg leading-none pb-2">
-                        {{ $t('details') }}
-                    </p>
-                    <div class="text-sm">
-                        <h4 class="font-semibold">{{ $t('event') }}:</h4>
-                        <p>{{ model.event }}</p>
-                    </div>
-                    <div class="text-sm">
-                        <h4 class="font-semibold">{{ $t('description') }}:</h4>
-                        <p>{{ model.description }}</p>
-                    </div>
-                    <div class="flex w-full flex-col">
-                        <p class="font-semibold">
-                            {{ $t('changes') }}:
-                        </p>
-                        <div class="w-full text-xs p-2 border rounded-md">
-                            <pre>{{ model.data }}</pre>
-                        </div>
-                    </div>
-                    <div class="text-sm">
-                        <h4 class="font-semibold">{{ $t('created_at') }}:</h4>
-                        <p>{{ getDateTime(model.created_at) }}</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ShowModal>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Activities/Module.js b/src/pages/Admin/Activities/Module.js
deleted file mode 100644
index 3d32a6e..0000000
--- a/src/pages/Admin/Activities/Module.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`admin.activities.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `admin.activities.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`admin.activity.${str}`)
-
-// Determina si un usuario puede hacer algo no en base a los permisos
-const can = (permission) => hasPermission(`activities.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Admin/Departments/Create.vue b/src/pages/Admin/Departments/Create.vue
deleted file mode 100644
index b0937f8..0000000
--- a/src/pages/Admin/Departments/Create.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import Input           from '@Holos/Form/Input.vue';
-import Selectable      from '@Holos/Form/Selectable.vue';
-import PageHeader      from '@Holos/PageHeader.vue';
-import Form            from './Form.vue'
-
-/** Definidores */
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    name: '',
-    description: '',
-});
-
-/** Métodos */
-function submit() {
-    form.post(apiTo('store'), {
-        onSuccess: () => {
-            Notify.success(Lang('register.create.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-</script>
-
-<template>
-    <PageHeader
-        :title="transl('create.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    <Form
-        action="create"
-        :form="form"
-        @submit="submit"
-    />
-</template>
diff --git a/src/pages/Admin/Departments/Edit.vue b/src/pages/Admin/Departments/Edit.vue
deleted file mode 100644
index 49d05a8..0000000
--- a/src/pages/Admin/Departments/Edit.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { RouterLink, useRoute, useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { viewTo, apiTo , transl } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import Selectable      from '@Holos/Form/Selectable.vue';
-import Form            from './Form.vue'
-
-/** Definiciones */
-const vroute = useRoute();
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    id: null,
-    name: '',
-    description: '',
-});
-
-const departments = ref([]);
-
-/** Métodos */
-function submit() {
-    form.put(apiTo('update', { user: form.id }), {
-        onSuccess: () => {
-            Notify.success(Lang('register.edit.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        },
-    })
-}
-
-onMounted(() => {
-    api.get(apiTo('show', { user: vroute.params.id }), {
-        onSuccess: (r) => {
-            form.fill(r.user)
-        }
-    });
-})
-</script>
-
-<template>
-    <PageHeader :title="transl('edit.title')">
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    <Form
-        action="update"
-        :form="form"
-        @submit="submit"
-    />
-</template>
diff --git a/src/pages/Admin/Departments/Form.vue b/src/pages/Admin/Departments/Form.vue
deleted file mode 100644
index ffcf4fb..0000000
--- a/src/pages/Admin/Departments/Form.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<script setup>
-import { transl } from './Module';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/Input.vue';
-import Textarea      from '@Holos/Form/Textarea.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'submit'
-])
-
-/** Propiedades */
-defineProps({
-    action: {
-        default: 'create',
-        type: String
-    },
-    form: Object
-})
-
-/** Métodos */
-function submit() {
-    emit('submit')
-}
-</script>
-
-<template>
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl(`${action}.description`)" />
-    </div>
-    <div class="w-full">
-        <form @submit.prevent="submit" class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-            <Input
-                v-model="form.name"
-                id="name"
-                :onError="form.errors.name"
-                autofocus
-                required
-            />
-            <textarea
-                v-model="form.description"
-                id="description"
-                :onError="form.errors.description"
-                rows="4"
-            />
-            <slot />
-            <div class="col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-4 flex flex-col items-center justify-end space-y-4 mt-4">
-                <PrimaryButton
-                    v-text="$t(action)"
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                />
-            </div>
-        </form>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Departments/Index.vue b/src/pages/Admin/Departments/Index.vue
deleted file mode 100644
index c43dd0d..0000000
--- a/src/pages/Admin/Departments/Index.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useSearcher } from '@Services/Api';
-import { hasPermission } from '@Plugins/RolePermission';
-import { getDate } from '@Controllers/DateController';
-import { can, apiTo, viewTo, transl } from './Module'
-
-import IconButton from '@Holos/Button/Icon.vue'
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-import SearcherHead from '@Holos/Searcher.vue';
-import Table from '@Holos/NewTable.vue';
-import ShowView from './Modals/Show.vue';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Searcher from '@Holos/Searcher.vue';
-import Adding from '@Holos/Button/ButtonRh.vue';
-
-/** Propiedades */
-const models = ref([]);
-
-/** Referencias */
-const showModal = ref(false);
-const destroyModal = ref(false);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => models.value = r.models,
-    onError: () => models.value = []
-});
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>
-
-<template>
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-        <div>
-            <h1 class="text-3xl font-extrabold text-gray-900 dark:text-primary-dt">{{ $t('users.title') }}</h1>
-            <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">{{ $t('users.description') }}
-            </p>
-        </div>
-
-        <RouterLink :to="viewTo({ name: 'create' })">
-            <Adding text="Nuevo Empleado" />
-        </RouterLink>
-    </div>
-
-    <!-- Search Card -->
-    <div class="pt-2 w-full">
-        <Searcher @search="(x) => searcher.search(x)">
-        </Searcher>
-    </div>
-
-    <!-- List Card -->
-    <div class="pt-2 w-full">
-        <Table :items="models" :processing="searcher.processing" @send-pagination="(page) => searcher.pagination(page)">
-            <template #head>
-                <th v-text="$t('name')" />
-                <th class="w-32 text-center" v-text="$t('actions')" />
-            </template>
-
-            <template #body="{ items }">
-                <tr v-for="model in items" class="table-row">
-                    <td>{{ model.name }}</td>
-                    <td>
-                        <div class="table-actions">
-                            <IconButton icon="visibility" :title="$t('crud.show')" @click="showModal.open(model)"
-                                outline />
-                            <RouterLink class="h-fit"
-                                :to="viewTo({ name: 'edit', params: { id: model.id } })">
-                                <IconButton icon="edit" :title="$t('crud.edit')" outline />
-                            </RouterLink>
-                            <IconButton icon="delete" :title="$t('crud.destroy')"
-                                @click="destroyModal.open(model)" outline />
-                        </div>
-                    </td>
-                </tr>
-            </template>
-
-            <template #empty>
-                <td colspan="6" class="py-12 text-center">
-                    <div class="text-gray-500 dark:text-primary-dt/70">
-                        <GoogleIcon name="person_search" class="w-12 h-12 mx-auto mb-4 text-gray-400" />
-                        <p class="text-lg font-medium">No se encontraron empleados</p>
-                        <p class="text-sm mt-1">Intenta ajustar los filtros de búsqueda</p>
-                    </div>
-                </td>
-            </template>
-        </Table>
-
-        <ShowView ref="showModal" />
-
-        <DestroyView ref="destroyModal" subtitle="last_name"
-            :to="(department) => apiTo('destroy', { department })" @update="searcher.search()" />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Departments/Module.js b/src/pages/Admin/Departments/Module.js
deleted file mode 100644
index a4d4824..0000000
--- a/src/pages/Admin/Departments/Module.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`admin.users.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `admin.users.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`users.${str}`)
-
-// Determina si un usuario puede hacer algo no en base a los permisos
-const can = (permission) => hasPermission(`users.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Admin/Events/Index.vue b/src/pages/Admin/Events/Index.vue
deleted file mode 100644
index f63011f..0000000
--- a/src/pages/Admin/Events/Index.vue
+++ /dev/null
@@ -1,274 +0,0 @@
-<script setup>
-import { ref, computed, onMounted } from 'vue';
-import { api } from '@Services/Api';
-import { apiTo } from './Module';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import VueApexCharts from 'vue3-apexcharts';
-
-// Datos del dashboard
-const dashboardData = ref({
-  totalBudget: 0,
-  justifiedExpenses: 0,
-  remainingBalance: 0,
-  expenseDistribution: []
-});
-
-// Configuración del gráfico de pie
-const chartOptions = ref({
-  chart: {
-    type: 'pie',
-    height: 400,
-    fontFamily: 'Inter, sans-serif'
-  },
-  labels: dashboardData.value.expenseDistribution.map(item => item.name),
-  colors: dashboardData.value.expenseDistribution.map(item => item.color),
-  dataLabels: {
-    enabled: true,
-    formatter: function (val) {
-      return val + "%"
-    },
-    style: {
-      fontSize: '14px',
-      fontWeight: 'bold',
-      colors: ['#fff']
-    }
-  },
-  legend: {
-    position: 'bottom',
-    horizontalAlign: 'center',
-    fontSize: '14px',
-    fontFamily: 'Inter, sans-serif',
-    markers: {
-      width: 12,
-      height: 12,
-      radius: 2
-    },
-    itemMargin: {
-      horizontal: 10,
-      vertical: 5
-    }
-  },
-  plotOptions: {
-    pie: {
-      donut: {
-        size: '0%'
-      },
-      expandOnClick: false
-    }
-  },
-  tooltip: {
-    y: {
-      formatter: function (val) {
-        return val + "%"
-      }
-    }
-  },
-  responsive: [{
-    breakpoint: 768,
-    options: {
-      chart: {
-        height: 300
-      },
-      legend: {
-        position: 'bottom'
-      }
-    }
-  }]
-});
-
-// Datos del gráfico
-const chartSeries = computed(() => {
-  return dashboardData.value.expenseDistribution.map(item => item.value);
-});
-
-
-// Función para calcular porcentaje
-const calculatePercentage = (value, total) => {
-  return ((value / total) * 100).toFixed(1);
-};
-
-// Computed para el porcentaje de gastos
-const expensesPercentage = computed(() => {
-  return calculatePercentage(dashboardData.value.justifiedExpenses, dashboardData.value.totalBudget);
-});
-
-// Computed para el porcentaje de saldo restante
-const remainingPercentage = computed(() => {
-  return calculatePercentage(dashboardData.value.remainingBalance, dashboardData.value.totalBudget);
-});
-
-onMounted(() => {
-  api.get(apiTo('dashboard'), {
-    onSuccess: (r) => {
-      dashboardData.value = r.dashboard;
-    }
-  });
-});
-</script>
-
-<template>
-  <div class="p-6 max-w-auto mx-auto">
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-      <div>
-        <h1 class="text-4xl font-extrabold text-gray-900 dark:text-primary-dt">Dashboard de Eventos</h1>
-        <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">Resumen financiero y distribución de gastos por concepto</p>
-      </div>
-    </div>
-
-    <!-- Tarjetas de métricas -->
-    <div class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-6">
-      
-      <!-- Presupuesto Anual -->
-      <div class="bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-        <div class="flex items-center justify-between">
-          <div>
-            <h3 class="text-sm font-medium text-gray-500 dark:text-primary-dt/70">Total</h3>
-            <p class="mt-2 text-3xl font-bold text-blue-600 dark:text-blue-400">
-              ${{ dashboardData.totalBudget }}
-            </p>
-          </div>
-          <div class="flex-shrink-0">
-            <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center dark:bg-blue-900/30">
-              <GoogleIcon class="text-blue-600 dark:text-blue-400 text-xl" name="account_balance_wallet" />
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Gastos Justificados -->
-      <div class="bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-        <div class="flex items-center justify-between">
-          <div>
-            <h3 class="text-sm font-medium text-gray-500 dark:text-primary-dt/70">Gastos Justificados</h3>
-            <p class="mt-2 text-3xl font-bold text-green-600 dark:text-green-400">
-              ${{ dashboardData.justifiedExpenses }}
-            </p>
-            <p class="mt-1 text-xs text-gray-500 dark:text-primary-dt/50">
-              {{ expensesPercentage }}% del presupuesto
-            </p>
-          </div>
-          <div class="flex-shrink-0">
-            <div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center dark:bg-green-900/30">
-              <GoogleIcon class="text-green-600 dark:text-green-400 text-xl" name="check_circle" />
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Saldo Restante -->
-      <div class="bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-        <div class="flex items-center justify-between">
-          <div>
-            <h3 class="text-sm font-medium text-gray-500 dark:text-primary-dt/70">Saldo Restante</h3>
-            <p class="mt-2 text-3xl font-bold text-amber-600 dark:text-amber-400">
-              ${{ dashboardData.remainingBalance }}
-            </p>
-            <p class="mt-1 text-xs text-gray-500 dark:text-primary-dt/50">
-              {{ remainingPercentage }}% del presupuesto
-            </p>
-          </div>
-          <div class="flex-shrink-0">
-            <div class="w-12 h-12 rounded-full bg-amber-100 flex items-center justify-center dark:bg-amber-900/30">
-              <GoogleIcon class="text-amber-600 dark:text-amber-400 text-xl" name="savings" />
-            </div>
-          </div>
-        </div>
-      </div>
-
-    </div>
-
-    <!-- Gráfica de distribución -->
-    <div class="mt-6 bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-      
-      <!-- Título de la sección -->
-      <div class="mb-6">
-        <h2 class="text-xl font-semibold text-gray-800 dark:text-primary-dt">
-          Gastos por Caja Chica
-        </h2>
-        <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">
-          Distribución de gastos por caja chica
-        </p>
-      </div>
-
-      <!-- Gráfico de pie -->
-      <div class="flex flex-col lg:flex-row gap-6">
-        
-        <!-- Gráfico -->
-        <div class="flex-1">
-          <VueApexCharts
-            type="pie"
-            :options="chartOptions"
-            :series="chartSeries"
-            height="400"
-          />
-        </div>
-
-        <!-- Leyenda detallada -->
-        <div class="lg:w-80">
-          <div class="space-y-3">
-            <h3 class="text-lg font-medium text-gray-800 dark:text-primary-dt mb-4">
-              Detalle por Caja Chica
-            </h3>
-            
-            <div
-              v-for="(item, index) in dashboardData.expenseDistribution"
-              :key="item.name"
-              class="flex items-center justify-between p-3 rounded-lg border border-gray-100 dark:border-primary/20"
-            >
-              <div class="flex items-center gap-3">
-                <div 
-                  class="w-4 h-4 rounded"
-                  :style="{ backgroundColor: item.color }"
-                ></div>
-                <span class="text-sm font-medium text-gray-700 dark:text-primary-dt">
-                  {{ item.name }}
-                </span>
-              </div>
-              <div class="text-right">
-                <div class="text-sm font-bold text-gray-900 dark:text-primary-dt">
-                  {{ item.value }}%
-                </div>
-                <div class="text-xs text-gray-500 dark:text-primary-dt/50">
-                  ${{ ((item.value / 100) * dashboardData.justifiedExpenses).toFixed(2) }}
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-      </div>
-
-      <!-- Resumen estadístico -->
-      <div class="mt-6 pt-6 border-t border-gray-100 dark:border-primary/20">
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-          <div class="text-center">
-            <div class="text-2xl font-bold text-gray-900 dark:text-primary-dt">
-              {{ dashboardData.expenseDistribution.length }}
-            </div>
-            <div class="text-sm text-gray-500 dark:text-primary-dt/70">
-              Cajas Chicas
-            </div>
-          </div>
-          <div class="text-center">
-            <div class="text-2xl font-bold text-gray-900 dark:text-primary-dt">
-              {{ Math.max(...dashboardData.expenseDistribution.map(item => item.value)) }}%
-            </div>
-            <div class="text-sm text-gray-500 dark:text-primary-dt/70">
-              Mayor gasto
-            </div>
-          </div>
-          <div class="text-center">
-            <div class="text-2xl font-bold text-gray-900 dark:text-primary-dt">
-              {{ Math.min(...dashboardData.expenseDistribution.map(item => item.value)) }}%
-            </div>
-            <div class="text-sm text-gray-500 dark:text-primary-dt/70">
-              Menor gasto
-            </div>
-          </div>
-        </div>
-      </div>
-
-    </div>
-  </div>
-</template>
diff --git a/src/pages/Admin/Events/Justification.vue b/src/pages/Admin/Events/Justification.vue
deleted file mode 100644
index e5f2011..0000000
--- a/src/pages/Admin/Events/Justification.vue
+++ /dev/null
@@ -1,258 +0,0 @@
-<script setup>
-import { ref, computed, onMounted, watch } from 'vue';
-import { useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, viewTo } from './Module';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import PageHeader from '@Holos/PageHeader.vue';
-import IconButton from '@Holos/Button/Icon.vue';
-import Input from '@Holos/Form/Input.vue';
-import Selectable from '@Holos/Form/Selectable.vue';
-import Textarea from '@Holos/Form/Textarea.vue';
-import PrimaryButton from '@Holos/Button/Primary.vue';
-
-/** Definiciones */
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-  event_name: '',
-  location: '',
-  description: '',
-  participants_count: '',
-  cost: '',
-  observations: '',
-  petty_cash_id: '',
-  files: null,
-});
-
-const pettyCashes = ref([]);
-const availableBudget = ref('');
-
-// Watch para actualizar el presupuesto disponible cuando cambie la caja chica
-watch(() => form.petty_cash_id, (newValue) => {
-  availableBudget.value = newValue?.available_budget ?? 0;
-}, { deep: true });
-
-
-// Función para manejar la subida de archivos
-const handleFileUpload = (event) => {
-  const file = event.target.files[0];
-  if (file) {
-    if (file.type === 'application/pdf') {
-      form.files = file;
-    } else {
-      Notify.error('Por favor, selecciona un archivo PDF válido');
-      event.target.value = '';
-    }
-  }
-};
-
-// Función para eliminar archivo
-const removeFile = () => {
-  form.files = null;
-  const fileInput = document.getElementById('justification-file');
-  if (fileInput) {
-    fileInput.value = '';
-  }
-};
-
-// Función para enviar justificación
-function submit() {
-  form.transform(data => ({
-    ...data,
-    petty_cash_id: data.petty_cash_id?.id
-  })).post(apiTo('store-expense-justification'), {
-    onSuccess: () => {
-      Notify.success('Justificación enviada correctamente');
-      router.push(viewTo({ name: 'reports' }));
-    }
-  });
-}
-
-/** Ciclos */
-onMounted(() => {
-  api.catalog({
-    'pettyCash:all': null
-  }, {
-    onSuccess: (r) => pettyCashes.value = r['pettyCash:all'] ?? []
-  });
-});
-</script>
-
-<template>
-  <PageHeader
-    title="Justificación de Gastos"
-  >
-    <RouterLink :to="viewTo({ name: 'index' })">
-      <IconButton
-        class="text-white"
-        icon="arrow_back"
-        :title="$t('return')"
-        filled
-      />
-    </RouterLink>
-  </PageHeader>
-  
-  <div class="w-full pb-2">
-    <p class="text-justify text-sm">Documenta y justifica los gastos realizados en eventos</p>
-  </div>
-
-  <!-- Card principal -->
-  <section class="mt-6 bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-    
-    <!-- Formulario -->
-    <form @submit.prevent="submit" class="space-y-6">
-      
-      <!-- Detalles del Evento -->
-      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-        
-        <Input
-          v-model="form.event_name"
-          id="event_name"
-          title="Nombre del Evento"
-          :onError="form.errors.event_name"
-          required
-        />
-
-        <Input
-          v-model="form.location"
-          id="location"
-          title="Lugar"
-          :onError="form.errors.location"
-          required
-        />
-
-      </div>
-
-      <Textarea
-        v-model="form.description"
-        id="description"
-        title="Descripción y Detalles"
-        :onError="form.errors.description"
-        required
-      />
-
-      <!-- Detalles Financieros y Participantes -->
-      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-        
-        <Input
-          v-model.number="form.participants_count"
-          id="participants_count"
-          title="Número de Participantes"
-          type="number"
-          min="1"
-          :onError="form.errors.participants_count"
-        />
-
-        <Input
-          v-model.number="form.cost"
-          id="cost"
-          title="Costo"
-          type="number"
-          min="0"
-          step="0.01"
-          :onError="form.errors.cost"
-        />
-
-      </div>
-
-      <!-- Caja Chica y Presupuesto Disponible -->
-      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-        
-        <Selectable
-          v-model="form.petty_cash_id"
-          id="petty_cash_id"
-          title="Caja Chica"
-          :onError="form.errors.petty_cash_id"
-          :options="pettyCashes"
-          required
-        />
-
-        <Input
-          v-model="availableBudget"
-          type="number"
-          id="available_budget"
-          title="Presupuesto Disponible"
-          disabled
-        />
-
-      </div>
-
-      <!-- Observaciones -->
-      <Textarea
-        v-model="form.observations"
-        id="observations"
-        title="Observaciones"
-        :onError="form.errors.observations"
-      />
-
-        <!-- Subida de archivo -->
-        <div>
-          <label class="block text-sm font-medium text-gray-700 dark:text-primary-dt mb-2">
-            Subir justificante (PDF) *
-          </label>
-          
-          <div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-lg hover:border-[#7c3aed] transition-colors dark:border-primary/20 dark:hover:border-[#7c3aed]">
-            <div class="space-y-1 text-center">
-              <svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48">
-                <path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-              </svg>
-              <div class="flex text-sm text-gray-600 dark:text-primary-dt/70">
-                <label for="justification-file" class="relative cursor-pointer bg-white rounded-md font-medium text-[#7c3aed] hover:text-[#6d28d9] focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-[#7c3aed]">
-                  <span>Sube un archivo</span>
-                  <input
-                    id="justification-file"
-                    name="justification-file"
-                    type="file"
-                    accept=".pdf"
-                    class="sr-only"
-                    @change="handleFileUpload"
-                  >
-                </label>
-                <p class="pl-1">o arrastra y suelta</p>
-              </div>
-              <p class="text-xs text-gray-500 dark:text-primary-dt/50">
-                PDF hasta 10MB
-              </p>
-            </div>
-          </div>
-
-          <!-- Archivo seleccionado -->
-          <div v-if="form.files" class="mt-3 p-3 bg-green-50 border border-green-200 rounded-lg dark:bg-green-900/20 dark:border-green-800">
-            <div class="flex items-center justify-between">
-              <div class="flex items-center gap-2">
-                <GoogleIcon class="text-green-600 dark:text-green-400 text-xl" name="picture_as_pdf" />
-                <span class="text-sm font-medium text-green-800 dark:text-green-300">
-                  {{ form.files.name }}
-                </span>
-              </div>
-              <button
-                @click="removeFile"
-                type="button"
-                class="text-red-500 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300"
-              >
-                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-                </svg>
-              </button>
-            </div>
-          </div>
-        </div>
-
-      <!-- Botón de envío -->
-      <div class="flex justify-end pt-6 border-t border-gray-100 dark:border-primary/20">
-        <PrimaryButton
-          type="submit"
-          :processing="form.processing"
-        >
-          <GoogleIcon class="text-white text-xl mr-2" name="send" />
-          Enviar Justificación
-        </PrimaryButton>
-      </div>
-
-    </form>
-
-  </section>
-</template>
diff --git a/src/pages/Admin/Events/Modals/Show.vue b/src/pages/Admin/Events/Modals/Show.vue
deleted file mode 100644
index 327261c..0000000
--- a/src/pages/Admin/Events/Modals/Show.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { getDateTime } from '@Controllers/DateController';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close', 
-    'reload'
-]);
-
-/** Propiedades */
-const model    = ref(null);
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-
-    emit('close');
-}
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    }
-});
-</script>
-
-<template>
-    <ShowModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model">
-            <Header
-                :title="model.event_name"
-                :subtitle="model.location"
-            >
-                <div class="flex w-full flex-col">
-                    <div class="flex w-full justify-center items-center">
-                        <GoogleIcon 
-                            class="text-6xl text-primary"
-                            name="event"
-                        />
-                    </div>
-                </div>
-            </Header>
-            <div class="flex w-full p-4">
-                <GoogleIcon 
-                    class="text-xl text-success"
-                    name="event"
-                />
-                <div class="pl-3">
-                    <p class="font-bold text-lg leading-none pb-2">
-                        {{ $t('details') }}
-                    </p>
-                    <p>
-                        <b>{{ $t('event_name') }}: </b>
-                        {{ model.event_name }}
-                    </p>
-                    <p>
-                        <b>{{ $t('location') }}: </b>
-                        {{ model.location }}
-                    </p>
-                    <p v-if="model.description">
-                        <b>{{ $t('description') }}: </b>
-                        {{ model.description }}
-                    </p>
-                    <p>
-                        <b>{{ $t('participants_count') }}: </b>
-                        {{ model.participants_count ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('cost') }}: </b>
-                        ${{ model.cost ?? '0.00' }}
-                    </p>
-                    <p v-if="model.observations">
-                        <b>{{ $t('observations') }}: </b>
-                        {{ model.observations }}
-                    </p>
-                    <p>
-                        <b>{{ $t('company') }}: </b>
-                        {{ model.company?.name ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('petty_cash.title') }}: </b>
-                        {{ model.petty_cash?.name ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('created_at') }}: </b>
-                        {{ getDateTime(model.created_at) }}
-                    </p>
-                    <p>
-                        <b>{{ $t('updated_at') }}: </b>
-                        {{ getDateTime(model.updated_at) }}
-                    </p>
-                </div>
-            </div>
-        </div>
-    </ShowModal>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Events/Module.js b/src/pages/Admin/Events/Module.js
deleted file mode 100644
index 2549a75..0000000
--- a/src/pages/Admin/Events/Module.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`admin.events.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `admin.events.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`events.${str}`)
-
-// Determina si un usuario puede hacer algo no en base a los permisos
-const can = (permission) => hasPermission(`events.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Admin/Events/PettyCashes/Assignamment.vue b/src/pages/Admin/Events/PettyCashes/Assignamment.vue
deleted file mode 100644
index 7bff096..0000000
--- a/src/pages/Admin/Events/PettyCashes/Assignamment.vue
+++ /dev/null
@@ -1,210 +0,0 @@
-<script setup>
-import { ref, computed, onMounted } from 'vue';
-import { useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, viewTo } from './Module';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import PageHeader from '@Holos/PageHeader.vue';
-import IconButton from '@Holos/Button/Icon.vue';
-import Input from '@Holos/Form/Input.vue';
-import Selectable from '@Holos/Form/Selectable.vue';
-import PrimaryButton from '@Holos/Button/Primary.vue';
-
-/** Definiciones */
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-  petty_cash_id: '',
-  budget_items: [
-    {
-      id: 1,
-      concept: '',
-      amount: ''
-    }
-  ]
-});
-
-const pettyCashes = ref([]);
-let nextId = 2;
-
-// Computed para calcular el total
-const totalBudget = computed(() => {
-  return form.budget_items.reduce((total, item) => {
-    return total + (parseFloat(item.amount) || 0);
-  }, 0);
-});
-
-// Función para agregar nueva fila
-const addBudgetItem = () => {
-  form.budget_items.push({
-    id: nextId++,
-    concept: '',
-    amount: 0
-  });
-};
-
-// Función para eliminar fila
-const removeBudgetItem = (id) => {
-  if (form.budget_items.length > 1) {
-    form.budget_items = form.budget_items.filter(item => item.id !== id);
-  }
-};
-
-// Función para guardar presupuesto
-function submit() {
-  // Filtrar elementos vacíos
-  const validItems = form.budget_items.filter(item => 
-    item.concept.trim() !== '' && item.amount > 0
-  );
-
-  if (validItems.length === 0) {
-    Notify.error('Por favor, agrega al menos un elemento al presupuesto');
-    return;
-  }
-
-  form.transform(data => ({
-    ...data,
-    petty_cash_id: form.petty_cash_id?.id,
-    budget_items: validItems
-  })).post(apiTo('store-budget', { pettyCash: form.petty_cash_id }), {
-    onSuccess: () => {
-      Notify.success('Presupuesto guardado correctamente');
-      router.push(viewTo({ name: 'index' }));
-    }
-  });
-}
-
-
-/** Ciclos */
-onMounted(() => {
-  api.catalog({
-    'pettyCash:all': null
-  }, {
-    onSuccess: (r) => pettyCashes.value = r['pettyCash:all'] ?? []
-  });
-});
-</script>
-
-<template>
-  <PageHeader
-    title="Asignación de Presupuesto"
-  >
-    <RouterLink :to="viewTo({ name: 'index' })">
-      <IconButton
-        class="text-white"
-        icon="arrow_back"
-        :title="$t('return')"
-        filled
-      />
-    </RouterLink>
-  </PageHeader>
-  
-  <div class="w-full pb-2">
-    <p class="text-justify text-sm">Gestiona y asigna el presupuesto para una caja chica</p>
-  </div>
-
-  <!-- Card principal -->
-  <section class="mt-6 bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-    
-    <!-- Formulario de presupuesto -->
-    <form @submit.prevent="submit" class="space-y-6">
-      
-      <!-- Campos principales -->
-      <div class="grid grid-cols-1 gap-6">
-        <Selectable
-          v-model="form.petty_cash_id"
-          id="petty_cash_id"
-          title="Caja Chica"
-          :onError="form.errors.petty_cash_id"
-          :options="pettyCashes"
-          required
-        />
-      </div>
-      
-      <!-- Filas de presupuesto -->
-      <div class="space-y-4">
-        <h3 class="text-lg font-medium text-gray-900 dark:text-primary-dt">Elementos del Presupuesto</h3>
-        <div
-          v-for="(item, index) in form.budget_items"
-          :key="item.id"
-          class="grid grid-cols-1 md:grid-cols-12 gap-4 items-end"
-        >
-          
-          <!-- Campo Concepto -->
-          <div class="md:col-span-5">
-            <Input
-              v-model="item.concept"
-              :id="`concept_${item.id}`"
-              title="Concepto"
-            />
-          </div>
-
-          <!-- Campo Monto -->
-          <div class="md:col-span-4">
-            <Input
-              v-model.number="item.amount"
-              :id="`amount_${item.id}`"
-              title="Monto"
-              type="number"
-              min="0"
-              step="0.01"
-            />
-          </div>
-
-          <!-- Botón de eliminar -->
-          <div class="md:col-span-3 flex justify-end">
-            <IconButton
-              v-if="form.budget_items.length > 1"
-              @click="removeBudgetItem(item.id)"
-              icon="delete"
-              class="text-red-500 hover:text-red-700"
-              :title="$t('delete')"
-            />
-          </div>
-
-        </div>
-      </div>
-
-      <!-- Resumen del presupuesto -->
-      <div class="mt-8 p-4 bg-gray-50 rounded-lg dark:bg-primary/5">
-        <div class="flex items-center justify-between">
-          <div class="flex items-center gap-2">
-            <GoogleIcon class="text-gray-600 dark:text-primary-dt text-xl" name="account_balance_wallet" />
-            <span class="text-lg font-medium text-gray-800 dark:text-primary-dt">Total del Presupuesto:</span>
-          </div>
-          <div class="text-2xl font-bold text-[#2563eb] dark:text-primary-dt">
-            ${{ totalBudget.toFixed(2) }}
-          </div>
-        </div>
-      </div>
-
-      <!-- Botones de acción -->
-      <div class="flex items-center justify-between pt-6 border-t border-gray-100 dark:border-primary/20">
-        
-        <!-- Botón Agregar más -->
-        <IconButton
-          @click="addBudgetItem"
-          icon="add"
-          class="bg-green-600 hover:bg-green-700 text-white"
-          :title="$t('add')"
-        >
-          + Agregar más
-        </IconButton>
-
-        <!-- Botón Guardar Presupuesto -->
-        <PrimaryButton
-          type="submit"
-          :processing="form.processing"
-        >
-          <GoogleIcon class="text-white text-xl mr-2" name="save" />
-          Guardar Presupuesto
-        </PrimaryButton>
-
-      </div>
-
-    </form>
-
-  </section>
-</template>
diff --git a/src/pages/Admin/Events/PettyCashes/Create.vue b/src/pages/Admin/Events/PettyCashes/Create.vue
deleted file mode 100644
index 267092f..0000000
--- a/src/pages/Admin/Events/PettyCashes/Create.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, viewTo, transl } from './Module';
-
-import PageHeader from '@Holos/PageHeader.vue';
-import IconButton from '@Holos/Button/Icon.vue';
-import Form from './Form.vue';
-
-/** Definiciones */
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-  name: '',
-  description: '',
-});
-
-/** Métodos */
-function submit() {
-  form.post(apiTo('store'), {
-    onSuccess: () => {
-      Notify.success(Lang('register.create.onSuccess'))
-      router.push(viewTo({ name: 'index' }));
-    }
-  });
-}
-</script>
-
-<template>
-  <PageHeader
-    :title="transl('create.title')"
-  >
-    <RouterLink :to="viewTo({ name: 'index' })">
-      <IconButton
-        class="text-white"
-        icon="arrow_back"
-        :title="$t('return')"
-        filled
-      />
-    </RouterLink>
-  </PageHeader>
-  <Form
-    action="create"
-    :form="form"
-    @submit="submit"
-  />
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Events/PettyCashes/Edit.vue b/src/pages/Admin/Events/PettyCashes/Edit.vue
deleted file mode 100644
index 8c8d401..0000000
--- a/src/pages/Admin/Events/PettyCashes/Edit.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { RouterLink, useRoute, useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { viewTo, apiTo, transl } from './Module';
-
-import IconButton from '@Holos/Button/Icon.vue'
-import PageHeader from '@Holos/PageHeader.vue';
-import Form from './Form.vue'
-
-/** Definiciones */
-const vroute = useRoute();
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    id: null,
-    name: '',
-    description: '',
-});
-
-/** Métodos */
-function submit() {
-    form.put(apiTo('update', { petty_cash: form.id }), {
-        onSuccess: () => {
-            Notify.success(Lang('register.edit.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        },
-    })
-}
-
-onMounted(() => {
-    api.get(apiTo('show', { petty_cash: vroute.params.id }), {
-        onSuccess: (r) => {
-            form.fill(r.petty_cash)
-        }
-    });
-})
-</script>
-
-<template>
-    <PageHeader :title="transl('edit.title')">
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    <Form
-        action="edit"
-        :form="form"
-        @submit="submit"
-    />
-</template>
diff --git a/src/pages/Admin/Events/PettyCashes/Form.vue b/src/pages/Admin/Events/PettyCashes/Form.vue
deleted file mode 100644
index 4cf1801..0000000
--- a/src/pages/Admin/Events/PettyCashes/Form.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<script setup>
-import { transl } from './Module';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input from '@Holos/Form/Input.vue';
-import Textarea from '@Holos/Form/Textarea.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'submit'
-])
-
-/** Propiedades */
-defineProps({
-    action: {
-        default: 'create',
-        type: String
-    },
-    form: Object,
-    companies: Array
-})
-
-/** Métodos */
-function submit() {
-    emit('submit')
-}
-</script>
-
-<template>
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl(`${action}.description`)" />
-    </div>
-    <div class="w-full">
-        <form @submit.prevent="submit" class="space-y-6">
-            
-            <!-- Campos del formulario -->
-            <Input
-                v-model="form.name"
-                id="name"
-                title="name"
-                :onError="form.errors.name"
-                required
-            />
-            
-            <Textarea
-                v-model="form.description"
-                id="description"
-                title="description"
-                :onError="form.errors.description"
-            />
-
-            <!-- Botón de Enviar -->
-            <div class="flex justify-end pt-6 border-t border-gray-100 dark:border-primary/20">
-                <PrimaryButton
-                    v-text="$t(action)"
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                    type="submit"
-                />
-            </div>
-        </form>
-    </div>
-</template>
diff --git a/src/pages/Admin/Events/PettyCashes/Index.vue b/src/pages/Admin/Events/PettyCashes/Index.vue
deleted file mode 100644
index 5f25d82..0000000
--- a/src/pages/Admin/Events/PettyCashes/Index.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useSearcher } from '@Services/Api';
-import { hasPermission } from '@Plugins/RolePermission';
-import { getDate } from '@Controllers/DateController';
-import { can, apiTo, viewTo, transl } from './Module'
-
-import IconButton from '@Holos/Button/Icon.vue'
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-import SearcherHead from '@Holos/Searcher.vue';
-import Table from '@Holos/NewTable.vue';
-import ShowView from './Modals/Show.vue';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Searcher from '@Holos/Searcher.vue';
-import Adding from '@Holos/Button/ButtonRh.vue';
-
-/** Propiedades */
-const models = ref([]);
-
-/** Referencias */
-const showModal = ref(false);
-const destroyModal = ref(false);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => models.value = r.models,
-    onError: () => models.value = []
-});
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>
-
-<template>
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-        <div>
-            <h1 class="text-3xl font-extrabold text-gray-900 dark:text-primary-dt">{{ $t('petty_cash.title') }}</h1>
-            <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">{{ $t('petty_cash.description') }}
-            </p>
-        </div>
-
-        <RouterLink :to="viewTo({ name: 'create' })">
-            <Adding text="Nueva Caja Chica" />
-        </RouterLink>
-    </div>
-
-    <!-- Search Card -->
-    <div class="pt-2 w-full">
-        <Searcher @search="(x) => searcher.search(x)">
-        </Searcher>
-    </div>
-
-    <!-- List Card -->
-    <div class="pt-2 w-full">
-        <Table :items="models" :processing="searcher.processing" @send-pagination="(page) => searcher.pagination(page)">
-            <template #head>
-                <th v-text="$t('name')" />
-                <th v-text="$t('description')" />
-                <th v-text="$t('available_budget')" />
-                <th class="w-32 text-center" v-text="$t('actions')" />
-            </template>
-
-            <template #body="{ items }">
-                <tr v-for="model in items" class="table-row">
-                    <td>{{ model.name }}</td>
-                    <td>{{ model.description ?? '-' }}</td>
-                    <td>${{ model.available_budget ?? 0 }}</td>
-                    <td>
-                        <div class="table-actions">
-                            <IconButton icon="visibility" :title="$t('crud.show')" @click="showModal.open(model)"
-                                outline />
-                            <RouterLink class="h-fit"
-                                :to="viewTo({ name: 'edit', params: { id: model.id } })">
-                                <IconButton icon="edit" :title="$t('crud.edit')" outline />
-                            </RouterLink>
-                            <IconButton icon="delete" :title="$t('crud.destroy')"
-                                @click="destroyModal.open(model)" outline />
-                        </div>
-                    </td>
-                </tr>
-            </template>
-
-            <template #empty>
-                <td colspan="5" class="py-12 text-center">
-                    <div class="text-gray-500 dark:text-primary-dt/70">
-                        <GoogleIcon name="account_balance_wallet" class="w-12 h-12 mx-auto mb-4 text-gray-400" />
-                        <p class="text-lg font-medium">No se encontraron cajas chicas</p>
-                        <p class="text-sm mt-1">Intenta ajustar los filtros de búsqueda</p>
-                    </div>
-                </td>
-            </template>
-        </Table>
-
-        <ShowView ref="showModal" />
-
-        <DestroyView ref="destroyModal" subtitle="name"
-            :to="(petty_cash) => apiTo('destroy', { petty_cash })" @update="searcher.search()" />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Events/PettyCashes/Modals/Show.vue b/src/pages/Admin/Events/PettyCashes/Modals/Show.vue
deleted file mode 100644
index 8462b67..0000000
--- a/src/pages/Admin/Events/PettyCashes/Modals/Show.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { getDateTime } from '@Controllers/DateController';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close', 
-    'reload'
-]);
-
-/** Propiedades */
-const model    = ref(null);
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-
-    emit('close');
-}
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    }
-});
-</script>
-
-<template>
-    <ShowModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model">
-            <Header
-                :title="model.name"
-                :subtitle="model.description"
-            />
-            <div class="flex w-full p-4">
-                <GoogleIcon 
-                    class="text-xl text-success"
-                    name="account_balance_wallet"
-                />
-                <div class="pl-3">
-                    <p class="font-bold text-lg leading-none pb-2">
-                        {{ $t('details') }}
-                    </p>
-                    <p>
-                        <b>{{ $t('name') }}: </b>
-                        {{ model.name }}
-                    </p>
-                    <p>
-                        <b>{{ $t('description') }}: </b>
-                        {{ model.description }}
-                    </p>
-                    <p>
-                        <b>{{ $t('available_budget') }}: </b>
-                        ${{ model.available_budget ?? 0 }}
-                    </p>
-                    <p>
-                        <b>{{ $t('created_at') }}: </b>
-                        {{ getDateTime(model.created_at) }}
-                    </p>
-                    <p>
-                        <b>{{ $t('updated_at') }}: </b>
-                        {{ getDateTime(model.updated_at) }}
-                    </p>
-                </div>
-            </div>
-        </div>
-    </ShowModal>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Events/PettyCashes/Module.js b/src/pages/Admin/Events/PettyCashes/Module.js
deleted file mode 100644
index 822a055..0000000
--- a/src/pages/Admin/Events/PettyCashes/Module.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`admin.petty-cashes.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `admin.events.pettyCashes.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`pettyCashes.${str}`)
-
-// Determina si un usuario puede hacer algo no en base a los permisos
-const can = (permission) => hasPermission(`pettyCashes.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Admin/Events/Reports.vue b/src/pages/Admin/Events/Reports.vue
deleted file mode 100644
index 82c289c..0000000
--- a/src/pages/Admin/Events/Reports.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useSearcher } from '@Services/Api';
-import { hasPermission } from '@Plugins/RolePermission';
-import { getDate } from '@Controllers/DateController';
-import { can, apiTo, viewTo, transl } from './Module'
-
-import IconButton from '@Holos/Button/Icon.vue'
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-import SearcherHead from '@Holos/Searcher.vue';
-import Table from '@Holos/NewTable.vue';
-import ShowView from './Modals/Show.vue';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Searcher from '@Holos/Searcher.vue';
-import Adding from '@Holos/Button/ButtonRh.vue';
-
-/** Propiedades */
-const models = ref([]);
-
-/** Referencias */
-const showModal = ref(false);
-const destroyModal = ref(false);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => models.value = r.models,
-    onError: () => models.value = []
-});
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>
-
-<template>
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-        <div>
-            <h1 class="text-3xl font-extrabold text-gray-900 dark:text-primary-dt">{{ $t('reports.title') }}</h1>
-            <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">{{ $t('reports.description') }}
-            </p>
-        </div>
-    </div>
-
-    <!-- Search Card -->
-    <div class="pt-2 w-full">
-        <Searcher @search="(x) => searcher.search(x)">
-        </Searcher>
-    </div>
-
-    <!-- List Card -->
-    <div class="pt-2 w-full">
-        <Table :items="models" :processing="searcher.processing" @send-pagination="(page) => searcher.pagination(page)">
-            <template #head>
-                <th v-text="$t('created_at')" />
-                <th v-text="$t('event_name')" />
-                <th v-text="$t('cost')" />
-                <th v-text="$t('petty_cash.title')" />
-                <th class="w-32 text-center" v-text="$t('actions')" />
-            </template>
-
-            <template #body="{ items }">
-                <tr v-for="model in items" class="table-row">
-                    <td>{{ model.created_at ? getDate(model.created_at) : '-' }}</td>
-                    <td>{{ model.event_name }}</td>
-                    <td>
-                        <div class="text-lg font-bold text-[#2563eb] dark:text-primary-dt">
-                            ${{ model.cost }}
-                        </div>
-                    </td>
-                    <td>{{ model.petty_cash?.name }}</td>
-                    <td>
-                        <div class="table-actions">
-                            <IconButton icon="visibility" :title="$t('crud.show')" @click="showModal.open(model)"
-                                outline />
-                            <IconButton icon="delete" :title="$t('crud.destroy')"
-                                @click="destroyModal.open(model)" outline />
-                        </div>
-                    </td>
-                </tr>
-            </template>
-
-            <template #empty>
-                <td colspan="4" class="py-12 text-center">
-                    <div class="text-gray-500 dark:text-primary-dt/70">
-                        <GoogleIcon name="receipt_long" class="w-12 h-12 mx-auto mb-4 text-gray-400" />
-                        <p class="text-lg font-medium">No se encontraron justificaciones</p>
-                        <p class="text-sm mt-1">Intenta ajustar los filtros de búsqueda</p>
-                    </div>
-                </td>
-            </template>
-        </Table>
-
-        <ShowView ref="showModal" />
-
-        <DestroyView ref="destroyModal" subtitle="event_name"
-            :to="(expenseJustification) => apiTo('destroy-expense-justification', { expenseJustification })" @update="searcher.search()" />
-    </div>
-</template>
diff --git a/src/pages/Admin/Roles/Create.vue b/src/pages/Admin/Roles/Create.vue
deleted file mode 100644
index c2eaed2..0000000
--- a/src/pages/Admin/Roles/Create.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<script setup>
-import { useRouter } from 'vue-router';
-import { useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import Form            from './Form.vue'
-
-/** Definidores */
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    description: '',
-});
-
-/** Métodos */
-function submit() {
-    form.post(apiTo('store'), {
-        onSuccess: () => {
-            Notify.success(Lang('register.create.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-</script>
-
-<template>
-    <PageHeader :title="transl('create.title')">
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    <Form
-        action="create"
-        :form="form"
-        @submit="submit"
-    />
-</template>
diff --git a/src/pages/Admin/Roles/Edit.vue b/src/pages/Admin/Roles/Edit.vue
deleted file mode 100644
index c660f9e..0000000
--- a/src/pages/Admin/Roles/Edit.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup>
-import { onMounted } from 'vue';
-import { RouterLink, useRoute, useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { viewTo, apiTo , transl } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import Form            from './Form.vue'
-
-/** Definiciones */
-const vroute = useRoute();
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    id: null,
-    description: '',
-});
-
-/** Métodos */
-function submit() {
-    form.put(apiTo('update', { role: form.id }), {
-        onSuccess: () => {
-            Notify.success(Lang('register.edit.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        },
-    })
-}
-
-onMounted(() => {
-    api.get(apiTo('show', { role: vroute.params.id }), {
-        onSuccess: (r) => form.fill(r.model)
-    });
-})
-</script>
-
-<template>
-    <PageHeader :title="transl('edit.title')">
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    <Form
-        action="update"
-        :form="form"
-        @submit="submit"
-    />
-</template>
diff --git a/src/pages/Admin/Roles/Form.vue b/src/pages/Admin/Roles/Form.vue
deleted file mode 100644
index 93ed745..0000000
--- a/src/pages/Admin/Roles/Form.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<script setup>
-import { transl } from './Module';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/Input.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'submit'
-])
-
-/** Propiedades */
-defineProps({
-    action: {
-        default: 'create',
-        type: String
-    },
-    form: Object
-})
-
-/** Métodos */
-function submit() {
-    emit('submit')
-}
-</script>
-
-<template>
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl(`${action}.description`)" />
-    </div>
-    <div class="w-full">
-        <form @submit.prevent="submit" class="grid gap-4 grid-cols-1">
-            <Input
-                v-model="form.description"
-                id="name"
-                :onError="form.errors.description"
-                autofocus
-                required
-            />
-            <slot />
-            <div class="flex flex-col items-center justify-end space-y-4 mt-4">
-                <PrimaryButton
-                    v-text="$t(action)"
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                />
-            </div>
-        </form>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Roles/Index.vue b/src/pages/Admin/Roles/Index.vue
deleted file mode 100644
index d2fa467..0000000
--- a/src/pages/Admin/Roles/Index.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { can, apiTo, viewTo, transl } from './Module'
-import { useSearcher } from '@Services/Api';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import DestroyView     from '@Holos/Modal/Template/Destroy.vue';
-import SearcherHead    from '@Holos/Searcher.vue';
-import Table           from '@Holos/Table.vue';
-import Permissions     from './Modals/Permissions.vue';
-
-/** Propiedades */
-const destroyModal = ref(null);
-const editModal    = ref(null);
-
-const models = ref([]);
-
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => models.value = r.models,
-    onError: () => models.value = []
-});
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>  
-
-<template>
-    <div>
-        <SearcherHead
-            :title="transl('title')"
-            @search="(x) => searcher.search(x)"
-        >
-            <RouterLink
-                v-if="can('create')"
-                :to="viewTo({ name: 'create' })"
-            >
-                <IconButton
-                    class="text-white"
-                    icon="add"
-                    :title="$t('crud.create')"
-                    filled
-                />
-            </RouterLink>
-            <IconButton
-                icon="refresh"
-                :title="$t('refresh')"
-                @click="searcher.search()"
-            />
-        </SearcherHead>
-        <div class="pt-2 space-y-2 w-full">
-            <p class="text-sm">
-                {{ transl('description') }}
-            </p>
-            <Table 
-                :items="models"
-                @send-pagination="(page) => searcher.pagination(page)"
-                :processing="searcher.processing"
-            >
-                <template #head>
-                    <th v-text="$t('name')" />
-                    <th
-                        v-text="$t('actions')"
-                        class="w-32 text-center"
-                    />
-                </template>
-                <template #body="{items}">
-                    <tr v-for="model in items" class="table-row">
-                        <td class="table-cell border">
-                            {{ model.description }}
-                        </td>
-                        <td class="table-cell">
-                            <div class="table-actions">
-                                <IconButton
-                                    v-if="can('edit') && ![1,2].includes(model.id)"
-                                    icon="license"
-                                    :title="transl('permissions.title')"
-                                    @click="editModal.open(model)"
-                                    outline
-                                />
-                                <RouterLink
-                                    v-if="can('edit')"
-                                    class="h-fit"
-                                    :to="viewTo({ name: 'edit', params: { id: model.id } })"
-                                >
-                                    <IconButton
-                                        icon="edit"
-                                        :title="$t('crud.edit')"
-                                        outline
-                                    />
-                                </RouterLink>
-                                <IconButton
-                                    v-if="can('destroy') && ![1,2].includes(model.id)"
-                                    icon="delete"
-                                    :title="$t('crud.destroy')"
-                                    @click="destroyModal.open(model)"
-                                    outline
-                                />
-                            </div>
-                        </td>
-                    </tr>
-                </template>
-            </Table>
-        </div>
-        
-        <Permissions
-            v-if="can('index')"
-            ref="editModal"
-        />
-        <DestroyView
-            v-if="can('destroy')"
-            ref="destroyModal"
-            title="description"
-            subtitle=""
-            :to="(role) => apiTo('destroy', { role })"
-            @update="searcher.search()"
-        />
-    </div>
-</template>
-    
\ No newline at end of file
diff --git a/src/pages/Admin/Roles/Modals/Permissions.vue b/src/pages/Admin/Roles/Modals/Permissions.vue
deleted file mode 100644
index 8a6381e..0000000
--- a/src/pages/Admin/Roles/Modals/Permissions.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<script setup>
-import { onUpdated, ref } from 'vue';
-import { api } from '@Services/Api';
-import { apiTo } from '../Module';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import EditModal  from '@Holos/Modal/Show.vue';
-import Checkbox   from '@Holos/Form/Checkbox.vue';
-import PrimaryButton from '@Holos/Button/Primary.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close', 
-]);
-
-/** Propiedades */
-const permissionTypes = ref([]);
-const permissions     = ref([]);
-const model           = ref(null);
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Métodos */
-function close() {
-    modalRef.value.close();
-    emit('close');
-}
-
-function update() {
-    api.put(apiTo('permissions', { role: model.value.id }), {
-        data: {
-            permissions: permissions.value
-        },
-        onSuccess: () => {
-            Notify.success(Lang('register.edit.onSuccess'))
-            
-            close();
-        }
-    });
-}
-
-function getPermissions() {
-    api.get(route('permission-types.all-with-permissions'), {
-        onSuccess: (r) => permissionTypes.value = r.models
-    });
-
-    api.get(apiTo('permissions', { role: model.value.id }), {
-        onSuccess: (r) => {
-            if(r.permissions) {
-                permissions.value = r.permissions.map(p => p.id);
-            }
-        }
-    });
-}
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        getPermissions();
-        modalRef.value.open();
-    }
-});
-</script>
-<template>
-    <EditModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model"> 
-            <Header
-                :title="model.description"
-            />
-            <div class="p-4">
-                <div class="grid gap-4 grid-cols-2">
-                    <div v-for="permissionType in permissionTypes">
-                        <p class="font-bold">{{ permissionType.name}}</p>
-                        <ul class="space-y-0.5 list-none">
-                            <li v-for="permission in permissionType.permissions">
-                                <Checkbox
-                                    v-model="permissions"
-                                    :title="permission.description"
-                                    :value="permission.id"
-                                />
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <template #buttons>
-            <PrimaryButton
-                @click="update"
-            >
-                {{ $t('update') }}
-            </PrimaryButton>
-        </template>
-    </EditModal>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Roles/Module.js b/src/pages/Admin/Roles/Module.js
deleted file mode 100644
index 284870d..0000000
--- a/src/pages/Admin/Roles/Module.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`admin.roles.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `admin.roles.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`roles.${str}`)
-
-// Determina si un usuario puede hacer algo no en base a los permisos
-const can = (permission) => hasPermission(`roles.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Academic/CreateCertification.vue b/src/pages/Admin/Users/Academic/CreateCertification.vue
deleted file mode 100644
index bccede7..0000000
--- a/src/pages/Admin/Users/Academic/CreateCertification.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script setup>
-import { useRouter, useRoute } from 'vue-router';
-import { useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import FormCertification from './FormCertification.vue';
-
-/** Definidores */
-const router = useRouter();
-const route = useRoute();
-
-/** Propiedades */
-const form = useForm({
-    name: '',
-    description: '',
-    institution: '',
-    date_obtained: '',
-    date_expiration: '',
-    number: '',
-    user_id: route.params.id || '',
-});
-
-/** Métodos */
-function submit() {
-    form.post(apiTo('store-certificate'), {
-        onSuccess: () => {
-            Notify.success(Lang('register.create.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-</script>
-
-<template>
-    <PageHeader
-        :title="transl('create.certification.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl('create.certification.description')" />
-    </div>
-    
-    <FormCertification
-        :form="form"
-        @submit="submit"
-    />
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Academic/CreateRecord.vue b/src/pages/Admin/Users/Academic/CreateRecord.vue
deleted file mode 100644
index f9110ee..0000000
--- a/src/pages/Admin/Users/Academic/CreateRecord.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import Selectable      from '@Holos/Form/Selectable.vue';
-import FormRecord      from './FormRecord.vue';
-
-/** Definidores */
-const router = useRouter();
-const route = useRoute();
-
-/** Propiedades */
-const form = useForm({
-    title: '',
-    institution: '',
-    date_obtained: '',
-    degree_type_ek: '',
-    user_id: route.params.id || '',
-    // file_path: null,
-});
-
-const degreeTypes = ref([]);
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-        degree_type_ek: form.degree_type_ek?.id
-    })).post(apiTo('store-record'), {
-        onSuccess: () => {
-            Notify.success(Lang('register.create.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-
-/** Ciclos */
-onMounted(() => {
-    api.catalog({
-            'degreeType:all': null,
-        },
-        {
-           onSuccess: (r) => {
-            degreeTypes.value = r['degreeType:all'] ?? [];
-        } 
-    });
-})
-</script>
-
-<template>
-    <PageHeader
-        :title="transl('create.record.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl('create.record.description')" />
-    </div>
-    <FormRecord
-        :degreeTypes="degreeTypes"
-        :form="form"
-        @submit="submit"
-    >
-        <Selectable
-            v-model="form.degree_type_ek"
-            title="degreeType"
-            :options="degreeTypes"
-        />
-    </FormRecord>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Academic/EditCertification.vue b/src/pages/Admin/Users/Academic/EditCertification.vue
deleted file mode 100644
index 5cc2039..0000000
--- a/src/pages/Admin/Users/Academic/EditCertification.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import FormCertification from './FormCertification.vue';
-
-/** Definidores */
-const router = useRouter();
-const vroute = useRoute();
-
-/** Propiedades */
-const form = useForm({
-    name: '',
-    description: '',
-    institution: '',
-    date_obtained: '',
-    date_expiration: '',
-    number: '',
-    user_id: vroute.params.id || '',
-});
-
-/** Métodos */
-function submit() {
-    form.put(apiTo('update-certificate', { certificate: vroute.params.certification }), {
-        onSuccess: () => {
-            Notify.success(Lang('register.edit.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-
-
-/** Ciclos */
-onMounted(() => {
-    api.get(apiTo('show-certificate', { certificate: vroute.params.certification }), {
-        onSuccess: (r) => {
-            form.fill(r.certificate)
-            if (r.certificate.date_obtained) {
-                form.date_obtained = new Date(r.certificate.date_obtained).toISOString().split('T')[0]
-            }
-            if (r.certificate.date_expiration) {
-                form.date_expiration = new Date(r.certificate.date_expiration).toISOString().split('T')[0]
-            }
-        }
-    });
-})
-</script>
-
-<template>
-    <PageHeader
-        :title="transl('edit.certification.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl('edit.certification.description')" />
-    </div>
-    <FormCertification
-        action="update"
-        :form="form"
-        @submit="submit"
-    />
-</template>
diff --git a/src/pages/Admin/Users/Academic/EditRecord.vue b/src/pages/Admin/Users/Academic/EditRecord.vue
deleted file mode 100644
index 2001ef3..0000000
--- a/src/pages/Admin/Users/Academic/EditRecord.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import Selectable      from '@Holos/Form/Selectable.vue';
-import FormRecord      from './FormRecord.vue';
-
-/** Definidores */
-const router = useRouter();
-const vroute = useRoute();
-
-/** Propiedades */
-const form = useForm({
-    title: '',
-    institution: '',
-    date_obtained: '',
-    degree_type_ek: '',
-    user_id: vroute.params.id || '',
-    // file_path: null,
-});
-
-const degreeTypes = ref([]);
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-        degree_type_ek: form.degree_type_ek?.id
-    })).put(apiTo('update-record', { academicRecord: vroute.params.record }), {
-        onSuccess: () => {
-            Notify.success(Lang('register.edit.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-
-function fillForm() {
-    api.get(apiTo('show-record', { academicRecord: vroute.params.record }), {
-        onSuccess: (r) => {
-            form.fill(r.academic_record)
-            form.degree_type_ek = degreeTypes.value.find(type => type.name == form.degree_type_ek)
-            if (r.academic_record.date_obtained) {
-                form.date_obtained = new Date(r.academic_record.date_obtained).toISOString().split('T')[0]
-            }
-        }
-    });
-}
-
-/** Ciclos */
-onMounted(() => {
-    api.catalog({
-            'degreeType:all': null,
-        },
-        {
-           onSuccess: (r) => {
-            degreeTypes.value = r['degreeType:all'] ?? [];
-            // De esta manera se puede rellenar el form con el degree_type_ek del catalogo
-            fillForm();
-        } 
-    });
-})
-</script>
-
-<template>
-    <PageHeader
-        :title="transl('edit.record.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl('edit.record.description')" />
-    </div>
-    <FormRecord
-        :degreeTypes="degreeTypes"
-        :form="form"
-        @submit="submit"
-    >
-        <Selectable
-            action="update"
-            v-model="form.degree_type_ek"
-            title="degreeType"
-            :options="degreeTypes"
-        />
-    </FormRecord>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Academic/FormCertification.vue b/src/pages/Admin/Users/Academic/FormCertification.vue
deleted file mode 100644
index 34f4efd..0000000
--- a/src/pages/Admin/Users/Academic/FormCertification.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<script setup>
-import PrimaryButton   from '@Holos/Button/Primary.vue';
-import Input           from '@Holos/Form/Input.vue';
-import Textarea        from '@Holos/Form/Textarea.vue';
-
-const emit = defineEmits([
-    'submit'
-])
-
-defineProps({
-    action: {
-        default: 'create',
-        type: String
-    },
-    form: Object
-})
-
-const submit = () => {
-    emit('submit')
-}
-</script>
-
-<template>
-    <div class="w-full">
-        <form @submit.prevent="submit" class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-            <Input
-                v-model="form.name"
-                id="name"
-                :onError="form.errors.name"
-                autofocus
-                required
-            />
-            <Input
-                v-model="form.institution"
-                id="institution"
-                :onError="form.errors.institution"
-                required
-            />
-            <Input
-                v-model="form.number"
-                id="number"
-                :onError="form.errors.number"
-                required
-            />
-            <Input
-                v-model="form.date_obtained"
-                id="date_obtained"
-                :onError="form.errors.date_obtained"
-                type="date"
-                required
-            />
-            <Input
-                v-model="form.date_expiration"
-                id="date_expiration"
-                :onError="form.errors.date_expiration"
-                type="date"
-            />
-            <div class="col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-4">
-                <Textarea
-                    v-model="form.description"
-                    id="description"
-                    :onError="form.errors.description"
-                    rows="4"
-                />
-            </div>
-            
-            <div class="col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-4 flex flex-col items-center justify-end space-y-4 mt-4">
-                <PrimaryButton
-                    v-text="$t('create')"
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                />
-            </div>
-        </form>
-    </div>
-</template>
diff --git a/src/pages/Admin/Users/Academic/FormRecord.vue b/src/pages/Admin/Users/Academic/FormRecord.vue
deleted file mode 100644
index ff1b382..0000000
--- a/src/pages/Admin/Users/Academic/FormRecord.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<script setup>
-import PrimaryButton   from '@Holos/Button/Primary.vue';
-import Input           from '@Holos/Form/Input.vue';
-import SingleFile      from '@Holos/Form/SingleFile.vue';
-
-const emit = defineEmits([
-    'submit'
-])
-
-defineProps({
-    action: {
-        default: 'create',
-        type: String
-    },
-    form: Object
-})
-
-const submit = () => {
-    emit('submit')
-}
-</script>
-
-<template>
-    <div class="w-full">
-        <form @submit.prevent="submit" class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-            <Input
-                v-model="form.title"
-                id="title"
-                :onError="form.errors.title"
-                autofocus
-                required
-            />
-            <Input
-                v-model="form.institution"
-                id="institution"
-                :onError="form.errors.institution"
-                required
-            />
-            <Input
-                v-model="form.date_obtained"
-                id="date_obtained"
-                :onError="form.errors.date_obtained"
-                type="date"
-                required
-            />
-            <!-- <div class="col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-4">
-                <SingleFile
-                    v-model="form.file_path"
-                    title="Archivo"
-                    accept="application/pdf,image/png,image/jpeg"
-                />
-            </div> -->
-            <slot />
-            
-            <div class="col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-4 flex flex-col items-center justify-end space-y-4 mt-4">
-                <PrimaryButton
-                    v-text="$t('create')"
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                />
-            </div>
-        </form>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Academic/Index.vue b/src/pages/Admin/Users/Academic/Index.vue
deleted file mode 100644
index 9fee826..0000000
--- a/src/pages/Admin/Users/Academic/Index.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { useSearcher } from '@Services/Api';
-import { getDate } from '@Controllers/DateController';
-import { apiTo, viewTo } from './Module'
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Searcher from '@Holos/Searcher.vue';
-import AcademicRecords from '@Holos/Card/AcademicRecords.vue';
-import Certifications from '@Holos/Card/Certifications.vue';
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-
-/** Propiedades */
-const models = ref([]);
-
-/** Definidores */
-const router = useRouter();
-
-/** Referencias */
-const destroyRecordModal = ref(false);
-const destroyCertModal = ref(false);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => models.value = r.models,
-    onError: () => models.value = []
-});
-
-function openDestroyRecord(record) {
-    destroyRecordModal.value.open(record);
-}
-
-function openDestroyCert(cert) {
-    destroyCertModal.value.open(cert);
-}
-
-function openEditRecord(record) {
-    router.push(viewTo({ name: 'editRecord', params: { id: record.user_id, record: record.id } }));
-}
-
-function openEditCert(cert) {
-    router.push(viewTo({ name: 'editCertification', params: { id: cert.user_id, certification: cert.id } }));
-}
-
-/** Ciclos */
-onMounted(() => {
-  searcher.search();
-});
-</script>
-
-<template>
-  <div>
-    <!-- Página: Header principal -->
-    <div class="flex items-start justify-between">
-      <div>
-        <h1 class="text-4xl font-extrabold text-gray-900 dark:text-primary-dt">Historial Académico</h1>
-        <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">Gestión de grados académicos y certificaciones profesionales</p>
-      </div>
-    </div>
-
-    <!-- Search Card -->
-    <div class="pt-2 w-full">
-      <Searcher @search="(x) => searcher.search(x)">
-      </Searcher>
-    </div>
-
-    <!-- Cards principales: una por usuario -->
-    <section 
-      v-for="user in models.data" 
-      :key="user.id"
-      class="mt-6 bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt"
-    >
-      <!-- Perfil -->
-      <header class="flex items-start gap-4">
-        <div class="flex-shrink-0">
-          <div class="w-12 h-12 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 dark:bg-primary/10 dark:text-primary-dt">
-            <!-- icono usuario -->
-            <GoogleIcon 
-               class="text-black dark:text-primary-dt text-xl"
-               name="school"
-            />
-          </div>
-        </div>
-
-        <div class="flex-1">
-          <h2 class="text-xl font-semibold text-gray-800 dark:text-primary-dt">{{ user.full_name }}</h2>
-          <p class="text-sm text-gray-500 mt-1 dark:text-primary-dt/70">Información académica y certificaciones profesionales</p>
-        </div>
-      </header>
-
-      <!-- Secciones: Grados Académicos -->
-      <AcademicRecords 
-        :records="user.academic_records || []" 
-        @destroy="openDestroyRecord"
-        @edit="openEditRecord"
-      />
-
-      <!-- Secciones: Certificaciones -->
-      <Certifications 
-        :certifications="user.certificates || []" 
-        @destroy="openDestroyCert"
-        @edit="openEditCert"
-      />
-
-      <!-- Acciones al final de la tarjeta -->
-      <div class="mt-6 border-t border-gray-100 pt-4 flex gap-3 dark:border-primary/20">
-        <RouterLink :to="viewTo({ name: 'createRecord', params: { id: user.id } })" class="inline-flex items-center gap-2 px-3 py-2 rounded-md border border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-          <GoogleIcon 
-               class="text-black dark:text-primary-dt text-xl"
-               name="add"
-            />
-          Agregar Grado
-        </RouterLink>
-
-        <RouterLink :to="viewTo({ name: 'createCertification', params: { id: user.id } })" class="inline-flex items-center gap-2 px-3 py-2 rounded-md border border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <GoogleIcon 
-               class="text-black dark:text-primary-dt text-xl"
-               name="add"
-            />
-          Agregar Certificación
-        </RouterLink>
-      </div>
-    </section>
-
-    <!-- Estado vacío general -->
-    <div v-if="models.length === 0" class="mt-6 py-12 text-center">
-      <div class="text-gray-500 dark:text-primary-dt/70">
-        <GoogleIcon name="person_search" class="w-12 h-12 mx-auto mb-4 text-gray-400" />
-        <p class="text-lg font-medium">No se encontraron usuarios</p>
-        <p class="text-sm mt-1">Intenta ajustar los filtros de búsqueda</p>
-      </div>
-    </div>
-
-    <!-- Modales de eliminación -->
-    <DestroyView 
-      ref="destroyRecordModal" 
-      subtitle="title"
-      :to="(academicRecord) => apiTo('destroy-record', { academicRecord })" 
-      @update="searcher.search()" 
-    />
-    
-    <DestroyView 
-      ref="destroyCertModal" 
-      subtitle="name"
-      :to="(certificate) => apiTo('destroy-certificate', { certificate })" 
-      @update="searcher.search()" 
-    />
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Academic/Module.js b/src/pages/Admin/Users/Academic/Module.js
deleted file mode 100644
index 86fb830..0000000
--- a/src/pages/Admin/Users/Academic/Module.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`admin.users.academic.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `admin.users.academic.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`users.academic.${str}`)
-
-// Determina si un usuario puede hacer algo no en base a los permisos
-const can = (permission) => hasPermission(`users.academic.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Additional.vue b/src/pages/Admin/Users/Additional.vue
deleted file mode 100644
index 4eb8299..0000000
--- a/src/pages/Admin/Users/Additional.vue
+++ /dev/null
@@ -1,149 +0,0 @@
-<script setup>
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Adding from '@Holos/Button/ButtonRh.vue';
-</script>
-
-<template>
-  <div class="p-6 max-w-auto mx-auto">
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-      <div>
-        <h1 class="text-4xl font-extrabold text-gray-900 dark:text-primary-dt">Información Adicional</h1>
-        <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">Deportes, evaluaciones de desempeño y desarrollo profesional</p>
-      </div>
-
-      <div>
-        <Adding text="Nueva Evaluación" />
-      </div>
-    </div>
-
-    <!-- Card principal -->
-    <section class="mt-6 bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-      <!-- Perfil -->
-      <header class="flex items-start gap-4">
-        <div class="flex-shrink-0">
-            <div class="w-12 h-12 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 dark:bg-primary/10 dark:text-primary-dt">
-              <GoogleIcon class="text-black dark:text-primary-dt text-xl" name="description" />
-            </div>
-        </div>
-
-        <div class="flex-1">
-          <h2 class="text-xl font-semibold text-gray-800 dark:text-primary-dt">María González López</h2>
-          <p class="text-sm text-gray-500 mt-1 dark:text-primary-dt/70">Información adicional y evaluación de desempeño</p>
-        </div>
-      </header>
-
-      <!-- Deportes -->
-      <div class="mt-6">
-        <h3 class="text-base font-medium text-gray-800 dark:text-primary-dt flex items-center gap-2">
-          <GoogleIcon class="text-gray-600 dark:text-primary-dt text-base" name="sports_tennis" />
-          Deportes que Practica
-        </h3>
-        <div class="mt-3 flex flex-wrap gap-2">
-          <span class="inline-block px-3 py-1 bg-blue-50 text-blue-700 rounded-full text-sm dark:bg-primary/10 dark:text-primary-dt">Natación</span>
-          <span class="inline-block px-3 py-1 bg-blue-50 text-blue-700 rounded-full text-sm dark:bg-primary/10 dark:text-primary-dt">Yoga</span>
-          <span class="inline-block px-3 py-1 bg-blue-50 text-blue-700 rounded-full text-sm dark:bg-primary/10 dark:text-primary-dt">Ciclismo</span>
-        </div>
-      </div>
-
-      <!-- Evaluación de Desempeño -->
-      <div class="mt-8">
-        <h3 class="text-base font-medium text-gray-800 dark:text-primary-dt flex items-center gap-2">
-          <GoogleIcon class="text-gray-600 dark:text-primary-dt text-base" name="star" />
-          Evaluación de Desempeño
-        </h3>
-
-        <div class="mt-4 grid grid-cols-1 md:grid-cols-3 gap-4 items-start">
-          <!-- Puntuación grande -->
-          <div class="md:col-span-2 bg-gradient-to-r from-[#1e40af] to-[#2563eb] text-white rounded-lg p-6 flex flex-col justify-between shadow-sm">
-            <div class="flex items-center justify-between">
-              <div>
-                <div class="text-sm font-semibold">Puntuación General</div>
-              </div>
-              <div>
-                <span class="inline-block bg-emerald-100 text-emerald-700 text-xs px-3 py-1 rounded-full">Excelente</span>
-              </div>
-            </div>
-
-            <div class="mt-4">
-              <div class="text-4xl font-bold">92/100</div>
-              <div class="text-sm opacity-80 mt-1">Evaluado el 2024-01-15</div>
-            </div>
-          </div>
-
-          <!-- Archivo evaluación -->
-          <div class="rounded-lg border border-gray-100 bg-white p-4 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <div class="text-sm font-semibold text-gray-800 dark:text-primary-dt">Archivo de Evaluación</div>
-            <div class="mt-3 flex items-start gap-3">
-              <GoogleIcon class="text-gray-400 dark:text-primary-dt text-xl" name="picture_as_pdf" />
-              <div>
-                <div class="text-sm text-gray-700 dark:text-primary-dt">evaluacion_maria_2024.pdf</div>
-                <div class="text-xs text-gray-400 mt-1 dark:text-primary-dt/70">Evaluador: Juan Pérez</div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- Observaciones -->
-        <div class="mt-4 rounded-lg border border-gray-100 bg-white p-4 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-           <div class="font-semibold text-sm text-gray-800 dark:text-primary-dt">Observaciones</div>
-           <div class="mt-2 text-sm text-gray-500 dark:text-primary-dt/70">
-             Excelente desempeño...
-           </div>
-         </div>
-      </div>
-
-      <!-- Objetivos y Progreso -->
-      <div class="mt-8">
-        <h3 class="text-base font-medium text-gray-800 dark:text-primary-dt flex items-center gap-2">
-          <GoogleIcon class="text-gray-600 dark:text-primary-dt text-base" name="track_changes" />
-          Objetivos y Progreso
-        </h3>
-
-        <div class="mt-4 space-y-4">
-          <!-- Objetivo 1 -->
-          <div class="rounded-lg border border-gray-100 bg-white p-4 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <div class="flex justify-between items-center">
-              <div class="font-semibold text-sm text-gray-800 dark:text-primary-dt">Completar certificación en React Advanced</div>
-              <div class="text-sm text-gray-500 dark:text-primary-dt/70">75%</div>
-            </div>
-            <div class="mt-2 text-xs text-gray-400 dark:text-primary-dt/70">Fecha límite: 2024-03-30</div>
-            <div class="mt-3 h-3 rounded-full bg-gray-100 dark:bg-primary/10 overflow-hidden">
-              <div class="h-full bg-[#2563eb]" style="width:75%"></div>
-            </div>
-          </div>
-
-          <!-- Objetivo 2 -->
-          <div class="rounded-lg border border-gray-100 bg-white p-4 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <div class="flex justify-between items-center">
-              <div class="font-semibold text-sm text-gray-800 dark:text-primary-dt">Liderar proyecto de refactorización</div>
-              <div class="text-sm text-gray-500 dark:text_primary-dt/70">45%</div>
-            </div>
-            <div class="mt-2 text-xs text-gray-400 dark:text-primary-dt/70">Fecha límite: 2024-04-15</div>
-            <div class="mt-3 h-3 rounded-full bg-gray-100 dark:bg-primary/10 overflow-hidden">
-              <div class="h-full bg-[#2563eb]" style="width:45%"></div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Acciones -->
-      <div class="mt-6 border-t border-gray-100 pt-4 flex gap-3 dark:border-primary/20">
-        <button class="inline-flex items-center gap-2 px-3 py-2 rounded-md border border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-          <GoogleIcon class="text-black dark:text-primary-dt text-base" name="file_upload" />
-          Subir Evaluación
-        </button>
-
-        <button class="inline-flex items-center gap-2 px-3 py-2 rounded-md border border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-          <GoogleIcon class="text-black dark:text-primary-dt text-base" name="target" />
-          Actualizar Objetivos
-        </button>
-
-        <button class="inline-flex items-center gap-2 px-3 py-2 rounded-md border border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-          <GoogleIcon class="text-black dark:text-primary-dt text-base" name="trophy" />
-          Actualizar Deportes
-        </button>
-      </div>
-    </section>
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Create.vue b/src/pages/Admin/Users/Create.vue
deleted file mode 100644
index 4cb89f2..0000000
--- a/src/pages/Admin/Users/Create.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import Input           from '@Holos/Form/Input.vue';
-import Selectable      from '@Holos/Form/Selectable.vue';
-import PageHeader      from '@Holos/PageHeader.vue';
-import Form            from './Form.vue'
-
-/** Definidores */
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    name: '',
-    paternal: '',
-    maternal: '',
-    email: '',
-    phone: '',
-    hire_date: '',
-    password: '',
-    roles: [],
-    department_id: '',
-});
-
-const roles = ref([]);
-const departments = ref([]);
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-        roles: data.roles.map(role => role.id),
-        department_id: data.department_id?.id
-    })).post(apiTo('store'), {
-        onSuccess: () => {
-            Notify.success(Lang('register.create.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-
-/** Ciclos */
-onMounted(() => {
-    api.get(route('system.roles'), {
-        onSuccess: (r) => {
-            roles.value = r.roles;
-        }
-    });
-
-    api.catalog({
-            'department:all': null,
-        },
-        {
-           onSuccess: (r) => {
-            departments.value = r['department:all'] ?? [];
-        } 
-    });
-})
-</script>
-
-<template>
-    <PageHeader
-        :title="transl('create.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    <Form
-        action="create"
-        :form="form"
-        @submit="submit"
-    >
-        <Input
-            v-model="form.password"
-            class="col-span-2"
-            id="password"
-            type="password"
-            :onError="form.errors.password"
-            required
-        />
-        <Selectable
-            v-model="form.roles"
-            label="description"
-            title="Roles"
-            :options="roles"
-            multiple
-        />
-        <Selectable
-            v-model="form.department_id"
-            title="Departamento"
-            :options="departments"
-        />
-    </Form>
-</template>
diff --git a/src/pages/Admin/Users/Edit.vue b/src/pages/Admin/Users/Edit.vue
deleted file mode 100644
index d6f3bff..0000000
--- a/src/pages/Admin/Users/Edit.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { RouterLink, useRoute, useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { viewTo, apiTo , transl } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import Selectable      from '@Holos/Form/Selectable.vue';
-import Form            from './Form.vue'
-
-/** Definiciones */
-const vroute = useRoute();
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    id: null,
-    name: '',
-    paternal: '',
-    maternal: '',
-    email: '',
-    hire_date: '',
-    phone: '',
-    department_id: '',
-});
-
-const departments = ref([]);
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-        department_id: data.department_id?.id
-    })).put(apiTo('update', { user: form.id }), {
-        onSuccess: () => {
-            Notify.success(Lang('register.edit.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        },
-    })
-}
-
-onMounted(() => {
-    api.get(apiTo('show', { user: vroute.params.id }), {
-        onSuccess: (r) => {
-            form.fill(r.user)
-            form.department_id = r.user.department
-            if (r.user.hire_date) {
-                form.hire_date = new Date(r.user.hire_date).toISOString().split('T')[0]
-            }
-        }
-    });
-    
-    api.catalog({
-            'department:all': null,
-        },
-        {
-           onSuccess: (r) => {
-            departments.value = r['department:all'] ?? [];
-        } 
-        }
-    );
-})
-</script>
-
-<template>
-    <PageHeader :title="transl('edit.title')">
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    <Form
-        action="update"
-        :form="form"
-        @submit="submit"
-    >
-        <Selectable
-            v-model="form.department_id"
-            title="Departamento"
-            :options="departments"
-        />
-    </Form>
-</template>
diff --git a/src/pages/Admin/Users/Form.vue b/src/pages/Admin/Users/Form.vue
deleted file mode 100644
index 84f6cc2..0000000
--- a/src/pages/Admin/Users/Form.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<script setup>
-import { transl } from './Module';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/Input.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'submit'
-])
-
-/** Propiedades */
-defineProps({
-    action: {
-        default: 'create',
-        type: String
-    },
-    form: Object
-})
-
-/** Métodos */
-function submit() {
-    emit('submit')
-}
-</script>
-
-<template>
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl(`${action}.description`)" />
-    </div>
-    <div class="w-full">
-        <form @submit.prevent="submit" class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-            <Input
-                v-model="form.name"
-                id="name"
-                :onError="form.errors.name"
-                autofocus
-                required
-            />
-            <Input
-                v-model="form.paternal"
-                id="paternal"
-                :onError="form.errors.paternal"
-                required
-            />
-            <Input
-                v-model="form.maternal"
-                id="maternal"
-                :onError="form.errors.maternal"
-            />
-            <Input
-                v-model="form.phone"
-                id="phone"
-                :onError="form.errors.phone"
-                type="number"
-            />
-            <Input
-                v-model="form.email"
-                id="email.title"
-                type="email"
-                :onError="form.errors.email"
-                required
-            />
-            <Input
-                v-model="form.hire_date"
-                id="hire_date"
-                :onError="form.errors.hire_date"
-                type="date"
-                required
-            />
-            <slot />
-            <div class="col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-4 flex flex-col items-center justify-end space-y-4 mt-4">
-                <PrimaryButton
-                    v-text="$t(action)"
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                />
-            </div>
-        </form>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Index.vue b/src/pages/Admin/Users/Index.vue
deleted file mode 100644
index c5933c8..0000000
--- a/src/pages/Admin/Users/Index.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useSearcher } from '@Services/Api';
-import { hasPermission } from '@Plugins/RolePermission';
-import { getDate } from '@Controllers/DateController';
-import { can, apiTo, viewTo, transl } from './Module'
-
-import IconButton from '@Holos/Button/Icon.vue'
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-import SearcherHead from '@Holos/Searcher.vue';
-import Table from '@Holos/NewTable.vue';
-import ShowView from './Modals/Show.vue';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Searcher from '@Holos/Searcher.vue';
-import Adding from '@Holos/Button/ButtonRh.vue';
-
-/** Propiedades */
-const models = ref([]);
-
-/** Referencias */
-const showModal = ref(false);
-const destroyModal = ref(false);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => models.value = r.models,
-    onError: () => models.value = []
-});
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>
-
-<template>
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-        <div>
-            <h1 class="text-3xl font-extrabold text-gray-900 dark:text-primary-dt">{{ $t('users.title') }}</h1>
-            <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">{{ $t('users.description') }}
-            </p>
-        </div>
-
-        <RouterLink :to="viewTo({ name: 'create' })">
-            <Adding text="Nuevo Empleado" />
-        </RouterLink>
-    </div>
-
-    <!-- Search Card -->
-    <div class="pt-2 w-full">
-        <Searcher @search="(x) => searcher.search(x)">
-        </Searcher>
-    </div>
-
-    <!-- List Card -->
-    <div class="pt-2 w-full">
-        <Table :items="models" :processing="searcher.processing" @send-pagination="(page) => searcher.pagination(page)">
-            <template #head>
-                <th v-text="$t('name')" />
-                <th v-text="$t('department')" />
-                <th v-text="$t('headquarter')" />
-                <th v-text="$t('hire_date')" />
-                <th v-text="$t('status')" />
-                <th class="w-32 text-center" v-text="$t('actions')" />
-            </template>
-
-            <template #body="{ items }">
-                <tr v-for="model in items" class="table-row">
-                    <td>{{ model.full_name }}</td>
-                    <td>{{ model.department?.name }}</td>
-                    <td>{{ model.headquarter }}</td>
-                    <td>{{ model.hire_date ? getDate(model.hire_date) : '-' }}</td>
-                    <td class="py-6">
-                        <span
-                            class="inline-block px-3 py-1 rounded-full text-xs font-semibold bg-green-100 text-green-700 dark:bg-success-d dark:text-success-dt">
-                            {{ model.status_ek }}
-                        </span>
-                    </td>
-                    <td>
-                        <div class="table-actions">
-                            <IconButton icon="visibility" :title="$t('crud.show')" @click="showModal.open(model)"
-                                outline />
-                            <RouterLink v-if="can('edit')" class="h-fit"
-                                :to="viewTo({ name: 'edit', params: { id: model.id } })">
-                                <IconButton icon="edit" :title="$t('crud.edit')" outline />
-                            </RouterLink>
-                            <IconButton v-if="can('destroy')" icon="delete" :title="$t('crud.destroy')"
-                                @click="destroyModal.open(model)" outline />
-                            <RouterLink v-if="can('settings')" class="h-fit"
-                                :to="viewTo({ name: 'settings', params: { id: model.id } })">
-                                <IconButton icon="settings" :title="$t('setting')" />
-                            </RouterLink>
-                            <RouterLink v-if="hasPermission('activities.index')" class="h-fit"
-                                :to="$view({ name: 'admin.activities.index', query: { user: model.id } })">
-                                <IconButton icon="timeline" :title="$t('activity')" />
-                            </RouterLink>
-                        </div>
-                    </td>
-                </tr>
-            </template>
-
-            <template #empty>
-                <td colspan="6" class="py-12 text-center">
-                    <div class="text-gray-500 dark:text-primary-dt/70">
-                        <GoogleIcon name="person_search" class="w-12 h-12 mx-auto mb-4 text-gray-400" />
-                        <p class="text-lg font-medium">No se encontraron empleados</p>
-                        <p class="text-sm mt-1">Intenta ajustar los filtros de búsqueda</p>
-                    </div>
-                </td>
-            </template>
-        </Table>
-
-        <ShowView ref="showModal" />
-
-        <DestroyView v-if="can('destroy')" ref="destroyModal" subtitle="last_name"
-            :to="(user) => apiTo('destroy', { user })" @update="searcher.search()" />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Modals/Show.vue b/src/pages/Admin/Users/Modals/Show.vue
deleted file mode 100644
index 455015e..0000000
--- a/src/pages/Admin/Users/Modals/Show.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { getDateTime } from '@Controllers/DateController';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close', 
-    'reload'
-]);
-
-/** Propiedades */
-const model    = ref(null);
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-
-    emit('close');
-}
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    }
-});
-</script>
-
-<template>
-    <ShowModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model">
-            <Header
-                :title="model.name"
-                :subtitle="model.last_name"
-            >
-                <div class="flex w-full flex-col">
-                    <div class="flex w-full justify-center items-center">
-                        <img :src="model.profile_photo_url" alt="Photo" class="w-24 h-24 rounded-full">
-                    </div>
-                </div>
-            </Header>
-            <div class="flex w-full p-4">
-                <GoogleIcon 
-                    class="text-xl text-success"
-                    name="contact_mail"
-                />
-                <div class="pl-3">
-                    <p class="font-bold text-lg leading-none pb-2">
-                        {{ $t('details') }}
-                    </p>
-                    <p>
-                        <b>{{ $t('name') }}: </b>
-                        {{ model.full_name }}
-                    </p>
-                    <p>
-                        <b>{{ $t('phone') }}: </b>
-                        <a :href="`tel:${model.phone}`" target="_blank" class="hover:text-danger">
-                            {{ model.phone ?? '-' }}
-                        </a>
-                    </p>
-                    <p>
-                        <b>{{ $t('email.title') }}: </b>
-                        <a :href="`mailto:${model.email}`" target="_blank" class="hover:text-danger">
-                            {{ model.email }}
-                        </a>
-                    </p>
-                    <p>
-                        <b>{{ $t('created_at') }}: </b>
-                        {{ getDateTime(model.created_at) }}
-                    </p>
-                    <p>
-                        <b>{{ $t('updated_at') }}: </b>
-                        {{ getDateTime(model.updated_at) }}
-                    </p>
-                </div>
-            </div>
-        </div>
-    </ShowModal>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Module.js b/src/pages/Admin/Users/Module.js
deleted file mode 100644
index a4d4824..0000000
--- a/src/pages/Admin/Users/Module.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`admin.users.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `admin.users.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`users.${str}`)
-
-// Determina si un usuario puede hacer algo no en base a los permisos
-const can = (permission) => hasPermission(`users.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Online.vue b/src/pages/Admin/Users/Online.vue
deleted file mode 100644
index 95cd0a2..0000000
--- a/src/pages/Admin/Users/Online.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { can, apiTo, viewTo, transl } from './Module'
-import { users } from '@Plugins/AuthUsers'
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import DestroyView     from '@Holos/Modal/Template/Destroy.vue';
-import Header          from '@Holos/PageHeader.vue';
-import Table           from '@Holos/TableSimple.vue';
-import ShowView        from './Modals/Show.vue';
-
-/** Propiedades */
-const destroyModal = ref(null);
-const showModal    = ref(null);
-
-</script>  
-
-<template>
-    <div>
-        <Header
-            :title="transl('online.title')"
-        >
-            <RouterLink
-                v-if="can('create')"
-                :to="viewTo({ name: 'create' })"
-            >
-                <IconButton
-                    class="text-white"
-                    icon="add"
-                    :title="$t('crud.create')"
-                    filled
-                />
-            </RouterLink>
-        </Header>
-        <p class="mt-2">{{ transl('online.description') }} {{ users.length - 1 }} {{ transl('online.count') }}</p>
-        <div class="w-full -mt-2">
-            <Table 
-                :items="users"
-            >
-                <template #head>
-                    <th v-text="$t('profile')" class="w-10" />
-                    <th v-text="$t('name')" />
-                    <th v-text="$t('contact')" />
-                    <th
-                        v-text="$t('actions')"
-                        class="w-32 text-center"
-                    />
-                </template>
-                <template #body="{items}">
-                    <template v-for="model in items">
-                        <tr v-if="model.id != 1">
-                            <td class="table-cell border">
-                                <img :src="model.profile_photo_url" alt="Profile photo" class="w-10 h-10 rounded-full">
-                            </td>
-                            <td class="table-cell border">
-                                {{ `${model.full_name}` }}
-                            </td>
-                            <td class="table-cell border">
-                                <p>
-                                    <a 
-                                        class="hover:underline"
-                                        target="_blank"
-                                        :href="`mailto:${model.email}`"
-                                    >
-                                        {{ model.email }}
-                                    </a>
-                                </p>
-                                <p v-if="model.phone" class="font-semibold text-xs">
-                                    <b>Teléfono: </b>
-                                    <a 
-                                        class="hover:underline"
-                                        target="_blank"
-                                        :href="`tel:${model.phone}`"
-                                    >
-                                        {{ model.phone }}
-                                    </a>
-                                </p>
-                            </td>
-                            <td class="table-cell">
-                                <div class="table-actions">
-                                    <IconButton
-                                        icon="visibility"
-                                        :title="$t('crud.show')"
-                                        @click="showModal.open(model)"
-                                        outline
-                                    />
-                                    <RouterLink
-                                        v-if="can('edit')"
-                                        class="h-fit"
-                                        :to="viewTo({ name: 'edit', params: { id: model.id } })"
-                                    >
-                                        <IconButton
-                                            icon="edit"
-                                            :title="$t('crud.edit')"
-                                            outline
-                                        />
-                                    </RouterLink>
-                                    <IconButton
-                                        v-if="can('destroy')"
-                                        icon="delete"
-                                        :title="$t('crud.destroy')"
-                                        @click="destroyModal.open(model)"
-                                        outline
-                                    />
-                                    <RouterLink
-                                        v-if="can('settings')"
-                                        class="h-fit"
-                                        :to="viewTo({ name: 'settings', params: { id: model.id } })"
-                                    >
-                                        <IconButton
-                                            icon="settings"
-                                            :title="$t('setting')"
-                                        />
-                                    </RouterLink>
-                                </div>
-                            </td>
-                        </tr>
-                    </template>
-                </template>
-            </Table>
-        </div>
-        
-        <ShowView 
-            ref="showModal"
-        />
-
-        <DestroyView
-            v-if="can('destroy')"
-            ref="destroyModal"
-            subtitle="last_name"
-            :to="(user) => apiTo('destroy', { user })"
-            @update="searcher.search()"
-        />
-    </div>
-</template>
-    
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Payroll.vue b/src/pages/Admin/Users/Payroll.vue
deleted file mode 100644
index bbbc2b0..0000000
--- a/src/pages/Admin/Users/Payroll.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<script setup>
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Adding from '@Holos/Button/ButtonRh.vue';
-</script>
-
-<template>
-  <div class="p-6 max-w-auto mx-auto">
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-      <div>
-        <h1 class="text-3xl font-extrabold text-gray-900 dark:text-primary-dt">Nómina</h1>
-        <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">Gestión de información bancaria y salarios de empleados</p>
-      </div>
-
-      <div>
-        <Adding text="Procesar Nómina" />
-      </div>
-    </div>
-
-    <!-- KPI Cards -->
-    <div class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-4">
-      <div class="bg-white rounded-lg border border-gray-100 p-6 shadow-sm dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-        <div class="text-sm text-gray-500 dark:text-primary-dt/70">Nómina Total Mensual</div>
-        <div class="mt-4 text-3xl font-bold text-gray-900 dark:text-primary-dt">$125,000</div>
-        <div class="mt-1 text-xs text-gray-400 dark:text-primary-dt/70">3 empleados activos</div>
-      </div>
-
-      <div class="bg-white rounded-lg border border-gray-100 p-6 shadow-sm flex flex-col justify-between dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-        <div class="text-sm text-gray-500 dark:text-primary-dt/70">Último Procesamiento</div>
-        <div class="mt-4 text-2xl font-bold text-gray-900 dark:text-primary-dt">31 Enero</div>
-        <div class="mt-1 text-sm text-emerald-600 dark:text-success-dt">Procesado exitosamente</div>
-      </div>
-
-      <div class="bg-white rounded-lg border border-gray-100 p-6 shadow-sm flex flex-col justify-between dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-        <div class="text-sm text-gray-500 dark:text-primary-dt/70">Próximo Procesamiento</div>
-        <div class="mt-4 text-2xl font-bold text-gray-900 dark:text-primary-dt">29 Feb</div>
-        <div class="mt-1 text-sm text-amber-600 dark:text-warning-dt">En 5 días</div>
-      </div>
-    </div>
-
-    <!-- Employee Payroll Card -->
-    <section class="mt-8 bg-white rounded-lg border border-gray-100 shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-      <header class="flex items-center justify-between">
-        <div class="flex items-center gap-3">
-          <div class="w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 dark:bg-primary/10 dark:text-primary-dt">
-            <GoogleIcon class="text-black dark:text-primary-dt text-xl" name="account_balance_wallet" />
-          </div>
-          <div>
-            <h2 class="text-xl font-semibold text-gray-800 dark:text-primary-dt">$ María González López</h2>
-            <p class="text-sm text-gray-500 dark:text-primary-dt/70">Información bancaria y detalles de nómina</p>
-          </div>
-        </div>
-      </header>
-
-      <!-- Información Bancaria -->
-      <div class="mt-6">
-        <h3 class="text-base font-medium text-gray-800 flex items-center gap-2 dark:text-primary-dt">
-          <GoogleIcon class="text-gray-600 dark:text-primary-dt text-base" name="account_balance" />
-          Información Bancaria
-        </h3>
-
-        <div class="mt-4 grid gap-4 grid-cols-1 md:grid-cols-3">
-          <div class="rounded-lg border border-gray-100 p-4 dark:border-primary/20 dark:bg-primary/5">
-            <div class="text-sm text-gray-500 dark:text-primary-dt/70">Banco</div>
-            <div class="mt-2 text-sm text-gray-700 dark:text-primary-dt">BBVA Bancomer</div>
-          </div>
-
-          <div class="rounded-lg border border-gray-100 p-4 dark:border-primary/20 dark:bg-primary/5">
-            <div class="text-sm text-gray-500 dark:text-primary-dt/70">CLABE</div>
-            <div class="mt-2 text-sm text-gray-700 dark:text-primary-dt">012180001234567890</div>
-          </div>
-
-          <div class="rounded-lg border border-gray-100 p-4 dark:border-primary/20 dark:bg-primary/5">
-            <div class="text-sm text-gray-500 dark:text-primary-dt/70">Crédito INFONAVIT</div>
-            <div class="mt-2 text-sm text-gray-700 dark:text-primary-dt">5020123456789</div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Desglose Salarial -->
-      <div class="mt-8">
-        <h3 class="text-base font-medium text-gray-800 flex items-center gap-2 dark:text-primary-dt">
-          <GoogleIcon class="text-gray-600 dark:text-primary-dt text-base" name="payments" />
-          Desglose Salarial
-        </h3>
-
-        <div class="mt-4 grid gap-4 grid-cols-1 md:grid-cols-6">
-          <div class="md:col-span-1 col-span-2 rounded-lg border border-gray-100 p-4 dark:border-primary/20 dark:bg-primary/5">
-            <div class="text-sm text-gray-500 dark:text-primary-dt/70">Salario Base</div>
-            <div class="mt-2 text-xl font-bold text-[#2563eb] dark:text-primary-dt">$35,000</div>
-          </div>
-
-          <div class="md:col-span-2 col-span-4 rounded-lg border border-gray-100 p-4 bg-emerald-50/40 dark:bg-success-d/10 dark:border-primary/20">
-            <div class="text-sm text-gray-500 dark:text-primary-dt/70">Bonos</div>
-            <div class="mt-2 text-xl font-bold text-emerald-600 dark:text-success-dt">+$8,000</div>
-          </div>
-
-          <div class="md:col-span-2 col-span-4 rounded-lg border border-gray-100 p-4 bg-rose-50/40 dark:bg-danger-d/10 dark:border-primary/20">
-            <div class="text-sm text-gray-500 dark:text-primary-dt/70">Deducciones</div>
-            <div class="mt-2 text-xl font-bold text-rose-600 dark:text-danger-dt">-$2,000</div>
-          </div>
-
-          <div class="md:col-span-1 col-span-2 rounded-lg p-4 border border-gray-100 bg-rose-50/40 flex items-center justify-between dark:bg-primary/5 dark:border-primary/20">
-            <div class="text-black dark:text-primary-dt">
-              <div class="text-sm dark:text-primary-dt">Total Mensual</div>
-              <div class="mt-2 text-xl font-bold dark:text-primary-dt">$45,000</div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Último Pago -->
-      <div class="mt-8">
-        <h3 class="text-base font-medium text-gray-800 dark:text-primary-dt">Último Pago</h3>
-        <div class="mt-3 rounded-lg border border-gray-100 p-4 bg-white flex items-center justify-between dark:bg-primary-d dark:border-primary/20">
-          <div>
-            <div class="text-lg font-semibold text-gray-900 dark:text-primary-dt">$43,000</div>
-            <div class="text-xs text-gray-500 dark:text-primary-dt/70">Fecha: 2024-01-31</div>
-          </div>
-          <span class="inline-block bg-emerald-100 text-emerald-700 text-xs px-3 py-1 rounded-full dark:bg-success-d dark:text-success-dt">Procesado</span>
-        </div>
-      </div>
-
-      <!-- Acciones -->
-      <div class="mt-6 border-t border-gray-100 pt-4 flex gap-3 dark:border-primary/20">
-        <button class="inline-flex items-center gap-2 px-3 py-2 rounded-md border border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-          <GoogleIcon class="text-black dark:text-primary-dt text-lg" name="sync" />
-          Actualizar Cuenta
-        </button>
-
-        <button class="inline-flex items-center gap-2 px-3 py-2 rounded-md border border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-          <GoogleIcon class="text-black dark:text-primary-dt text-lg" name="calculate" />
-          Recalcular Salario
-        </button>
-
-        <button class="inline-flex items-center gap-2 px-3 py-2 rounded-md border border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-          <GoogleIcon class="text-black dark:text-primary-dt text-lg" name="history" />
-          Historial de Pagos
-        </button>
-      </div>
-    </section>
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Roles.vue b/src/pages/Admin/Users/Roles.vue
deleted file mode 100644
index 838bea6..0000000
--- a/src/pages/Admin/Users/Roles.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { api, useForm } from '@Services/Api';
-import { apiTo, transl } from './Module';
-
-import PrimaryButton  from '@Holos/Button/Primary.vue';
-import FormSection    from '@Holos/FormSection.vue';
-import Selectable     from '@Holos/Form/Selectable.vue';
-
-/** Propiedades */
-const props = defineProps({
-    userId: String
-});
-
-const form = useForm({
-    roles: []
-});
-
-const roles = ref([]);
-
-/** Métodos */
-function updateProfileInformation() {
-    form.transform(data => ({
-        roles: data.roles.map(role => role.id)
-    })).put(apiTo('roles', { user: props.userId }), {
-        onSuccess: () => Notify.success(Lang('roles.edit.onSuccess')),
-        onError: () => Notify.error(Lang('roles.edit.onError'))
-    });
-};
-
-/** Ciclos */
-onMounted(() => {
-    api.get(route('system.roles'), {
-        onSuccess: (r) => roles.value = r.roles
-    });
-
-    api.get(apiTo('roles', { user: props.userId }), {
-        onSuccess: (r) => {
-            form.roles = r.roles
-        }
-    });
-});
-</script>
-
-<template>
-    <FormSection @submitted="updateProfileInformation">
-        <template #title>
-            {{ transl('roles.title') }}
-        </template>
-        <template #description>
-            {{ transl('roles.description') }}
-        </template>
-        <template #form>
-            <div class="col-span-6 sm:col-span-4 space-y-4">
-                <Selectable
-                    v-model="form.roles"
-                    label="description"
-                    title="roles.title"
-                    :options="roles"
-                    multiple
-                />
-            </div>
-        </template>
-        <template #actions>
-            <PrimaryButton
-                :class="{ 'opacity-25': form.processing }"
-                :disabled="form.processing"
-            >
-                {{ $t('update') }}
-            </PrimaryButton>
-        </template>
-    </FormSection>
-</template>
diff --git a/src/pages/Admin/Users/Security.vue b/src/pages/Admin/Users/Security.vue
deleted file mode 100644
index b66675b..0000000
--- a/src/pages/Admin/Users/Security.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-<script setup>
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Adding from '@Holos/Button/ButtonRh.vue';
-</script>
-
-<template>
-  <div class="p-6 max-w-auto mx-auto">
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-      <div>
-        <h1 class="text-4xl font-extrabold text-gray-900 dark:text-primary-dt">Seguridad y Salud</h1>
-        <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">Gestión de información médica, tallas y contactos de emergencia</p>
-      </div>
-
-      <div>
-        <Adding text="Agregar Información" />
-      </div>
-    </div>
-
-    <!-- Card principal -->
-    <section class="mt-6 bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-      <!-- Perfil -->
-      <header class="flex items-start gap-4">
-        <div class="flex-shrink-0">
-          <div class="w-12 h-12 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 dark:bg-primary/10 dark:text-primary-dt">
-            <GoogleIcon class="text-black dark:text-primary-dt text-xl" name="shield" />
-          </div>
-        </div>
-
-        <div class="flex-1">
-          <h2 class="text-xl font-semibold text-gray-800 dark:text-primary-dt">María González López</h2>
-          <p class="text-sm text-gray-500 mt-1 dark:text-primary-dt/70">Información de seguridad y salud ocupacional</p>
-        </div>
-      </header>
-
-      <!-- Tallas de Ropa -->
-      <div class="mt-6">
-        <h3 class="text-base font-medium text-gray-800 mb-3 dark:text-primary-dt">Tallas de Ropa</h3>
-
-        <div class="grid gap-4 grid-cols-1 md:grid-cols-3">
-          <div class="rounded-lg border border-gray-100 p-4 flex flex-col dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <span class="text-sm text-gray-500 dark:text-primary-dt/70">Camisa</span>
-            <span class="mt-3 text-xl font-bold text-[#2563eb] dark:text-primary-dt">M</span>
-          </div>
-
-          <div class="rounded-lg border border-gray-100 p-4 flex flex-col dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <span class="text-sm text-gray-500 dark:text-primary-dt/70">Overol</span>
-            <span class="mt-3 text-xl font-bold text-[#2563eb] dark:text-primary-dt">M</span>
-          </div>
-
-          <div class="rounded-lg border border-gray-100 p-4 flex flex-col dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <span class="text-sm text-gray-500 dark:text-primary-dt/70">Zapatos</span>
-            <span class="mt-3 text-xl font-bold text-[#2563eb] dark:text-primary-dt">25</span>
-          </div>
-        </div>
-      </div>
-
-      <!-- Información Médica -->
-      <div class="mt-8">
-        <h3 class="text-base font-medium text-gray-800 mb-3 flex items-center gap-2 dark:text-primary-dt">
-          <GoogleIcon class="text-black dark:text-primary-dt text-xl" name="medical_services" />
-          Información Médica
-        </h3>
-
-        <div class="grid gap-4 grid-cols-1 md:grid-cols-2">
-          <!-- Certificado -->
-          <div class="rounded-lg border border-gray-100 p-4 flex items-center justify-between dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <div class="flex items-center gap-3">
-              <GoogleIcon class="text-gray-400 dark:text-primary-dt text-xl" name="picture_as_pdf" />
-              <div>
-                <div class="font-semibold text-sm text-gray-800 dark:text-primary-dt">Certificado Médico</div>
-                <div class="text-xs text-gray-500 mt-1 dark:text-primary-dt/70">certificado_maria_2024.pdf</div>
-              </div>
-            </div>
-            <span class="inline-block bg-emerald-100 text-emerald-700 text-xs px-3 py-1 rounded-full dark:bg-success-d dark:text-success-dt">Vigente</span>
-          </div>
-
-          <!-- Tipo de sangre -->
-          <div class="rounded-lg border border-gray-100 p-4 flex items-center justify-between dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <div>
-              <div class="text-sm text-gray-500 dark:text-primary-dt/70">Tipo de Sangre</div>
-              <div class="mt-2 text-xl font-bold text-red-600 dark:text-danger-d">O+</div>
-            </div>
-          </div>
-
-          <!-- Alergias -->
-          <div class="rounded-lg border border-gray-100 p-4 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <div class="text-sm font-semibold text-gray-800 dark:text-primary-dt">Alergias</div>
-            <div class="text-sm text-gray-500 mt-2 dark:text-primary-dt/70">Polen, mariscos</div>
-          </div>
-
-          <!-- Altura / Peso -->
-          <div class="grid grid-cols-2 gap-4">
-            <div class="rounded-lg border border-gray-100 p-4 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-              <div class="text-sm text-gray-500 dark:text-primary-dt/70">Altura</div>
-              <div class="mt-2 text-lg font-bold text-[#2563eb] dark:text-primary-dt">165 cm</div>
-            </div>
-            <div class="rounded-lg border border-gray-100 p-4 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-              <div class="text-sm text-gray-500 dark:text-primary-dt/70">Peso</div>
-              <div class="mt-2 text-lg font-bold text-[#2563eb] dark:text-primary-dt">60 kg</div>
-            </div>
-          </div>
-
-          <!-- Prescripciones -->
-          <div class="rounded-lg border border-gray-100 p-4 col-span-1 md:col-span-2 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <div class="text-sm font-semibold text-gray-800 dark:text-primary-dt">Prescripciones</div>
-            <div class="text-sm text-gray-500 mt-2 dark:text-primary-dt/70">Antihistamínicos según necesidad</div>
-          </div>
-
-          <!-- Discapacidades -->
-          <div class="rounded-lg border border-gray-100 p-4 col-span-1 md:col-span-2 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <div class="text-sm font-semibold text-gray-800 dark:text-primary-dt">Discapacidades</div>
-            <div class="text-sm text-gray-500 mt-2 dark:text-primary-dt/70">Ninguna</div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Contactos de Emergencia -->
-      <div class="mt-8">
-        <h3 class="text-base font-medium text-gray-800 mb-3 flex items-center gap-2 dark:text-primary-dt">
-          <GoogleIcon class="text-black dark:text-primary-dt text-xl" name="call" />
-          Contactos de Emergencia
-        </h3>
-
-        <div class="grid gap-4 grid-cols-1 md:grid-cols-2">
-          <div class="rounded-lg border border-gray-100 p-4 flex items-start justify-between dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <div>
-              <div class="font-semibold text-gray-800 dark:text-primary-dt">Juan González</div>
-              <div class="text-sm text-gray-500 mt-1 dark:text-primary-dt/70">+52 55 1234 5678</div>
-            </div>
-            <span class="inline-block bg-gray-100 text-gray-700 text-xs px-3 py-1 rounded-full dark:bg-primary/10 dark:text-primary-dt">Esposo</span>
-          </div>
-
-          <div class="rounded-lg border border-gray-100 p-4 flex items-start justify-between dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <div>
-              <div class="font-semibold text-gray-800 dark:text-primary-dt">Carmen López</div>
-              <div class="text-sm text-gray-500 mt-1 dark:text-primary-dt/70">+52 55 8765 4321</div>
-            </div>
-            <span class="inline-block bg-gray-100 text-gray-700 text-xs px-3 py-1 rounded-full dark:bg-primary/10 dark:text-primary-dt">Madre</span>
-          </div>
-        </div>
-      </div>
-
-      <div class="mt-6 border-t border-gray-100 pt-4 flex gap-3 dark:border-primary/20">
-        <button class="inline-flex items-center gap-2 px-3 py-2 rounded-md border border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-          <GoogleIcon 
-               class="text-black dark:text-primary-dt text-xl"
-               name="article"
-            />
-          Subir certificado
-        </button>
-
-        <button class="inline-flex items-center gap-2 px-3 py-2 rounded-md border border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-            <GoogleIcon 
-               class="text-black dark:text-primary-dt text-xl"
-               name="call"
-            />
-          Agregar contacto
-        </button>
-      </div>
-
-    </section>
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Admin/Users/Settings.vue b/src/pages/Admin/Users/Settings.vue
deleted file mode 100644
index d1002ae..0000000
--- a/src/pages/Admin/Users/Settings.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { RouterLink, useRoute } from 'vue-router';
-import { api } from '@Services/Api';
-import { viewTo, apiTo, transl } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue';
-import PageHeader      from '@Holos/PageHeader.vue';
-import SectionBorder   from '@Holos/SectionBorder.vue';
-import Roles           from './Roles.vue';
-import UpdatePassword  from './UpdatePassword.vue';
-
-/** Definiciones */
-const vroute = useRoute();
-
-/** Propiedades */
-const user = ref();
-
-/** Ciclos */
-onMounted(() => {
-    api.get(apiTo('show', { user: vroute.params.id }), {
-        onSuccess: (r) => user.value = r.user
-    });
-})
-</script>
-
-<template>
-    <PageHeader :title="transl('settings')">
-      <RouterLink :to="viewTo({ name: 'index' })">
-          <IconButton
-            class="text-white"
-            icon="arrow_back"
-            :title="$t('return')"
-            outline
-          />
-      </RouterLink>
-    </PageHeader>
-    <div class="flex w-full">
-        <div class="w-full text-center p-2 bg-primary dark:bg-primary-d border-b rounded-sm">
-            <p class="pt-2 text-lg font-bold text-gray-50">
-                {{ user?.name }}
-            </p>
-            <p class="text-sm text-gray-100">
-                {{ user?.last_name }}
-            </p>
-        </div>
-    </div>
-    <div class="w-full mt-12 space-y-4">
-        <UpdatePassword
-            :userId="vroute.params.id"
-        />
-        <SectionBorder />
-        <Roles
-            :userId="vroute.params.id"
-        />
-        <SectionBorder />
-    </div>
-</template>
-    
\ No newline at end of file
diff --git a/src/pages/Admin/Users/UpdatePassword.vue b/src/pages/Admin/Users/UpdatePassword.vue
deleted file mode 100644
index 5feac65..0000000
--- a/src/pages/Admin/Users/UpdatePassword.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<script setup>
-import { apiTo, transl } from './Module';
-import { useForm } from '@Services/Api';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/Input.vue';
-import FormSection   from '@Holos/FormSection.vue';
-
-/** Propiedades */
-const props = defineProps({
-    userId: String
-});
-
-const form = useForm({
-    password: '',
-    password_confirmation: '',
-});
-
-/** Métodos */
-const updateProfileInformation = () => {
-    form.put(apiTo('password', { user: props.userId }), {
-        onSuccess: () => {
-            Notify.success(Lang('account.password.updated'));
-            form.reset();
-        },
-        onError: () => Notify.error(Lang('updateFail'))
-    });
-};
-</script>
-
-<template>
-    <FormSection @submitted="updateProfileInformation">
-        <template #title>
-            {{ transl('password.title') }}
-        </template>
-        <template #description>
-            {{ transl('password.description') }}
-        </template>
-        <template #form>
-            <div class="col-span-6 sm:col-span-4 space-y-4">
-                <Input
-                    v-model="form.password"
-                    id="password"
-                    title="account.password.new"
-                    type="password"
-                    :onError="form.errors.password"
-                    autocomplete="off"
-                    required
-                />
-                <Input
-                    v-model="form.password_confirmation"
-                    icon="password"
-                    id="passwordConfirmation"
-                    type="password"
-                    :onError="form.errors.password_confirmation"
-                    required
-                />
-            </div>
-        </template>
-        <template #actions>
-            <PrimaryButton
-                :class="{ 'opacity-25': form.processing }"
-                :disabled="form.processing"
-            >
-                {{ $t('update') }}
-            </PrimaryButton>
-        </template>
-    </FormSection>
-</template>
\ No newline at end of file
diff --git a/src/pages/Auth/ConfirmPassword.vue b/src/pages/Auth/ConfirmPassword.vue
deleted file mode 100644
index f498197..0000000
--- a/src/pages/Auth/ConfirmPassword.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { useForm } from '@inertiajs/vue3';
-
-import Layout        from '@Holos/Layout/AuthLayout.vue';
-import Input         from '@Holos/Form/InputWithIcon.vue';
-import PrimaryButton from '@Holos/Button/Primary.vue';
-
-const form = useForm({
-    password: '',
-});
-
-const passwordInput = ref(null);
-
-const submit = () => {
-    form.post(route('password.confirm'), {
-        onFinish: () => {
-            form.reset();
-
-            passwordInput.value.focus();
-        },
-    });
-};
-</script>
-
-<template>
-    <Layout :title="$t('auth.confirmPassword.title')">
-        <div class="mb-4 text-sm text-justify">
-            {{ $t('auth.confirmPassword.description') }}
-        </div>
-
-        <form @submit.prevent="submit">
-            <Input
-                icon="password"
-                id="password"
-                type="password"
-                v-model="form.password"
-                :onError="form.errors.password"
-                :placeholder="$t('password')"
-            />
-
-            <div class="flex justify-end mt-4">
-                <PrimaryButton
-                    class="!w-full"
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                >
-                    {{ $t('auth.confirmPassword.title') }}
-                </PrimaryButton>
-            </div>
-        </form>
-    </Layout>
-</template>
diff --git a/src/pages/Auth/ForgotPassword.vue b/src/pages/Auth/ForgotPassword.vue
deleted file mode 100644
index 02e72b1..0000000
--- a/src/pages/Auth/ForgotPassword.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<script setup>
-import { useRouter } from 'vue-router';
-import { useForm } from '@Services/Api';
-import { viewTo } from './Module';
-
-import Input         from '@Holos/Form/InputWithIcon.vue'
-import PrimaryButton from '@Holos/Button/Primary.vue'
-
-/** Definidores */
-const router = useRouter()
-
-/** Propiedades */
-defineProps({
-    status: String,
-});
-
-const form = useForm({
-    email: '',
-});
-
-/** Métodos */
-const submit = () => {
-    form.post(route('auth.forgot-password'), {
-        onSuccess: () => {
-            Notify.success(Lang('auth.forgotPassword.success'));
-            router.push(viewTo({ name: 'index' }));
-        },
-        onError: () => {
-            Notify.error(Lang('auth.forgotPassword.error'));
-            router.push(viewTo({ name: 'index' }));
-        }
-    });
-};
-</script>
-
-<template>
-    <div class="mb-4 text-sm text-justify">
-        {{ $t('auth.forgotPassword.description') }}
-    </div>
-    <div v-if="status" class="mb-4 font-medium text-sm text-green-600">
-        {{ status }}
-    </div>
-    <form @submit.prevent="submit">
-        <Input
-          icon="mail"
-          id="email"
-          type="email"
-          v-model="form.email"
-          :onError="form.errors.email"
-          :placeholder="$t('email.title')"
-        />
-        <div class="flex flex-col gap-2 items-center justify-end mt-4">
-            <PrimaryButton
-                class="!w-full"
-                :class="{ 'opacity-25': form.processing }"
-                type="submit"
-                :disabled="form.processing"
-            >
-                {{ $t('auth.forgotPassword.sendLink') }}
-            </PrimaryButton>
-            <PrimaryButton
-                class="!w-full"
-                type="button"
-                :class="{ 'opacity-25': form.processing }"
-                :disabled="form.processing"
-                @click="router.push($view({ name: 'index' }))"
-            >
-                {{ $t('auth.login') }}
-            </PrimaryButton>
-        </div>
-    </form>
-</template>
diff --git a/src/pages/Auth/Login.vue b/src/pages/Auth/Login.vue
deleted file mode 100644
index 0bf2be0..0000000
--- a/src/pages/Auth/Login.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<script setup>
-import { onMounted } from 'vue';
-import { useRouter } from 'vue-router';
-import { defineApiToken, defineCsrfToken, hasToken, useForm } from '@Services/Api.js'
-import { defineUser } from '@Services/Page';
-import { viewTo } from './Module.js';
-
-import PrimaryButton  from '@Holos/Button/Primary.vue'
-import Input          from '@Holos/Form/InputWithIcon.vue'
-
-/** Definidores */
-const router = useRouter();
-
-/** Propiedades */
-defineProps({
-    canResetPassword: Boolean,
-    status: String,
-});
-
-const form = useForm({
-    email: '',
-    password: ''
-});
-
-/** Métodos */
-const login = () => {
-    form.post(route('auth.login'), {
-        onSuccess: (res) => {
-          defineApiToken(res.token)
-          defineUser(res.user)
-          defineCsrfToken(res.csrf)
-
-          // Redirección basada en roles
-          redirectBasedOnRole(res.userRoles)
-        }
-    });
-};
-
-const redirectBasedOnRole = (userRoles) => {
-    // Si no tiene roles o el array está vacío, redirigir a "/"
-    if (!userRoles || userRoles.length === 0) {
-        router.push('/')
-        return
-    }
-
-    // Verificar si tiene el rol coordinador
-    const hasCoordinatorRole = userRoles.some(role => role.name === 'coordinator')
-    if (hasCoordinatorRole) {
-        router.push('/coordinator')
-        return
-    }
-
-    // Verificar si tiene rol admin o developer
-    const hasAdminOrDeveloperRole = userRoles.some(role => 
-        role.name === 'admin' || role.name === 'developer'
-    )
-    if (hasAdminOrDeveloperRole) {
-        router.push('/admin')
-        return
-    }
-
-    // Si no cumple ninguna condición, redirigir a "/"
-    router.push('/')
-};
-
-/** Ciclos */
-onMounted(() => {
-  if (hasToken()) {
-    router.push({ name: 'dashboard.index' });
-  }
-})
-</script>
-
-<template>
-  <form @submit.prevent="login">
-    <Input
-      icon="mail"
-      id="email"
-      type="email"
-      v-model="form.email"
-      :onError="form.errors.email"
-      :placeholder="$t('email.title')"
-    />
-    <Input
-      v-model="form.password"
-      icon="password"
-      id="password"
-      type="password"
-      :onError="form.errors.password"
-      :placeholder="$t('password')"
-    />
-    <PrimaryButton class="!w-full">
-      {{ $t('auth.login') }}
-    </PrimaryButton>
-    <div class="flex justify-end mt-4">
-      <RouterLink
-          class="text-sm ml-2 hover:text-blue-200 cursor-pointer hover:-translate-y-1 duration-500 transition-all"
-          :to="viewTo({ name: 'forgot-password' })"
-      >
-          {{ $t('auth.forgotPassword.ask') }}
-      </RouterLink>
-    </div>
-  </form>
-</template>
diff --git a/src/pages/Auth/Module.js b/src/pages/Auth/Module.js
deleted file mode 100644
index 8c231e1..0000000
--- a/src/pages/Auth/Module.js
+++ /dev/null
@@ -1,17 +0,0 @@
-
-import { lang } from '@Lang/i18n';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`auth.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `auth.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`auth.${str}`)
-
-export {
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Auth/Register.vue b/src/pages/Auth/Register.vue
deleted file mode 100644
index c5fbdf2..0000000
--- a/src/pages/Auth/Register.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<script setup>
-import { useForm } from '@Services/Api.js'
-
-import Checkbox      from '@Holos/Checkbox.vue';
-import InputLabel    from '@Holos/InputLabel.vue';
-import Error         from '@Holos/Form/Elements/Error.vue';
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/InputWithIcon.vue'
-import Layout        from '@Holos/Layout/AuthLayout.vue'
-
-/** Propiedades */
-const form = useForm({
-    name: '',
-    paternal: '',
-    maternal: '',
-    phone: '',
-    email: '',
-    password: '',
-    password_confirmation: '',
-    terms: false,
-});
-
-/** Métodos */
-const submit = () => {
-    form.post(route('register'), {
-        onFinish: () => form.reset('password', 'password_confirmation'),
-    });
-};
-</script>
-
-<template>
-    <Layout :title="$t('auth.register.me')">
-        <form @submit.prevent="submit">
-            <Input
-                icon="people"
-                id="name"
-                type="text"
-                v-model="form.name"
-                :onError="form.errors.name"
-                :placeholder="$t('name')"
-            />
-            <Input
-                icon="people"
-                id="paternal"
-                type="text"
-                v-model="form.paternal"
-                :onError="form.errors.paternal"
-                :placeholder="$t('paternal')"
-            />
-            <Input
-                icon="people"
-                id="maternal"
-                type="text"
-                v-model="form.maternal"
-                :onError="form.errors.maternal"
-                :placeholder="$t('maternal')"
-            />
-            <Input
-                icon="phone"
-                id="phone"
-                type="number"
-                v-model="form.phone"
-                :onError="form.errors.phone"
-                :placeholder="$t('phone')"
-            />
-            <Input
-                icon="mail"
-                id="email"
-                type="email"
-                v-model="form.email"
-                :onError="form.errors.email"
-                :placeholder="$t('email.title')"
-            />
-            <Input
-                icon="password"
-                id="password"
-                type="password"
-                v-model="form.password"
-                :onError="form.errors.password"
-                :placeholder="$t('password')"
-            />
-            <Input
-                icon="password"
-                id="passwordConfirmation"
-                type="password"
-                v-model="form.password_confirmation"
-                :onError="form.errors.password_confirmation"
-                :placeholder="$t('passwordConfirmation')"
-            />
-
-
-            <div class="mt-4">
-                <InputLabel for="terms">
-                    <div class="flex items-center">
-                        <Checkbox id="terms" v-model:checked="form.terms" name="terms" required />
-
-                        <div class="ms-2 text-primary-t dark:text-primary-dt">
-                            I agree to the
-                            <a target="_blank" :href="route('terms.show')" class="underline text-sm rounded-md focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
-                                {{ $t('terms.service') }}
-                            </a>
-                            and
-                            <a target="_blank" :href="route('policy.show')" class="underline text-sm rounded-md focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
-                                {{ $t('policy.privacy') }}
-                            </a>
-                        </div>
-                    </div>
-                    <Error class="mt-2" :onError="form.errors.terms" />
-                </InputLabel>
-            </div>
-
-            <div class="flex items-center justify-end mt-4">
-                <Link :href="route('login')" class="underline text-sm bg-page-text hover:bg-page-background text-page-background hover:text-page-text rounded-md focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
-                    {{ $t('auth.register.already') }}
-                </Link>
-
-                <PrimaryButton class="ms-4" :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
-                    {{ $t('auth.register.me') }}
-                </PrimaryButton>
-            </div>
-        </form>
-    </Layout>
-</template>
diff --git a/src/pages/Auth/ResetPassword.vue b/src/pages/Auth/ResetPassword.vue
deleted file mode 100644
index c246b88..0000000
--- a/src/pages/Auth/ResetPassword.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { useForm } from '@Services/Api.js'
-import { viewTo } from './Module';
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/InputWithIcon.vue'
-
-/** Definidores */
-const vroute = useRoute();
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    token: '',
-    password: '',
-    password_confirmation: '',
-});
-
-const email = ref('');
-
-/** Métodos */
-const submit = () => {
-    form.post(route('auth.reset-password'), {
-        onSuccess: () => {
-            Notify.success(Lang('auth.reset.success'));
-            router.push(viewTo({ name: 'index' }));
-        },
-        onError: () => {
-            router.push(viewTo({ name: 'index' }));
-        }
-    });
-};
-
-onMounted(() => {
-    form.token = vroute.query.token;
-    email.value = vroute.query.email;
-})
-</script>
-
-<template>
-    <form @submit.prevent="submit">
-        <Input
-            icon="mail"
-            id="email"
-            type="email"
-            v-model="email"
-            disabled
-        />
-        <Input
-            icon="password"
-            id="password"
-            type="password"
-            v-model="form.password"
-            :onError="form.errors.password"
-            :placeholder="$t('password')"
-        />
-        <Input
-            icon="password"
-            id="passwordConfirmation"
-            type="password"
-            v-model="form.password_confirmation"
-            :onError="form.errors.password_confirmation"
-            :placeholder="$t('passwordConfirmation')"
-        />
-        <div class="flex items-center justify-end mt-4">
-            <PrimaryButton class="!w-full" :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
-                {{ $t('account.password.update') }}
-            </PrimaryButton>
-        </div>
-    </form>
-</template>
diff --git a/src/pages/Auth/TwoFactorChallenge.vue b/src/pages/Auth/TwoFactorChallenge.vue
deleted file mode 100644
index 132772d..0000000
--- a/src/pages/Auth/TwoFactorChallenge.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<script setup>
-import { nextTick, ref } from 'vue';
-import { useForm } from '@inertiajs/vue3';
-
-import PrimaryButton  from '@Holos/Button/Primary.vue'
-import Input          from '@Holos/Form/InputWithIcon.vue'
-import Layout         from '@Holos/Layout/AuthLayout.vue'
-
-const recovery = ref(false);
-
-const form = useForm({
-    code: '',
-    recovery_code: '',
-});
-
-const recoveryCodeInput = ref(null);
-const codeInput = ref(null);
-
-const toggleRecovery = async () => {
-    recovery.value ^= true;
-
-    await nextTick();
-
-    if (recovery.value) {
-        recoveryCodeInput.value.focus();
-        form.code = '';
-    } else {
-        codeInput.value.focus();
-        form.recovery_code = '';
-    }
-};
-
-const submit = () => {
-    form.post(route('two-factor.login'));
-};
-</script>
-
-<template>
-    <Layout :title="$t('account.twoFactor.title')">
-        <div class="mb-4 text-sm text-justify text-white">
-            <template v-if="! recovery">
-                {{ $t('account.twoFactor.login.onAuth')}}
-            </template>
-
-            <template v-else>
-                {{ $t('account.twoFactor.login.onRecovery')}}
-            </template>
-        </div>
-    
-        <form @submit.prevent="submit" class="text-white">
-            <div v-if="! recovery">
-                <Input
-                    ref="codeInput"
-                    icon="password"
-                    id="code"
-                    type="text"
-                    inputmode="numeric"
-                    autofocus
-                    autocomplete="one-time-code"
-                    v-model="form.code"
-                    :onError="form.errors.code"
-                />
-            </div>
-
-            <div v-else>
-                <Input
-                    ref="recoveryCodeInput"
-                    icon="password"
-                    autocomplete="one-time-code"
-                    id="recovery_code"
-                    v-model="form.recovery_code"
-                    :onError="form.errors.recovery_code"
-                />
-            </div>
-
-            <PrimaryButton
-                class="!w-full"
-                :class="{ 'opacity-25': form.processing }"
-                :disabled="form.processing"
-            >
-                {{ $t('auth.login') }}
-            </PrimaryButton>
-            <div class="flex  w-full items-center justify-end mt-4">
-                <button
-                    type="button"
-                    class="text-sm text-white underline cursor-pointer"
-                    @click.prevent="toggleRecovery"
-                >
-                    <template v-if="! recovery">
-                        {{ $t('account.twoFactor.recovery.useCode')}}
-                    </template>
-                    
-                    <template v-else>
-                        {{ $t('account.twoFactor.recovery.useAuth')}}
-                    </template>
-                </button>
-            </div>
-        </form>
-    </Layout>
-</template>
diff --git a/src/pages/Auth/VerifyEmail.vue b/src/pages/Auth/VerifyEmail.vue
deleted file mode 100644
index 323f7da..0000000
--- a/src/pages/Auth/VerifyEmail.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { Link, useForm } from '@inertiajs/vue3';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Layout        from '@Holos/Layout/AuthLayout.vue';
-
-/** Propiedades */
-const props = defineProps({
-    status: String,
-});
-
-const form = useForm({});
-
-/** Propiedades computadas */
-const verificationLinkSent = computed(() => props.status === 'verification-link-sent');
-
-/** Métodos */
-const submit = () => {
-    form.post(route('verification.send'));
-};
-
-</script>
-
-<template>
-    <Layout :title="$t('auth.verifyEmail.title')">
-        <div class="mb-4 text-sm text-justify">
-            {{ $t('auth.verifyEmail.beforeContinue') }}
-        </div>
-
-        <div v-if="verificationLinkSent" class="mb-4 font-medium text-sm text-green-600">
-            {{ $t('auth.verifyEmail.notifySendVerification') }}
-        </div>
-
-        <form @submit.prevent="submit">
-            <div class="mt-4 flex flex-col space-y-1 items-center justify-between">
-                <PrimaryButton class="!w-full" :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
-                    {{ $t('auth.verifyEmail.sendLink') }}
-                </PrimaryButton>
-
-                <Link
-                    :href="route('profile.show')"
-                    class="btn btn-primary !w-full"
-                >
-                    {{ $t('profile') }}
-                </Link>
-
-                <Link
-                    :href="route('logout')"
-                    class="btn btn-primary !w-full"
-                    method="post"
-                >
-                    {{ $t('auth.logout') }}
-                </Link>
-            </div>
-        </form>
-    </Layout>
-</template>
diff --git a/src/pages/Changelogs/App.vue b/src/pages/Changelogs/App.vue
deleted file mode 100644
index 0303aaf..0000000
--- a/src/pages/Changelogs/App.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-<script setup>
-import Table from '@Holos/TableSimple.vue';
-
-const changelogs = [
-    {
-        version: '0.9.0',
-        details: [
-            'INIT: Commit inicial',
-            'ADD: Generación de plantilla',
-        ],
-        date: '2024-12-13'
-    },
-    {
-        version: '0.9.1',
-        details: [
-            'ADD: Script de instalación.',
-            'ADD: Versionado de la aplicación.',
-            'ADD: Logo administrado en en backend.'
-        ],
-        date: '2024-12-16'
-    },
-    {
-        version: '0.9.2',
-        details: [
-            'ADD: Asignación de roles a usuarios.',
-            'FIX: Correcciones visuales en Layout.'
-        ],
-        date: '2024-12-16'
-    },
-    {
-        version: '0.9.3',
-        details: [
-            'FIX: Creación de usuarios.',
-            'ADD: Notificaciones en tiempo real.',
-            'ADD: Usuarios conectados en tiempo real.'
-        ],
-        date: '2024-12-27'
-    },
-    {
-        version: '0.9.4',
-        details: [
-            'ADD: Creación de nuevos roles con permisos personalizados.',
-            'ADD: Recarga de permisos en tiempo real para usuarios en linea.',
-            'FIX: Tooltip de botones en tablas.'
-        ],
-        date: '2024-12-28'
-    },
-    {
-        version: '0.9.5',
-        details: [
-            'ADD: Historial de acciones general.',
-            'ADD: Historial de acciones por usuario.',
-            'FIX: Paginación con filtros.',
-            'UPDATE: La ruta / ahora redirige a /dashboard en caso de que se desarrolle un frontend publico.',
-            'UPDATE: Se agregaron los elementos administrados en /admin',
-            'UPDATE: Redirección a dashboard al iniciar sesión.'
-        ],
-        date: '2025-01-03'
-    },
-    {
-        version: '0.9.6',
-        details: [
-            'FIX: Historial de acciones, modo responsivo.',
-            'ADD: Recuperación de contraseña.'
-        ],
-        date: '2025-01-06'
-    },
-    {
-        version: '0.9.7',
-        details: [
-            'ADD: Visualización de historial de cambios del backend.',
-        ],
-        date: '2025-01-17'
-    },
-    {
-        version: '0.9.8',
-        details: [
-            'UPDATE: Actualización de dependencias.',
-            'UPDATE: TailwindCSS 3 => 4.',
-            'UPDATE: Actualización de Diseño, mejoras visuales.',
-        ],
-        date: '2025-03-04'
-    },
-    {
-        version: '0.9.9',
-        details: [
-            'FIX: Obtención de recursos de backend mediante `api.resource`.',
-            'FIX: Títulos de modal de eliminación ahora son editables.',
-            'UPDATE: Simplificación de las rutas de autenticación.',
-            'UPDATE: Traducciones modulares faltantes.',
-            'UPDATE: Ahora las plantillas se definen en el grupo de rutas, y se heredan en las rutas hijas.',
-            'ADD: Función creación de URL a backend fuera de VUEJS.',
-        ],
-        date: '2025-03-13'
-    },
-    {
-        version: '0.9.10',
-        details: [
-            'ADD: Se actualizo el método api.resource por api.catalog para obtener catálogos del backend.',
-            'UPDATE: Actualización de dependencias.'
-        ],
-        date: '2025-05-23'
-    },
-    {
-        version: '0.9.11',
-        details: [
-            'FIX: El useApi clonaba comportamientos en instancias de la misma página.',
-            'UPDATE: Actualización de dependencias.'
-        ],
-        date: '2025-05-23'
-    },
-    {
-        version: '0.9.12',
-        details: [
-            'FIX: Token de sesión ahora se almacena en localStorage para mantener la sesión activa en el frontend por el tiempo de vida del token.',
-            'UPDATE: Actualización de dependencias.',
-            'UPDATE: Funcionamiento de los modals.',
-            'ADD: Breadcrumbs.'
-        ],
-        date: '2025-07-14'
-    }
-]
-</script>
-
-<template>
-    <div>
-        <h1>{{ $t('changelogs.title') }}</h1>
-        <Table :items="changelogs.reverse()">
-            <template #head>
-                <th 
-                    v-text="$t('version')"
-                    class="w-10" 
-                />
-                <th 
-                    v-text="$t('date')"
-                    class="w-24" 
-                />
-                <th 
-                    v-text="$t('details')"
-                />
-            </template>
-            <template #body="{items}">
-                <template v-for="item in items">
-                    <tr>
-                        <td class="table-cell">
-                            <span v-text="item.version" />
-                        </td>
-                        <td class="table-cell">
-                            <span v-text="item.date" />
-                        </td>
-                        <td class="table-cell">
-                            <ul class="list-disc list-inside">
-                                <li v-for="detail in item.details.reverse()" v-text="detail" />
-                            </ul>
-                        </td>
-                    </tr>
-                </template>
-            </template>
-        </Table>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Changelogs/Core.vue b/src/pages/Changelogs/Core.vue
deleted file mode 100644
index 8532641..0000000
--- a/src/pages/Changelogs/Core.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup>
-import { ref, onMounted } from 'vue';
-import { api } from '@Services/Api';
-
-import Table from '@Holos/TableSimple.vue';
-
-const changelogs = ref([]);
-
-onMounted(() => {
-    api.get(route('changelogs'), {
-        onSuccess: (response) => {
-            changelogs.value = response;
-        }
-    });
-});
-</script>
-
-<template>
-    <div>
-        <h1>{{ $t('changelogs.title') }}</h1>
-        <Table :items="changelogs">
-            <template #head>
-                <th 
-                    v-text="$t('version')"
-                    class="w-10" 
-                />
-                <th 
-                    v-text="$t('date')"
-                    class="w-24" 
-                />
-                <th 
-                    v-text="$t('details')"
-                />
-            </template>
-            <template #body="{items}">
-                <template v-for="item in items">
-                    <tr>
-                        <td class="table-cell">
-                            <span v-text="item.version" />
-                        </td>
-                        <td class="table-cell">
-                            <span v-text="item.date" />
-                        </td>
-                        <td class="table-cell">
-                            <ul class="list-disc list-inside">
-                                <li v-for="detail in item.changes" v-text="detail" />
-                            </ul>
-                        </td>
-                    </tr>
-                </template>
-            </template>
-        </Table>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/ComercialClassifications/Create.vue b/src/pages/ComercialClassifications/Create.vue
deleted file mode 100644
index 16c8c5c..0000000
--- a/src/pages/ComercialClassifications/Create.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, useRoute, RouterLink } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import GoogleIcon      from '@Shared/GoogleIcon.vue';
-import Form            from './Form.vue'
-
-/** Definidores */
-const router = useRouter();
-const route = useRoute();
-
-/** Propiedades */
-const form = useForm({
-    code: '',
-    name: '',
-    description: '',
-    parent_id: null
-});
-
-const parentInfo = ref(null);
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-        parent_id: data.parent_id // Usar el parent_id del formulario
-    })).post(apiTo('store'), {
-        onSuccess: () => {
-            Notify.success(Lang('register.create.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-
-/** Ciclos */
-onMounted(() => {
-    // Verificar si se están pasando parámetros para crear subcategoría
-    if (route.query.parent_id) {
-        parentInfo.value = {
-            id: parseInt(route.query.parent_id),
-            name: route.query.parent_name,
-            code: route.query.parent_code
-        };
-        // Pre-llenar el parent_id en el formulario
-        form.parent_id = parseInt(route.query.parent_id);
-    }
-})
-</script>
-
-<template>
-    <PageHeader
-        :title="parentInfo ? `${transl('create.title')} - Subcategoría` : transl('create.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <!-- Mostrar información del padre si se está creando una subcategoría -->
-    <div v-if="parentInfo" class="mb-4 p-4 bg-blue-50 dark:bg-blue-900 rounded-lg border border-blue-200 dark:border-blue-700">
-        <div class="flex items-center">
-            <GoogleIcon class="text-blue-600 text-xl mr-2" name="account_tree" />
-            <div>
-                <p class="text-sm font-medium text-blue-800 dark:text-blue-200">
-                    Creando subcategoría para:
-                </p>
-                <p class="text-lg font-semibold text-blue-900 dark:text-blue-100">
-                    <code class="bg-blue-100 dark:bg-blue-800 px-2 py-1 rounded text-sm mr-2">{{ parentInfo.code }}</code>
-                    {{ parentInfo.name }}
-                </p>
-            </div>
-        </div>
-    </div>
-    
-    <Form
-        action="create"
-        :form="form"
-        @submit="submit"
-    />
-</template>
\ No newline at end of file
diff --git a/src/pages/ComercialClassifications/Edit.vue b/src/pages/ComercialClassifications/Edit.vue
deleted file mode 100644
index 4527d2c..0000000
--- a/src/pages/ComercialClassifications/Edit.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { RouterLink, useRoute, useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { viewTo, apiTo, transl } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import GoogleIcon      from '@Shared/GoogleIcon.vue';
-import Form            from './Form.vue'
-
-/** Definiciones */
-const vroute = useRoute();
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    id: null,
-    code: '',
-    name: '',
-    description: '',
-});
-
-const parentOptions = ref([]);
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-    })).put(apiTo('update', { comercial_classification: form.id }), {
-        onSuccess: () => {
-            Notify.success(Lang('register.edit.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        },
-    })
-}
-
-/** Función para obtener clasificaciones padre (excluyendo la actual y sus hijos) */
-function loadParentOptions() {
-    api.get(apiTo('index'), {
-        onSuccess: (r) => {
-            // Función para excluir la clasificación actual y sus descendientes
-            const excludeCurrentAndChildren = (items, excludeId) => {
-                return items.filter(item => {
-                    if (item.id === excludeId) return false;
-                    if (hasDescendant(item, excludeId)) return false;
-                    return true;
-                }).map(item => ({
-                    ...item,
-                    children: excludeCurrentAndChildren(item.children || [], excludeId)
-                }));
-            };
-
-            // Función para verificar si un item tiene como descendiente la clasificación actual
-            const hasDescendant = (item, targetId) => {
-                if (!item.children) return false;
-                return item.children.some(child => 
-                    child.id === targetId || hasDescendant(child, targetId)
-                );
-            };
-
-            // Aplanar la estructura jerárquica para el selector
-            const flattenOptions = (items, level = 0) => {
-                let options = [];
-                items.forEach(item => {
-                    options.push({
-                        ...item,
-                        name: '  '.repeat(level) + item.name, // Indentación visual
-                        level
-                    });
-                    if (item.children && item.children.length > 0) {
-                        options = options.concat(flattenOptions(item.children, level + 1));
-                    }
-                });
-                return options;
-            };
-
-            const dataSource = r.data?.comercial_classifications?.data || r.comercial_classifications || [];
-            const filteredData = excludeCurrentAndChildren(dataSource, form.id);
-            parentOptions.value = flattenOptions(filteredData);
-        }
-    });
-}
-
-onMounted(() => {
-    api.get(apiTo('show', { comercial_classification: vroute.params.id }), {
-        onSuccess: (r) => {
-            const classification = r.data || r.comercial_classification || r;
-            form.fill({
-                id: classification.id,
-                code: classification.code,
-                name: classification.name,
-                description: classification.description,
-                is_active: classification.is_active,
-                parent: classification.parent || null
-            });
-            
-            // Cargar opciones padre después de obtener los datos actuales
-            loadParentOptions();
-        }
-    });
-})
-</script>
-
-<template>
-    <PageHeader :title="`${transl('edit.title')}${form.parent ? ' - Subcategoría' : ''}`">
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <!-- Mostrar información del padre si es una subcategoría -->
-    <div v-if="form.parent" class="mb-4 p-4 bg-yellow-50 dark:bg-yellow-900 rounded-lg border border-yellow-200 dark:border-yellow-700">
-        <div class="flex items-center">
-            <GoogleIcon class="text-yellow-600 text-xl mr-2" name="account_tree" />
-            <div>
-                <p class="text-sm font-medium text-yellow-800 dark:text-yellow-200">
-                    Editando subcategoría de:
-                </p>
-                <p class="text-lg font-semibold text-yellow-900 dark:text-yellow-100">
-                    <code class="bg-yellow-100 dark:bg-yellow-800 px-2 py-1 rounded text-sm mr-2">{{ form.parent.code }}</code>
-                    {{ form.parent.name }}
-                </p>
-            </div>
-        </div>
-    </div>
-    
-    <Form
-        action="update"
-        :form="form"
-        :parent-options="parentOptions"
-        @submit="submit"
-    />
-</template>
\ No newline at end of file
diff --git a/src/pages/ComercialClassifications/Form.vue b/src/pages/ComercialClassifications/Form.vue
deleted file mode 100644
index bf02116..0000000
--- a/src/pages/ComercialClassifications/Form.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<script setup>
-import { transl } from './Module';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/Input.vue';
-import Selectable    from '@Holos/Form/Selectable.vue';
-import Checkbox      from '@Holos/Checkbox.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'submit'
-])
-
-/** Propiedades */
-defineProps({
-    action: {
-        default: 'create',
-        type: String
-    },
-    form: Object,
-    parentOptions: {
-        type: Array,
-        default: () => []
-    }
-})
-
-/** Métodos */
-function submit() {
-    emit('submit')
-}
-</script>
-
-<template>
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl(`${action}.description`)" />
-    </div>
-    <div class="w-full">
-        <form @submit.prevent="submit" class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-            <Input
-                v-model="form.code"
-                id="code"
-                :onError="form.errors.code"
-                autofocus
-                required
-            />
-            <Input
-                v-model="form.name"
-                id="name"
-                :onError="form.errors.name"
-                required
-            />
-            <Input
-                v-model="form.description"
-                id="description"
-                :onError="form.errors.description"
-                class="md:col-span-2"
-            />
-            <slot />
-            <div class="col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-4 flex flex-col items-center justify-end space-y-4 mt-4">
-                <PrimaryButton
-                    v-text="$t(action)"
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                />
-            </div>
-        </form>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/ComercialClassifications/Index.vue b/src/pages/ComercialClassifications/Index.vue
deleted file mode 100644
index 459b9ba..0000000
--- a/src/pages/ComercialClassifications/Index.vue
+++ /dev/null
@@ -1,204 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, RouterLink } from 'vue-router';
-import { useSearcher } from '@Services/Api';
-import { hasPermission } from '@Plugins/RolePermission';
-import { can, apiTo, viewTo, transl } from './Module'
-
-import IconButton from '@Holos/Button/Icon.vue'
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-import SearcherHead from '@Holos/Searcher.vue';
-import Table from '@Holos/Table.vue';
-import ShowView from './Modals/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Button from '@Holos/Button/Button.vue';
-
-/** Propiedades */
-const models = ref([]);
-const router = useRouter();
-
-/** Referencias */
-const showModal = ref(null);
-const destroyModal = ref(null);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => {
-        console.log('Datos recibidos:', r);
-        // La API retorna los datos en r.data.comercial_classifications.data
-        const classificationsData = r.data?.comercial_classifications?.data || r.comercial_classifications || [];
-        models.value = classificationsData;
-    },
-    onError: () => {
-        models.value = [];
-    }
-});
-
-/** Función para renderizar estructura jerárquica */
-const renderHierarchicalRows = (items, level = 0) => {
-    const rows = [];
-    items.forEach(item => {
-        rows.push({ ...item, level });
-        if (item.children && item.children.length > 0) {
-            rows.push(...renderHierarchicalRows(item.children, level + 1));
-        }
-    });
-    return rows;
-};
-
-/** Función para crear subcategoría */
-const createSubcategory = (parentCategory) => {
-    // Redirigir a la vista de creación con el parent_id en query params
-    router.push(viewTo({ 
-        name: 'create', 
-        query: { 
-            parent_id: parentCategory.id,
-            parent_name: parentCategory.name,
-            parent_code: parentCategory.code
-        } 
-    }));
-};
-
-/** Función para eliminar con información contextual */
-const deleteItem = (item) => {
-    // Agregar información contextual al modal
-    const itemWithContext = {
-        ...item,
-        contextInfo: item.parent ? `Subcategoría de: ${item.parent.code} - ${item.parent.name}` : 'Categoría principal'
-    };
-    destroyModal.value.open(itemWithContext);
-};
-
-/** Función para mostrar detalles */
-const showItem = (item) => {
-    showModal.value.open(item);
-};
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>
-
-<template>
-    <div class="space-y-6">
-        <div class="flex items-center justify-between">
-            <div>
-                <h1 className="text-3xl font-bold text-foreground">Clasificaciones Comerciales</h1>
-                <p className="text-muted-foreground">
-                    Gestión de categorías y subcategorías de productos
-                </p>
-            </div>
-            <RouterLink :to="viewTo({ name: 'create' })">
-                <Button color="info">Nueva Clasificación</Button>
-            </RouterLink>
-        </div>
-        <!-- <SearcherHead :title="transl('name')" @search="(x) => searcher.search(x)">
-            <RouterLink :to="viewTo({ name: 'create' })">
-               
-                <IconButton class="text-white" icon="add" :title="$t('crud.create')" filled />
-            </RouterLink>
-            <IconButton icon="refresh" :title="$t('refresh')" @click="searcher.search()" />
-        </SearcherHead> -->
-        <div class="pt-2 w-full">
-            <Table :items="models" :processing="searcher.processing"
-                @send-pagination="(page) => searcher.pagination(page)">
-                <template #head>
-                    <th v-text="$t('code')" />
-                    <th v-text="$t('name')" />
-                    <th v-text="$t('description')" />
-                    <th v-text="$t('status')" class="w-20 text-center" />
-                    <th v-text="$t('actions')" class="w-32 text-center" />
-                </template>
-                <template #body="{ items }">
-                    <tr v-for="model in items" :key="model.id" class="table-row"
-                        :class="{ 'bg-gray-50 dark:bg-gray-800': model.level > 0 }">
-                        <td class="table-cell">
-                            <div :style="{ paddingLeft: `${model.level * 24}px` }" class="flex items-center">
-                                <span v-if="model.level > 0" class="text-gray-400 mr-2">└─</span>
-                                <code class="font-mono text-sm" 
-                                      :class="model.level > 0 ? 'text-blue-600 dark:text-blue-400' : 'text-gray-900 dark:text-gray-100'">
-                                    {{ model.code }}
-                                </code>
-                                <span v-if="model.level > 0" class="ml-2 text-xs bg-blue-100 text-blue-800 dark:bg-blue-800 dark:text-blue-100 px-2 py-1 rounded-full">
-                                    Subcategoría
-                                </span>
-                            </div>
-                        </td>
-                        <td class="table-cell">
-                            <span class="font-semibold">{{ model.name }}</span>
-                        </td>
-                        <td class="table-cell">
-                            <span class="text-sm text-gray-600 dark:text-gray-400">
-                                {{ model.description || '-' }}
-                            </span>
-                        </td>
-                        <td class="table-cell text-center">
-                            <span 
-                                class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium"
-                                :class="model.is_active 
-                                    ? 'bg-green-100 text-green-800 dark:bg-green-800 dark:text-green-100' 
-                                    : 'bg-red-100 text-red-800 dark:bg-red-800 dark:text-red-100'"
-                            >
-                                {{ model.is_active ? $t('active') : $t('inactive') }}
-                            </span>
-                        </td>
-                        <td class="table-cell">
-                            <div class="table-actions">
-                                <IconButton
-                                    icon="add_circle"
-                                    :title="$t('Agregar subcategoría')"
-                                    @click="createSubcategory(model)"
-                                    outline
-                                />
-                                <IconButton
-                                    icon="visibility"
-                                    :title="$t('crud.show')"
-                                    @click="showItem(model)"
-                                    outline
-                                />
-                                <RouterLink
-                                    class="h-fit"
-                                    :to="viewTo({ name: 'edit', params: { id: model.id } })"
-                                >
-                                    <IconButton
-                                        icon="edit"
-                                        :title="$t('crud.edit')"
-                                        outline
-                                    />
-                                </RouterLink>
-                                <IconButton
-                                    icon="delete"
-                                    :title="$t('crud.destroy')"
-                                    @click="deleteItem(model)"
-                                    outline
-                                />
-                            </div>
-                        </td>
-                    </tr>
-                </template>
-                <template #empty>
-                    <td class="table-cell">
-                        <div class="flex items-center text-sm">
-                            <GoogleIcon name="folder_open" class="mr-2 text-gray-400" />
-                            <p class="font-semibold">
-                                {{ $t('registers.empty') }}
-                            </p>
-                        </div>
-                    </td>
-                    <td class="table-cell">-</td>
-                    <td class="table-cell">-</td>
-                    <td class="table-cell">-</td>
-                    <td class="table-cell">-</td>
-                    <td class="table-cell">-</td>
-                </template>
-            </Table>
-        </div>
-
-        <ShowView ref="showModal" @reload="searcher.search()" />
-
-        <DestroyView ref="destroyModal" subtitle="name" :to="(id) => apiTo('destroy', { comercial_classification: id })"
-            @update="searcher.search()" />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/ComercialClassifications/Modals/Show.vue b/src/pages/ComercialClassifications/Modals/Show.vue
deleted file mode 100644
index 1d84775..0000000
--- a/src/pages/ComercialClassifications/Modals/Show.vue
+++ /dev/null
@@ -1,362 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { getDateTime } from '@Controllers/DateController';
-import { viewTo, apiTo } from '../Module';
-import ComercialClassificationsService from '../services/ComercialClassificationsService';
-import Notify from '@Plugins/Notify';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Button     from '@Holos/Button/Button.vue';
-import IconButton from '@Holos/Button/Icon.vue';
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close', 
-    'reload'
-]);
-
-/** Servicios */
-const classificationsService = new ComercialClassificationsService();
-const router = useRouter();
-
-/** Propiedades */
-const model    = ref(null);
-const loading  = ref(false);
-const deletingChildId = ref(null); // Para mostrar loading específico en subcategoría que se está eliminando
-
-/** Referencias */
-const modalRef = ref(null);
-const destroyModal = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-    emit('close');
-}
-
-/** Función para actualizar el estado de la clasificación */
-async function toggleStatus(item) {
-    if (loading.value) return;
-    
-    const newStatus = !item.is_active;
-    
-    try {
-        loading.value = true;
-        
-        // Usar el servicio para actualizar el estado
-        await classificationsService.updateStatus(item.id, newStatus);
-        
-        // Actualizar el modelo local
-        item.is_active = newStatus;
-        
-        // Notificación de éxito
-        const statusText = newStatus ? 'activada' : 'desactivada';
-        Notify.success(
-            `Clasificación "${item.code}" ${statusText} exitosamente`,
-            'Estado actualizado'
-        );
-        
-        // Emitir evento para recargar la lista principal si es necesario
-        emit('reload');
-        
-    } catch (error) {
-        console.error('Error actualizando estado:', error);
-        
-        // Manejo específico de errores según la estructura de tu API
-        let errorMessage = 'Error al actualizar el estado de la clasificación';
-        let errorTitle = 'Error';
-        
-        if (error?.response?.data) {
-            const errorData = error.response.data;
-            
-            // Caso 1: Error con estructura específica de tu API
-            if (errorData.status === 'error') {
-                if (errorData.errors) {
-                    // Errores de validación - extraer el primer error
-                    const firstField = Object.keys(errorData.errors)[0];
-                    const firstError = errorData.errors[firstField];
-                    errorMessage = Array.isArray(firstError) ? firstError[0] : firstError;
-                    errorTitle = 'Error de validación';
-                } else if (errorData.message) {
-                    // Mensaje general del error
-                    errorMessage = errorData.message;
-                    errorTitle = 'Error del servidor';
-                }
-            }
-            // Caso 2: Otros formatos de error
-            else if (errorData.message) {
-                errorMessage = errorData.message;
-            }
-        } else if (error?.message) {
-            // Error genérico de la petición (red, timeout, etc.)
-            errorMessage = `Error de conexión: ${error.message}`;
-            errorTitle = 'Error de red';
-        }
-        
-        // Notificación de error
-        Notify.error(errorMessage, errorTitle);
-    } finally {
-        loading.value = false;
-    }
-}
-
-/** Función para editar subcategoría */
-function editSubcategory(child) {
-    // Navegar a la vista de edición de la subcategoría
-    const editUrl = viewTo({ name: 'edit', params: { id: child.id } });
-    router.push(editUrl);
-    // Cerrar el modal actual
-    close();
-}
-
-/** Función para eliminar subcategoría */
-function deleteSubcategory(child) {
-    // Marcar cuál subcategoría se va a eliminar para mostrar loading
-    deletingChildId.value = child.id;
-    destroyModal.value.open(child);
-}
-
-/** Función para recargar después de eliminar - Mejorada */
-async function onSubcategoryDeleted() {
-    try {
-        // Mostrar que se está procesando
-        const deletedId = deletingChildId.value;
-        
-        // Recargar los datos de la clasificación actual para obtener subcategorías actualizadas
-        const response = await classificationsService.getById(model.value.id);
-        
-        // Actualizar el modelo local con los datos frescos
-        if (response && response.comercial_classification) {
-            model.value = response.comercial_classification;
-            
-            // Notificación de éxito con información específica
-            const deletedCount = model.value.children ? model.value.children.length : 0;
-            Notify.success(
-                `Subcategoría eliminada exitosamente. ${deletedCount} subcategorías restantes.`, 
-                'Eliminación exitosa'
-            );
-        }
-        
-        // Emitir evento para recargar la lista principal
-        emit('reload');
-        
-    } catch (error) {
-        console.error('Error recargando datos después de eliminar:', error);
-        
-        // En caso de error, cerrar modal y recargar lista principal
-        close();
-        emit('reload');
-        
-        // Notificación de error
-        Notify.error(
-            'Error al actualizar la vista. Los datos se han actualizado correctamente.',
-            'Error de actualización'
-        );
-    } finally {
-        // Limpiar el estado de eliminación
-        deletingChildId.value = null;
-    }
-}
-
-/** Función para cancelar eliminación */
-function onDeleteCancelled() {
-    // Limpiar el estado de eliminación si se cancela
-    deletingChildId.value = null;
-}
-
-/** Función para renderizar la jerarquía de hijos */
-const renderChildren = (children, level = 1) => {
-    if (!children || children.length === 0) return null;
-    return children.map(child => ({
-        ...child,
-        level,
-        children: renderChildren(child.children, level + 1)
-    }));
-};
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    }
-});
-</script>
-
-<template>
-    <ShowModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model">
-            <Header
-                :title="model.code"
-                :subtitle="model.name"
-            >
-                <div class="flex w-full flex-col">
-                    <div class="flex w-full justify-center items-center">
-                        <div class="w-24 h-24 rounded-full bg-gradient-to-br from-purple-500 to-indigo-600 flex items-center justify-center">
-                            <GoogleIcon 
-                                class="text-white text-3xl"
-                                name="category"
-                            />
-                        </div>
-                    </div>
-                </div>
-            </Header>
-            <div class="flex w-full p-4 space-y-6">
-                <!-- Información básica -->
-                <div class="w-full">
-                    <div class="flex items-start">
-                        <GoogleIcon 
-                            class="text-xl text-success mt-1"
-                            name="info"
-                        />
-                        <div class="pl-3 w-full">
-                            <p class="font-bold text-lg leading-none pb-3">
-                                {{ $t('details') }}
-                            </p>
-                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                                <div>
-                                    <p>
-                                        <b>{{ $t('code') }}: </b>
-                                        <code class="font-mono text-sm bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded">
-                                            {{ model.code }}
-                                        </code>
-                                    </p>
-                                    <p class="mt-2">
-                                        <b>{{ $t('name') }}: </b>
-                                        {{ model.name }}
-                                    </p>
-                                    <p class="mt-2" v-if="model.description">
-                                        <b>{{ $t('description') }}: </b>
-                                        {{ model.description }}
-                                    </p>
-                                </div>
-                                <div>
-                                    <p>
-                                        <b>{{ $t('status') }}: </b>
-                                        <Button
-                                            :variant="'smooth'"
-                                            :color="model.is_active ? 'success' : 'danger'"
-                                            :size="'sm'"
-                                            :loading="loading"
-                                            @click="toggleStatus(model)"
-                                        >
-                                            {{ model.is_active ? $t('Activo') : $t('Inactivo') }}
-                                        </Button>
-                                    </p>
-                                    <p class="mt-2">
-                                        <b>{{ $t('created_at') }}: </b>
-                                        {{ getDateTime(model.created_at) }}
-                                    </p>
-                                    <p class="mt-2">
-                                        <b>{{ $t('updated_at') }}: </b>
-                                        {{ getDateTime(model.updated_at) }}
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <!-- Clasificaciones hijas -->
-                    <div v-if="model.children && model.children.length > 0" class="mt-6 pt-6 border-t border-gray-200 dark:border-gray-700">
-                        <div class="flex items-start">
-                            <GoogleIcon 
-                                class="text-xl text-primary mt-1"
-                                name="account_tree"
-                            />
-                            <div class="pl-3 w-full">
-                                <p class="font-bold text-lg leading-none pb-3">
-                                    {{ $t('Subclasificaciones') }}
-                                </p>
-                                <div class="space-y-2">
-                                    <div 
-                                        v-for="child in model.children" 
-                                        :key="child.id"
-                                        class="flex items-center p-3 bg-gray-50 dark:bg-gray-800 rounded-lg transition-all duration-300"
-                                        :class="{
-                                            'opacity-50 pointer-events-none': deletingChildId === child.id,
-                                            'bg-red-50 dark:bg-red-900 border border-red-200 dark:border-red-700': deletingChildId === child.id
-                                        }"
-                                    >
-                                        <div class="flex-1">
-                                            <div class="flex items-center">
-                                                <code class="font-mono text-sm bg-white dark:bg-gray-700 px-2 py-1 rounded mr-3">
-                                                    {{ child.code }}
-                                                </code>
-                                                <span class="font-semibold">{{ child.name }}</span>
-                                                <!-- Indicador de eliminación -->
-                                                <span v-if="deletingChildId === child.id" class="ml-2 text-xs bg-red-100 text-red-800 dark:bg-red-800 dark:text-red-100 px-2 py-1 rounded-full animate-pulse">
-                                                    Eliminando...
-                                                </span>
-                                            </div>
-                                            <p v-if="child.description" class="text-sm text-gray-600 dark:text-gray-400 mt-1">
-                                                {{ child.description }}
-                                            </p>
-                                        </div>
-                                        
-                                        <!-- Botones de acción para subcategorías -->
-                                        <div class="flex items-center space-x-2 ml-4">
-                                            <!-- Botón de estado -->
-                                            <Button
-                                                :variant="'smooth'"
-                                                :color="child.is_active ? 'success' : 'danger'"
-                                                :size="'sm'"
-                                                :loading="loading && deletingChildId !== child.id"
-                                                :disabled="deletingChildId === child.id"
-                                                @click="toggleStatus(child)"
-                                            >
-                                                {{ child.is_active ? $t('Activo') : $t('Inactivo') }}
-                                            </Button>
-                                            
-                                            <!-- Botón editar -->
-                                            <IconButton
-                                                icon="edit"
-                                                :title="$t('crud.edit')"
-                                                :disabled="deletingChildId === child.id"
-                                                @click="editSubcategory(child)"
-                                                outline
-                                                size="sm"
-                                            />
-                                            
-                                            <!-- Botón eliminar -->
-                                            <IconButton
-                                                icon="delete"
-                                                :title="$t('crud.destroy')"
-                                                :loading="deletingChildId === child.id"
-                                                :disabled="deletingChildId && deletingChildId !== child.id"
-                                                @click="deleteSubcategory(child)"
-                                                outline
-                                                size="sm"
-                                            />
-                                        </div>
-                                    </div>
-                                    
-                                    <!-- Mensaje cuando no hay subcategorías (después de eliminar todas) -->
-                                    <div v-if="!model.children || model.children.length === 0" 
-                                         class="text-center p-4 text-gray-500 dark:text-gray-400">
-                                        <GoogleIcon class="text-2xl mb-2" name="folder_open" />
-                                        <p class="text-sm">No hay subcategorías</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        
-        <!-- Modal de eliminación para subcategorías -->
-        <DestroyView
-            ref="destroyModal"
-            subtitle="name"
-            :to="(id) => apiTo('destroy', { comercial_classification: id })"
-            @update="onSubcategoryDeleted"
-        />
-    </ShowModal>
-</template>
\ No newline at end of file
diff --git a/src/pages/ComercialClassifications/Module.js b/src/pages/ComercialClassifications/Module.js
deleted file mode 100644
index 24b9ccf..0000000
--- a/src/pages/ComercialClassifications/Module.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`comercial-classifications.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ 
-    name: `admin.comercial-classifications.${name}`, params, query 
-})
-    
-// Obtener traducción del componente
-const transl = (str) => lang(`admin.comercial_classifications.${str}`)
-
-// Control de permisos
-const can = (permission) => hasPermission(`admin.comercial-classifications.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/ComercialClassifications/interfaces/comercial-classifications.interfaces.js b/src/pages/ComercialClassifications/interfaces/comercial-classifications.interfaces.js
deleted file mode 100644
index 8a68475..0000000
--- a/src/pages/ComercialClassifications/interfaces/comercial-classifications.interfaces.js
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * Interfaces para Comercial Classifications
- * 
- * @author Sistema
- * @version 1.0.0
- */
-
-/**
- * @typedef {Object} ComercialClassification
- * @property {number} id - ID de la clasificación
- * @property {string} code - Código de la clasificación
- * @property {string} name - Nombre de la clasificación
- * @property {string|null} description - Descripción de la clasificación
- * @property {boolean} is_active - Estado activo/inactivo
- * @property {number|null} parent_id - ID del padre
- * @property {string} created_at - Fecha de creación
- * @property {string} updated_at - Fecha de actualización
- * @property {string|null} deleted_at - Fecha de eliminación
- * @property {ComercialClassification|null} parent - Clasificación padre
- * @property {ComercialClassification[]} children - Clasificaciones hijas
- */
-
-/**
- * @typedef {Object} ComercialClassificationResponse
- * @property {string} status - Estado de la respuesta
- * @property {Object} data - Datos de la respuesta
- * @property {string} data.message - Mensaje de la respuesta
- * @property {ComercialClassification} data.comercial_classification - Clasificación comercial
- */
-
-/**
- * @typedef {Object} ComercialClassificationsListResponse
- * @property {string} status - Estado de la respuesta
- * @property {Object} data - Datos de la respuesta
- * @property {ComercialClassification[]} data.comercial_classifications - Lista de clasificaciones
- */
-
-/**
- * @typedef {Object} CreateComercialClassificationData
- * @property {string} code - Código de la clasificación
- * @property {string} name - Nombre de la clasificación
- * @property {string|null} description - Descripción de la clasificación
- * @property {boolean} is_active - Estado activo/inactivo
- * @property {number|null} parent_id - ID del padre
- */
-
-/**
- * @typedef {Object} UpdateComercialClassificationData
- * @property {string} [code] - Código de la clasificación
- * @property {string} [name] - Nombre de la clasificación
- * @property {string|null} [description] - Descripción de la clasificación
- * @property {boolean} [is_active] - Estado activo/inactivo
- * @property {number|null} [parent_id] - ID del padre
- */
-
-export {
-    ComercialClassification,
-    ComercialClassificationResponse,
-    ComercialClassificationsListResponse,
-    CreateComercialClassificationData,
-    UpdateComercialClassificationData
-};
diff --git a/src/pages/ComercialClassifications/services/ComercialClassificationsService.js b/src/pages/ComercialClassifications/services/ComercialClassificationsService.js
deleted file mode 100644
index 129895b..0000000
--- a/src/pages/ComercialClassifications/services/ComercialClassificationsService.js
+++ /dev/null
@@ -1,180 +0,0 @@
-/**
- * Servicio para Comercial Classifications
- * 
- * @author Sistema
- * @version 2.0.0
- */
-
-import { api, apiURL } from '@Services/Api';
-
-export default class ComercialClassificationsService {
-  
-  /**
-   * Obtener todas las clasificaciones comerciales
-   * @param {Object} params - Parámetros de la consulta
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getAll(params = {}) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('comercial-classifications'), {
-        params,
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Obtener una clasificación comercial por ID
-   * @param {number} id - ID de la clasificación
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getById(id) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL(`comercial-classifications/${id}`), {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Crear una nueva clasificación comercial
-   * @param {Object} data - Datos de la clasificación
-   * @param {string} data.code - Código de la clasificación
-   * @param {string} data.name - Nombre de la clasificación
-   * @param {string} data.description - Descripción de la clasificación
-   * @param {number|null} data.parent_id - ID de la clasificación padre (null para raíz)
-   * @param {boolean} data.is_active - Estado activo/inactivo
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async create(data) {
-    return new Promise((resolve, reject) => {
-      api.post(apiURL('comercial-classifications'), {
-        data,
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Actualizar una clasificación comercial existente
-   * @param {number} id - ID de la clasificación
-   * @param {Object} data - Datos actualizados
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async update(id, data) {
-    return new Promise((resolve, reject) => {
-      api.put(apiURL(`comercial-classifications/${id}`), {
-        data,
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Eliminar una clasificación comercial
-   * @param {number} id - ID de la clasificación
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async delete(id) {
-    return new Promise((resolve, reject) => {
-      api.delete(apiURL(`comercial-classifications/${id}`), {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Actualizar solo el estado de una clasificación comercial
-   * @param {number} id - ID de la clasificación
-   * @param {boolean} is_active - Nuevo estado
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async updateStatus(id, is_active) {
-    return new Promise((resolve, reject) => {
-      api.put(apiURL(`comercial-classifications/${id}`), {
-        data: { is_active },
-        onSuccess: (response) => {
-          resolve(response);
-        },
-        onError: (error) => {
-          // Mejorar el manejo de errores
-          const enhancedError = {
-            ...error,
-            timestamp: new Date().toISOString(),
-            action: 'updateStatus',
-            id: id,
-            is_active: is_active
-          };
-          reject(enhancedError);
-        }
-      });
-    });
-  }
-
-  /**
-   * Obtener clasificaciones padre disponibles (para selects)
-   * @param {number|null} excludeId - ID a excluir de la lista (para evitar loops)
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getParentOptions(excludeId = null) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('comercial-classifications'), {
-        params: { exclude_children_of: excludeId },
-        onSuccess: (response) => {
-          // Aplanar la estructura jerárquica para el selector
-          const flattenOptions = (items, level = 0) => {
-            let options = [];
-            items.forEach(item => {
-              if (excludeId && (item.id === excludeId || this.hasDescendant(item, excludeId))) {
-                return; // Excluir item actual y sus descendientes
-              }
-              
-              options.push({
-                ...item,
-                name: '  '.repeat(level) + item.name, // Indentación visual
-                level
-              });
-              
-              if (item.children && item.children.length > 0) {
-                options = options.concat(flattenOptions(item.children, level + 1));
-              }
-            });
-            return options;
-          };
-
-          const flatOptions = flattenOptions(response.comercial_classifications?.data || response.data || []);
-          resolve(flatOptions);
-        },
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Función auxiliar para verificar si un item tiene como descendiente un ID específico
-   * @param {Object} item - Item a verificar
-   * @param {number} targetId - ID objetivo
-   * @returns {boolean} True si es descendiente
-   */
-  hasDescendant(item, targetId) {
-    if (!item.children) return false;
-    return item.children.some(child => 
-      child.id === targetId || this.hasDescendant(child, targetId)
-    );
-  }
-
-  /**
-   * Alternar el estado de una clasificación
-   * @param {Object} item - Objeto con la clasificación
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async toggleStatus(item) {
-    const newStatus = !item.is_active;
-    return this.updateStatus(item.id, newStatus);
-  }
-}
\ No newline at end of file
diff --git a/src/pages/Courses/Admin/Assignamment.vue b/src/pages/Courses/Admin/Assignamment.vue
deleted file mode 100644
index 1c9b298..0000000
--- a/src/pages/Courses/Admin/Assignamment.vue
+++ /dev/null
@@ -1,214 +0,0 @@
-<script setup>
-import { ref, computed, onMounted, watch } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, viewTo } from './Module';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Input from '@Holos/Form/Input.vue';
-import PageHeader from '@Holos/PageHeader.vue';
-import IconButton from '@Holos/Button/Icon.vue';
-
-/** Definiciones */
-const router = useRouter();
-const vroute = useRoute();
-
-/** Propiedades */
-const form = useForm({
-  users: [],
-  start_date: '',
-  end_date: '',
-  exam_date: '',
-});
-
-const course = ref(null);
-const users = ref([]);
-
-// Computed para contar usuarios seleccionados
-const selectedUsersCount = computed(() => {
-  return users.value.filter(u => u.selected).length;
-});
-
-// Funciones
-const toggleUser = (user) => {
-  user.selected = !user.selected;
-};
-
-const selectAllUsers = () => {
-  const allSelected = users.value.every(u => u.selected);
-  users.value.forEach(u => u.selected = !allSelected);
-};
-
-// Función para calcular la fecha final del curso
-const calculateEndDate = () => {
-  if (form.start_date && course.value?.duration) {
-    const startDate = new Date(form.start_date);
-    const duration = parseInt(course.value.duration);
-    
-    // Agregar la duración en días a la fecha de inicio
-    const endDate = new Date(startDate);
-    endDate.setDate(startDate.getDate() + duration);
-    
-    // Formatear la fecha como YYYY-MM-DD para el input
-    const formattedDate = endDate.toISOString().split('T')[0];
-    form.end_date = formattedDate;
-  }
-};
-
-// Watcher para calcular automáticamente la fecha final cuando cambie la fecha de inicio
-watch(() => form.start_date, () => {
-  calculateEndDate();
-});
-
-const submit = () => {
-  form.transform(data => ({
-    ...data,
-    users: users.value.filter(u => u.selected).map(u => u.id)
-  })).post(apiTo('assign-course', { course: vroute.params.id }), {
-    onSuccess: () => {
-      Notify.success(Lang('register.assign.onSuccess'))
-      router.push(viewTo({ name: 'index' }));
-    }
-  });
-};
-
-/** Ciclos */
-onMounted(() => {
-  api.get(apiTo('show', { course: vroute.params.id }), {
-    onSuccess: (r) => {
-      course.value = r.course
-      users.value = r.course.users ?? []
-    }
-  });
-});
-</script>
-
-<template>
-  <PageHeader
-    title="Asignación de Cursos a Personal"
-  >
-    <RouterLink :to="viewTo({ name: 'index' })">
-      <IconButton
-        class="text-white"
-        icon="arrow_back"
-        :title="$t('return')"
-        filled
-      />
-    </RouterLink>
-  </PageHeader>
-  
-  <div class="w-full pb-2">
-    <p class="text-justify text-sm">Asigna cursos aprobados al personal seleccionado</p>
-  </div>
-
-  <!-- Card principal -->
-  <section class="mt-6 bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-    
-    <!-- Información del Curso -->
-    <div class="mb-6">
-      <label class="block text-sm font-medium text-gray-700 dark:text-primary-dt mb-2">
-        Curso Seleccionado
-      </label>
-      
-      <div v-if="course" class="w-full px-4 py-3 bg-gray-50 border border-gray-300 rounded-lg dark:bg-primary-d dark:border-primary/20">
-        <div class="font-medium text-gray-900 dark:text-primary-dt">{{ course.name }}</div>
-        <div class="text-sm text-gray-500 dark:text-primary-dt/70">
-          {{ course.department?.name }} • {{ course.cost }} {{ course.cost_currency }}
-        </div>
-        <div v-if="course.description" class="text-sm text-gray-600 dark:text-primary-dt/80 mt-1">
-          {{ course.description }}
-        </div>
-      </div>
-      
-      <div v-else class="w-full px-4 py-3 bg-gray-50 border border-gray-300 rounded-lg dark:bg-primary-d dark:border-primary/20">
-        <div class="text-gray-500 dark:text-primary-dt/70">Cargando información del curso...</div>
-      </div>
-    </div>
-
-    <!-- Asignación de Usuarios -->
-    <div class="mb-6">
-      <div class="flex items-center justify-between mb-3">
-        <label class="block text-sm font-medium text-gray-700 dark:text-primary-dt">
-          Asignar a usuarios
-        </label>
-        <button
-          type="button"
-          @click="selectAllUsers"
-          class="text-sm text-[#2563eb] hover:text-[#1e40af] font-medium"
-        >
-          {{ users.every(u => u.selected) ? 'Deseleccionar todo' : 'Seleccionar todo' }}
-        </button>
-      </div>
-
-      <div class="border border-gray-300 rounded-lg p-4 max-h-48 overflow-y-auto dark:bg-primary-d dark:border-primary/20">
-        <div class="space-y-2">
-          <div
-            v-for="user in users"
-            :key="user.id"
-            @click="toggleUser(user)"
-            class="flex items-center p-2 rounded-lg cursor-pointer hover:bg-gray-50 dark:hover:bg-primary/10 transition-colors"
-          >
-            <div class="flex items-center h-5">
-              <input
-                :checked="user.selected"
-                type="checkbox"
-                class="w-4 h-4 text-[#2563eb] bg-gray-100 border-gray-300 rounded focus:ring-[#2563eb] dark:focus:ring-[#2563eb] dark:ring-offset-gray-800 focus:ring-2 dark:bg-primary-d dark:border-primary/20"
-                @click.stop
-                @change="toggleUser(user)"
-              >
-            </div>
-            <div class="ml-3 text-sm">
-              <label class="font-medium text-gray-900 dark:text-primary-dt cursor-pointer">
-                {{ user.name }} {{ user.paternal }} {{ user.maternal }}
-              </label>
-              <div class="text-xs text-gray-500 dark:text-primary-dt/70">
-                {{ user.email }}
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="mt-2 text-sm text-gray-500 dark:text-primary-dt/70">
-        {{ selectedUsersCount }} usuario(s) seleccionado(s)
-      </div>
-    </div>
-
-    <!-- Fechas -->
-    <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
-      <Input
-        v-model="form.start_date"
-        id="start_date"
-        title="dates.start"
-        type="date"
-        required
-      />
-      <Input
-        v-model="form.end_date"
-        id="end_date"
-        title="dates.end"
-        type="date"
-        required
-      />
-      <Input
-        v-model="form.exam_date"
-        id="exam_date"
-        title="exam_date"
-        type="date"
-      />
-    </div>
-
-    <!-- Botones de Acción -->
-    <div class="flex items-center justify-end gap-3 pt-4 border-t border-gray-100 dark:border-primary/20">
-
-      <button
-        @click="submit"
-        class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#7c3aed] hover:bg-[#6d28d9] text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-[#7c3aed] focus:ring-offset-2"
-      >
-        <GoogleIcon class="text-white text-xl" name="notifications" />
-        Notificar
-      </button>
-    </div>
-
-  </section>
-</template>
diff --git a/src/pages/Courses/Admin/Calendar.vue b/src/pages/Courses/Admin/Calendar.vue
deleted file mode 100644
index 0f149c3..0000000
--- a/src/pages/Courses/Admin/Calendar.vue
+++ /dev/null
@@ -1,411 +0,0 @@
-<template>
-    <div class="p-5 bg-slate-50 min-h-screen">
-      <!-- Header -->
-      <div class="mb-5 flex items-center justify-between">
-        <h2 class="text-2xl font-semibold text-slate-800 m-0">Calendario de Cursos Programados</h2>
-        
-        <!-- Estadísticas del mes actual -->
-        <div class="flex items-center gap-4 text-sm">
-          <div class="flex items-center gap-2">
-            <div class="w-3 h-3 bg-blue-500 rounded"></div>
-            <span class="text-slate-600">{{ getCurrentMonthInfo.totalCursos }} Cursos</span>
-          </div>
-          <div class="flex items-center gap-2">
-            <div class="w-3 h-3 bg-red-500 rounded"></div>
-            <span class="text-slate-600">{{ getCurrentMonthInfo.totalExamenes }} Exámenes</span>
-          </div>
-        </div>
-      </div>
-  
-      <!-- Calendar Container -->
-      <div class="bg-white rounded-lg shadow-sm overflow-hidden">
-        <!-- Header personalizado -->
-        <div class="flex items-center justify-between px-5 py-4 bg-white border-b border-slate-200">
-          <div class="flex items-center gap-4">
-            <span class="text-sm text-slate-500 font-medium">Vista Mensual</span>
-          </div>
-          
-          <div class="flex items-center gap-4">
-            <!-- Navegación del mes -->
-            <div class="flex items-center gap-2">
-              <button @click="previousMonth" class="p-1 hover:bg-slate-100 rounded">
-                <svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
-                </svg>
-              </button>
-              
-              <h3 class="text-lg font-semibold text-slate-800 min-w-[140px] text-center">
-                {{ formatMonth(selectedDate) }}
-              </h3>
-              
-              <button @click="nextMonth" class="p-1 hover:bg-slate-100 rounded">
-                <svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
-                </svg>
-              </button>
-            </div>
-            
-            <!-- Botones de vista -->
-            <div class="flex gap-1 bg-slate-100 p-1 rounded-md">
-              <button class="px-3 py-1 text-xs font-medium rounded bg-slate-800 text-white transition-all">month</button>
-              <button class="px-3 py-1 text-xs font-medium rounded text-slate-500 hover:bg-slate-200 transition-all">week</button>
-              <button class="px-3 py-1 text-xs font-medium rounded text-slate-500 hover:bg-slate-200 transition-all">list</button>
-            </div>
-          </div>
-        </div>
-  
-        <VCalendar 
-          :key="calendarKey"
-          v-model="selectedDate"
-          :attributes="attributes"
-          :locale="locale"
-          view="monthly"
-          expanded
-          borderless
-          :title-position="'none'"
-          class="custom-calendar"
-        />
-      </div>
-    </div>
-  </template>
-  
-  <script setup>
-  import { ref, computed } from 'vue'
-  
-  // Fecha seleccionada
-  const selectedDate = ref(new Date(2025, 8, 1)) // Septiembre 1, 2025
-  
-  // Key para forzar re-render del calendario
-  const calendarKey = ref(0)
-  
-  // Configuración de idioma
-  const locale = {
-    id: 'es',
-    firstDayOfWeek: 1, // Lunes como primer día
-    masks: {
-      weekdays: 'WWW',
-      months: 'MMMM',
-      title: 'MMMM YYYY'
-    }
-  }
-  
-  // Datos de los cursos programados por mes
-  const cursosData = {
-    // Septiembre 2025
-    '2025-09': [
-      {
-        id: 1,
-        title: 'Curso React (A. García, C. Mendoza)',
-        instructor: 'A. García, C. Mendoza',
-        dates: [new Date(2025, 8, 5), new Date(2025, 8, 7)], // 5 y 7 de septiembre
-        color: 'blue',
-        tipo: 'curso'
-      },
-      {
-        id: 2,
-        title: 'EXAMEN: React',
-        dates: [new Date(2025, 8, 9)], // 9 de septiembre
-        color: 'red',
-        tipo: 'examen'
-      },
-      {
-        id: 3,
-        title: 'Curso CEH (P. Ramírez, L. Torres)',
-        instructor: 'P. Ramírez, L. Torres',
-        dates: [new Date(2025, 8, 17), new Date(2025, 8, 21)], // 17 y 21 de septiembre
-        color: 'green',
-        tipo: 'curso'
-      },
-      {
-        id: 4,
-        title: 'Curso Python (S. Hernández)',
-        instructor: 'S. Hernández',
-        dates: [new Date(2025, 8, 18)], // 18 de septiembre
-        color: 'orange',
-        tipo: 'curso'
-      },
-      {
-        id: 5,
-        title: 'Curso AWS (L. Martínez)',
-        instructor: 'L. Martínez',
-        dates: [new Date(2025, 8, 19), new Date(2025, 8, 21)], // 19 y 21 de septiembre
-        color: 'purple',
-        tipo: 'curso'
-      },
-      {
-        id: 6,
-        title: 'EXAMEN: CEH',
-        dates: [new Date(2025, 8, 24)], // 24 de septiembre
-        color: 'red',
-        tipo: 'examen'
-      }
-    ],
-    
-    // Octubre 2025 - Cursos de ejemplo
-    '2025-10': [
-      {
-        id: 7,
-        title: 'Curso Vue.js (M. López, R. Silva)',
-        instructor: 'M. López, R. Silva',
-        dates: [new Date(2025, 9, 3), new Date(2025, 9, 5)], // 3 y 5 de octubre
-        color: 'green',
-        tipo: 'curso'
-      },
-      {
-        id: 8,
-        title: 'EXAMEN: Vue.js',
-        dates: [new Date(2025, 9, 10)], // 10 de octubre
-        color: 'red',
-        tipo: 'examen'
-      },
-      {
-        id: 9,
-        title: 'Curso Docker (J. Rodríguez)',
-        instructor: 'J. Rodríguez',
-        dates: [new Date(2025, 9, 15), new Date(2025, 9, 17), new Date(2025, 9, 19)], // 15, 17 y 19 de octubre
-        color: 'blue',
-        tipo: 'curso'
-      },
-      {
-        id: 10,
-        title: 'Curso Kubernetes (A. Morales)',
-        instructor: 'A. Morales',
-        dates: [new Date(2025, 9, 22), new Date(2025, 9, 24)], // 22 y 24 de octubre
-        color: 'purple',
-        tipo: 'curso'
-      },
-      {
-        id: 11,
-        title: 'EXAMEN: DevOps',
-        dates: [new Date(2025, 9, 29)], // 29 de octubre
-        color: 'red',
-        tipo: 'examen'
-      }
-    ],
-  
-    // Agosto 2025 - Cursos de ejemplo
-    '2025-08': [
-      {
-        id: 12,
-        title: 'Curso Angular (P. Fernández)',
-        instructor: 'P. Fernández',
-        dates: [new Date(2025, 7, 5), new Date(2025, 7, 7), new Date(2025, 7, 9)], // 5, 7 y 9 de agosto
-        color: 'red',
-        tipo: 'curso'
-      },
-      {
-        id: 13,
-        title: 'Curso Node.js (C. García)',
-        instructor: 'C. García',
-        dates: [new Date(2025, 7, 12), new Date(2025, 7, 14)], // 12 y 14 de agosto
-        color: 'green',
-        tipo: 'curso'
-      },
-      {
-        id: 14,
-        title: 'EXAMEN: Full Stack',
-        dates: [new Date(2025, 7, 20)], // 20 de agosto
-        color: 'red',
-        tipo: 'examen'
-      },
-      {
-        id: 15,
-        title: 'Curso MongoDB (L. Torres)',
-        instructor: 'L. Torres',
-        dates: [new Date(2025, 7, 26), new Date(2025, 7, 28)], // 26 y 28 de agosto
-        color: 'orange',
-        tipo: 'curso'
-      }
-    ]
-  }
-  
-  // Convertir datos a atributos de v-calendar
-  const attributes = computed(() => {
-    const currentMonthKey = `${selectedDate.value.getFullYear()}-${String(selectedDate.value.getMonth() + 1).padStart(2, '0')}`
-    const currentMonthCursos = cursosData[currentMonthKey] || []
-    
-    const attrs = []
-    
-    currentMonthCursos.forEach(curso => {
-      curso.dates.forEach(date => {
-        attrs.push({
-          key: `${curso.id}-${date.getTime()}`,
-          dot: false,
-          bar: {
-            style: {
-              backgroundColor: getColorCode(curso.color),
-              height: '4px'
-            }
-          },
-          popover: {
-            label: curso.title,
-            visibility: 'hover'
-          },
-          customData: {
-            title: curso.title,
-            instructor: curso.instructor,
-            tipo: curso.tipo,
-            color: curso.color
-          },
-          dates: date
-        })
-      })
-    })
-    
-    return attrs
-  })
-  
-  // Función para obtener el mes actual con eventos
-  const getCurrentMonthInfo = computed(() => {
-    const currentMonthKey = `${selectedDate.value.getFullYear()}-${String(selectedDate.value.getMonth() + 1).padStart(2, '0')}`
-    const currentMonthCursos = cursosData[currentMonthKey] || []
-    
-    return {
-      key: currentMonthKey,
-      totalCursos: currentMonthCursos.filter(curso => curso.tipo === 'curso').length,
-      totalExamenes: currentMonthCursos.filter(curso => curso.tipo === 'examen').length,
-      eventos: currentMonthCursos
-    }
-  })
-  
-  // Función para obtener códigos de color
-  function getColorCode(color) {
-    const colors = {
-      blue: '#3b82f6',
-      red: '#ef4444',
-      green: '#22c55e',
-      orange: '#f97316',
-      purple: '#8b5cf6'
-    }
-    return colors[color] || '#6b7280'
-  }
-  
-  // Navegación del calendario
-  function previousMonth() {
-    const currentDate = new Date(selectedDate.value)
-    currentDate.setMonth(currentDate.getMonth() - 1)
-    currentDate.setDate(1)
-    selectedDate.value = currentDate
-    
-    // Forzar re-render del calendario
-    calendarKey.value++
-  }
-  
-  function nextMonth() {
-    const currentDate = new Date(selectedDate.value)
-    currentDate.setMonth(currentDate.getMonth() + 1)
-    currentDate.setDate(1)
-    selectedDate.value = currentDate
-    
-    // Forzar re-render del calendario
-    calendarKey.value++
-  }
-  
-  // Formatear el mes
-  function formatMonth(date) {
-    return date.toLocaleDateString('es-ES', { 
-      month: 'long', 
-      year: 'numeric' 
-    })
-  }
-  </script>
-  
-  <style scoped>
-  /* Solo estilos esenciales que no se pueden hacer con Tailwind */
-  :deep(.vc-container) {
-    border: none;
-    font-family: inherit;
-  }
-  
-  /* Ocultar el header original de v-calendar */
-  :deep(.vc-header) {
-    display: none;
-  }
-  
-  :deep(.vc-weekday) {
-    background: #f8fafc;
-    color: #64748b;
-    font-weight: 600;
-    font-size: 0.75rem;
-    padding: 0.75rem;
-    text-transform: lowercase;
-    border-bottom: 1px solid #e2e8f0;
-  }
-  
-  :deep(.vc-day) {
-    padding: 0;
-    border: 1px solid #e2e8f0;
-    min-height: 100px;
-    border-top: none;
-  }
-  
-  :deep(.vc-day-content) {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    padding: 0.5rem;
-  }
-  
-  :deep(.vc-day-number) {
-    font-size: 0.875rem;
-    font-weight: 500;
-    color: #374151;
-    margin-bottom: 0.25rem;
-  }
-  
-  :deep(.vc-day.is-today .vc-day-number) {
-    background: #3b82f6;
-    color: white;
-    border-radius: 50%;
-    width: 1.5rem;
-    height: 1.5rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  
-  :deep(.vc-day.is-not-in-month) {
-    opacity: 0.3;
-  }
-  
-  :deep(.vc-day.is-not-in-month .vc-day-number) {
-    color: #9ca3af;
-  }
-  
-  :deep(.vc-bars) {
-    margin-top: 0.25rem;
-  }
-  
-  :deep(.vc-bar) {
-    margin-bottom: 0.125rem;
-    border-radius: 0.125rem;
-    height: 4px;
-  }
-  
-  /* Mejorar los bordes del calendario */
-  :deep(.vc-weeks) {
-    border: 1px solid #e2e8f0;
-    border-top: none;
-  }
-  
-  :deep(.vc-weekdays) {
-    border-left: 1px solid #e2e8f0;
-    border-right: 1px solid #e2e8f0;
-  }
-  
-  /* Responsivo */
-  @media (max-width: 768px) {
-    :deep(.vc-day) {
-      min-height: 80px;
-    }
-    
-    :deep(.vc-day-content) {
-      padding: 0.25rem;
-    }
-    
-    :deep(.vc-weekday) {
-      padding: 0.5rem 0.25rem;
-      font-size: 0.75rem;
-    }
-  }
-  </style>
\ No newline at end of file
diff --git a/src/pages/Courses/Admin/Index.vue b/src/pages/Courses/Admin/Index.vue
deleted file mode 100644
index b8c53f6..0000000
--- a/src/pages/Courses/Admin/Index.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useSearcher } from '@Services/Api';
-import { apiTo, viewTo } from './Module'
-
-import IconButton from '@Holos/Button/Icon.vue'
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-import Table from '@Holos/NewTable.vue';
-import ShowView from './Modals/Show.vue';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Searcher from '@Holos/Searcher.vue';
-
-/** Propiedades */
-const models = ref([]);
-
-/** Referencias */
-const showModal = ref(false);
-const destroyModal = ref(false);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => models.value = r.models,
-    onError: () => models.value = []
-});
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>
-
-<template>
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-        <div>
-            <h1 class="text-3xl font-extrabold text-gray-900 dark:text-primary-dt">{{ $t('courses.title') }}</h1>
-            <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">{{ $t('courses.description') }}
-            </p>
-        </div>
-    </div>
-
-    <!-- Search Card -->
-    <div class="pt-2 w-full">
-        <Searcher @search="(x) => searcher.search(x)">
-        </Searcher>
-    </div>
-
-    <!-- List Card -->
-    <div class="pt-2 w-full">
-        <Table :items="models" :processing="searcher.processing" @send-pagination="(page) => searcher.pagination(page)">
-            <template #head>
-                <th v-text="$t('department')" />
-                <th v-text="$t('name')" />
-                <th v-text="$t('cost')" />
-                <th v-text="$t('url')" />
-                <th v-text="$t('status')" />
-                <th class="w-32 text-center" v-text="$t('actions')" />
-            </template>
-
-            <template #body="{ items }">
-                <tr v-for="model in items" class="table-row">
-                    <td>
-                        <span class="inline-block bg-blue-100 text-blue-800 text-sm py-1 rounded-full dark:bg-blue-900/30 dark:text-blue-300">
-                            {{ model.department.name }}
-                        </span>
-                    </td>
-                    <td>{{ model.name }}</td>
-                    <td>{{ model.cost }} {{ model.cost_currency }}</td>
-                    <td>
-                        <a 
-                            v-if="model.url" 
-                            :href="model.url" 
-                            target="_blank"
-                            class="text-blue-600 hover:text-blue-800 underline text-sm dark:text-blue-400 dark:hover:text-blue-300"
-                        >
-                            Ver curso
-                        </a>
-                        <span v-else>-</span>
-                    </td>
-                    <td class="py-6">
-                        <span
-                            class="inline-block py-1 rounded-full text-xs font-semibold"
-                            :class="{
-                                'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300': model.status_ek === 'Pendiente',
-                                'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300': model.status_ek === 'Aprobado',
-                                'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300': model.status_ek === 'Rechazado'
-                            }">
-                            {{ model.status_ek }}
-                        </span>
-                    </td>
-                    <td>
-                        <div class="table-actions">
-                            <IconButton icon="visibility" :title="$t('crud.show')" @click="showModal.open(model)"
-                                outline />
-                            <RouterLink class="h-fit"
-                                :to="viewTo({ name: 'assignamment', params: { id: model.id } })">
-                                <IconButton icon="task_alt" :title="$t('crud.approve')" outline />
-                            </RouterLink>
-                            <IconButton icon="delete" :title="$t('crud.destroy')"
-                                @click="destroyModal.open(model)" outline />
-                        </div>
-                    </td>
-                </tr>
-            </template>
-
-            <template #empty>
-                <td colspan="6" class="py-12 text-center">
-                    <div class="text-gray-500 dark:text-primary-dt/70">
-                        <GoogleIcon name="school" class="w-12 h-12 mx-auto mb-4 text-gray-400" />
-                        <p class="text-lg font-medium">No se encontraron cursos</p>
-                        <p class="text-sm mt-1">Intenta ajustar los filtros de búsqueda</p>
-                    </div>
-                </td>
-            </template>
-        </Table>
-
-        <ShowView ref="showModal" />
-
-        <DestroyView ref="destroyModal" subtitle="certification_type"
-            :to="(course) => apiTo('destroy', { course })" @update="searcher.search()" />
-    </div>
-</template>
diff --git a/src/pages/Courses/Admin/Modals/Show.vue b/src/pages/Courses/Admin/Modals/Show.vue
deleted file mode 100644
index 720bb9a..0000000
--- a/src/pages/Courses/Admin/Modals/Show.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { getDateTime } from '@Controllers/DateController';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close', 
-    'reload'
-]);
-
-/** Propiedades */
-const model    = ref(null);
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-
-    emit('close');
-}
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    }
-});
-</script>
-
-<template>
-    <ShowModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model">
-            <Header
-                :title="model.name"
-                :subtitle="model.certification_type"
-            >
-            </Header>
-            <div class="flex w-full p-4">
-                <GoogleIcon 
-                    class="text-xl text-success"
-                    name="school"
-                />
-                <div class="pl-3">
-                    <p class="font-bold text-lg leading-none pb-2">
-                        {{ $t('details') }}
-                    </p>
-                    <p>
-                        <b>{{ $t('name') }}: </b>
-                        {{ model.name }}
-                    </p>
-                    <p>
-                        <b>{{ $t('certification_type') }}: </b>
-                        {{ model.certification_type ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('cost') }}: </b>
-                        {{ model.cost }} {{ model.cost_currency }}
-                    </p>
-                    <p>
-                        <b>{{ $t('duration') }}: </b>
-                        {{ model.duration ?? '-' }} días
-                    </p>
-                    <p>
-                        <b>{{ $t('description') }}: </b>
-                        {{ model.description ?? '-' }}
-                    </p>
-                    <p v-if="model.url">
-                        <b>{{ $t('url') }}: </b>
-                        <a :href="model.url" target="_blank" class="text-blue-600 hover:text-blue-800 underline">
-                            {{ model.url }}
-                        </a>
-                    </p>
-                    <p>
-                        <b>{{ $t('certification_name') }}: </b>
-                        {{ model.certification_name ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('status') }}: </b>
-                        <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold"
-                            :class="{
-                                'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300': model.status_ek === 'Pendiente',
-                                'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300': model.status_ek === 'Aprobado',
-                                'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300': model.status_ek === 'Rechazado'
-                            }">
-                            {{ model.status_ek }}
-                        </span>
-                    </p>
-                    <p>
-                        <b>{{ $t('department') }}: </b>
-                        {{ model.department?.name ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('created_at') }}: </b>
-                        {{ getDateTime(model.created_at) }}
-                    </p>
-                    <p>
-                        <b>{{ $t('updated_at') }}: </b>
-                        {{ getDateTime(model.updated_at) }}
-                    </p>
-                </div>
-            </div>
-        </div>
-    </ShowModal>
-</template>
\ No newline at end of file
diff --git a/src/pages/Courses/Admin/Module.js b/src/pages/Courses/Admin/Module.js
deleted file mode 100644
index 535f301..0000000
--- a/src/pages/Courses/Admin/Module.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`courses.admin.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `admin.courses.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`courses.${str}`)
-
-// Determina si un usuario puede hacer algo no en base a los permisos
-const can = (permission) => hasPermission(`courses.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Courses/Admin/Request.vue b/src/pages/Courses/Admin/Request.vue
deleted file mode 100644
index ff1c3ad..0000000
--- a/src/pages/Courses/Admin/Request.vue
+++ /dev/null
@@ -1,268 +0,0 @@
-<script setup>
-import { ref, computed, onMounted, watch } from 'vue';
-import { useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, viewTo } from './Module';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import PageHeader from '@Holos/PageHeader.vue';
-import IconButton from '@Holos/Button/Icon.vue';
-import Input from '@Holos/Form/Input.vue';
-import Textarea from '@Holos/Form/Textarea.vue';
-import Selectable from '@Holos/Form/Selectable.vue';
-import PrimaryButton from '@Holos/Button/Primary.vue';
-
-/** Definiciones */
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-  name: '',
-  cost: '',
-  cost_currency: '',
-  description: '',
-  certification_name: '',
-  certification_type: '',
-  duration: '',
-  url: '',
-  department_id: '',
-  users: []
-});
-
-// Lista de departamentos y usuarios
-const departments = ref([]);
-const users = ref([]);
-const currencies = ref([]);
-
-// Computed para contar usuarios seleccionados
-const selectedUsersCount = computed(() => {
-  return users.value.filter(u => u.selected).length;
-});
-
-/** Métodos */
-function submit() {
-  form.transform(data => ({
-    ...data,
-    department_id: form.department_id?.id,
-    cost_currency: form.cost_currency?.id,
-    users: users.value.filter(u => u.selected).map(u => u.id)
-  })).post(apiTo('store'), {
-    onSuccess: () => {
-      Notify.success(Lang('register.create.onSuccess'))
-      router.push(viewTo({ name: 'index' }));
-    }
-  });
-}
-
-// Función para cargar usuarios cuando se seleccione un departamento
-const loadUsersByDepartment = () => {
-  api.catalog({
-    'user:byDepartment': form.department_id?.id
-  }, {
-    onSuccess: (r) => users.value = r['user:byDepartment'] ?? []
-  });
-};
-
-// Funciones para manejar selección de usuarios
-const toggleUser = (user) => {
-  user.selected = !user.selected;
-};
-
-const selectAllUsers = () => {
-  const allSelected = users.value.every(u => u.selected);
-  users.value.forEach(u => u.selected = !allSelected);
-};
-
-// Watcher para cargar usuarios automáticamente cuando cambie el departamento
-watch(() => form.department_id, () => {
-  loadUsersByDepartment();
-});
-
-/** Ciclos */
-onMounted(() => {
-  api.catalog({
-    'department:all': null,
-    'currency:all': null
-  }, {
-    onSuccess: (r) => {
-      departments.value = r['department:all'] ?? []
-      currencies.value = r['currency:all'] ?? []
-    }
-  });
-});
-</script>
-
-<template>
-  <PageHeader
-    title="Solicitud de Nuevo Curso"
-  >
-    <RouterLink :to="viewTo({ name: 'index' })">
-      <IconButton
-        class="text-white"
-        icon="arrow_back"
-        :title="$t('return')"
-        filled
-      />
-    </RouterLink>
-  </PageHeader>
-  
-  <div class="w-full pb-2">
-    <p class="text-justify text-sm">Completa la información para solicitar un nuevo curso de capacitación</p>
-  </div>
-
-  <!-- Card principal -->
-  <section class="mt-6 bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-    
-    <!-- Formulario -->
-    <form @submit.prevent="submit" class="space-y-6">
-      
-      <!-- Campos del formulario en dos columnas -->
-      <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-        
-        <!-- Columna izquierda -->
-        <div class="space-y-6">
-          <Input
-            v-model="form.name"
-            id="name"
-            title="name"
-            :onError="form.errors.name"
-            required
-          />
-          <Input
-            v-model="form.cost"
-            id="cost"
-            title="cost"
-            :onError="form.errors.cost"
-            type="number"
-            min="0"
-            step="0.01"
-            required
-          />
-          <Selectable
-            v-model="form.cost_currency"
-            id="cost_currency"
-            title="currency"
-            :onError="form.errors.cost_currency"
-            :options="currencies"
-          />
-          <Textarea
-            v-model="form.description"
-            id="description"
-            title="description"
-            :onError="form.errors.description"
-            required
-          />
-          <Input
-            v-model="form.certification_name"
-            id="certification_name"
-            title="certification_name"
-            :onError="form.errors.certification_name"
-          />
-        </div>
-
-         <!-- Columna derecha -->
-         <div class="space-y-6">
-           <Selectable
-             v-model="form.department_id"
-             id="department_id"
-             title="department"
-             :onError="form.errors.department_id"
-             :options="departments"
-             required
-           />
-           <Input
-             v-model="form.certification_type"
-             id="certification_type"
-             title="certification_type"
-             :onError="form.errors.certification_type"
-           />
-           <Input
-             v-model="form.duration"
-             id="duration"
-             title="duration"
-             :onError="form.errors.duration"
-             type="number"
-             min="1"
-             required
-           />
-           <Input
-             v-model="form.url"
-             id="url"
-             title="url"
-             :onError="form.errors.url"
-             type="url"
-           />
-         </div>
-      </div>
-
-       <!-- Sección de Personal a Capacitar -->
-       <div class="mt-8">
-         <div class="flex items-center justify-between mb-3">
-           <label class="block text-sm font-medium text-gray-700 dark:text-primary-dt">
-             Personal a capacitar
-           </label>
-           <button
-             v-if="users.length > 0"
-             type="button"
-             @click="selectAllUsers"
-             class="text-sm text-[#2563eb] hover:text-[#1e40af] font-medium"
-           >
-             {{ users.every(u => u.selected) ? 'Deseleccionar todo' : 'Seleccionar todo' }}
-           </button>
-         </div>
-
-         <div v-if="users.length > 0" class="border border-gray-300 rounded-lg p-4 max-h-48 overflow-y-auto dark:bg-primary-d dark:border-primary/20">
-           <div class="space-y-2">
-             <div
-               v-for="user in users"
-               :key="user.id"
-               @click="toggleUser(user)"
-               class="flex items-center p-2 rounded-lg cursor-pointer hover:bg-gray-50 dark:hover:bg-primary/10 transition-colors"
-             >
-               <div class="flex items-center h-5">
-                 <input
-                   :checked="user.selected"
-                   type="checkbox"
-                   class="w-4 h-4 text-[#2563eb] bg-gray-100 border-gray-300 rounded focus:ring-[#2563eb] dark:focus:ring-[#2563eb] dark:ring-offset-gray-800 focus:ring-2 dark:bg-primary-d dark:border-primary/20"
-                   @click.stop
-                   @change="toggleUser(user)"
-                 >
-               </div>
-               <div class="ml-3 text-sm">
-                 <label class="font-medium text-gray-900 dark:text-primary-dt cursor-pointer">
-                   {{ user.name }} {{ user.paternal }} {{ user.maternal }}
-                 </label>
-                 <div class="text-xs text-gray-500 dark:text-primary-dt/70">
-                   {{ user.email }}
-                 </div>
-               </div>
-             </div>
-           </div>
-         </div>
-
-         <div v-else class="border border-gray-300 rounded-lg p-4 dark:bg-primary-d dark:border-primary/20">
-           <div class="text-center text-gray-500 dark:text-primary-dt/70">
-             <GoogleIcon class="w-8 h-8 mx-auto mb-2 text-gray-400" name="people" />
-             <p>Selecciona un departamento para ver el personal disponible</p>
-           </div>
-         </div>
-
-         <div v-if="users.length > 0" class="mt-2 text-sm text-gray-500 dark:text-primary-dt/70">
-           {{ selectedUsersCount }} usuario(s) seleccionado(s)
-         </div>
-       </div>
-
-      <!-- Botón de Enviar -->
-      <div class="flex justify-end pt-6 border-t border-gray-100 dark:border-primary/20">
-        <PrimaryButton
-          type="submit"
-          :processing="form.processing"
-        >
-          Enviar Solicitud
-        </PrimaryButton>
-      </div>
-
-    </form>
-
-  </section>
-</template>
diff --git a/src/pages/Courses/Coordinator/Index.vue b/src/pages/Courses/Coordinator/Index.vue
deleted file mode 100644
index d2339cc..0000000
--- a/src/pages/Courses/Coordinator/Index.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useSearcher } from '@Services/Api';
-import { apiTo, viewTo } from './Module'
-
-import IconButton from '@Holos/Button/Icon.vue'
-import Table from '@Holos/NewTable.vue';
-import ShowView from './Modals/Show.vue';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Searcher from '@Holos/Searcher.vue';
-import Adding from '@Holos/Button/ButtonRh.vue';
-
-/** Propiedades */
-const models = ref([]);
-
-/** Referencias */
-const showModal = ref(false);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => models.value = r.models,
-    onError: () => models.value = []
-});
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>
-
-<template>
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-        <div>
-            <h1 class="text-3xl font-extrabold text-gray-900 dark:text-primary-dt">{{ $t('courses.title') }}</h1>
-            <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">{{ $t('courses.description') }}
-            </p>
-        </div>
-        <RouterLink :to="viewTo({ name: 'request' })">
-            <Adding text="Nuevo Curso" />
-        </RouterLink>
-    </div>
-
-    <!-- Search Card -->
-    <div class="pt-2 w-full">
-        <Searcher @search="(x) => searcher.search(x)">
-        </Searcher>
-    </div>
-
-    <!-- List Card -->
-    <div class="pt-2 w-full">
-        <Table :items="models" :processing="searcher.processing" @send-pagination="(page) => searcher.pagination(page)">
-            <template #head>
-                <th v-text="$t('name')" />
-                <th v-text="$t('cost')" />
-                <th v-text="$t('url')" />
-                <th v-text="$t('status')" />
-                <th class="w-32 text-center" v-text="$t('actions')" />
-            </template>
-
-            <template #body="{ items }">
-                <tr v-for="model in items" class="table-row">
-                    <td>{{ model.name }}</td>
-                    <td>{{ model.cost }} {{ model.cost_currency }}</td>
-                    <td>
-                        <a 
-                            v-if="model.url" 
-                            :href="model.url" 
-                            target="_blank"
-                            class="text-blue-600 hover:text-blue-800 underline text-sm dark:text-blue-400 dark:hover:text-blue-300"
-                        >
-                            Ver curso
-                        </a>
-                        <span v-else>-</span>
-                    </td>
-                    <td class="py-6">
-                        <span
-                            class="inline-block py-1 rounded-full text-xs font-semibold"
-                            :class="{
-                                'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300': model.status_ek === 'Pendiente',
-                                'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300': model.status_ek === 'Aprobado',
-                                'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300': model.status_ek === 'Rechazado'
-                            }">
-                            {{ model.status_ek }}
-                        </span>
-                    </td>
-                    <td>
-                        <div class="table-actions">
-                            <IconButton icon="visibility" :title="$t('crud.show')" @click="showModal.open(model)"
-                                outline />
-                        </div>
-                    </td>
-                </tr>
-            </template>
-
-            <template #empty>
-                <td colspan="6" class="py-12 text-center">
-                    <div class="text-gray-500 dark:text-primary-dt/70">
-                        <GoogleIcon name="school" class="w-12 h-12 mx-auto mb-4 text-gray-400" />
-                        <p class="text-lg font-medium">No se encontraron cursos</p>
-                        <p class="text-sm mt-1">Intenta ajustar los filtros de búsqueda</p>
-                    </div>
-                </td>
-            </template>
-        </Table>
-
-        <ShowView ref="showModal" />
-    </div>
-</template>
diff --git a/src/pages/Courses/Coordinator/Modals/Show.vue b/src/pages/Courses/Coordinator/Modals/Show.vue
deleted file mode 100644
index 720bb9a..0000000
--- a/src/pages/Courses/Coordinator/Modals/Show.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { getDateTime } from '@Controllers/DateController';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close', 
-    'reload'
-]);
-
-/** Propiedades */
-const model    = ref(null);
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-
-    emit('close');
-}
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    }
-});
-</script>
-
-<template>
-    <ShowModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model">
-            <Header
-                :title="model.name"
-                :subtitle="model.certification_type"
-            >
-            </Header>
-            <div class="flex w-full p-4">
-                <GoogleIcon 
-                    class="text-xl text-success"
-                    name="school"
-                />
-                <div class="pl-3">
-                    <p class="font-bold text-lg leading-none pb-2">
-                        {{ $t('details') }}
-                    </p>
-                    <p>
-                        <b>{{ $t('name') }}: </b>
-                        {{ model.name }}
-                    </p>
-                    <p>
-                        <b>{{ $t('certification_type') }}: </b>
-                        {{ model.certification_type ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('cost') }}: </b>
-                        {{ model.cost }} {{ model.cost_currency }}
-                    </p>
-                    <p>
-                        <b>{{ $t('duration') }}: </b>
-                        {{ model.duration ?? '-' }} días
-                    </p>
-                    <p>
-                        <b>{{ $t('description') }}: </b>
-                        {{ model.description ?? '-' }}
-                    </p>
-                    <p v-if="model.url">
-                        <b>{{ $t('url') }}: </b>
-                        <a :href="model.url" target="_blank" class="text-blue-600 hover:text-blue-800 underline">
-                            {{ model.url }}
-                        </a>
-                    </p>
-                    <p>
-                        <b>{{ $t('certification_name') }}: </b>
-                        {{ model.certification_name ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('status') }}: </b>
-                        <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold"
-                            :class="{
-                                'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300': model.status_ek === 'Pendiente',
-                                'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300': model.status_ek === 'Aprobado',
-                                'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300': model.status_ek === 'Rechazado'
-                            }">
-                            {{ model.status_ek }}
-                        </span>
-                    </p>
-                    <p>
-                        <b>{{ $t('department') }}: </b>
-                        {{ model.department?.name ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('created_at') }}: </b>
-                        {{ getDateTime(model.created_at) }}
-                    </p>
-                    <p>
-                        <b>{{ $t('updated_at') }}: </b>
-                        {{ getDateTime(model.updated_at) }}
-                    </p>
-                </div>
-            </div>
-        </div>
-    </ShowModal>
-</template>
\ No newline at end of file
diff --git a/src/pages/Courses/Coordinator/Module.js b/src/pages/Courses/Coordinator/Module.js
deleted file mode 100644
index d0c2ed5..0000000
--- a/src/pages/Courses/Coordinator/Module.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`courses.coordinator.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `courses.coordinator.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`courses.${str}`)
-
-// Determina si un usuario puede hacer algo no en base a los permisos
-const can = (permission) => hasPermission(`courses.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Courses/Coordinator/Request.vue b/src/pages/Courses/Coordinator/Request.vue
deleted file mode 100644
index ff1c3ad..0000000
--- a/src/pages/Courses/Coordinator/Request.vue
+++ /dev/null
@@ -1,268 +0,0 @@
-<script setup>
-import { ref, computed, onMounted, watch } from 'vue';
-import { useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, viewTo } from './Module';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import PageHeader from '@Holos/PageHeader.vue';
-import IconButton from '@Holos/Button/Icon.vue';
-import Input from '@Holos/Form/Input.vue';
-import Textarea from '@Holos/Form/Textarea.vue';
-import Selectable from '@Holos/Form/Selectable.vue';
-import PrimaryButton from '@Holos/Button/Primary.vue';
-
-/** Definiciones */
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-  name: '',
-  cost: '',
-  cost_currency: '',
-  description: '',
-  certification_name: '',
-  certification_type: '',
-  duration: '',
-  url: '',
-  department_id: '',
-  users: []
-});
-
-// Lista de departamentos y usuarios
-const departments = ref([]);
-const users = ref([]);
-const currencies = ref([]);
-
-// Computed para contar usuarios seleccionados
-const selectedUsersCount = computed(() => {
-  return users.value.filter(u => u.selected).length;
-});
-
-/** Métodos */
-function submit() {
-  form.transform(data => ({
-    ...data,
-    department_id: form.department_id?.id,
-    cost_currency: form.cost_currency?.id,
-    users: users.value.filter(u => u.selected).map(u => u.id)
-  })).post(apiTo('store'), {
-    onSuccess: () => {
-      Notify.success(Lang('register.create.onSuccess'))
-      router.push(viewTo({ name: 'index' }));
-    }
-  });
-}
-
-// Función para cargar usuarios cuando se seleccione un departamento
-const loadUsersByDepartment = () => {
-  api.catalog({
-    'user:byDepartment': form.department_id?.id
-  }, {
-    onSuccess: (r) => users.value = r['user:byDepartment'] ?? []
-  });
-};
-
-// Funciones para manejar selección de usuarios
-const toggleUser = (user) => {
-  user.selected = !user.selected;
-};
-
-const selectAllUsers = () => {
-  const allSelected = users.value.every(u => u.selected);
-  users.value.forEach(u => u.selected = !allSelected);
-};
-
-// Watcher para cargar usuarios automáticamente cuando cambie el departamento
-watch(() => form.department_id, () => {
-  loadUsersByDepartment();
-});
-
-/** Ciclos */
-onMounted(() => {
-  api.catalog({
-    'department:all': null,
-    'currency:all': null
-  }, {
-    onSuccess: (r) => {
-      departments.value = r['department:all'] ?? []
-      currencies.value = r['currency:all'] ?? []
-    }
-  });
-});
-</script>
-
-<template>
-  <PageHeader
-    title="Solicitud de Nuevo Curso"
-  >
-    <RouterLink :to="viewTo({ name: 'index' })">
-      <IconButton
-        class="text-white"
-        icon="arrow_back"
-        :title="$t('return')"
-        filled
-      />
-    </RouterLink>
-  </PageHeader>
-  
-  <div class="w-full pb-2">
-    <p class="text-justify text-sm">Completa la información para solicitar un nuevo curso de capacitación</p>
-  </div>
-
-  <!-- Card principal -->
-  <section class="mt-6 bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-    
-    <!-- Formulario -->
-    <form @submit.prevent="submit" class="space-y-6">
-      
-      <!-- Campos del formulario en dos columnas -->
-      <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-        
-        <!-- Columna izquierda -->
-        <div class="space-y-6">
-          <Input
-            v-model="form.name"
-            id="name"
-            title="name"
-            :onError="form.errors.name"
-            required
-          />
-          <Input
-            v-model="form.cost"
-            id="cost"
-            title="cost"
-            :onError="form.errors.cost"
-            type="number"
-            min="0"
-            step="0.01"
-            required
-          />
-          <Selectable
-            v-model="form.cost_currency"
-            id="cost_currency"
-            title="currency"
-            :onError="form.errors.cost_currency"
-            :options="currencies"
-          />
-          <Textarea
-            v-model="form.description"
-            id="description"
-            title="description"
-            :onError="form.errors.description"
-            required
-          />
-          <Input
-            v-model="form.certification_name"
-            id="certification_name"
-            title="certification_name"
-            :onError="form.errors.certification_name"
-          />
-        </div>
-
-         <!-- Columna derecha -->
-         <div class="space-y-6">
-           <Selectable
-             v-model="form.department_id"
-             id="department_id"
-             title="department"
-             :onError="form.errors.department_id"
-             :options="departments"
-             required
-           />
-           <Input
-             v-model="form.certification_type"
-             id="certification_type"
-             title="certification_type"
-             :onError="form.errors.certification_type"
-           />
-           <Input
-             v-model="form.duration"
-             id="duration"
-             title="duration"
-             :onError="form.errors.duration"
-             type="number"
-             min="1"
-             required
-           />
-           <Input
-             v-model="form.url"
-             id="url"
-             title="url"
-             :onError="form.errors.url"
-             type="url"
-           />
-         </div>
-      </div>
-
-       <!-- Sección de Personal a Capacitar -->
-       <div class="mt-8">
-         <div class="flex items-center justify-between mb-3">
-           <label class="block text-sm font-medium text-gray-700 dark:text-primary-dt">
-             Personal a capacitar
-           </label>
-           <button
-             v-if="users.length > 0"
-             type="button"
-             @click="selectAllUsers"
-             class="text-sm text-[#2563eb] hover:text-[#1e40af] font-medium"
-           >
-             {{ users.every(u => u.selected) ? 'Deseleccionar todo' : 'Seleccionar todo' }}
-           </button>
-         </div>
-
-         <div v-if="users.length > 0" class="border border-gray-300 rounded-lg p-4 max-h-48 overflow-y-auto dark:bg-primary-d dark:border-primary/20">
-           <div class="space-y-2">
-             <div
-               v-for="user in users"
-               :key="user.id"
-               @click="toggleUser(user)"
-               class="flex items-center p-2 rounded-lg cursor-pointer hover:bg-gray-50 dark:hover:bg-primary/10 transition-colors"
-             >
-               <div class="flex items-center h-5">
-                 <input
-                   :checked="user.selected"
-                   type="checkbox"
-                   class="w-4 h-4 text-[#2563eb] bg-gray-100 border-gray-300 rounded focus:ring-[#2563eb] dark:focus:ring-[#2563eb] dark:ring-offset-gray-800 focus:ring-2 dark:bg-primary-d dark:border-primary/20"
-                   @click.stop
-                   @change="toggleUser(user)"
-                 >
-               </div>
-               <div class="ml-3 text-sm">
-                 <label class="font-medium text-gray-900 dark:text-primary-dt cursor-pointer">
-                   {{ user.name }} {{ user.paternal }} {{ user.maternal }}
-                 </label>
-                 <div class="text-xs text-gray-500 dark:text-primary-dt/70">
-                   {{ user.email }}
-                 </div>
-               </div>
-             </div>
-           </div>
-         </div>
-
-         <div v-else class="border border-gray-300 rounded-lg p-4 dark:bg-primary-d dark:border-primary/20">
-           <div class="text-center text-gray-500 dark:text-primary-dt/70">
-             <GoogleIcon class="w-8 h-8 mx-auto mb-2 text-gray-400" name="people" />
-             <p>Selecciona un departamento para ver el personal disponible</p>
-           </div>
-         </div>
-
-         <div v-if="users.length > 0" class="mt-2 text-sm text-gray-500 dark:text-primary-dt/70">
-           {{ selectedUsersCount }} usuario(s) seleccionado(s)
-         </div>
-       </div>
-
-      <!-- Botón de Enviar -->
-      <div class="flex justify-end pt-6 border-t border-gray-100 dark:border-primary/20">
-        <PrimaryButton
-          type="submit"
-          :processing="form.processing"
-        >
-          Enviar Solicitud
-        </PrimaryButton>
-      </div>
-
-    </form>
-
-  </section>
-</template>
diff --git a/src/pages/Courses/Employee/Index.vue b/src/pages/Courses/Employee/Index.vue
deleted file mode 100644
index 81731b6..0000000
--- a/src/pages/Courses/Employee/Index.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useSearcher } from '@Services/Api';
-import { apiTo } from './Module'
-
-import IconButton from '@Holos/Button/Icon.vue'
-import Table from '@Holos/NewTable.vue';
-import ShowView from './Modals/Show.vue';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Searcher from '@Holos/Searcher.vue';
-
-/** Propiedades */
-const models = ref([]);
-
-/** Referencias */
-const showModal = ref(false);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => models.value = r.models,
-    onError: () => models.value = []
-});
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>
-
-<template>
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-        <div>
-            <h1 class="text-3xl font-extrabold text-gray-900 dark:text-primary-dt">{{ $t('courses.title') }}</h1>
-            <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">{{ $t('courses.description') }}
-            </p>
-        </div>
-    </div>
-
-    <!-- Search Card -->
-    <div class="pt-2 w-full">
-        <Searcher @search="(x) => searcher.search(x)">
-        </Searcher>
-    </div>
-
-    <!-- List Card -->
-    <div class="pt-2 w-full">
-        <Table :items="models" :processing="searcher.processing" @send-pagination="(page) => searcher.pagination(page)">
-            <template #head>
-                <th v-text="$t('name')" />
-                <th v-text="$t('url')" />
-                <th class="w-32 text-center" v-text="$t('actions')" />
-            </template>
-
-            <template #body="{ items }">
-                <tr v-for="model in items" class="table-row">
-                    <td>{{ model.course.name }}</td>
-                    <td>
-                        <a 
-                            v-if="model.course.url" 
-                            :href="model.course.url" 
-                            target="_blank"
-                            class="text-blue-600 hover:text-blue-800 underline text-sm dark:text-blue-400 dark:hover:text-blue-300"
-                        >
-                            Ver curso
-                        </a>
-                        <span v-else>-</span>
-                    </td>
-                    <td>
-                        <div class="table-actions">
-                            <IconButton icon="visibility" :title="$t('crud.show')" @click="showModal.open(model.course)"
-                                outline />
-                        </div>
-                    </td>
-                </tr>
-            </template>
-
-            <template #empty>
-                <td colspan="6" class="py-12 text-center">
-                    <div class="text-gray-500 dark:text-primary-dt/70">
-                        <GoogleIcon name="school" class="w-12 h-12 mx-auto mb-4 text-gray-400" />
-                        <p class="text-lg font-medium">No se encontraron cursos</p>
-                        <p class="text-sm mt-1">Intenta ajustar los filtros de búsqueda</p>
-                    </div>
-                </td>
-            </template>
-        </Table>
-
-        <ShowView ref="showModal" />
-    </div>
-</template>
diff --git a/src/pages/Courses/Employee/Modals/Show.vue b/src/pages/Courses/Employee/Modals/Show.vue
deleted file mode 100644
index 720bb9a..0000000
--- a/src/pages/Courses/Employee/Modals/Show.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { getDateTime } from '@Controllers/DateController';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close', 
-    'reload'
-]);
-
-/** Propiedades */
-const model    = ref(null);
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-
-    emit('close');
-}
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    }
-});
-</script>
-
-<template>
-    <ShowModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model">
-            <Header
-                :title="model.name"
-                :subtitle="model.certification_type"
-            >
-            </Header>
-            <div class="flex w-full p-4">
-                <GoogleIcon 
-                    class="text-xl text-success"
-                    name="school"
-                />
-                <div class="pl-3">
-                    <p class="font-bold text-lg leading-none pb-2">
-                        {{ $t('details') }}
-                    </p>
-                    <p>
-                        <b>{{ $t('name') }}: </b>
-                        {{ model.name }}
-                    </p>
-                    <p>
-                        <b>{{ $t('certification_type') }}: </b>
-                        {{ model.certification_type ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('cost') }}: </b>
-                        {{ model.cost }} {{ model.cost_currency }}
-                    </p>
-                    <p>
-                        <b>{{ $t('duration') }}: </b>
-                        {{ model.duration ?? '-' }} días
-                    </p>
-                    <p>
-                        <b>{{ $t('description') }}: </b>
-                        {{ model.description ?? '-' }}
-                    </p>
-                    <p v-if="model.url">
-                        <b>{{ $t('url') }}: </b>
-                        <a :href="model.url" target="_blank" class="text-blue-600 hover:text-blue-800 underline">
-                            {{ model.url }}
-                        </a>
-                    </p>
-                    <p>
-                        <b>{{ $t('certification_name') }}: </b>
-                        {{ model.certification_name ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('status') }}: </b>
-                        <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold"
-                            :class="{
-                                'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300': model.status_ek === 'Pendiente',
-                                'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300': model.status_ek === 'Aprobado',
-                                'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300': model.status_ek === 'Rechazado'
-                            }">
-                            {{ model.status_ek }}
-                        </span>
-                    </p>
-                    <p>
-                        <b>{{ $t('department') }}: </b>
-                        {{ model.department?.name ?? '-' }}
-                    </p>
-                    <p>
-                        <b>{{ $t('created_at') }}: </b>
-                        {{ getDateTime(model.created_at) }}
-                    </p>
-                    <p>
-                        <b>{{ $t('updated_at') }}: </b>
-                        {{ getDateTime(model.updated_at) }}
-                    </p>
-                </div>
-            </div>
-        </div>
-    </ShowModal>
-</template>
\ No newline at end of file
diff --git a/src/pages/Courses/Employee/Module.js b/src/pages/Courses/Employee/Module.js
deleted file mode 100644
index f510f12..0000000
--- a/src/pages/Courses/Employee/Module.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`courses.employee.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `courses.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`courses.${str}`)
-
-// Determina si un usuario puede hacer algo no en base a los permisos
-const can = (permission) => hasPermission(`courses.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Dashboard/Admin.vue b/src/pages/Dashboard/Admin.vue
deleted file mode 100644
index fb50a99..0000000
--- a/src/pages/Dashboard/Admin.vue
+++ /dev/null
@@ -1,277 +0,0 @@
-<script setup>
-import { computed, ref, onMounted } from 'vue';
-import { api } from '@Services/Api';
-import { apiTo } from './Module';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import VueApexCharts from 'vue3-apexcharts';
-
-// Propiedades
-const adminInfo       = ref({});
-const vacationsCharts = ref({});
-
-// Opciones para gráfica de solicitudes por mes (línea)
-const lineChartOptions = computed(() => ({
-    chart: {
-        type: 'line',
-        height: 350,
-        toolbar: {
-            show: true
-        },
-        zoom: {
-            enabled: true
-        }
-    },
-    colors: ['#3B82F6'],
-    stroke: {
-        curve: 'smooth',
-        width: 3
-    },
-    markers: {
-        size: 6,
-        hover: {
-            size: 8
-        }
-    },
-    xaxis: {
-        categories: vacationsCharts.value.requests_by_month?.map(item => item.month_name) || [],
-        title: {
-            text: 'Mes'
-        }
-    },
-    yaxis: {
-        title: {
-            text: 'Número de Solicitudes'
-        },
-        min: 0
-    },
-    tooltip: {
-        y: {
-            formatter: function (val) {
-                return val + " solicitudes"
-            }
-        }
-    },
-    grid: {
-        borderColor: '#f1f1f1'
-    }
-}));
-
-// Series para gráfica de solicitudes por mes
-const lineChartSeries = computed(() => [{
-    name: 'Solicitudes',
-    data: vacationsCharts.value.requests_by_month?.map(item => item.total_requests) || []
-}]);
-
-// Opciones para gráfica de solicitudes por departamento (donut)
-const donutChartOptions = computed(() => ({
-    chart: {
-        type: 'donut',
-        height: 350
-    },
-    colors: ['#3B82F6', '#8B5CF6', '#06B6D4', '#10B981', '#F59E0B', '#EF4444', '#EC4899', '#84CC16'],
-    labels: vacationsCharts.value.requests_by_department?.map(item => item.department_name) || [],
-    legend: {
-        position: 'bottom',
-        horizontalAlign: 'center'
-    },
-    plotOptions: {
-        pie: {
-            donut: {
-                size: '70%',
-                labels: {
-                    show: true,
-                    name: {
-                        show: true,
-                        fontSize: '14px',
-                        fontWeight: 600
-                    },
-                    value: {
-                        show: true,
-                        fontSize: '16px',
-                        fontWeight: 700,
-                        formatter: function (val) {
-                            return val + " solicitudes"
-                        }
-                    },
-                    total: {
-                        show: true,
-                        showAlways: false,
-                        label: 'Total',
-                        fontSize: '16px',
-                        fontWeight: 700,
-                        color: '#373d3f',
-                        formatter: function (w) {
-                            return w.globals.seriesTotals.reduce((a, b) => {
-                                return a + b
-                            }, 0) + " solicitudes"
-                        }
-                    }
-                }
-            }
-        }
-    },
-    tooltip: {
-        y: {
-            formatter: function (val) {
-                return val + " solicitudes"
-            }
-        }
-    },
-    responsive: [{
-        breakpoint: 480,
-        options: {
-            chart: {
-                width: 200
-            },
-            legend: {
-                position: 'bottom'
-            }
-        }
-    }]
-}));
-
-// Series para gráfica de solicitudes por departamento
-const donutChartSeries = computed(() => 
-    vacationsCharts.value.requests_by_department?.map(item => item.total_requests) || []
-);
-
-/** Ciclos */
-onMounted(() => {
-    api.get(apiTo('admin'), {
-        onSuccess: (r) => {
-            adminInfo.value = r.admin_info;
-            vacationsCharts.value = r.admin_info.charts;
-        }
-    });
-});
-</script>
-
-<template>
-    <div>
-        <!-- Banner de bienvenida -->
-        <section
-            class="relative mb-8 overflow-hidden rounded-2xl bg-gradient-to-r from-indigo-600 to-purple-600 text-white"
-        >
-            <div class="relative z-10 p-6 md:p-8">
-                <p class="text-2xl md:text-3xl font-semibold">
-                    Bienvenido, {{ $page.user.name }}
-                </p>
-                <p class="mt-2 text-white/90">
-                    Administra el sistema de vacaciones y supervisa el rendimiento organizacional.
-                </p>
-            </div>
-        </section>
-
-        <!-- Tarjetas de KPIs -->
-        <section class="mb-8 grid grid-cols-1 gap-6 md:grid-cols-2 xl:grid-cols-4">
-            <!-- Total Empleados -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="group" class="text-blue-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">Total Empleados</h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ adminInfo.total_users }}</p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-
-            <!-- Solicitudes Este Mes -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="description" class="text-blue-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">Solicitudes Este Mes</h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ adminInfo.monthly_requests }}</p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-
-            <!-- Solicitudes Aprobadas -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="check_circle" class="text-emerald-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">Solicitudes Aprobadas</h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ adminInfo.approved_requests }}</p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-
-            <!-- Eficiencia Aprobación -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="trending_up" class="text-emerald-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">Eficiencia Aprobación</h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ adminInfo.approval_efficiency }}%</p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-        </section>
-
-        <!-- Gráficos -->
-        <section v-if="vacationsCharts.requests_by_month && vacationsCharts.requests_by_department" class="grid grid-cols-1 gap-6 lg:grid-cols-2">
-            <!-- Gráfico de Solicitudes por Mes -->
-            <article class="rounded-xl bg-white p-6 shadow dark:bg-slate-800">
-                <div class="mb-6 flex items-center gap-3">
-                    <GoogleIcon name="trending_up" class="text-blue-500 text-2xl" />
-                    <div>
-                        <h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100">Solicitudes por Mes</h3>
-                        <p class="text-sm text-slate-500 dark:text-slate-400">Tendencia de solicitudes durante el año</p>
-                    </div>
-                </div>
-                
-                <div class="h-80">
-                    <VueApexCharts
-                        type="line"
-                        height="100%"
-                        :options="lineChartOptions"
-                        :series="lineChartSeries"
-                    />
-                </div>
-            </article>
-
-            <!-- Gráfico de Solicitudes por Departamento -->
-            <article class="rounded-xl bg-white p-6 shadow dark:bg-slate-800">
-                <div class="mb-6 flex items-center gap-3">
-                    <GoogleIcon name="pie_chart" class="text-purple-500 text-2xl" />
-                    <div>
-                        <h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100">Solicitudes por Departamento</h3>
-                        <p class="text-sm text-slate-500 dark:text-slate-400">Distribución de solicitudes por área</p>
-                    </div>
-                </div>
-                
-                <div class="h-80">
-                    <VueApexCharts
-                        type="donut"
-                        height="100%"
-                        :options="donutChartOptions"
-                        :series="donutChartSeries"
-                    />
-                </div>
-            </article>
-        </section>
-
-        <!-- Estado vacío para charts -->
-        <section v-else class="rounded-xl bg-white p-6 shadow dark:bg-slate-800">
-            <div class="text-center py-12">
-                <GoogleIcon name="analytics" class="text-slate-400 text-6xl mx-auto mb-4" />
-                <h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100 mb-2">
-                    No hay datos de gráficos disponibles
-                </h3>
-                <p class="text-slate-500 dark:text-slate-400">
-                    Los gráficos se mostrarán cuando haya datos de solicitudes disponibles.
-                </p>
-            </div>
-        </section>
-    </div>
-</template>
diff --git a/src/pages/Dashboard/Coordinator.vue b/src/pages/Dashboard/Coordinator.vue
deleted file mode 100644
index a96682e..0000000
--- a/src/pages/Dashboard/Coordinator.vue
+++ /dev/null
@@ -1,339 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { api } from '@Services/Api';
-import { apiTo } from './Module';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-// Propiedades
-const vacations = ref({});
-const vacationsRequests = ref([]);
-const coordinatorInfo = ref({});
-const lastVacationRequests = ref([]);
-const employeeStatusDepartment = ref([]);
-
-/** Ciclos */
-onMounted(() => {
-    api.get(apiTo('coordinator'), {
-        onSuccess: (r) => {
-            vacations.value = r.vacations;
-            vacationsRequests.value = r.vacation_requests;
-            coordinatorInfo.value = r.coordinator_info;
-            lastVacationRequests.value = r.coordinator_info?.last_vacation_requests;
-            employeeStatusDepartment.value = r.coordinator_info?.employee_status_department;
-        }
-    });
-});
-</script>
-
-<template>
-    <div>
-        <!-- Banner de bienvenida -->
-        <section
-            class="relative mb-8 overflow-hidden rounded-2xl bg-gradient-to-r from-purple-600 to-indigo-600 text-white"
-        >
-            <div class="relative z-10 p-6 md:p-8">
-                <p class="text-2xl md:text-3xl font-semibold">
-                    Bienvenido, {{ $page.user.name }}
-                </p>
-                <p class="mt-2 text-white/90">
-                    Coordina y gestiona las solicitudes de vacaciones de tu equipo.
-                </p>
-            </div>
-        </section>
-
-        <h2 class="mb-6 text-xl font-bold text-slate-900 dark:text-slate-100">
-            Gestión del Equipo
-        </h2>
-
-        <!-- Tarjetas de KPIs -->
-        <section class="mb-8 grid grid-cols-1 gap-6 md:grid-cols-2 xl:grid-cols-4">
-            <!-- Solicitudes Pendientes -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="schedule" class="text-amber-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">Solicitudes Pendientes</h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ coordinatorInfo.pending_requests }}</p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-
-            <!-- Conflictos Detectados -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="warning" class="text-red-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">Conflictos Detectados</h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ coordinatorInfo.conflicts }}</p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-
-            <!-- Miembros del Equipo -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="group" class="text-blue-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">Miembros del Equipo</h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ coordinatorInfo.department_employees }}</p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-
-            <!-- Aprobadas Este Mes -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="check_circle" class="text-emerald-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">Aprobadas Este Mes</h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ coordinatorInfo.approved_requests_current_month }}</p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-        </section>
-
-        <!-- Contenido principal -->
-        <section class="grid grid-cols-1 gap-6 lg:grid-cols-2">
-            <!-- Solicitudes Pendientes -->
-            <article class="rounded-xl bg-white p-6 shadow dark:bg-slate-800">
-                <div class="mb-6 flex items-center gap-3">
-                    <GoogleIcon name="schedule" class="text-amber-500 text-2xl" />
-                    <div>
-                        <h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100">Solicitudes Pendientes</h3>
-                        <p class="text-sm text-slate-500 dark:text-slate-400">Solicitudes que requieren tu aprobación</p>
-                    </div>
-                </div>
-
-                <div v-if="lastVacationRequests.length > 0" class="space-y-4">
-                    <div
-                        v-for="request in lastVacationRequests"
-                        :key="request.user.id"
-                        class="rounded-lg border border-slate-200 p-4 dark:border-slate-700"
-                    >
-                        <div class="mb-3 flex items-center justify-between">
-                            <div>
-                                <p class="font-medium text-slate-900 dark:text-slate-100">{{ request.user.name }}</p>
-                                <p class="text-sm text-slate-500 dark:text-slate-400">
-                                    {{ request.number_of_days }} día{{ request.number_of_days !== 1 ? 's' : '' }} 
-                                    ({{ request.count_periods }} período{{ request.count_periods !== 1 ? 's' : '' }})
-                                </p>
-                            </div>
-                            <span v-if="request.have_conflict" class="rounded-full bg-red-100 px-3 py-1 text-xs font-medium text-red-700 dark:bg-red-500/10 dark:text-red-400">
-                                Conflicto
-                            </span>
-                        </div>
-                        
-                        <!-- Mensaje de conflicto -->
-                        <div v-if="request.have_conflict" class="mb-4 rounded-md bg-red-50 p-3 dark:bg-red-500/10">
-                            <p class="text-sm text-red-700 dark:text-red-400">Hay conflicto en alguno de los periodos de vacaciones</p>
-                        </div>
-
-                        <!-- Botones de acción -->
-                        <div class="flex gap-2">
-                            <button v-if="!request.have_conflict" class="flex items-center gap-1 rounded-md bg-emerald-600 px-3 py-2 text-sm font-medium text-white hover:bg-emerald-700 with-transition">
-                                <GoogleIcon name="check" class="text-sm" />
-                                Aprobar
-                            </button>
-                            <button v-if="!request.have_conflict" class="flex items-center gap-1 rounded-md bg-red-600 px-3 py-2 text-sm font-medium text-white hover:bg-red-700 with-transition">
-                                <GoogleIcon name="close" class="text-sm" />
-                                Rechazar
-                            </button>
-                            <button v-if="request.have_conflict" class="flex items-center gap-1 rounded-md bg-blue-600 px-3 py-2 text-sm font-medium text-white hover:bg-blue-700 with-transition">
-                                <GoogleIcon name="visibility" class="text-sm" />
-                                Revisar
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <div v-else class="text-center py-8">
-                    <GoogleIcon name="check_circle" class="text-emerald-400 text-4xl mx-auto mb-2" />
-                    <p class="text-slate-500 dark:text-slate-400">No hay solicitudes pendientes</p>
-                </div>
-
-                <!-- Ver todas las solicitudes -->
-                <div class="mt-4 text-center">
-                    <button class="inline-flex items-center gap-1 text-sm font-medium text-sky-600 hover:underline dark:text-sky-400">
-                        Ver todas las solicitudes
-                        <GoogleIcon name="chevron_right" />
-                    </button>
-                </div>
-            </article>
-
-            <!-- Mi Equipo -->
-            <article class="rounded-xl bg-white p-6 shadow dark:bg-slate-800">
-                <div class="mb-6 flex items-center gap-3">
-                    <GoogleIcon name="group" class="text-blue-500 text-2xl" />
-                    <div>
-                        <h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100">Mi Equipo</h3>
-                        <p class="text-sm text-slate-500 dark:text-slate-400">Estado actual de los miembros de tu equipo</p>
-                    </div>
-                </div>
-
-                <div v-if="employeeStatusDepartment.length > 0" class="space-y-3">
-                    <div
-                        v-for="employee in employeeStatusDepartment"
-                        :key="employee.id"
-                        class="flex items-center justify-between rounded-lg border border-slate-200 p-4 dark:border-slate-700"
-                    >
-                        <div>
-                            <p class="font-medium text-slate-900 dark:text-slate-100">{{ employee.name }}</p>
-                            <p class="text-sm text-slate-500 dark:text-slate-400">
-                                {{ employee.vacation_days_available }} día{{ employee.vacation_days_available !== 1 ? 's' : '' }} disponibles
-                            </p>
-                        </div>
-                        <span
-                            :class="{
-                                'rounded-full px-3 py-1 text-xs font-medium': true,
-                                'bg-blue-100 text-blue-700 dark:bg-blue-500/10 dark:text-blue-400': employee.status_ek == 'Disponible',
-                                'bg-amber-100 text-amber-700 dark:bg-amber-500/10 dark:text-amber-400': employee.status_ek == 'En vacaciones'
-                            }"
-                        >
-                            {{ employee.status_ek }}
-                        </span>
-                    </div>
-                </div>
-
-                <div v-else class="text-center py-8">
-                    <GoogleIcon name="group_off" class="text-slate-400 text-4xl mx-auto mb-2" />
-                    <p class="text-slate-500 dark:text-slate-400">No hay miembros en el equipo</p>
-                </div>
-
-                <!-- Gestionar equipo -->
-                <div class="mt-4 text-center">
-                    <button class="inline-flex items-center gap-1 text-sm font-medium text-sky-600 hover:underline dark:text-sky-400">
-                        Gestionar equipo
-                        <GoogleIcon name="chevron_right" />
-                    </button>
-                </div>
-            </article>
-        </section>
-
-        <!-- Mi Información de Vacaciones -->
-        
-        <h2 class="mt-8A text-xl font-bold text-slate-900 dark:text-slate-100">
-            Mis Vacaciones Personales
-        </h2>
-        <section class="mt-8 grid grid-cols-1 gap-6 md:grid-cols-2 xl:grid-cols-4">
-            <!-- Días disponibles -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="check_circle" class="text-emerald-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">
-                                Mis Días Disponibles
-                            </h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">
-                                {{ vacations.available_days }}
-                            </p>
-                        </div>
-                    </div>
-                    <span class="rounded-full bg-emerald-100 px-2 py-1 text-xs font-medium text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-400">
-                        Disponible
-                    </span>
-                </div>
-            </article>
-
-            <!-- Próxima renovación -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center gap-4">
-                    <GoogleIcon name="event" class="text-sky-500 text-5xl" />
-                    <div>
-                        <h3 class="text-sm text-slate-500 dark:text-slate-400">
-                            Próxima Renovación
-                        </h3>
-                        <div class="flex items-end gap-2">
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">
-                                {{ vacations.next_renewal_date ? (() => { const date = new Date(vacations.next_renewal_date + 'T00:00:00'); return `${date.getDate()}-${date.toLocaleDateString('es-ES', { month: 'long' })}-${date.getFullYear()}` })() : 'N/A' }}
-                            </p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-
-            <!-- Solicitudes activas -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="hourglass_top" class="text-amber-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">
-                                Mis Solicitudes Activas
-                            </h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">
-                                {{ vacations.active_requests }}
-                            </p>
-                        </div>
-                    </div>
-                    <span class="rounded-full bg-amber-100 px-2 py-1 text-xs font-medium text-amber-700 dark:bg-amber-500/10 dark:text-amber-400">
-                        Pendientes
-                    </span>
-                </div>
-            </article>
-
-            <!-- Días usados -->
-            <article class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="task_alt" class="text-indigo-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">Mis Días Usados</h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ vacations.used_days }}</p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-        </section>
-
-        <!-- Mis Solicitudes Recientes -->
-        <section class="mt-8 rounded-2xl bg-white p-6 shadow dark:bg-slate-800">
-            <h3 class="mb-4 text-lg font-semibold text-slate-900 dark:text-slate-100">
-                Mis Solicitudes Recientes
-            </h3>
-
-            <div v-if="vacationsRequests?.length == 0" class="text-center py-8">
-                <GoogleIcon name="inbox" class="text-slate-400 text-4xl mx-auto mb-2" />
-                <p class="text-slate-500 dark:text-slate-400">No tienes solicitudes recientes</p>
-            </div>
-
-            <div v-if="vacationsRequests?.length > 0" class="space-y-3">
-                <div
-                    v-for="request in vacationsRequests"
-                    class="flex items-center justify-between rounded-lg border border-slate-200 p-4 dark:border-slate-700"
-                >
-                    <div>
-                        <p class="font-medium">{{ request.first_period_start }} - {{ request.last_period_end }}</p>
-                        <p class="text-xs text-slate-500 dark:text-slate-400">{{ request.total_days }} días</p>
-                    </div>
-                    <span
-                        :class="{
-                            'rounded-full px-3 py-1 text-xs font-medium': true,
-                            'bg-amber-100 text-amber-700 dark:bg-amber-500/10 dark:text-amber-400': request.status === 'pendiente',
-                            'bg-emerald-100 text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-400': request.status === 'aprobada',
-                            'bg-red-100 text-red-700 dark:bg-red-500/10 dark:text-red-400': request.status === 'rechazada'
-                        }"
-                    >
-                        {{ request.status }}
-                    </span>
-                </div>
-            </div>
-
-            <div class="mt-4">
-                <RouterLink to="/vacations" class="inline-flex items-center gap-1 text-sm font-medium text-sky-600 hover:underline dark:text-sky-400">
-                    Ver todas mis solicitudes
-                    <GoogleIcon name="chevron_right" />
-                </RouterLink>
-            </div>
-        </section>
-    </div>
-</template>
diff --git a/src/pages/Dashboard/Employee.vue b/src/pages/Dashboard/Employee.vue
deleted file mode 100644
index b4e1e4c..0000000
--- a/src/pages/Dashboard/Employee.vue
+++ /dev/null
@@ -1,251 +0,0 @@
-
-<script setup>
-import { onMounted, ref } from 'vue';
-import { api } from '@Services/Api';
-import { apiTo } from './Module';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-// Propiedades
-const vacations = ref({});
-const vacationsRequests = ref([]);
-
-/** Ciclos */
-onMounted(() => {
-    api.get(apiTo('employee'), {
-        onSuccess: (r) => {
-            vacations.value = r.vacations;
-            vacationsRequests.value = r.vacation_requests;
-        }
-    });
-});
-</script>
-
-<template>
-    <div>
-        <!-- Banner de bienvenida -->
-        <section
-            class="relative mb-8 overflow-hidden rounded-2xl bg-gradient-to-r from-blue-600 to-sky-600 text-white"
-        >
-            <div class="relative z-10 p-6 md:p-8">
-                <p class="text-2xl md:text-3xl font-semibold">
-                    Bienvenido, {{ $page.user.name }}
-                </p>
-                <p class="mt-2 text-white/90">
-                    Gestiona tus solicitudes de vacaciones y revisa tu información.
-                </p>
-                <div class="mt-6">
-                    <RouterLink to="/vacations/create">
-                        <PrimaryButton
-                            type="button"
-                            class="hover:scale-[1.02] with-transition"
-                            v-text="'Solicitar Vacaciones'"
-                        />
-                    </RouterLink>
-                </div>
-            </div>
-        </section>
-
-        <!-- Tarjetas de KPIs -->
-        <section class="grid grid-cols-1 gap-6 md:grid-cols-2 xl:grid-cols-4">
-            <!-- Días disponibles -->
-            <article
-                class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800"
-            >
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="check_circle" class="text-emerald-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">
-                                Días Disponibles
-                            </h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">
-                                {{ vacations.available_days }}
-                            </p>
-                        </div>
-                    </div>
-                    <span
-                        class="rounded-full bg-emerald-100 px-2 py-1 text-xs font-medium text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-400"
-                    >
-                        Disponible
-                    </span>
-                </div>
-            </article>
-
-            <!-- Próxima renovación -->
-            <article
-                class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800"
-            >
-                <div class="flex items-center gap-4">
-                    <GoogleIcon name="event" class="text-sky-500 text-5xl" />
-                    <div>
-                        <h3 class="text-sm text-slate-500 dark:text-slate-400">
-                            Próxima Renovación
-                        </h3>
-                        <div class="flex items-end gap-2">
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">
-                                {{ vacations.next_renewal_date ? (() => { const date = new Date(vacations.next_renewal_date + 'T00:00:00'); return `${date.getDate()}-${date.toLocaleDateString('es-ES', { month: 'long' })}-${date.getFullYear()}` })() : 'N/A' }}
-                            </p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-
-            <!-- Solicitudes activas -->
-            <article
-                class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800"
-            >
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="hourglass_top" class="text-amber-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">
-                                Solicitudes Activas
-                            </h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">
-                                {{ vacations.active_requests }}
-                            </p>
-                        </div>
-                    </div>
-                    <span
-                        class="rounded-full bg-amber-100 px-2 py-1 text-xs font-medium text-amber-700 dark:bg-amber-500/10 dark:text-amber-400"
-                    >
-                        Pendientes
-                    </span>
-                </div>
-            </article>
-
-            <!-- Días usados -->
-            <article
-                class="rounded-xl bg-white p-6 shadow with-transition hover:shadow-lg dark:bg-slate-800"
-            >
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center gap-4">
-                        <GoogleIcon name="task_alt" class="text-indigo-500 text-5xl" />
-                        <div>
-                            <h3 class="text-sm text-slate-500 dark:text-slate-400">Días Usados</h3>
-                            <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ vacations.used_days }}</p>
-                        </div>
-                    </div>
-                </div>
-            </article>
-        </section>
-
-        <!-- Acciones rápidas y solicitudes recientes -->
-        <section class="mt-8 grid grid-cols-1 gap-6 lg:grid-cols-2">
-            <!-- Acciones rápidas -->
-            <article class="rounded-xl bg-white p-6 shadow dark:bg-slate-800">
-                <div class="mb-4">
-                    <h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100">
-                        Acciones Rápidas
-                    </h3>
-                    <p class="text-sm text-slate-500 dark:text-slate-400">
-                        Gestiona tus vacaciones de forma rápida
-                    </p>
-                </div>
-                <div class="space-y-3">
-                    <RouterLink
-                        to="/vacations/create"
-                        class="flex items-center justify-between rounded-lg border border-slate-200 px-4 py-3 with-transition hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-700/40"
-                    >
-                        <div class="flex items-center gap-3">
-                            <GoogleIcon name="add" class="text-sky-500 text-2xl" />
-                            <span class="font-medium">Nueva Solicitud de Vacaciones</span>
-                        </div>
-                        <GoogleIcon name="chevron_right" class="text-slate-400" />
-                    </RouterLink>
-
-                    <RouterLink
-                        to="/vacations"
-                        class="flex items-center justify-between rounded-lg border border-slate-200 px-4 py-3 with-transition hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-700/40"
-                    >
-                        <div class="flex items-center gap-3">
-                            <GoogleIcon name="format_list_bulleted" class="text-indigo-500 text-2xl" />
-                            <span class="font-medium">Ver Mis Solicitudes</span>
-                        </div>
-                        <GoogleIcon name="chevron_right" class="text-slate-400" />
-                    </RouterLink>
-
-                    <RouterLink
-                        to="/profile"
-                        class="flex items-center justify-between rounded-lg border border-slate-200 px-4 py-3 with-transition hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-700/40"
-                    >
-                        <div class="flex items-center gap-3">
-                            <GoogleIcon name="person" class="text-emerald-500 text-2xl" />
-                            <span class="font-medium">Mi Perfil</span>
-                        </div>
-                        <GoogleIcon name="chevron_right" class="text-slate-400" />
-                    </RouterLink>
-                </div>
-            </article>
-
-            <!-- Solicitudes recientes -->
-            <article class="rounded-xl bg-white p-6 shadow dark:bg-slate-800">
-                <h3 class="mb-4 text-lg font-semibold text-slate-900 dark:text-slate-100">
-                    Solicitudes Recientes
-                </h3>
-
-                <div v-if="vacationsRequests?.length == 0" class="text-center py-8">
-                    <GoogleIcon name="inbox" class="text-slate-400 text-4xl mx-auto mb-2" />
-                    <p class="text-slate-500 dark:text-slate-400">No tienes solicitudes recientes</p>
-                </div>
-
-                <div v-if="vacationsRequests?.length > 0" class="space-y-3">
-                    <div
-                        v-for="request in vacationsRequests"
-                        class="flex items-center justify-between rounded-lg border border-slate-200 p-4 dark:border-slate-700"
-                    >
-                        <div>
-                            <p class="font-medium">{{ request.first_period_start }} - {{ request.last_period_end }}</p>
-                            <p class="text-xs text-slate-500 dark:text-slate-400">{{ request.total_days }} días</p>
-                        </div>
-                        <span
-                            :class="{
-                                'rounded-full px-3 py-1 text-xs font-medium': true,
-                                'bg-amber-100 text-amber-700 dark:bg-amber-500/10 dark:text-amber-400': request.status === 'pendiente',
-                                'bg-emerald-100 text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-400': request.status === 'aprobada',
-                                'bg-red-100 text-red-700 dark:bg-red-500/10 dark:text-red-400': request.status === 'rechazada'
-                            }"
-                        >
-                            {{ request.status }}
-                        </span>
-                    </div>
-                </div>
-
-                <div class="mt-4">
-                    <RouterLink to="/vacations" class="inline-flex items-center gap-1 text-sm font-medium text-sky-600 hover:underline dark:text-sky-400">
-                        Ver todas las solicitudes
-                        <GoogleIcon name="chevron_right" />
-                    </RouterLink>
-                </div>
-            </article>
-        </section>
-
-        <!-- Resumen -->
-        <section
-            class="mt-8 rounded-2xl bg-white p-6 shadow dark:bg-slate-800"
-        >
-            <h3 class="mb-4 text-lg font-semibold text-slate-900 dark:text-slate-100">
-                Resumen de Vacaciones
-            </h3>
-            <div class="grid grid-cols-1 gap-6 md:grid-cols-3">
-                <div class="text-center">
-                    <p class="text-3xl font-bold text-slate-900 dark:text-slate-100">{{ vacations.available_days }}</p>
-                    <p class="text-sm text-slate-500 dark:text-slate-400">Días Disponibles</p>
-                </div>
-                <div class="text-center">
-                    <p class="text-3xl font-bold text-slate-900 dark:text-slate-100">{{ vacations.used_days }}</p>
-                    <p class="text-sm text-slate-500 dark:text-slate-400">Días Usados</p>
-                </div>
-                <div class="text-center">
-                    <p class="text-3xl font-bold text-slate-900 dark:text-slate-100">{{ vacations.total_days_in_period }}</p>
-                    <p class="text-sm text-slate-500 dark:text-slate-400">Total del Período</p>
-                </div>
-            </div>
-            <div class="mt-4 text-center text-sm text-slate-500 dark:text-slate-400">
-                <p>Período: {{ vacations.period_start_date ? (() => { const date = new Date(vacations.period_start_date + 'T00:00:00'); return `${date.getDate()}-${date.toLocaleDateString('es-ES', { month: 'long' })}-${date.getFullYear()}` })() : 'N/A' }} - {{ vacations.period_end_date ? (() => { const date = new Date(vacations.period_end_date + 'T00:00:00'); return `${date.getDate()}-${date.toLocaleDateString('es-ES', { month: 'long' })}-${date.getFullYear()}` })() : 'N/A' }}</p>
-            </div>
-        </section>
-    </div>
-</template>
diff --git a/src/pages/Dashboard/Index.vue b/src/pages/Dashboard/Index.vue
deleted file mode 100644
index 6dfd144..0000000
--- a/src/pages/Dashboard/Index.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-<script setup>
-import GoogleIcon from '@Shared/GoogleIcon.vue'
-
-const kpis = [ /* test de v-for*/
-  { title: 'Total Empleados', value: '248', meta: '+12% vs mes anterior', icon: 'people' },
-  { title: 'Nuevas Contrataciones', value: '18', meta: '+3 vs mes anterior', icon: 'person_add' },
-  { title: 'Certificaciones', value: '156', meta: '+8% vs mes anterior', icon: 'school' },
-  { title: 'Documentos pendientes', value: '12', meta: '-5 vs mes anterior', icon: 'inventory' },
-];
-
-const employees = [ /* test de v-for*/
-  { initials: 'MG', name: 'María González', role: 'Desarrolladora Frontend • Tecnología', date: '2024-01-15', status: 'Activo' },
-  { initials: 'CR', name: 'Carlos Rodríguez', role: 'Analista de Marketing • Marketing', date: '2024-01-10', status: 'Activo' },
-  { initials: 'AM', name: 'Ana Martínez', role: 'Contadora • Finanzas', date: '2024-01-08', status: 'Activo' },
-];
-
-</script>
-
-<template>
-  <div class="p-6 max-w-auto mx-auto">
-    
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4 mb-8">
-      <div>
-        <h1 class="text-4xl font-extrabold text-gray-900 dark:text-primary-dt">Dashboard</h1>
-        <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">Resumen general del sistema de recursos humanos</p>
-      </div>
-    </div>
-
-    <!-- KPIs -->
-    <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
-      <template v-for="(kpi, i) in kpis" :key="i">
-        <div class="bg-white dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt rounded-lg border border-gray-100 p-5 shadow-sm">
-          <div class="flex items-start justify-between">
-            <div>
-              <div class="text-sm text-gray-500 dark:text-primary-dt/70">{{ kpi.title }}</div>
-              <div class="mt-3 text-3xl font-bold text-gray-900 dark:text-primary-dt">{{ kpi.value }}</div>
-              <div class="mt-1 text-xs text-emerald-600 dark:text-success-dt">{{ kpi.meta }}</div>
-            </div>
-            <div class="text-gray-300 dark:text-primary-dt/60">
-              <span class="inline-flex items-center justify-center w-9 h-9 rounded-full bg-gray-50 dark:bg-primary/10 text-lg">
-                <GoogleIcon :name="kpi.icon" class="text-xl text-gray-500 dark:text-primary-dt" />
-              </span>
-            </div>
-          </div>
-        </div>
-      </template>
-    </div>
-
-    <!-- Left: Empleados recientes (span 2) -->
-    <div class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-4">
-      <div class="md:col-span-2 bg-white dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt rounded-lg p-6 shadow-sm">
-        <div class="flex items-center justify-between mb-4">
-          <div>
-            <h3 class="text-xl font-semibold text-gray-800 dark:text-primary-dt flex items-center gap-3">
-              <GoogleIcon name="groups" class="text-xl text-gray-700 dark:text-primary-dt" />
-              Empleados Recientes
-            </h3>
-            <p class="text-sm text-gray-500 dark:text-primary-dt/70 mt-1">Últimas incorporaciones al equipo</p>
-          </div>
-        </div>
-
-        <ul class="space-y-4 mt-4">
-          <li v-for="(e, idx) in employees" :key="idx" class="flex items-center justify-between">
-            <div class="flex items-center gap-4">
-              <div class="flex-none w-12 h-12 rounded-full bg-blue-50 dark:bg-primary/10 flex items-center justify-center text-blue-700 dark:text-primary-dt font-semibold">
-                {{ e.initials }}
-              </div>
-              <div>
-                <div class="font-semibold text-gray-800 dark:text-primary-dt">{{ e.name }}</div>
-                <div class="text-xs text-gray-500 mt-1 dark:text-primary-dt/70">{{ e.role }}</div>
-              </div>
-            </div>
-
-            <div class="flex flex-col items-end">
-              <div class="text-sm text-gray-500 dark:text-primary-dt/70">{{ e.date }}</div>
-              <span class="mt-2 inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-emerald-100 text-emerald-700 dark:bg-success-d dark:text-success-dt">
-                {{ e.status }}
-              </span>
-            </div>
-          </li>
-        </ul>
-      </div>
-
-      <!-- Acciones Rápidas -->
-      <div class="bg-white dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt rounded-lg p-6 shadow-sm">
-        <div>
-          <h3 class="text-xl font-semibold text-gray-800 dark:text-primary-dt flex items-center gap-3">
-            <GoogleIcon name="timeline" class="text-xl text-gray-700 dark:text-primary-dt" />
-            Acciones Rápidas
-          </h3>
-          <p class="text-sm text-gray-500 dark:text-primary-dt/70 mt-1">Tareas frecuentes del sistema</p>
-        </div>
-
-        <div class="mt-4 space-y-3">
-          <div class="w-full flex items-center gap-3 p-3 rounded-md border border-gray-100 dark:border-primary/20 bg-white dark:bg-primary-d/5">
-            <span class="inline-flex items-center justify-center w-9 h-9 rounded-md bg-gray-50 dark:bg-primary/10 text-gray-700 dark:text-primary-dt">
-              <GoogleIcon name="person_add" class="text-lg" />
-            </span>
-            <span class="text-sm text-gray-700 dark:text-primary-dt">Registrar Nuevo Empleado</span>
-            <span class="ml-auto text-gray-300 dark:text-primary-dt/50">
-              <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>
-            </span>
-          </div>
-          <div class="w-full flex items-center gap-3 p-3 rounded-md border border-gray-100 dark:border-primary/20 bg-white dark:bg-primary-d/5">
-            <span class="inline-flex items-center justify-center w-9 h-9 rounded-md bg-gray-50 dark:bg-primary/10 text-gray-700 dark:text-primary-dt">
-              <GoogleIcon name="person_add" class="text-lg" />
-            </span>
-            <span class="text-sm text-gray-700 dark:text-primary-dt">Registrar Nuevo Empleado</span>
-            <span class="ml-auto text-gray-300 dark:text-primary-dt/50">
-              <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Dashboard/Module.js b/src/pages/Dashboard/Module.js
deleted file mode 100644
index cd617bf..0000000
--- a/src/pages/Dashboard/Module.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { lang } from '@Lang/i18n';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`dashboard.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `dashboard.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`dashboard.${str}`)
-
-export {
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Employees/Index.vue b/src/pages/Employees/Index.vue
deleted file mode 100644
index 27327bb..0000000
--- a/src/pages/Employees/Index.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<script setup>
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Searcher from '@Holos/Searcher.vue';
-import Adding from '@Holos/Button/ButtonRh.vue';
-</script>
-
-<template>
-  <div class="p-6 max-w-auto mx-auto">
-    <!-- Header -->
-    <div class="flex items-start justify-between gap-4">
-      <div>
-        <h1 class="text-3xl font-extrabold text-gray-900 dark:text-primary-dt">Empleados</h1>
-        <p class="mt-1 text-sm text-gray-500 dark:text-primary-dt/70">Gestión de información general de empleados</p>
-      </div>
-
-      <div>
-        <Adding text="Nuevo Empleado" />
-      </div>
-    </div>
-
-    <!-- Search Card -->
-    <div class="mt-6">
-      <Searcher
-        title="Buscar Empleados"
-        placeholder="Buscar por nombre o departamento..."
-        @search="() => {}"
-      >
-      </Searcher>
-    </div>
-
-    <!-- List Card -->
-    <div class="mt-8 bg-white rounded-lg shadow-sm p-6 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt">
-      <div class="flex items-center justify-between">
-        <div>
-          <h3 class="text-xl font-semibold text-gray-800 dark:text-primary-dt">Lista de Empleados</h3>
-          <p class="text-sm text-gray-500 mt-1 dark:text-primary-dt/70">3 empleados encontrados</p>
-        </div>
-      </div>
-
-      <div class="mt-6 overflow-x-auto">
-        <table class="w-full min-w-[900px]">
-          <thead>
-            <tr class="text-left text-sm text-gray-500 dark:text-primary-dt/70">
-              <th class="py-3 pb-4">Nombre Completo</th>
-              <th class="py-3 pb-4">Departamento</th>
-              <th class="py-3 pb-4">Sede</th>
-              <th class="py-3 pb-4">Fecha Ingreso</th>
-              <th class="py-3 pb-4">Estado</th>
-              <th class="py-3 pb-4 text-right">Acciones</th>
-            </tr>
-          </thead>
-
-          <tbody class="divide-y divide-gray-100 dark:divide-primary/20 text-sm text-gray-700 dark:text-primary-dt">
-            <!-- Row 1 -->
-            <tr class="bg-white dark:bg-transparent">
-              <td class="py-6">
-                <div class="font-semibold text-gray-800 dark:text-primary-dt">María González López</div>
-                <div class="text-xs text-gray-400 mt-1 dark:text-primary-dt/70">GOLM900515</div>
-              </td>
-              <td class="py-6 dark:text-primary-dt">Tecnología</td>
-              <td class="py-6 dark:text-primary-dt">Ciudad de México</td>
-              <td class="py-6 dark:text-primary-dt">2023-01-15</td>
-              <td class="py-6">
-                <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold bg-green-100 text-green-700 dark:bg-success-d dark:text-success-dt">Activo</span>
-              </td>
-              <td class="py-6 text-right space-x-3">
-                <button class="text-gray-600 hover:text-gray-800 dark:text-primary-dt dark:hover:text-primary-dt" title="Ver">
-                  <GoogleIcon 
-                    class="text-black dark:text-primary-dt text-xl"
-                    name="visibility"
-                  />
-                </button>
-                <button class="text-gray-600 hover:text-gray-800 dark:text-primary-dt dark:hover:text-primary-dt" title="Editar">
-                  <GoogleIcon 
-                    class="text-black dark:text-primary-dt text-xl"
-                    name="edit"
-                  />
-                </button>
-                <button class="text-red-500 hover:text-red-600 dark:text-danger-d text-xl" title="Eliminar">
-                  <GoogleIcon 
-                    class="text-red-500 dark:text-danger-d text-xl"
-                    name="delete"
-                  />
-                </button>
-              </td>
-            </tr>
-
-            <!-- Row 2 -->
-            <tr class="bg-white dark:bg-transparent">
-              <td class="py-6">
-                <div class="font-semibold text-gray-800 dark:text-primary-dt">Carlos Rodríguez Martín</div>
-                <div class="text-xs text-gray-400 mt-1 dark:text-primary-dt/70">ROMC880822</div>
-              </td>
-              <td class="py-6 dark:text-primary-dt">Marketing</td>
-              <td class="py-6 dark:text-primary-dt">Guadalajara</td>
-              <td class="py-6 dark:text-primary-dt">2022-03-10</td>
-              <td class="py-6">
-                <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold bg-green-100 text-green-700 dark:bg-success-d dark:text-success-dt">Activo</span>
-              </td>
-              <td class="py-6 text-right space-x-3">
-                <button class="text-gray-600 hover:text-gray-800 dark:text-primary-dt dark:hover:text-primary-dt" title="Ver">
-                  <GoogleIcon 
-                    class="text-black dark:text-primary-dt text-xl"
-                    name="visibility"
-                  />
-                </button>
-                <button class="text-gray-600 hover:text-gray-800 dark:text-primary-dt dark:hover:text-primary-dt" title="Editar">
-                  <GoogleIcon 
-                    class="text-black dark:text-primary-dt text-xl"
-                    name="edit"
-                  />
-                </button>
-                <button class="text-red-500 hover:text-red-600 dark:text-danger-d text-xl" title="Eliminar">
-                  <GoogleIcon 
-                    class="text-red-500 dark:text-danger-d text-xl"
-                    name="delete"
-                  />
-                </button>
-              </td>
-            </tr>
-
-            <!-- Row 3 -->
-            <tr class="bg-white dark:bg-transparent">
-              <td class="py-6">
-                <div class="font-semibold text-gray-800 dark:text-primary-dt">Ana Martínez Sánchez</div>
-                <div class="text-xs text-gray-400 mt-1 dark:text-primary-dt/70">MASA921203</div>
-              </td>
-              <td class="py-6 dark:text-primary-dt">Finanzas</td>
-              <td class="py-6 dark:text-primary-dt">Monterrey</td>
-              <td class="py-6 dark:text-primary-dt">2023-06-01</td>
-              <td class="py-6">
-                <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold bg-green-100 text-green-700 dark:bg-success-d dark:text-success-dt">Activo</span>
-              </td>
-              <td class="py-6 text-right space-x-3">
-                <button class="text-gray-600 hover:text-gray-800 dark:text-primary-dt dark:hover:text-primary-dt" title="Ver">
-                  <GoogleIcon 
-                    class="text-black dark:text-primary-dt text-xl"
-                    name="visibility"
-                  />
-                </button>
-                <button class="text-gray-600 hover:text-gray-800 dark:text-primary-dt dark:hover:text-primary-dt" title="Editar">
-                  <GoogleIcon 
-                    class="text-black dark:text-primary-dt text-xl"
-                    name="edit"
-                  />
-                </button>
-                <button class="text-red-500 hover:text-red-600 dark:text-danger-d text-xl" title="Eliminar">
-                  <GoogleIcon 
-                    class="text-red-500 dark:text-danger-d text-xl"
-                    name="delete"
-                  />
-                </button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Errors/404.vue b/src/pages/Errors/404.vue
deleted file mode 100644
index da6ff89..0000000
--- a/src/pages/Errors/404.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-    <div class="relative flex items-top justify-center min-h-[calc(100vh-5rem)] sm:items-center sm:pt-0">
-    <div class="max-w-xl mx-auto sm:px-6 lg:px-8">
-        <div class="flex items-center pt-8 sm:justify-start sm:pt-0">
-            <div class="px-4 text-lg text-gray-500 border-r border-gray-400 tracking-wider">
-                404
-            </div>
-            <div class="ml-4 text-lg text-gray-500 uppercase tracking-wider">
-                Not Found
-            </div>
-        </div>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Errors/502.vue b/src/pages/Errors/502.vue
deleted file mode 100644
index f1b8dc8..0000000
--- a/src/pages/Errors/502.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-    <div class="relative flex items-top justify-center min-h-[calc(100vh-5rem)] sm:items-center sm:pt-0">
-    <div class="max-w-xl mx-auto sm:px-6 lg:px-8">
-        <div class="flex items-center pt-8 sm:justify-start sm:pt-0">
-            <div class="px-4 text-lg text-gray-500 border-r border-gray-400 tracking-wider">
-                502
-            </div>
-            <div class="ml-4 text-lg text-gray-500 uppercase tracking-wider">
-                Bad Gateway
-            </div>
-        </div>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Errors/503.vue b/src/pages/Errors/503.vue
deleted file mode 100644
index b582b0b..0000000
--- a/src/pages/Errors/503.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-    <div class="relative flex items-top justify-center min-h-[calc(100vh-5rem)] sm:items-center sm:pt-0">
-    <div class="max-w-xl mx-auto sm:px-6 lg:px-8">
-        <div class="flex items-center pt-8 sm:justify-start sm:pt-0">
-            <div class="px-4 text-lg text-gray-500 border-r border-gray-400 tracking-wider">
-                503
-            </div>
-            <div class="ml-4 text-lg text-gray-500 uppercase tracking-wider">
-                Service Unavailable
-            </div>
-        </div>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Examples/Index.vue b/src/pages/Examples/Index.vue
deleted file mode 100644
index 901f68f..0000000
--- a/src/pages/Examples/Index.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-    <div class="p-2">
-        <h4>Rutas de ejemplo</h4>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Maquetador/Index.vue b/src/pages/Maquetador/Index.vue
deleted file mode 100644
index af51117..0000000
--- a/src/pages/Maquetador/Index.vue
+++ /dev/null
@@ -1,662 +0,0 @@
-<script setup>
-import { ref, onMounted, computed } from 'vue';
-import { PDFDocument, rgb, StandardFonts } from 'pdf-lib';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Draggable from '@Holos/PDF/Draggable.vue';
-import CanvasElement from '@Holos/PDF/Canvas.vue';
-import PDFViewport from '@Holos/PDF/PDFViewport.vue';
-import TextFormatter from '@Holos/PDF/TextFormatter.vue';
-
-/** Estado reactivo */
-const pages = ref([{ id: 1, elements: [] }]);
-const selectedElementId = ref(null);
-const elementCounter = ref(0);
-const documentTitle = ref('Documento sin título');
-const isExporting = ref(false);
-const currentPage = ref(1);
-const pageIdCounter = ref(1); // <-- Agregar contador separado para páginas
-
-/** Estado para tamaño de página */
-const currentPageSize = ref({
-    width: 794,  // A4 por defecto
-    height: 1123
-});
-
-/** Manejar cambio de tamaño de página */
-const handlePageSizeChange = (sizeData) => {
-    currentPageSize.value = sizeData.dimensions;
-    // Aquí podrías ajustar elementos existentes si es necesario
-    window.Notify.info(`Tamaño de página cambiado a ${sizeData.size}`);
-};
-
-// Actualizar el método moveElement para usar el tamaño dinámico
-const moveElement = (moveData) => {
-    const element = allElements.value.find(el => el.id === moveData.id);
-    if (element) {
-        element.x = Math.max(0, Math.min(currentPageSize.value.width - (element.width || 200), moveData.x));
-        element.y = Math.max(0, Math.min(currentPageSize.value.height - (element.height || 40), moveData.y));
-    }
-};
-
-/** Referencias */
-const viewportRef = ref(null);
-
-/** Referencias adicionales */
-const textFormatterElement = ref(null);
-const showTextFormatter = ref(false);
-
-const selectElement = (elementId) => {
-    selectedElementId.value = elementId;
-    const selectedEl = allElements.value.find(el => el.id === elementId);
-    showTextFormatter.value = selectedEl?.type === 'text';
-    textFormatterElement.value = selectedEl;
-};
-
-const updateElement = (update) => {
-    const element = allElements.value.find(el => el.id === update.id);
-    if (element) {
-        Object.assign(element, update);
-        // Si se actualiza el formato, actualizar la referencia
-        if (update.formatting && textFormatterElement.value?.id === update.id) {
-            textFormatterElement.value = { ...element };
-        }
-    }
-};
-
-const handleCanvasClick = (clickData) => {
-    selectedElementId.value = null;
-    showTextFormatter.value = false;
-    textFormatterElement.value = null;
-};
-
-/** Tipos de elementos disponibles */
-const availableElements = [
-    {
-        type: 'text',
-        icon: 'text_fields',
-        title: 'Texto',
-        description: 'Texto enriquecido con formato'
-    },
-    {
-        type: 'image',
-        icon: 'image',
-        title: 'Imagen',
-        description: 'Subir y editar imágenes'
-    },
-    {
-        type: 'table',
-        icon: 'table_chart',
-        title: 'Tabla',
-        description: 'Tabla con filas y columnas'
-    }
-];
-
-/** Propiedades computadas */
-const allElements = computed(() => {
-    return pages.value.flatMap(page => page.elements);
-});
-
-const totalElements = computed(() => {
-    return allElements.value.length;
-});
-
-/** Métodos del canvas */
-const handleDrop = (dropData) => {
-    try {
-        const data = JSON.parse(dropData.originalEvent.dataTransfer.getData('text/plain'));
-        
-        const newElement = {
-            id: `element-${++elementCounter.value}`,
-            type: data.type,
-            pageIndex: dropData.pageIndex,
-            x: dropData.x,
-            y: dropData.y,
-            width: data.type === 'table' ? 300 : data.type === 'image' ? 200 : 200,
-            height: data.type === 'table' ? 120 : data.type === 'image' ? 150 : 40,
-            content: getDefaultContent(data.type),
-            fileName: getDefaultFileName(data.type),
-            created_at: new Date().toISOString()
-        };
-        
-        pages.value[dropData.pageIndex].elements.push(newElement);
-        selectedElementId.value = newElement.id;
-    } catch (error) {
-        console.error('Error al procesar elemento arrastrado:', error);
-    }
-};
-
-const getDefaultContent = (type) => {
-    switch(type) {
-        case 'text':
-            return 'Nuevo texto';
-        case 'table':
-            return {
-                rows: 3,
-                cols: 3,
-                data: [
-                    ['Encabezado 1', 'Encabezado 2', 'Encabezado 3'],
-                    ['Fila 1, Col 1', 'Fila 1, Col 2', 'Fila 1, Col 3'],
-                    ['Fila 2, Col 1', 'Fila 2, Col 2', 'Fila 2, Col 3']
-                ]
-            };
-        case 'image':
-            return null;
-        default:
-            return null;
-    }
-};
-
-const getDefaultFileName = (type) => {
-    switch(type) {
-        case 'table':
-            return 'tabla.csv';
-        case 'image':
-            return null;
-        default:
-            return null;
-    }
-};
-
-const handleDragOver = (event) => {
-    event.preventDefault();
-};
-
-const deleteElement = (elementId) => {
-    const index = allElements.value.findIndex(el => el.id === elementId);
-    if (index !== -1) {
-        const pageIndex = Math.floor(index / 3); // Suponiendo 3 elementos por página
-        pages.value[pageIndex].elements.splice(index % 3, 1);
-        if (selectedElementId.value === elementId) {
-            selectedElementId.value = null;
-        }
-    }
-};
-
-/** Paginación */
-const addPage = () => {
-    pageIdCounter.value++; // <-- Incrementar contador independiente
-    pages.value.push({
-        id: pageIdCounter.value,
-        elements: []
-    });
-};
-
-const deletePage = (pageIndex) => {
-    if (pages.value.length > 1) {
-        // Mover elementos de la página eliminada a la página anterior
-        const elementsToMove = pages.value[pageIndex].elements;
-        if (pageIndex > 0 && elementsToMove.length > 0) {
-            elementsToMove.forEach(element => {
-                element.pageIndex = pageIndex - 1;
-                pages.value[pageIndex - 1].elements.push(element);
-            });
-        }
-        
-        pages.value.splice(pageIndex, 1);
-        
-        // Actualizar índices de página de elementos restantes
-        pages.value.forEach((page, index) => {
-            page.elements.forEach(element => {
-                element.pageIndex = index;
-            });
-        });
-        
-        // Ajustar página actual si es necesario
-        if (currentPage.value > pages.value.length) {
-            currentPage.value = pages.value.length;
-        }
-    }
-};
-
-/** Métodos de acciones rápidas */
-const addQuickElement = (type) => {
-    const targetPageIndex = currentPage.value - 1;
-    const existingElements = pages.value[targetPageIndex].elements.length;
-    
-    const newElement = {
-        id: `element-${++elementCounter.value}`,
-        type: type,
-        pageIndex: targetPageIndex,
-        x: 80 + (existingElements * 20),
-        y: 80 + (existingElements * 20),
-        width: type === 'table' ? 300 : type === 'image' ? 200 : 200,
-        height: type === 'table' ? 120 : type === 'image' ? 150 : 40,
-        content: getDefaultContent(type),
-        fileName: getDefaultFileName(type),
-        created_at: new Date().toISOString()
-    };
-    
-    pages.value[targetPageIndex].elements.push(newElement);
-    selectedElementId.value = newElement.id;
-};
-
-const exportPDF = async () => {
-    if (totalElements.value === 0) {
-        window.Notify.warning('No hay elementos para exportar');
-        return;
-    }
-
-    try {
-        isExporting.value = true;
-        window.Notify.info('Generando PDF...');
-
-        // Crear un nuevo documento PDF con el tamaño de página seleccionado
-        const pdfDoc = await PDFDocument.create();
-        
-        // Convertir dimensiones de pixels a puntos (1 px = 0.75 puntos)
-        const pageWidthPoints = currentPageSize.value.width * 0.75;
-        const pageHeightPoints = currentPageSize.value.height * 0.75;
-        
-        let currentPDFPage = pdfDoc.addPage([pageWidthPoints, pageHeightPoints]);
-        let currentPageHeight = pageHeightPoints;
-        let yOffset = 50; // Margen superior
-
-        // Obtener fuentes
-        const helveticaFont = await pdfDoc.embedFont(StandardFonts.Helvetica);
-        const courierFont = await pdfDoc.embedFont(StandardFonts.Courier);
-
-        // Procesar páginas del maquetador
-        for (let pageIndex = 0; pageIndex < pages.value.length; pageIndex++) {
-            const page = pages.value[pageIndex];
-            
-            // Crear nueva página PDF si no es la primera
-            if (pageIndex > 0) {
-                currentPDFPage = pdfDoc.addPage([pageWidthPoints, pageHeightPoints]);
-                currentPageHeight = pageHeightPoints;
-                yOffset = 50;
-            }
-
-            // Ordenar elementos de esta página por posición
-            const sortedElements = [...page.elements].sort((a, b) => {
-                if (Math.abs(a.y - b.y) < 20) {
-                    return a.x - b.x; // Si están en la misma línea, ordenar por X
-                }
-                return a.y - b.y; // Ordenar por Y
-            });
-
-            // Procesar elementos de la página
-            for (const element of sortedElements) {
-                // Calcular posición en el PDF manteniendo proporciones
-                const scaleX = pageWidthPoints / currentPageSize.value.width;
-                const scaleY = pageHeightPoints / currentPageSize.value.height;
-                
-                const x = Math.max(50, element.x * scaleX);
-                const y = currentPageHeight - (element.y * scaleY) - 50; // Margen superior
-
-                switch (element.type) {
-                    case 'text':
-                        if (element.content) {
-                            // Dividir texto largo en líneas
-                            const words = element.content.split(' ');
-                            const lines = [];
-                            let currentLine = '';
-                            const maxWidth = Math.min(pageWidthPoints - 100, (element.width || 200) * scaleX);
-
-                            for (const word of words) {
-                                const testLine = currentLine + (currentLine ? ' ' : '') + word;
-                                const testWidth = helveticaFont.widthOfTextAtSize(testLine, 12);
-                                
-                                if (testWidth <= maxWidth) {
-                                    currentLine = testLine;
-                                } else {
-                                    if (currentLine) lines.push(currentLine);
-                                    currentLine = word;
-                                }
-                            }
-                            if (currentLine) lines.push(currentLine);
-
-                            // Dibujar cada línea
-                            lines.forEach((line, index) => {
-                                currentPDFPage.drawText(line, {
-                                    x: x,
-                                    y: y - (index * 15),
-                                    size: 12,
-                                    font: helveticaFont,
-                                    color: rgb(0, 0, 0),
-                                });
-                            });
-                        }
-                        break;
-
-                    case 'image':
-                        if (element.content && element.content.startsWith('data:image')) {
-                            try {
-                                // Convertir base64 a bytes
-                                const base64Data = element.content.split(',')[1];
-                                const imageBytes = Uint8Array.from(
-                                    atob(base64Data), 
-                                    c => c.charCodeAt(0)
-                                );
-                                
-                                let image;
-                                if (element.content.includes('image/jpeg') || element.content.includes('image/jpg')) {
-                                    image = await pdfDoc.embedJpg(imageBytes);
-                                } else if (element.content.includes('image/png')) {
-                                    image = await pdfDoc.embedPng(imageBytes);
-                                }
-
-                                if (image) {
-                                    // Calcular dimensiones manteniendo proporción y escala
-                                    const maxWidth = Math.min(pageWidthPoints - 100, (element.width || 200) * scaleX);
-                                    const maxHeight = Math.min(300, (element.height || 150) * scaleY);
-                                    
-                                    const imageAspectRatio = image.width / image.height;
-                                    let displayWidth = maxWidth;
-                                    let displayHeight = maxWidth / imageAspectRatio;
-                                    
-                                    if (displayHeight > maxHeight) {
-                                        displayHeight = maxHeight;
-                                        displayWidth = maxHeight * imageAspectRatio;
-                                    }
-
-                                    currentPDFPage.drawImage(image, {
-                                        x: x,
-                                        y: y - displayHeight,
-                                        width: displayWidth,
-                                        height: displayHeight,
-                                    });
-                                }
-                            } catch (imageError) {
-                                console.warn('Error al procesar imagen:', imageError);
-                                // Dibujar placeholder para imagen
-                                currentPDFPage.drawRectangle({
-                                    x: x,
-                                    y: y - 60,
-                                    width: 100 * scaleX,
-                                    height: 60 * scaleY,
-                                    borderColor: rgb(0.7, 0.7, 0.7),
-                                    borderWidth: 1,
-                                });
-
-                                currentPDFPage.drawText('[Imagen no disponible]', {
-                                    x: x + 5,
-                                    y: y - 35,
-                                    size: 10,
-                                    font: helveticaFont,
-                                    color: rgb(0.7, 0.7, 0.7),
-                                });
-                            }
-                        } else {
-                            // Placeholder para imagen vacía
-                            currentPDFPage.drawRectangle({
-                                x: x,
-                                y: y - 60,
-                                width: 100 * scaleX,
-                                height: 60 * scaleY,
-                                borderColor: rgb(0.7, 0.7, 0.7),
-                                borderWidth: 1,
-                                borderDashArray: [3, 3],
-                            });
-
-                            currentPDFPage.drawText('[Imagen]', {
-                                x: x + 25,
-                                y: y - 35,
-                                size: 10,
-                                font: helveticaFont,
-                                color: rgb(0.7, 0.7, 0.7),
-                            });
-                        }
-                        break;
-
-                    case 'table':
-                        if (element.content && element.content.data) {
-                            const tableData = element.content.data;
-                            const cellWidth = 80 * scaleX;
-                            const cellHeight = 20 * scaleY;
-                            const tableWidth = tableData[0].length * cellWidth;
-                            const tableHeight = tableData.length * cellHeight;
-
-                            // Dibujar bordes de la tabla
-                            currentPDFPage.drawRectangle({
-                                x: x,
-                                y: y - tableHeight,
-                                width: tableWidth,
-                                height: tableHeight,
-                                borderColor: rgb(0.3, 0.3, 0.3),
-                                borderWidth: 1,
-                            });
-
-                            // Dibujar contenido de las celdas
-                            tableData.forEach((row, rowIndex) => {
-                                row.forEach((cell, colIndex) => {
-                                    const cellX = x + (colIndex * cellWidth);
-                                    const cellY = y - (rowIndex * cellHeight) - 15;
-
-                                    // Dibujar borde de celda
-                                    currentPDFPage.drawRectangle({
-                                        x: cellX,
-                                        y: y - ((rowIndex + 1) * cellHeight),
-                                        width: cellWidth,
-                                        height: cellHeight,
-                                        borderColor: rgb(0.7, 0.7, 0.7),
-                                        borderWidth: 0.5,
-                                    });
-
-                                    // Dibujar texto de la celda (truncar si es muy largo)
-                                    const maxChars = Math.floor(cellWidth / 8);
-                                    const displayText = cell.length > maxChars ? 
-                                        cell.substring(0, maxChars - 3) + '...' : cell;
-
-                                    currentPDFPage.drawText(displayText, {
-                                        x: cellX + 5,
-                                        y: cellY,
-                                        size: 8,
-                                        font: helveticaFont,
-                                        color: rowIndex === 0 ? rgb(0.2, 0.2, 0.8) : rgb(0, 0, 0),
-                                    });
-                                });
-                            });
-                        }
-                        break;
-                }
-            }
-        }
-
-        // Generar PDF
-        const pdfBytes = await pdfDoc.save();
-
-        // Descargar
-        const blob = new Blob([pdfBytes], { type: 'application/pdf' });
-        const url = URL.createObjectURL(blob);
-        const link = document.createElement('a');
-        link.href = url;
-        link.download = `${documentTitle.value.replace(/\s+/g, '_')}.pdf`;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-        URL.revokeObjectURL(url);
-
-        window.Notify.success('PDF generado correctamente');
-        
-    } catch (error) {
-        console.error('Error al generar PDF:', error);
-        window.Notify.error('Error al generar el PDF');
-    } finally {
-        isExporting.value = false;
-    }
-};
-
-// Función auxiliar para calcular la altura aproximada de un elemento
-const getElementHeight = (element) => {
-    switch (element.type) {
-        case 'text':
-            if (!element.content) return 20;
-            const lines = Math.ceil(element.content.length / 50);
-            return lines * 15 + 10;
-        case 'table':
-            if (!element.content || !element.content.data) return 60;
-            const tableRows = element.content.data.length;
-            return (tableRows * 20) + 20;
-        case 'image':
-            return Math.min(300, (element.height || 150) * 0.75) + 30;
-        default:
-            return 40;
-    }
-};
-
-const clearCanvas = () => {
-    if (confirm('¿Estás seguro de que quieres limpiar el canvas? Se perderán todos los elementos.')) {
-        pages.value = [{ id: 1, elements: [] }];
-        selectedElementId.value = null;
-        elementCounter.value = 0;
-        pageIdCounter.value = 1; // <-- Resetear también el contador de páginas
-        currentPage.value = 1;
-    }
-};
-
-/** Atajos de teclado */
-const handleKeydown = (event) => {
-    if (event.key === 'Delete' && selectedElementId.value) {
-        deleteElement(selectedElementId.value);
-    }
-    
-    if (event.key === 'Escape') {
-        selectedElementId.value = null;
-    }
-};
-
-/** Ciclo de vida */
-onMounted(() => {
-    document.addEventListener('keydown', handleKeydown);
-});
-</script>
-
-<template>
-    <div class="flex h-screen bg-gray-50 dark:bg-primary-d/50">
-        <!-- Panel Izquierdo - Elementos (sin cambios) -->
-        <div class="w-64 bg-white dark:bg-primary-d border-r border-gray-200 dark:border-primary/20 flex flex-col">
-            <!-- Header del panel -->
-            <div class="p-4 border-b border-gray-200 dark:border-primary/20">
-                <div class="flex items-center gap-2 mb-4">
-                    <GoogleIcon name="text_snippet" class="text-blue-600 dark:text-blue-400 text-xl" />
-                    <h2 class="font-semibold text-gray-900 dark:text-primary-dt text-sm">
-                        Diseñador de Documentos
-                    </h2>
-                </div>
-                
-                <!-- Título del documento -->
-                <input
-                    v-model="documentTitle"
-                    class="w-full px-2 py-1 text-xs border border-gray-200 rounded mb-3 dark:bg-primary-d dark:border-primary/20 dark:text-primary-dt"
-                    placeholder="Título del documento"
-                />
-                
-                <!-- Botón de exportación PDF -->
-                <button
-                    @click="exportPDF"
-                    :disabled="isExporting"
-                    :class="[
-                        'w-full flex items-center justify-center gap-2 px-3 py-2 text-sm rounded transition-colors',
-                        isExporting
-                            ? 'bg-gray-400 text-white cursor-not-allowed'
-                            : 'bg-red-600 hover:bg-red-700 text-white'
-                    ]"
-                >
-                    <GoogleIcon :name="isExporting ? 'hourglass_empty' : 'picture_as_pdf'" class="text-sm" />
-                    {{ isExporting ? 'Generando PDF...' : 'Exportar PDF' }}
-                </button>
-            </div>
-
-            <!-- Sección Elementos -->
-            <div class="p-4 flex-1 overflow-y-auto">
-                <h3 class="text-xs font-semibold text-gray-500 dark:text-primary-dt/70 uppercase tracking-wider mb-3">
-                    Elementos
-                </h3>
-                <p class="text-xs text-gray-400 dark:text-primary-dt/70 mb-4">
-                    Arrastra elementos al canvas para crear tu documento
-                </p>
-                
-                <div class="space-y-3">
-                    <Draggable
-                        v-for="element in availableElements"
-                        :key="element.type"
-                        :type="element.type"
-                        :icon="element.icon"
-                        :title="element.title"
-                        :description="element.description"
-                    />
-                </div>
-
-                <!-- Agregar rápido -->
-                <h3 class="text-xs font-semibold text-gray-500 dark:text-primary-dt/70 uppercase tracking-wider mt-6 mb-3">
-                    Agregar rápido
-                </h3>
-                
-                <div class="space-y-2">
-                    <button
-                        v-for="element in availableElements"
-                        :key="`quick-${element.type}`"
-                        @click="addQuickElement(element.type)"
-                        :disabled="isExporting"
-                        class="w-full flex items-center gap-2 px-3 py-2 text-sm text-gray-700 dark:text-primary-dt hover:bg-gray-100 dark:hover:bg-primary/10 rounded transition-colors disabled:opacity-50"
-                    >
-                        <GoogleIcon name="add" class="text-gray-400 dark:text-primary-dt/70 text-sm" />
-                        {{ element.title }}
-                    </button>
-                </div>
-            </div>
-        </div>
-
-        <!-- Área Principal con Viewport -->
-        <div class="flex-1 flex flex-col">
-            <!-- Toolbar superior básico -->
-            <div class="h-14 bg-white dark:bg-primary-d border-b border-gray-200 dark:border-primary/20 flex items-center justify-between px-4">
-                <div class="flex items-center gap-4">
-                    <h2 class="font-semibold text-gray-900 dark:text-primary-dt text-sm">
-                        {{ documentTitle }}
-                    </h2>
-                </div>
-
-                <div class="flex items-center gap-4">
-                    <span class="text-xs text-gray-500 dark:text-primary-dt/70">
-                        {{ totalElements }} elemento{{ totalElements !== 1 ? 's' : '' }} • {{ pages.length }} página{{ pages.length !== 1 ? 's' : '' }}
-                    </span>
-                    
-                    <button
-                        v-if="totalElements > 0"
-                        @click="clearCanvas"
-                        :disabled="isExporting"
-                        class="flex items-center gap-1 px-2 py-1 text-xs text-red-600 hover:text-red-700 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20 rounded transition-colors disabled:opacity-50"
-                    >
-                        <GoogleIcon name="delete" class="text-sm" />
-                        Limpiar Todo
-                    </button>
-                </div>
-            </div>
-
-            <!-- TextFormatter como toolbar estático -->
-            <TextFormatter
-                :element="textFormatterElement"
-                :visible="showTextFormatter"
-                @update="updateElement"
-            />
-
-            <!-- PDFViewport -->
-            <PDFViewport
-                ref="viewportRef"
-                :pages="pages"
-                :selected-element-id="selectedElementId"
-                :is-exporting="isExporting"
-                @drop="handleDrop"
-                @click="handleCanvasClick"
-                @add-page="addPage"
-                @delete-page="deletePage"
-                @page-change="(page) => currentPage = page"
-                @page-size-change="handlePageSizeChange"
-            >
-                <template #elements="{ page, pageIndex }">
-                    <CanvasElement
-                        v-for="element in page.elements"
-                        :key="element.id"
-                        :element="element"
-                        :is-selected="selectedElementId === element.id && !isExporting"
-                        @select="selectElement"
-                        @delete="deleteElement"
-                        @update="updateElement"
-                        @move="moveElement"
-                    />
-                </template>
-            </PDFViewport>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Pos/Index.vue b/src/pages/Pos/Index.vue
deleted file mode 100644
index 04691b4..0000000
--- a/src/pages/Pos/Index.vue
+++ /dev/null
@@ -1,851 +0,0 @@
-<script setup>
-import { ref, computed, onMounted } from 'vue';
-import Button from '@Holos/Button/Button.vue';
-import MaterialIcon from '@Components/ui/Icons/MaterialIcon.vue';
-import Card from '@Holos/Card/Card.vue';
-import CardContent from '@Holos/Card/CardContent.vue';
-import CardHeader from '@Holos/Card/CardHeader.vue';
-import CardTitle from '@Holos/Card/CardTitle.vue';
-import Badge from '@Components/ui/Tags/Badge.vue';
-import ModalShow from '@Holos/Modal/Show.vue';
-import Input from '@Components/ui/Input.vue';
-
-import { useSearcher } from '@Services/Api';
-import { can, apiTo, viewTo, transl } from './Module'
-
-// Estado reactivo
-const cart = ref([]);
-const searchTerm = ref('');
-const models = ref([]);
-const paymentModalRef = ref(null);
-const paymentMethod = ref('cash'); // 'cash' | 'credit_card'
-const amountReceived = ref('');
-
-// Ventas y egresos
-const sales = ref([]);
-const expenses = ref([]);
-
-// Modal de corte de caja
-const cashCloseModalRef = ref(null);
-const cashCounted = ref('');
-
-// Modal de egresos
-const expenseModalRef = ref(null);
-const expenseDescription = ref('');
-const expenseAmount = ref('');
-
-// Productos filtrados desde el backend
-const filteredProducts = computed(() => {
-    if (!models.value || !models.value.data) return [];
-
-    return models.value.data.map(product => ({
-        id: product.id,
-        name: product.name,
-        sku: product.sku,
-        code: product.code,
-        barcode: product.barcode,
-        description: product.description,
-        price: 16, // TODO: Obtener precio desde inventory_items o price field
-        stock: 10, // TODO: Obtener stock desde inventory_items
-        category: product.classifications?.[0]?.name || 'Sin categoría',
-        attributes: product.attributes,
-        is_active: product.is_active
-    }));
-});
-
-// Computeds del carrito
-const cartItemsCount = computed(() => cart.value.length);
-
-const subtotal = computed(() =>
-    cart.value.reduce((sum, item) => sum + item.price * item.quantity, 0)
-);
-
-const tax = computed(() => subtotal.value * 0.16); // 16% IVA
-
-const total = computed(() => subtotal.value + tax.value);
-
-// Computeds para corte de caja
-const totalSalesAmount = computed(() => 
-    sales.value.reduce((sum, sale) => sum + sale.total, 0)
-);
-
-const totalSalesCount = computed(() => sales.value.length);
-
-const totalCashSales = computed(() => 
-    sales.value.filter(s => s.paymentMethod === 'cash').reduce((sum, sale) => sum + sale.total, 0)
-);
-
-const totalCardSales = computed(() => 
-    sales.value.filter(s => s.paymentMethod === 'credit_card').reduce((sum, sale) => sum + sale.total, 0)
-);
-
-const totalExpenses = computed(() => 
-    expenses.value.reduce((sum, expense) => sum + expense.amount, 0)
-);
-
-const expectedCash = computed(() => totalCashSales.value - totalExpenses.value);
-
-const cashDifference = computed(() => {
-    if (!cashCounted.value) return 0;
-    return parseFloat(cashCounted.value) - expectedCash.value;
-});
-
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => {
-        models.value = r.products;
-        console.log('Productos cargados:', r.products);
-    },
-    onError: (error) => {
-        console.error('Error al cargar productos:', error);
-    }
-});
-
-// Métodos
-const addToCart = (product) => {
-    if (!product.is_active) {
-        console.warn('Producto inactivo');
-        return;
-    }
-
-    const existingItem = cart.value.find(item => item.id === product.id);
-
-    if (existingItem) {
-        if (existingItem.quantity >= product.stock) {
-            console.warn('Stock insuficiente');
-            return;
-        }
-        existingItem.quantity++;
-    } else {
-        cart.value.push({
-            id: product.id,
-            name: product.name,
-            sku: product.sku,
-            code: product.code,
-            price: product.price,
-            quantity: 1,
-            maxStock: product.stock,
-        });
-    }
-};
-
-const updateQuantity = (id, delta) => {
-    const item = cart.value.find(item => item.id === id);
-    if (!item) return;
-
-    const newQuantity = item.quantity + delta;
-
-    if (newQuantity > item.maxStock) {
-        console.warn('Stock insuficiente');
-        return;
-    }
-
-    if (newQuantity <= 0) {
-        removeFromCart(id);
-    } else {
-        item.quantity = newQuantity;
-    }
-};
-
-const removeFromCart = (id) => {
-    cart.value = cart.value.filter(item => item.id !== id);
-};
-
-const clearCart = () => {
-    cart.value = [];
-};
-
-// Abrir modal de pago
-const openPaymentModal = () => {
-  if (cart.value.length === 0) {
-    console.warn('El carrito está vacío');
-    return;
-  }
-  // Resetear valores del modal
-  paymentMethod.value = 'cash';
-  amountReceived.value = '';
-  paymentModalRef.value.open();
-};
-
-// Seleccionar método de pago
-const selectPaymentMethod = (method) => {
-  paymentMethod.value = method;
-  // Limpiar monto recibido al cambiar de método
-  if (method === 'credit_card') {
-    amountReceived.value = '';
-  }
-};
-
-// Calcular cambio
-const change = computed(() => {
-  if (paymentMethod.value === 'cash' && amountReceived.value) {
-    const received = parseFloat(amountReceived.value);
-    if (!isNaN(received) && received >= total.value) {
-      return received - total.value;
-    }
-  }
-  return 0;
-});
-
-// Procesar venta
-const processSale = () => {
-  // Validar pago en efectivo
-  if (paymentMethod.value === 'cash') {
-    const received = parseFloat(amountReceived.value);
-    if (!amountReceived.value || isNaN(received)) {
-      console.error('Ingresa el monto recibido');
-      // TODO: Agregar toast notification
-      return;
-    }
-    if (received < total.value) {
-      console.error(`Monto insuficiente. Faltan $${(total.value - received).toFixed(2)}`);
-      // TODO: Agregar toast notification
-      return;
-    }
-  }
-
-  // Crear registro de venta
-  const saleData = {
-    id: `SALE-${Date.now()}`,
-    timestamp: new Date(),
-    items: [...cart.value],
-    subtotal: subtotal.value,
-    tax: tax.value,
-    total: total.value,
-    paymentMethod: paymentMethod.value,
-    amountReceived: paymentMethod.value === 'cash' ? parseFloat(amountReceived.value) : undefined,
-    change: paymentMethod.value === 'cash' ? change.value : undefined,
-  };
-
-  // Guardar venta
-  sales.value.push(saleData);
-  
-  console.log('Venta procesada:', saleData);
-  console.log('Total de ventas:', sales.value.length);
-  
-  // TODO: Enviar a la API
-  // TODO: Agregar toast de éxito
-  
-  // Limpiar y cerrar
-  clearCart();
-  paymentModalRef.value.close();
-  paymentMethod.value = 'cash';
-  amountReceived.value = '';
-};
-
-// Abrir modal de corte de caja
-const openCashCloseModal = () => {
-  cashCounted.value = '';
-  cashCloseModalRef.value.open();
-};
-
-// Procesar corte de caja
-const handleCashClose = () => {
-  if (!cashCounted.value) {
-    console.error('Ingresa el efectivo contado');
-    // TODO: Agregar toast notification
-    return;
-  }
-
-  console.log('Corte de caja realizado');
-  console.log('Total ventas:', totalSalesAmount.value);
-  console.log('Diferencia:', cashDifference.value);
-  
-  // TODO: Enviar a la API
-  // TODO: Agregar toast de éxito
-  
-  // Reiniciar ventas y egresos después del corte
-  sales.value = [];
-  expenses.value = [];
-  cashCounted.value = '';
-  cashCloseModalRef.value.close();
-};
-
-// Abrir modal de egresos
-const openExpenseModal = () => {
-  expenseDescription.value = '';
-  expenseAmount.value = '';
-  expenseModalRef.value.open();
-};
-
-// Agregar egreso
-const addExpense = () => {
-  // Validar descripción
-  if (!expenseDescription.value.trim()) {
-    console.error('Ingresa una descripción del egreso');
-    // TODO: Agregar toast notification
-    return;
-  }
-
-  // Validar monto
-  const amount = parseFloat(expenseAmount.value);
-  if (!expenseAmount.value || isNaN(amount) || amount <= 0) {
-    console.error('Ingresa un monto válido');
-    // TODO: Agregar toast notification
-    return;
-  }
-
-  // Crear registro de egreso
-  const newExpense = {
-    id: `EXP-${Date.now()}`,
-    timestamp: new Date(),
-    description: expenseDescription.value.trim(),
-    amount: amount,
-  };
-
-  // Guardar egreso
-  expenses.value.push(newExpense);
-  
-  console.log('Egreso registrado:', newExpense);
-  console.log('Total de egresos:', expenses.value.length);
-  
-  // TODO: Enviar a la API
-  // TODO: Agregar toast de éxito
-  
-  // Limpiar y cerrar
-  expenseDescription.value = '';
-  expenseAmount.value = '';
-  expenseModalRef.value.close();
-};
-
-// Obtener color del badge según categoría
-const getCategoryColor = (category) => {
-    return 'blue';
-};
-
-// Formatear atributos para mostrar
-const formatAttributes = (attributes) => {
-    if (!attributes || typeof attributes !== 'object') return '';
-
-    return Object.entries(attributes)
-        .map(([key, value]) => {
-            if (Array.isArray(value)) {
-                return `${key}: ${value.join(', ')}`;
-            }
-            return `${key}: ${value}`;
-        })
-        .join(' | ');
-};
-
-onMounted(() => {
-    searcher.search();
-})
-
-</script>
-
-<template>
-    <div class="space-y-6">
-        <div class="flex justify-between items-start mt-4">
-            <div>
-                <h1 class="text-3xl font-bold tracking-tight">Punto de Venta</h1>
-                <p class="text-muted-foreground">Gestiona las ventas de productos</p>
-            </div>
-            <div class="flex gap-2">
-                <Button variant="outline" color="danger" @click="openExpenseModal">
-                    <MaterialIcon name="trending_down" class="mr-2" />
-                    Egreso
-                </Button>
-                <Button variant="outline" color="info" @click="openCashCloseModal">
-                    <MaterialIcon name="calculate" class="mr-2" />
-                    Corte de Caja
-                </Button>
-            </div>
-        </div>
-
-        <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
-            <!-- Sección de Productos -->
-            <Card class="lg:col-span-2">
-                <CardHeader>
-                    <CardTitle class="flex items-center gap-2">
-                        <MaterialIcon name="search" class="mr-2" />
-                        Productos
-                    </CardTitle>
-                </CardHeader>
-                <CardContent>
-                    <!-- Loading state -->
-                    <div v-if="searcher.loading" class="text-center py-8">
-                        <p class="text-muted-foreground">Cargando productos...</p>
-                    </div>
-
-                    <!-- Empty state -->
-                    <div v-else-if="filteredProducts.length === 0" class="text-center py-8">
-                        <MaterialIcon name="inventory_2" class="mx-auto mb-2 opacity-50" />
-                        <p class="text-muted-foreground">No hay productos disponibles</p>
-                    </div>
-
-                    <!-- Products grid -->
-                    <div v-else class="grid grid-cols-1 sm:grid-cols-2 gap-4">
-                        <Card v-for="product in filteredProducts" :key="product.id"
-                            class="hover:border-primary transition-colors"
-                            :class="{ 'opacity-50': !product.is_active }">
-                            <CardContent class="p-4 m-4">
-                                <div class="space-y-3">
-                                    <div class="flex justify-between items-start">
-                                        <div class="space-y-1 flex-1">
-                                            <h3 class="font-semibold">{{ product.name }}</h3>
-                                            <p class="text-sm text-muted-foreground">{{ product.sku }}</p>
-
-                                        </div>
-                                        <div class="flex flex-col gap-1 ml-2">
-                                            <Badge :color="getCategoryColor(product.category)">
-                                                {{ product.category }}
-                                            </Badge>
-                                        </div>
-                                    </div>
-
-                                    <div class="flex items-center justify-between">
-                                        <div>
-                                            <p class="text-2xl font-bold text-primary">${{ product.price.toFixed(2) }}
-                                            </p>
-                                            <p class="text-xs text-muted-foreground">
-                                                Stock: {{ product.stock }} unidades
-                                            </p>
-                                        </div>
-                                        <Button variant="solid" size="sm" @click="addToCart(product)"
-                                            :disabled="product.stock === 0 || !product.is_active" color="info">
-                                            <MaterialIcon name="add_shopping_cart" class="mr-1" />
-                                            Agregar
-                                        </Button>
-                                    </div>
-                                </div>
-                            </CardContent>
-                        </Card>
-                    </div>
-                </CardContent>
-            </Card>
-
-            <!-- Sección del Carrito -->
-            <Card class="lg:sticky lg:top-6 h-fit">
-                <CardHeader>
-                    <CardTitle class="flex items-center justify-between">
-                        <div class="flex items-center gap-2">
-                            <MaterialIcon name="shopping_cart" class="mr-2" />
-                            Carrito
-                        </div>
-                        <Badge variant="secondary">{{ cartItemsCount }} productos</Badge>
-                    </CardTitle>
-                </CardHeader>
-                <CardContent>
-                    <div class="space-y-4">
-                        <!-- Carrito vacío -->
-                        <div v-if="cart.length === 0" class="text-center py-8 text-muted-foreground">
-                            <MaterialIcon name="shopping_cart" class="mx-auto mb-2 opacity-50" />
-                            <p>El carrito está vacío</p>
-                        </div>
-
-                        <!-- Items del carrito -->
-                        <template v-else>
-                            <div class="space-y-3 max-h-[400px] overflow-y-auto pr-2">
-                                <Card v-for="item in cart" :key="item.id">
-                                    <CardContent class="p-3 m-3">
-                                        <div class="space-y-2">
-                                            <div class="flex justify-between items-start">
-                                                <div class="flex-1">
-                                                    <h4 class="font-medium text-sm">{{ item.name }}</h4>
-                                                    <p class="text-xs text-muted-foreground">{{ item.sku }}</p>
-                                                </div>
-                                                <Button variant="smooth" size="sm" color="danger" :iconOnly="true"
-                                                    @click="removeFromCart(item.id)">
-                                                    <MaterialIcon name="delete" />
-                                                </Button>
-                                            </div>
-
-                                            <div class="flex items-center justify-between">
-                                                <div class="flex items-center gap-2">
-                                                    <Button variant="outline" size="sm" :iconOnly="true" 
-                                                        @click="updateQuantity(item.id, -1)">
-                                                        <MaterialIcon name="remove" />
-                                                    </Button>
-                                                    <span class="text-sm font-medium w-8 text-center">
-                                                        {{ item.quantity }}
-                                                    </span>
-                                                    <Button variant="outline" size="sm" :iconOnly="true" 
-                                                        @click="updateQuantity(item.id, 1)"
-                                                        :disabled="item.quantity >= item.maxStock">
-                                                        <MaterialIcon name="add" />
-                                                    </Button>
-                                                </div>
-                                                <p class="font-semibold">
-                                                    ${{ (item.price * item.quantity).toFixed(2) }}
-                                                </p>
-                                            </div>
-                                        </div>
-                                    </CardContent>
-                                </Card>
-                            </div>
-
-                            <!-- Separador -->
-                            <div class="border-t pt-4"></div>
-
-                            <!-- Totales -->
-                            <div class="space-y-2">
-                                <div class="flex justify-between text-sm">
-                                    <span class="text-muted-foreground">Subtotal</span>
-                                    <span class="font-medium">${{ subtotal.toFixed(2) }}</span>
-                                </div>
-                                <div class="flex justify-between text-sm">
-                                    <span class="text-muted-foreground">IVA (16%)</span>
-                                    <span class="font-medium">${{ tax.toFixed(2) }}</span>
-                                </div>
-                                <div class="border-t pt-2"></div>
-                                <div class="flex justify-between text-lg font-bold">
-                                    <span>Total</span>
-                                    <span class="text-primary">${{ total.toFixed(2) }}</span>
-                                </div>
-                            </div>
-
-                            <!-- Botones de acción -->
-                            <div class="space-y-2 pt-4">
-                                <Button class="w-full" size="lg" color="success" :disabled="cart.length === 0"
-                                    @click="openPaymentModal">
-                                    <MaterialIcon name="attach_money" class="mr-2" />
-                                    Procesar Venta
-                                </Button>
-                                <Button variant="outline" class="w-full" @click="clearCart">
-                                    Limpiar Carrito
-                                </Button>
-                            </div>
-                        </template>
-                    </div>
-                </CardContent>
-            </Card>
-        </div>
-
-        <!-- Modal de Pago -->
-        <ModalShow ref="paymentModalRef" title="Procesar Pago">
-            <div class="space-y-6 p-6">
-                <!-- Total a Pagar -->
-                <Card>
-                    <CardContent class="p-4 m-4">
-                        <div class="flex justify-between items-center">
-                            <span class="text-lg font-semibold">Total a Pagar</span>
-                            <span class="text-3xl font-bold text-primary">${{ total.toFixed(2) }}</span>
-                        </div>
-                    </CardContent>
-                </Card>
-
-                <!-- Método de Pago -->
-                <div class="space-y-3">
-                    <label class="text-sm font-medium">Método de Pago</label>
-                    <div class="grid grid-cols-2 gap-3">
-                        <!-- Efectivo -->
-                        <div 
-                            class="border rounded-lg p-4 cursor-pointer transition-all"
-                            :class="paymentMethod === 'cash' ? 'border-green-500 bg-green-50 dark:bg-green-950' : 'border-gray-200 hover:bg-gray-50'"
-                            @click="selectPaymentMethod('cash')"
-                        >
-                            <div class="flex items-center gap-3">
-                                <div 
-                                    class="w-5 h-5 rounded-full border-2 flex items-center justify-center"
-                                    :class="paymentMethod === 'cash' ? 'border-green-600' : 'border-gray-300'"
-                                >
-                                    <div 
-                                        v-if="paymentMethod === 'cash'"
-                                        class="w-3 h-3 rounded-full bg-green-600"
-                                    ></div>
-                                </div>
-                                <MaterialIcon name="payments" class="text-green-600" />
-                                <span class="font-medium">Efectivo</span>
-                            </div>
-                        </div>
-
-                        <!-- Tarjeta -->
-                        <div 
-                            class="border rounded-lg p-4 cursor-pointer transition-all"
-                            :class="paymentMethod === 'credit_card' ? 'border-blue-500 bg-blue-50 dark:bg-blue-950' : 'border-gray-200 hover:bg-gray-50'"
-                            @click="selectPaymentMethod('credit_card')"
-                        >
-                            <div class="flex items-center gap-3">
-                                <div 
-                                    class="w-5 h-5 rounded-full border-2 flex items-center justify-center"
-                                    :class="paymentMethod === 'credit_card' ? 'border-blue-600' : 'border-gray-300'"
-                                >
-                                    <div 
-                                        v-if="paymentMethod === 'credit_card'"
-                                        class="w-3 h-3 rounded-full bg-blue-600"
-                                    ></div>
-                                </div>
-                                <MaterialIcon name="credit_card" class="text-blue-600" />
-                                <span class="font-medium">Tarjeta</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Monto Recibido (Solo para Efectivo) -->
-                <div v-if="paymentMethod === 'cash'" class="space-y-2">
-                    <label for="amount-received" class="text-sm font-medium">Monto Recibido</label>
-                    <Input
-                        id="amount-received"
-                        v-model="amountReceived"
-                        type="number"
-                        step="0.01"
-                        placeholder="0.00"
-                        class="w-full"
-                    />
-                </div>
-
-                <!-- Cálculo de Cambio -->
-                <Card 
-                    v-if="paymentMethod === 'cash' && amountReceived && parseFloat(amountReceived) >= total"
-                    class="bg-green-50 dark:bg-green-950 border-green-200 dark:border-green-800"
-                >
-                    <CardContent class="p-4 m-4">
-                        <div class="flex justify-between items-center">
-                            <span class="font-semibold text-green-900 dark:text-green-100">Cambio</span>
-                            <span class="text-2xl font-bold text-green-700 dark:text-green-300">
-                                ${{ change.toFixed(2) }}
-                            </span>
-                        </div>
-                    </CardContent>
-                </Card>
-            </div>
-
-            <!-- Botones del Footer -->
-            <template #buttons>
-                <Button @click="processSale" color="success">
-                    <MaterialIcon name="check_circle" class="mr-2" />
-                    Confirmar Venta
-                </Button>
-            </template>
-        </ModalShow>
-
-        <!-- Modal de Corte de Caja -->
-        <ModalShow ref="cashCloseModalRef" title="Corte de Caja">
-            <div class="space-y-6 p-6">
-                <!-- Resumen de Ventas -->
-                <div class="space-y-4">
-                    <h3 class="font-semibold text-lg">Resumen de Ventas</h3>
-                    <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-                        <Card>
-                            <CardContent class="p-4 m-4">
-                                <p class="text-sm text-muted-foreground">Total Ventas</p>
-                                <p class="text-2xl font-bold">{{ totalSalesCount }}</p>
-                            </CardContent>
-                        </Card>
-                        <Card>
-                            <CardContent class="p-4 m-4">
-                                <p class="text-sm text-muted-foreground">Ventas Efectivo</p>
-                                <p class="text-2xl font-bold text-green-600">${{ totalCashSales.toFixed(2) }}</p>
-                            </CardContent>
-                        </Card>
-                        <Card>
-                            <CardContent class="p-4 m-4">
-                                <p class="text-sm text-muted-foreground">Ventas Tarjeta</p>
-                                <p class="text-2xl font-bold text-blue-600">${{ totalCardSales.toFixed(2) }}</p>
-                            </CardContent>
-                        </Card>
-                        <Card>
-                            <CardContent class="p-4 m-4">
-                                <p class="text-sm text-muted-foreground">Total Egresos</p>
-                                <p class="text-2xl font-bold text-red-600">${{ totalExpenses.toFixed(2) }}</p>
-                            </CardContent>
-                        </Card>
-                    </div>
-                    <Card class="bg-blue-50 dark:bg-blue-950 border-blue-200">
-                        <CardContent class="p-4 m-4">
-                            <p class="text-sm text-muted-foreground">Efectivo Esperado en Caja</p>
-                            <p class="text-3xl font-bold text-blue-600">${{ expectedCash.toFixed(2) }}</p>
-                            <p class="text-xs text-muted-foreground mt-1">
-                                (Ventas en efectivo - Egresos)
-                            </p>
-                        </CardContent>
-                    </Card>
-                </div>
-
-                <!-- Detalle de Ventas -->
-                <div v-if="sales.length > 0" class="space-y-2">
-                    <h3 class="font-semibold text-lg">Detalle de Ventas</h3>
-                    <div class="border rounded-md p-4 max-h-[200px] overflow-y-auto">
-                        <div class="space-y-2">
-                            <div 
-                                v-for="sale in sales" 
-                                :key="sale.id" 
-                                class="flex justify-between items-center p-2 border-b last:border-b-0"
-                            >
-                                <div>
-                                    <p class="font-medium">{{ sale.id }}</p>
-                                    <p class="text-xs text-muted-foreground">
-                                        {{ sale.timestamp.toLocaleTimeString() }} - 
-                                        {{ sale.items.length }} items - 
-                                        {{ sale.paymentMethod === 'cash' ? 'Efectivo' : 'Tarjeta' }}
-                                    </p>
-                                </div>
-                                <p class="font-semibold">${{ sale.total.toFixed(2) }}</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Detalle de Egresos -->
-                <div v-if="expenses.length > 0" class="space-y-2">
-                    <h3 class="font-semibold text-lg">Detalle de Egresos</h3>
-                    <div class="border rounded-md p-4 max-h-[150px] overflow-y-auto">
-                        <div class="space-y-2">
-                            <div 
-                                v-for="expense in expenses" 
-                                :key="expense.id" 
-                                class="flex justify-between items-center p-2 border-b last:border-b-0"
-                            >
-                                <div>
-                                    <p class="font-medium">{{ expense.description }}</p>
-                                    <p class="text-xs text-muted-foreground">
-                                        {{ expense.timestamp.toLocaleTimeString() }}
-                                    </p>
-                                </div>
-                                <p class="font-semibold text-red-600">-${{ expense.amount.toFixed(2) }}</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Efectivo Contado -->
-                <div class="space-y-2">
-                    <label for="cash-counted" class="text-sm font-medium">Efectivo Contado</label>
-                    <Input
-                        id="cash-counted"
-                        v-model="cashCounted"
-                        type="number"
-                        step="0.01"
-                        placeholder="0.00"
-                        class="w-full"
-                    />
-                </div>
-
-                <!-- Diferencia -->
-                <Card 
-                    v-if="cashCounted"
-                    :class="{
-                        'bg-green-50 dark:bg-green-950 border-green-200': cashDifference === 0,
-                        'bg-red-50 dark:bg-red-950 border-red-200': cashDifference < 0,
-                        'bg-blue-50 dark:bg-blue-950 border-blue-200': cashDifference > 0
-                    }"
-                >
-                    <CardContent class="p-4 m-4">
-                        <div class="flex justify-between items-center">
-                            <span class="font-semibold">
-                                {{ cashDifference === 0 ? 'Cuadrado ✓' : cashDifference < 0 ? 'Faltante' : 'Sobrante' }}
-                            </span>
-                            <span class="text-xl font-bold">
-                                ${{ Math.abs(cashDifference).toFixed(2) }}
-                            </span>
-                        </div>
-                    </CardContent>
-                </Card>
-            </div>
-
-            <!-- Botones del Footer -->
-            <template #buttons>
-                <Button @click="handleCashClose" color="success">
-                    <MaterialIcon name="check_circle" class="mr-2" />
-                    Confirmar Corte
-                </Button>
-            </template>
-        </ModalShow>
-
-        <!-- Modal de Egresos -->
-        <ModalShow ref="expenseModalRef" title="Registrar Egreso">
-            <div class="space-y-6 p-6">
-                <div class="space-y-4">
-                    <!-- Descripción -->
-                    <div class="space-y-2">
-                        <label for="expense-description" class="text-sm font-medium">
-                            Descripción del Egreso
-                        </label>
-                        <Input
-                            id="expense-description"
-                            v-model="expenseDescription"
-                            type="text"
-                            placeholder="Ej: Compra de suministros, pago a proveedor, servicios..."
-                            class="w-full"
-                        />
-                        <p class="text-xs text-muted-foreground">
-                            Describe brevemente el motivo del egreso
-                        </p>
-                    </div>
-
-                    <!-- Monto -->
-                    <div class="space-y-2">
-                        <label for="expense-amount" class="text-sm font-medium">
-                            Monto
-                        </label>
-                        <div class="relative">
-                            <span class="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground">
-                                $
-                            </span>
-                            <Input
-                                id="expense-amount"
-                                v-model="expenseAmount"
-                                type="number"
-                                step="0.01"
-                                placeholder="0.00"
-                                class="w-full pl-7"
-                            />
-                        </div>
-                        <p class="text-xs text-muted-foreground">
-                            Ingresa el monto exacto del egreso
-                        </p>
-                    </div>
-
-                    <!-- Información adicional -->
-                    <Card class="bg-yellow-50 dark:bg-yellow-950 border-yellow-200">
-                        <CardContent class="p-4 m-4">
-                            <div class="flex items-start gap-3">
-                                <MaterialIcon name="info" class="text-yellow-600 mt-0.5" />
-                                <div class="text-sm">
-                                    <p class="font-semibold text-yellow-900 dark:text-yellow-100 mb-1">
-                                        Información Importante
-                                    </p>
-                                    <p class="text-yellow-800 dark:text-yellow-200">
-                                        Los egresos se descontarán del efectivo esperado en el corte de caja.
-                                        Asegúrate de ingresar la información correcta.
-                                    </p>
-                                </div>
-                            </div>
-                        </CardContent>
-                    </Card>
-
-                    <!-- Resumen actual -->
-                    <div v-if="expenses.length > 0" class="space-y-2">
-                        <h4 class="text-sm font-semibold">Egresos Registrados Hoy</h4>
-                        <div class="border rounded-md p-3 max-h-[150px] overflow-y-auto bg-gray-50 dark:bg-gray-900">
-                            <div class="space-y-2">
-                                <div 
-                                    v-for="expense in expenses" 
-                                    :key="expense.id"
-                                    class="flex justify-between items-start text-sm"
-                                >
-                                    <div class="flex-1">
-                                        <p class="font-medium">{{ expense.description }}</p>
-                                        <p class="text-xs text-muted-foreground">
-                                            {{ expense.timestamp.toLocaleTimeString() }}
-                                        </p>
-                                    </div>
-                                    <p class="font-semibold text-red-600 ml-2">
-                                        -${{ expense.amount.toFixed(2) }}
-                                    </p>
-                                </div>
-                            </div>
-                            <div class="border-t mt-2 pt-2 flex justify-between items-center font-bold">
-                                <span>Total Egresos:</span>
-                                <span class="text-red-600">-${{ totalExpenses.toFixed(2) }}</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Botones del Footer -->
-            <template #buttons>
-                <Button 
-                    @click="addExpense" 
-                    color="danger"
-                    :disabled="!expenseDescription.trim() || !expenseAmount || parseFloat(expenseAmount) <= 0"
-                >
-                    <MaterialIcon name="receipt_long" class="mr-2" />
-                    Registrar Egreso
-                </Button>
-            </template>
-        </ModalShow>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Pos/Module.js b/src/pages/Pos/Module.js
deleted file mode 100644
index 943a378..0000000
--- a/src/pages/Pos/Module.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`products.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ 
-    name: `admin.products.${name}`, params, query 
-})
-    
-// Obtener traducción del componente
-const transl = (str) => lang(`admin.products.${str}`)
-
-// Control de permisos
-const can = (permission) => hasPermission(`admin.products.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/PrivacyPolicy.vue b/src/pages/PrivacyPolicy.vue
deleted file mode 100644
index dce98ba..0000000
--- a/src/pages/PrivacyPolicy.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script setup>
-import Layout from '@Holos/Layout/TermsLayout.vue';
-
-/** Propiedades */
-defineProps({
-    policy: String,
-});
-</script>
-
-<template>
-    <Layout title="Terms of Service">
-        <div class="w-full overflow-hidden sm:rounded-lg prose" v-html="policy" />
-    </Layout>
-</template>
diff --git a/src/pages/Products/Create.vue b/src/pages/Products/Create.vue
deleted file mode 100644
index 85bdc08..0000000
--- a/src/pages/Products/Create.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-
-import IconButton from '@Holos/Button/Icon.vue'
-import PageHeader from '@Holos/PageHeader.vue';
-import Form       from './Form.vue'
-
-/** Definidores */
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    code: '',
-    sku: '',
-    name: '',
-    description: '',
-    attributes: {},
-    is_active: true,
-    warehouse_classification_ids: [],
-    comercial_classification_ids: []
-});
-
-/** Métodos */
-function submit() {
-    form.post(apiTo('store'), {
-        onSuccess: () => {
-            Notify.success(Lang('register.create.onSuccess'));
-            router.push(viewTo({ name: 'index' }));
-        }
-    });
-}
-</script>
-
-<template>
-    <PageHeader :title="transl('create.title')">
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <Form
-        action="create"
-        :form="form"
-        @submit="submit"
-    />
-</template>
\ No newline at end of file
diff --git a/src/pages/Products/Edit.vue b/src/pages/Products/Edit.vue
deleted file mode 100644
index 0e17d5c..0000000
--- a/src/pages/Products/Edit.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { RouterLink, useRoute, useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { viewTo, apiTo, transl } from './Module';
-
-import IconButton from '@Holos/Button/Icon.vue'
-import PageHeader from '@Holos/PageHeader.vue';
-import Form       from './Form.vue'
-
-/** Definiciones */
-const vroute = useRoute();
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    id: null,
-    code: '',
-    sku: '',
-    name: '',
-    description: '',
-    attributes: {},
-    is_active: true,
-    warehouse_classification_ids: [],
-    comercial_classification_ids: []
-});
-
-/** Métodos */
-function submit() {
-    form.put(apiTo('update', { product: form.id }), {
-        onSuccess: () => {
-            Notify.success(Lang('register.edit.onSuccess'));
-            router.push(viewTo({ name: 'index' }));
-        },
-    });
-}
-
-/** Ciclos */
-onMounted(() => {
-    api.get(apiTo('show', { product: vroute.params.id }), {
-        onSuccess: (r) => {
-            const product = r.product || r.data?.product;
-            
-            // Extraer IDs de clasificaciones
-            const warehouseIds = product.warehouse_classifications?.map(c => c.id) || [];
-            const comercialIds = product.comercial_classifications?.map(c => c.id) || [];
-            
-            form.fill({
-                id: product.id,
-                code: product.code,
-                sku: product.sku,
-                name: product.name,
-                description: product.description,
-                attributes: product.attributes || {},
-                is_active: product.is_active,
-                warehouse_classification_ids: warehouseIds,
-                comercial_classification_ids: comercialIds
-            });
-        }
-    });
-});
-</script>
-
-<template>
-    <PageHeader :title="transl('edit.title')">
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <Form
-        action="update"
-        :form="form"
-        @submit="submit"
-    />
-</template>
diff --git a/src/pages/Products/Form.vue b/src/pages/Products/Form.vue
deleted file mode 100644
index a3decb0..0000000
--- a/src/pages/Products/Form.vue
+++ /dev/null
@@ -1,546 +0,0 @@
-<script setup>
-import { ref, onMounted } from 'vue';
-import { comercialTo, transl } from './Module';
-import ProductService from './services/ProductService';
-import { useSearcher } from '@Services/Api';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input from '@Holos/Form/Input.vue';
-import Textarea from '@Holos/Form/Textarea.vue';
-import Selectable from '@Holos/Form/Selectable.vue';
-import Switch from '@Holos/Form/Switch.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Button from '@Holos/Button/Button.vue';
-import Badge from '@Components/ui/Tags/Badge.vue';
-import Label from "@Holos/Form/Elements/Label.vue";
-
-/** Eventos */
-const emit = defineEmits(['submit']);
-
-/** Propiedades */
-const props = defineProps({
-    action: {
-        default: 'create',
-        type: String
-    },
-    form: Object
-});
-
-/** Referencias */
-const productService = new ProductService();
-const warehouseClassifications = ref([]);
-const comercialClassifications = ref([]);
-const loadingClassifications = ref(false);
-
-const newAttrKey = ref('');
-const newAttrValue = ref('');
-
-const availableClassifications = ref([]);
-const newClassification = ref('');
-const newSubclassification = ref('');
-const selectedParentForNew = ref(null);
-
-/** Métodos */
-function submit() {
-    emit('submit');
-}
-
-/** Agregar valor a un atributo */
-function addAttributeValue() {
-    const key = newAttrKey.value.trim();
-    const value = newAttrValue.value.trim();
-
-    if (!key || !value) {
-        window.Notify?.warning('El nombre del atributo y el valor son requeridos');
-        return;
-    }
-
-    if (!props.form.attributes) {
-        props.form.attributes = {};
-    }
-
-    // Si el atributo no existe, crear array vacío
-    if (!props.form.attributes[key]) {
-        props.form.attributes[key] = [];
-    }
-
-    // Evitar valores duplicados en el mismo atributo
-    if (props.form.attributes[key].includes(value)) {
-        window.Notify?.warning(`El valor "${value}" ya existe en "${key}"`);
-        return;
-    }
-
-    // Agregar el valor al atributo
-    props.form.attributes[key].push(value);
-
-    // Solo limpiar el valor, mantener el nombre para seguir agregando
-    newAttrValue.value = '';
-
-    window.Notify?.success(`"${value}" agregado a "${key}"`);
-}
-
-/** Remover un atributo completo */
-function removeAttributeKey(attrName) {
-    if (props.form.attributes && props.form.attributes[attrName]) {
-        delete props.form.attributes[attrName];
-        window.Notify?.success(`Atributo "${attrName}" eliminado`);
-    }
-}
-
-/** Remover un valor específico de un atributo */
-function removeAttributeValue(attrName, value) {
-    if (props.form.attributes && props.form.attributes[attrName]) {
-        props.form.attributes[attrName] = props.form.attributes[attrName].filter(v => v !== value);
-
-        // Si no quedan valores, eliminar el atributo completo
-        if (props.form.attributes[attrName].length === 0) {
-            delete props.form.attributes[attrName];
-        }
-    }
-}
-
-/** Métodos para clasificaciones comerciales */
-const handleAddClassification = (classificationId) => {
-    if (!props.form.comercial_classification_ids) {
-        props.form.comercial_classification_ids = [];
-    }
-    
-    if (!props.form.comercial_classification_ids.includes(classificationId)) {
-        props.form.comercial_classification_ids.push(classificationId);
-        window.Notify?.success('Clasificación agregada correctamente');
-    }
-};
-
-const handleRemoveClassification = (classificationId) => {
-    if (!props.form.comercial_classification_ids) return;
-    
-    const index = props.form.comercial_classification_ids.indexOf(classificationId);
-    if (index > -1) {
-        props.form.comercial_classification_ids.splice(index, 1);
-    }
-};
-
-const handleCreateNewClassification = () => {
-    if (!newClassification.value.trim()) {
-        window.Notify?.error('El nombre de la clasificación es requerido');
-        return;
-    }
-
-    const newId = Math.max(...availableClassifications.value.map(c => c.id)) + 1;
-    const newClass = {
-        id: newId,
-        name: newClassification.value,
-        children: []
-    };
-
-    availableClassifications.value.push(newClass);
-    
-    window.Notify?.success(`"${newClassification.value}" agregada al sistema`);
-    
-    newClassification.value = '';
-};
-
-const handleCreateNewSubclassification = (parentId) => {
-    if (!newSubclassification.value.trim()) {
-        window.Notify?.error('El nombre de la subclasificación es requerido');
-        return;
-    }
-
-    availableClassifications.value = availableClassifications.value.map(parent => {
-        if (parent.id === parentId) {
-            const newId = parent.children && parent.children.length > 0
-                ? Math.max(...parent.children.map(c => c.id)) + 1
-                : parentId * 10 + 1;
-            
-            const newChild = {
-                id: newId,
-                name: newSubclassification.value,
-                parent_id: parentId
-            };
-            
-            return {
-                ...parent,
-                children: [...(parent.children || []), newChild]
-            };
-        }
-        return parent;
-    });
-
-    window.Notify?.success(`"${newSubclassification.value}" agregada`);
-    
-    newSubclassification.value = '';
-    selectedParentForNew.value = null;
-};
-
-const getClassificationName = (id) => {
-    for (const parent of availableClassifications.value) {
-        if (parent.id === id) return parent.name;
-        if (parent.children) {
-            const child = parent.children.find(c => c.id === id);
-            if (child) return `${parent.name} > ${child.name}`;
-        }
-    }
-    return "Desconocida";
-};
-
-/** Cargar clasificaciones de almacén */
-async function loadClassifications() {
-    loadingClassifications.value = true;
-    try {
-        const warehouse = await productService.getWarehouseClassifications();
-        warehouseClassifications.value = warehouse || [];
-    } catch (error) {
-        console.error('Error cargando clasificaciones de almacén:', error);
-        window.Notify?.error('Error al cargar las clasificaciones de almacén');
-    } finally {
-        loadingClassifications.value = false;
-    }
-}
-
-/** Cargar atributos existentes al editar */
-function loadExistingAttributes() {
-    console.log('Atributos cargados:', props.form.attributes);
-}
-
-
-const searcherComercial = useSearcher({
-    url: comercialTo('index'),
-    onSuccess: (r) => {
-        console.log('🔍 Respuesta completa (r):', r);
-        console.log('🔍 r.comercial_classifications:', r.comercial_classifications);
-        console.log('🔍 r.comercial_classifications.data:', r.comercial_classifications?.data);
-        
-        // La respuesta viene en r.comercial_classifications.data
-        const classificationsData = r?.comercial_classifications?.data || [];
-        
-        console.log('✅ classificationsData extraído:', classificationsData);
-        console.log('✅ Es array?:', Array.isArray(classificationsData));
-        console.log('✅ Length:', classificationsData.length);
-        
-        comercialClassifications.value = classificationsData;
-        availableClassifications.value = classificationsData;
-        
-        console.log('✅ availableClassifications.value asignado:', availableClassifications.value);
-        console.log('✅ Total de clasificaciones:', availableClassifications.value.length);
-    },
-    onError: (error) => {
-        console.error('❌ Error cargando clasificaciones:', error);
-        comercialClassifications.value = [];
-        availableClassifications.value = [];
-    }
-});
-
-
-/** Ciclos */
-onMounted(() => {
-    loadClassifications();
-    searcherComercial.search(); // Cargar clasificaciones comerciales
-    
-    if (props.action === 'update') {
-        loadExistingAttributes();
-    }
-    
-    // Inicializar array de clasificaciones comerciales si no existe
-    if (!props.form.comercial_classification_ids) {
-        props.form.comercial_classification_ids = [];
-    }
-});
-</script>
-
-<template>
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl(`${action}.description`)" />
-    </div>
-
-    <div class="w-full">
-        <form @submit.prevent="submit" class="space-y-6">
-            <!-- Información básica -->
-            <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-                <div class="flex items-center mb-4">
-                    <GoogleIcon name="info" class="text-blue-500 text-2xl mr-2" />
-                    <h3 class="text-lg font-semibold">{{ $t('Información Básica') }}</h3>
-                </div>
-
-                <div class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
-                    <Input v-model="form.code" id="code" :label="$t('codes')" :onError="form.errors.code" autofocus
-                        required />
-                    <Input v-model="form.sku" id="SKU" label="SKU" :onError="form.errors.sku" required />
-
-                    <Input v-model="form.name" id="name" :label="$t('name')" :onError="form.errors.name" required />
-
-                    <Input v-model="form.barcode" id="CÓDIGO DE BARRAS" :label="$t('CÓDIGO DE BARRAS')"
-                        :onError="form.errors.barcode" required />
-
-                    <div class="md:col-span-2 lg:col-span-3">
-                        <Textarea v-model="form.description" id="description" :label="$t('description')"
-                            :onError="form.errors.description" rows="3" />
-                    </div>
-
-                    <div class="flex items-center justify-between p-4 border rounded-lg">
-                        <div>
-                            <label for="">Estado del producto</label>
-                            <p class="text-sm text-muted-foreground">
-                                Activar o desactivar el producto en el catálogo
-                            </p>
-                        </div>
-
-                        <Switch v-model:checked="form.is_active" />
-
-                    </div>
-                </div>
-            </div>
-
-            <!-- Atributos dinámicos -->
-            <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-                <div class="flex items-center mb-4">
-                    <GoogleIcon name="tune" class="text-green-500 text-2xl mr-2" />
-                    <h3 class="text-lg font-semibold">{{ $t('Atributos del Producto') }}</h3>
-                </div>
-
-                <div class="space-y-3 p-4 border rounded-lg bg-muted/20">
-                    <div class="flex items-center justify-between">
-                        <div>
-                            <Label class="text-base">Atributos del Producto</Label>
-                            <p class="text-sm text-muted-foreground">
-                                Define atributos (ej: Color) y agrega múltiples valores (Negro, Azul, Rojo)
-                            </p>
-                        </div>
-                    </div>
-
-                    <div class="space-y-2">
-                        <label class="text-sm font-medium">Agregar Atributo y Valores</label>
-                        <div class="flex gap-2">
-                            <div class="flex-1">
-                                <Input v-model="newAttrKey"
-                                    placeholder="Nombre del atributo (ej: Color, Procesador, RAM)" />
-                            </div>
-                            <div class="flex-1 flex gap-2">
-                                <Input v-model="newAttrValue"
-                                    placeholder="Valor (ej: Negro) - presiona Enter o + para agregar"
-                                    @keypress.enter.prevent="addAttributeValue" />
-                                <Button color="info" variant="solid" @click="addAttributeValue">
-                                    <GoogleIcon name="add" class="mr-1" />
-                                    {{ $t('Agregar') }}
-                                </Button>
-                            </div>
-                        </div>
-                        <p v-if="newAttrKey" class="text-xs text-muted-foreground ml-1">
-                            💡 Agregando valores al atributo: <span class="font-semibold">{{ newAttrKey }}</span>
-                        </p>
-                    </div>
-
-                    <!-- Mostrar atributos configurados -->
-                    <div v-if="form.attributes && Object.keys(form.attributes).length > 0"
-                        class="space-y-3 mt-4 pt-4 border-t">
-                        <label class="text-sm font-medium">Atributos Configurados</label>
-                        <div v-for="(values, attrName) in form.attributes" :key="attrName"
-                            class="space-y-2 p-3 border rounded-lg bg-background">
-                            <div class="flex items-center justify-between">
-                                <label class="text-sm font-semibold text-primary">{{ attrName }}</label>
-                                <button type="button" @click="removeAttributeKey(attrName)"
-                                    class="px-2 py-1 text-xs text-red-600 hover:text-red-700 hover:bg-red-50 rounded transition-colors flex items-center gap-1">
-                                    <GoogleIcon name="delete" class="text-sm" />
-                                    Eliminar atributo
-                                </button>
-                            </div>
-                            <div class="flex flex-wrap gap-2">
-                                <Badge v-for="value in values" :key="value" color="default"
-                                    class="flex items-center gap-1">
-                                    {{ value }}
-                                    <GoogleIcon name="close" class="text-xs cursor-pointer hover:text-red-600"
-                                        @click="removeAttributeValue(attrName, value)" />
-                                </Badge>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Estado vacío -->
-                    <div v-else class="text-center py-8 text-gray-500">
-                        <GoogleIcon name="settings" class="text-4xl mb-2" />
-                        <p class="text-sm">No hay atributos personalizados</p>
-                        <p class="text-xs">Haz clic en "Agregar" para crear uno</p>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Clasificaciones -->
-            <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-
-                <div class="grid gap-4 grid-cols-1">
-
-                    <!-- Clasificaciones Comerciales con jerarquía -->
-                    <div class="space-y-4 p-4 border rounded-lg bg-muted/20">
-                        <div>
-                            <Label class="text-base">Clasificaciones Comerciales</Label>
-                            <p class="text-sm text-muted-foreground">
-                                Selecciona clasificaciones y subclasificaciones, o crea nuevas
-                            </p>
-                        </div>
-
-                        <!-- Estado de carga -->
-                        <div v-if="searcherComercial.loading" class="text-center py-8">
-                            <GoogleIcon name="sync" class="text-4xl text-blue-500 animate-spin mb-2" />
-                            <p class="text-sm text-muted-foreground">Cargando clasificaciones...</p>
-                        </div>
-
-                        <!-- Lista de clasificaciones disponibles con jerarquía -->
-                        <div v-else-if="availableClassifications.length > 0" class="space-y-3">
-                            <div v-for="parent in availableClassifications" :key="parent.id" 
-                                 class="space-y-2 p-3 border rounded-lg bg-background">
-                                
-                                <!-- Clasificación Principal -->
-                                <div class="flex items-center justify-between">
-                                    <Button
-                                        type="button"
-                                        :color="form.comercial_classification_ids?.includes(parent.id) ? 'success' :'info'"
-                                        :variant="form.comercial_classification_ids?.includes(parent.id) ? 'solid' : 'outline'"
-                                        size="sm"
-                                        @click="form.comercial_classification_ids?.includes(parent.id)
-                                            ? handleRemoveClassification(parent.id)
-                                            : handleAddClassification(parent.id)"
-                                        class="font-semibold"
-                                    >
-                                        {{ parent.name }}
-                                    </Button>
-                                    <Button
-                                        type="button"
-                                        variant="ghost"
-                                        size="sm"
-                                        @click="selectedParentForNew = selectedParentForNew === parent.id ? null : parent.id"
-                                    >
-                                        <GoogleIcon name="add" class="mr-1" />
-                                        Agregar subclasificación
-                                    </Button>
-                                </div>
-
-                                <!-- Subclasificaciones -->
-                                <div v-if="parent.children && parent.children.length > 0" 
-                                     class="flex flex-wrap gap-2 ml-4 pl-4 border-l-2">
-                                    <Button
-                                        v-for="child in parent.children"
-                                        :key="child.id"
-                                        type="button"
-                                        :color="form.comercial_classification_ids?.includes(child.id) ? 'success' :'warning'"
-                                        :variant="form.comercial_classification_ids?.includes(child.id) ? 'solid' : 'outline'"
-                                        size="sm"
-                                        @click="form.comercial_classification_ids?.includes(child.id)
-                                            ? handleRemoveClassification(child.id)
-                                            : handleAddClassification(child.id)"
-                                    >
-                                        {{ child.name }}
-                                        <GoogleIcon v-if="form.comercial_classification_ids?.includes(child.id)" 
-                                                    name="close" class="ml-2 text-xs" />
-                                    </Button>
-                                </div>
-
-                                <!-- Formulario para agregar subclasificación -->
-                                <div v-if="selectedParentForNew === parent.id" class="flex gap-2 ml-4 mt-2">
-                                    <Input
-                                        v-model="newSubclassification"
-                                        placeholder="Nombre de la subclasificación"
-                                        @keypress.enter.prevent="handleCreateNewSubclassification(parent.id)"
-                                        class="flex-1"
-                                    />
-                                    <Button 
-                                        type="button" 
-                                        @click="handleCreateNewSubclassification(parent.id)" 
-                                        size="sm"
-                                        color="primary"
-                                    >
-                                        <GoogleIcon name="add" />
-                                    </Button>
-                                    <Button 
-                                        type="button" 
-                                        @click="() => { selectedParentForNew = null; newSubclassification = ''; }" 
-                                        size="sm" 
-                                        variant="ghost"
-                                    >
-                                        <GoogleIcon name="close" />
-                                    </Button>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Estado vacío -->
-                        <div v-else class="text-center py-8 text-muted-foreground">
-                            <GoogleIcon name="category" class="text-4xl mb-2" />
-                            <p class="text-sm">No hay clasificaciones disponibles</p>
-                            <p class="text-xs mt-1">Crea una nueva clasificación para comenzar</p>
-                            <p class="text-xs mt-2 text-red-500">Debug: {{ availableClassifications.length }} items</p>
-                        </div>
-
-                        <!-- Crear nueva clasificación principal -->
-                        <div v-if="!searcherComercial.loading" class="flex gap-2 pt-2 border-t">
-                            <Input
-                                v-model="newClassification"
-                                placeholder="Nueva clasificación principal"
-                                @keypress.enter.prevent="handleCreateNewClassification"
-                            />
-                            <Button 
-                                type="button" 
-                                @click="handleCreateNewClassification" 
-                                size="sm" 
-                                color="info"
-
-                            >
-                                <GoogleIcon name="add" class="mr-2" />
-                                Crear
-                            </Button>
-                        </div>
-
-                        <!-- Clasificaciones seleccionadas -->
-                        <div v-if="form.comercial_classification_ids && form.comercial_classification_ids.length > 0" class="pt-3 border-t">
-                            <Label class="text-sm">Seleccionadas ({{ form.comercial_classification_ids.length }}):</Label>
-                            <div class="flex flex-wrap gap-2 mt-2">
-                                <Badge 
-                                    v-for="classId in form.comercial_classification_ids" 
-                                    :key="classId"
-                                    color="primary"
-                                    class="flex items-center gap-1"
-                                >
-                                    {{ getClassificationName(classId) }}
-                                    <GoogleIcon 
-                                        name="close" 
-                                        class="text-xs cursor-pointer hover:text-red-600"
-                                        @click="handleRemoveClassification(classId)" 
-                                    />
-                                </Badge>
-                            </div>
-                        </div>
-
-                        <!-- Mensaje cuando no hay seleccionadas -->
-                        <div v-else class="text-center py-6 text-muted-foreground text-sm">
-                            <GoogleIcon name="category" class="text-4xl mb-2" />
-                            <p>No hay clasificaciones seleccionadas</p>
-                            <p class="text-xs mt-1">Selecciona clasificaciones para organizar tu producto</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Slot para campos adicionales -->
-            <slot />
-
-            <!-- Botón de submit -->
-            <div class="flex justify-center">
-                <PrimaryButton v-text="$t(action)" :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing" class="px-8 py-3" />
-            </div>
-        </form>
-    </div>
-</template>
-
-<style scoped>
-@keyframes spin {
-    from {
-        transform: rotate(0deg);
-    }
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-.animate-spin {
-    animation: spin 1s linear infinite;
-}
-</style>
\ No newline at end of file
diff --git a/src/pages/Products/Index.vue b/src/pages/Products/Index.vue
deleted file mode 100644
index 9012552..0000000
--- a/src/pages/Products/Index.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-<script setup>
-import { ref, onMounted } from 'vue';
-import { useRouter } from 'vue-router';
-import { useSearcher } from '@Services/Api';
-import { can, apiTo, viewTo, transl } from './Module'
-
-import IconButton from '@Holos/Button/Icon.vue'
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-import SearcherHead from '@Holos/Searcher.vue';
-import Table from '@Components/ui/Table/Table.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import ShowView from './Modals/Show.vue';
-
-import Button from '@Holos/Button/Button.vue';
-import Card from '@Holos/Card/Card.vue';
-import CardContent from '@Holos/Card/CardContent.vue';
-import CardHeader from '@Holos/Card/CardHeader.vue';
-import CardTitle from '@Holos/Card/CardTitle.vue';
-import Badge from '@Components/ui/Tags/Badge.vue';
-import MaterialIcon from '@Components/ui/Icons/MaterialIcon.vue';
-
-/** Propiedades */
-const models = ref();
-const router = useRouter();
-/** Configuración de paginación */
-const pagination = ref({
-    currentPage: 1,
-    pageSize: 10,
-    totalItems: 0
-});
-
-/** Referencias */
-const showModal = ref(false);
-const destroyModal = ref(false);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => {
-        // Si hay productos de la API, los usamos
-        models.value = r.products;
-        // Actualizar paginación con el total de items
-        pagination.value.totalItems = r.products?.data?.length || 0;
-    },
-    onError: (error) => {
-        console.error(error);
-        // En caso de error, usamos datos de prueba
-    }
-});
-
-/** Función para formatear atributos */
-const formatAttributes = (attributes) => {
-    if (!attributes) return '-';
-
-    const formatted = Object.entries(attributes).map(([key]) => {
-        return `${key}`;
-    }).join(' | ');
-
-    return formatted.length > 50 ? formatted.substring(0, 50) + '...' : formatted;
-};
-
-/** Configuración de columnas para la tabla */
-const columns = ref([
-    {
-        key: 'code',
-        label: 'Código',
-        sortable: true,
-        width: '120px'
-    },
-    {
-        key: 'sku',
-        label: 'SKU',
-        sortable: true,
-        width: '120px'
-    },
-    {
-        key: 'name',
-        label: 'Nombre',
-        sortable: true
-    },
-    {
-        key: 'description',
-        label: 'Descripción',
-        sortable: false
-    },
-    {
-        key: 'attributes',
-        label: 'Atributos',
-        sortable: false,
-        formatter: (value) => formatAttributes(value)
-    },
-    {
-        key: 'is_active',
-        label: 'Estado',
-        sortable: true,
-        width: '100px'
-    },
-    {
-        key: 'created_at',
-        label: 'Fecha Creación',
-        sortable: true,
-        width: '140px'
-    },
-    {
-        key: 'actions',
-        label: 'Acciones',
-        sortable: false,
-        width: '140px'
-    }
-]);
-
-
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-})
-
-</script>
-
-<template>
-    <div class="space-y-6">
-        <div class="flex items-center justify-between">
-            <div>
-                <h1 className="text-3xl font-bold text-foreground">Productos</h1>
-                <p className="text-muted-foreground">
-                    Gestión del catálogo de productos
-                </p>
-            </div>
-            <RouterLink
-                
-                :to="viewTo({ name: 'create' })"
-            >
-            <!-- v-if="can('create')" -->
-                <Button color="info">
-                    <MaterialIcon name="add" class="mr-2" />
-                    Nuevo producto
-                </Button>
-            </RouterLink>
-            
-        </div>
-
-        <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
-            <Card>
-                <CardContent class="p-4">
-                    <div class="flex items-center space-x-2">
-                        <MaterialIcon name="inventory_2" class="h-8 w-8" />
-                        <div>
-                            <p class="text-sm text-muted-foreground">3</p>
-                            <p class="text-sm text-muted-foreground">Total Productos</p>
-                        </div>
-                    </div>
-                </CardContent>
-            </Card>
-        </div>
-
-        <Card>
-            <CardHeader>
-                <CardTitle>Catálogo de Productos</CardTitle>
-            </CardHeader>
-            <CardContent>
-                <div class="flex items-center space-x-4 mb-6">
-                    <p>Buscador</p>
-                </div>
-
-                <Table v-if="models?.data" :columns="columns" :data="models?.data" :loading="false" :sortable="true"
-                    :pagination="pagination" emptyMessage="No hay productos disponibles">
-                    <template #cell-attributes="{ value }">
-                        <div class="flex gap-1 flex-wrap">
-                            <Badge v-for="(val, key) in value" :key="key" :dot="false">
-                                {{ key }}
-                            </Badge>
-                        </div>
-                    </template>
-                    <!-- Slot personalizado para la columna is_active -->
-                    <template #cell-is_active="{ value, row }">
-                        <Badge :color="value ? 'green' : 'red'">
-                            {{ value ? 'Activo' : 'Inactivo' }}
-                        </Badge>
-                    </template>
-                    <template #cell-actions="{ row }">
-                        <div class="flex space-x-2">
-                            <Button size="sm" color="info" variant="smooth" @click="showModal = true" :iconOnly="true">
-                                <MaterialIcon name="visibility" :size="16"/>
-                            </Button>
-                            <Button size="sm" color="warning" variant="smooth" @click="showModal = true" :iconOnly="true">
-                                <MaterialIcon name="edit" :size="16"/>
-                            </Button>
-                            <Button size="sm" color="danger" variant="smooth" @click="showModal = true" :iconOnly="true">
-                                <MaterialIcon name="delete" :size="16"/>
-                            </Button>
-                        </div>
-                    </template>
-                </Table>
-            </CardContent>
-        </Card>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Products/Modals/Show.vue b/src/pages/Products/Modals/Show.vue
deleted file mode 100644
index b4b163b..0000000
--- a/src/pages/Products/Modals/Show.vue
+++ /dev/null
@@ -1,342 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { getDateTime } from '@Controllers/DateController';
-import { viewTo, apiTo } from '../Module';
-import ProductService from '../services/ProductService';
-import Notify from '@Plugins/Notify';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Button     from '@Holos/Button/Button.vue';
-import IconButton from '@Holos/Button/Icon.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close', 
-    'reload'
-]);
-
-/** Servicios */
-const productService = new ProductService();
-const router = useRouter();
-
-/** Propiedades */
-const model    = ref(null);
-const loading  = ref(false);
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-    emit('close');
-}
-
-/** Función para actualizar el estado del producto */
-async function toggleStatus(item) {
-    if (loading.value) return;
-    
-    const newStatus = !item.is_active;
-    
-    try {
-        loading.value = true;
-        
-        // Usar el servicio para actualizar el estado
-        await productService.updateStatus(item.id, newStatus);
-        
-        // Actualizar el modelo local
-        item.is_active = newStatus;
-        
-        // Notificación de éxito
-        const statusText = newStatus ? 'activado' : 'desactivado';
-        Notify.success(
-            `Producto "${item.code}" ${statusText} exitosamente`,
-            'Estado actualizado'
-        );
-        
-        // Emitir evento para recargar la lista principal si es necesario
-        emit('reload');
-        
-    } catch (error) {
-        console.error('Error actualizando estado:', error);
-        
-        // Manejo específico de errores según la estructura de tu API
-        let errorMessage = 'Error al actualizar el estado del producto';
-        let errorTitle = 'Error';
-        
-        if (error?.response?.data) {
-            const errorData = error.response.data;
-            
-            // Caso 1: Error con estructura específica de tu API
-            if (errorData.status === 'error') {
-                if (errorData.errors) {
-                    // Errores de validación - extraer el primer error
-                    const firstField = Object.keys(errorData.errors)[0];
-                    const firstError = errorData.errors[firstField];
-                    errorMessage = Array.isArray(firstError) ? firstError[0] : firstError;
-                    errorTitle = 'Error de validación';
-                } else if (errorData.message) {
-                    // Mensaje general del error
-                    errorMessage = errorData.message;
-                    errorTitle = 'Error del servidor';
-                }
-            }
-            // Caso 2: Otros formatos de error
-            else if (errorData.message) {
-                errorMessage = errorData.message;
-            }
-        } else if (error?.message) {
-            // Error genérico de la petición (red, timeout, etc.)
-            errorMessage = `Error de conexión: ${error.message}`;
-            errorTitle = 'Error de red';
-        }
-        
-        // Notificación de error
-        Notify.error(errorMessage, errorTitle);
-    } finally {
-        loading.value = false;
-    }
-}
-
-/** Función para editar producto */
-function editProduct() {
-    const editUrl = viewTo({ name: 'edit', params: { id: model.value.id } });
-    router.push(editUrl);
-    close();
-}
-
-/** Función para duplicar producto */
-async function duplicateProduct() {
-    if (loading.value) return;
-    
-    try {
-        loading.value = true;
-        
-        await productService.duplicate(model.value.id);
-        
-        Notify.success(
-            `Producto "${model.value.code}" duplicado exitosamente`,
-            'Producto duplicado'
-        );
-        
-        emit('reload');
-        close();
-        
-    } catch (error) {
-        console.error('Error duplicando producto:', error);
-        Notify.error('Error al duplicar el producto');
-    } finally {
-        loading.value = false;
-    }
-}
-
-/** Función para formatear atributos */
-const formatAttributesDisplay = (attributes) => {
-    if (!attributes || typeof attributes !== 'object') return [];
-    return Object.entries(attributes).map(([key, value]) => ({ key, value }));
-};
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    }
-});
-</script>
-
-<template>
-    <ShowModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model">
-            <Header
-                :title="model.code"
-                :subtitle="model.name"
-            >
-                <div class="flex w-full flex-col">
-                    <div class="flex w-full justify-center items-center">
-                        <div class="w-24 h-24 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
-                            <GoogleIcon 
-                                class="text-white text-3xl"
-                                name="inventory_2"
-                            />
-                        </div>
-                    </div>
-                </div>
-            </Header>
-            
-            <div class="flex w-full p-4 space-y-6">
-                <!-- Información básica -->
-                <div class="w-full space-y-6">
-                    <div class="flex items-start">
-                        <GoogleIcon 
-                            class="text-xl text-success mt-1"
-                            name="info"
-                        />
-                        <div class="pl-3 w-full">
-                            <p class="font-bold text-lg leading-none pb-3">
-                                {{ $t('details') }}
-                            </p>
-                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                                <div>
-                                    <p>
-                                        <b>{{ $t('code') }}: </b>
-                                        <code class="font-mono text-sm bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded">
-                                            {{ model.code }}
-                                        </code>
-                                    </p>
-                                    <p class="mt-2">
-                                        <b>SKU: </b>
-                                        <code class="font-mono text-sm bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded">
-                                            {{ model.sku }}
-                                        </code>
-                                    </p>
-                                    <p class="mt-2">
-                                        <b>{{ $t('name') }}: </b>
-                                        {{ model.name }}
-                                    </p>
-                                    <p class="mt-2" v-if="model.description">
-                                        <b>{{ $t('description') }}: </b>
-                                        {{ model.description }}
-                                    </p>
-                                </div>
-                                <div>
-                                    <p>
-                                        <b>{{ $t('status') }}: </b>
-                                        <Button
-                                            :variant="'smooth'"
-                                            :color="model.is_active ? 'success' : 'danger'"
-                                            :size="'sm'"
-                                            :loading="loading"
-                                            @click="toggleStatus(model)"
-                                        >
-                                            {{ model.is_active ? $t('Activo') : $t('Inactivo') }}
-                                        </Button>
-                                    </p>
-                                    <p class="mt-2">
-                                        <b>{{ $t('created_at') }}: </b>
-                                        {{ getDateTime(model.created_at) }}
-                                    </p>
-                                    <p class="mt-2">
-                                        <b>{{ $t('updated_at') }}: </b>
-                                        {{ getDateTime(model.updated_at) }}
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <!-- Atributos personalizados -->
-                    <div v-if="model.attributes && Object.keys(model.attributes).length > 0" class="pt-6 border-t border-gray-200 dark:border-gray-700">
-                        <div class="flex items-start">
-                            <GoogleIcon 
-                                class="text-xl text-warning mt-1"
-                                name="tune"
-                            />
-                            <div class="pl-3 w-full">
-                                <p class="font-bold text-lg leading-none pb-3">
-                                    {{ $t('Atributos Personalizados') }}
-                                </p>
-                                <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
-                                    <div 
-                                        v-for="attr in formatAttributesDisplay(model.attributes)" 
-                                        :key="attr.key"
-                                        class="flex items-center p-3 bg-gray-50 dark:bg-gray-800 rounded-lg"
-                                    >
-                                        <div class="flex-1">
-                                            <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wide">
-                                                {{ attr.key }}
-                                            </p>
-                                            <p class="font-semibold text-sm">
-                                                {{ attr.value }}
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <!-- Clasificaciones -->
-                    <div v-if="(model.warehouse_classifications && model.warehouse_classifications.length > 0) || (model.comercial_classifications && model.comercial_classifications.length > 0)" class="pt-6 border-t border-gray-200 dark:border-gray-700">
-                        <div class="flex items-start">
-                            <GoogleIcon 
-                                class="text-xl text-primary mt-1"
-                                name="category"
-                            />
-                            <div class="pl-3 w-full">
-                                <p class="font-bold text-lg leading-none pb-3">
-                                    {{ $t('Clasificaciones') }}
-                                </p>
-                                
-                                <!-- Clasificaciones de Almacén -->
-                                <div v-if="model.warehouse_classifications && model.warehouse_classifications.length > 0" class="mb-4">
-                                    <p class="text-sm font-semibold text-gray-600 dark:text-gray-400 mb-2">
-                                        Clasificaciones de Almacén
-                                    </p>
-                                    <div class="flex flex-wrap gap-2">
-                                        <span 
-                                            v-for="classification in model.warehouse_classifications" 
-                                            :key="'w-' + classification.id"
-                                            class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800 dark:bg-blue-800 dark:text-blue-100"
-                                        >
-                                            <code class="mr-2 text-xs">{{ classification.code }}</code>
-                                            {{ classification.name }}
-                                        </span>
-                                    </div>
-                                </div>
-                                
-                                <!-- Clasificaciones Comerciales -->
-                                <div v-if="model.comercial_classifications && model.comercial_classifications.length > 0">
-                                    <p class="text-sm font-semibold text-gray-600 dark:text-gray-400 mb-2">
-                                        Clasificaciones Comerciales
-                                    </p>
-                                    <div class="flex flex-wrap gap-2">
-                                        <span 
-                                            v-for="classification in model.comercial_classifications" 
-                                            :key="'c-' + classification.id"
-                                            class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-purple-100 text-purple-800 dark:bg-purple-800 dark:text-purple-100"
-                                        >
-                                            <code class="mr-2 text-xs">{{ classification.code }}</code>
-                                            {{ classification.name }}
-                                        </span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <!-- Acciones rápidas -->
-                    <div class="pt-6 border-t border-gray-200 dark:border-gray-700">
-                        <div class="flex items-center justify-center gap-3">
-                            <Button
-                                :variant="'outline'"
-                                :color="'primary'"
-                                :loading="loading"
-                                @click="editProduct"
-                            >
-                                <GoogleIcon name="edit" class="mr-2" />
-                                {{ $t('crud.edit') }}
-                            </Button>
-                            
-                            <Button
-                                :variant="'outline'"
-                                :color="'info'"
-                                :loading="loading"
-                                @click="duplicateProduct"
-                            >
-                                <GoogleIcon name="content_copy" class="mr-2" />
-                                {{ $t('Duplicar') }}
-                            </Button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ShowModal>
-</template>
diff --git a/src/pages/Products/Module.js b/src/pages/Products/Module.js
deleted file mode 100644
index d410ef1..0000000
--- a/src/pages/Products/Module.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`products.${name}`, params)
-const comercialTo = (name, params = {}) => route(`comercial-classifications.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ 
-    name: `admin.products.${name}`, params, query 
-})
-    
-// Obtener traducción del componente
-const transl = (str) => lang(`admin.products.${str}`)
-
-// Control de permisos
-const can = (permission) => hasPermission(`admin.products.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    comercialTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Products/a.jsx b/src/pages/Products/a.jsx
deleted file mode 100644
index 4bbb939..0000000
--- a/src/pages/Products/a.jsx
+++ /dev/null
@@ -1,300 +0,0 @@
-import { useState } from "react"
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Badge } from "@/components/ui/badge"
-import { 
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table"
-import { 
-  Plus, 
-  Search, 
-  Filter, 
-  Edit, 
-  Trash2,
-  Package,
-  MoreHorizontal
-} from "lucide-react"
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu"
-
-// Mock data
-const products = [
-  {
-    id: 1,
-    code: "PROD-001",
-    name: "Laptop Dell Inspiron 15",
-    description: "Laptop empresarial de alto rendimiento",
-    category: "Electrónicos > Computadoras",
-    brand: "Dell",
-    price: 15999.00,
-    stock: 45,
-    minStock: 10,
-    status: "active",
-    lastUpdated: "2024-01-15"
-  },
-  {
-    id: 2,
-    code: "PROD-002", 
-    name: "Mouse Inalámbrico Logitech",
-    description: "Mouse óptico inalámbrico con receptor USB",
-    category: "Electrónicos > Accesorios",
-    brand: "Logitech",
-    price: 599.00,
-    stock: 120,
-    minStock: 25,
-    status: "active",
-    lastUpdated: "2024-01-14"
-  },
-  {
-    id: 3,
-    code: "PROD-003",
-    name: "Monitor LG 24 pulgadas",
-    description: "Monitor LED Full HD con conexión HDMI",
-    category: "Electrónicos > Monitores",
-    brand: "LG",
-    price: 3299.00,
-    stock: 8,
-    minStock: 15,
-    status: "low-stock",
-    lastUpdated: "2024-01-13"
-  },
-  {
-    id: 4,
-    code: "PROD-004",
-    name: "Teclado Mecánico RGB",
-    description: "Teclado mecánico para gaming con iluminación RGB",
-    category: "Electrónicos > Accesorios",
-    brand: "Corsair",
-    price: 2199.00,
-    stock: 0,
-    minStock: 5,
-    status: "out-of-stock",
-    lastUpdated: "2024-01-12"
-  },
-  {
-    id: 5,
-    code: "PROD-005",
-    name: "Webcam HD Logitech",
-    description: "Cámara web HD para videoconferencias",
-    category: "Electrónicos > Accesorios",
-    brand: "Logitech",
-    price: 899.00,
-    stock: 32,
-    minStock: 10,
-    status: "active",
-    lastUpdated: "2024-01-11"
-  }
-]
-
-const getStatusBadge = (status: string, stock: number, minStock: number) => {
-  if (stock === 0) {
-    return <Badge variant="destructive">Sin Stock</Badge>
-  }
-  if (stock <= minStock) {
-    return <Badge className="bg-warning text-warning-foreground">Stock Bajo</Badge>
-  }
-  return <Badge className="bg-success text-success-foreground">Activo</Badge>
-}
-
-export default function Products() {
-  const [searchTerm, setSearchTerm] = useState("")
-  const [filteredProducts, setFilteredProducts] = useState(products)
-
-  const handleSearch = (term: string) => {
-    setSearchTerm(term)
-    const filtered = products.filter(product =>
-      product.name.toLowerCase().includes(term.toLowerCase()) ||
-      product.code.toLowerCase().includes(term.toLowerCase()) ||
-      product.brand.toLowerCase().includes(term.toLowerCase())
-    )
-    setFilteredProducts(filtered)
-  }
-
-  return (
-    <div className="space-y-6">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-3xl font-bold text-foreground">Productos</h1>
-          <p className="text-muted-foreground">
-            Gestión del catálogo de productos
-          </p>
-        </div>
-        <Button className="bg-primary hover:bg-primary-hover">
-          <Plus className="w-4 h-4 mr-2" />
-          Nuevo Producto
-        </Button>
-      </div>
-
-      {/* Stats Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <Card>
-          <CardContent className="p-4">
-            <div className="flex items-center space-x-2">
-              <Package className="w-8 h-8 text-primary" />
-              <div>
-                <p className="text-2xl font-bold text-metric-value">{products.length}</p>
-                <p className="text-sm text-muted-foreground">Total Productos</p>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-        <Card>
-          <CardContent className="p-4">
-            <div className="flex items-center space-x-2">
-              <div className="w-8 h-8 rounded-full bg-success flex items-center justify-center">
-                <span className="text-success-foreground font-bold text-sm">✓</span>
-              </div>
-              <div>
-                <p className="text-2xl font-bold text-success">
-                  {products.filter(p => p.status === "active").length}
-                </p>
-                <p className="text-sm text-muted-foreground">Activos</p>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-        <Card>
-          <CardContent className="p-4">
-            <div className="flex items-center space-x-2">
-              <div className="w-8 h-8 rounded-full bg-warning flex items-center justify-center">
-                <span className="text-warning-foreground font-bold text-sm">!</span>
-              </div>
-              <div>
-                <p className="text-2xl font-bold text-warning">
-                  {products.filter(p => p.status === "low-stock").length}
-                </p>
-                <p className="text-sm text-muted-foreground">Stock Bajo</p>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-        <Card>
-          <CardContent className="p-4">
-            <div className="flex items-center space-x-2">
-              <div className="w-8 h-8 rounded-full bg-destructive flex items-center justify-center">
-                <span className="text-destructive-foreground font-bold text-sm">×</span>
-              </div>
-              <div>
-                <p className="text-2xl font-bold text-destructive">
-                  {products.filter(p => p.status === "out-of-stock").length}
-                </p>
-                <p className="text-sm text-muted-foreground">Sin Stock</p>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </div>
-
-      {/* Filters and Search */}
-      <Card>
-        <CardHeader>
-          <CardTitle>Catálogo de Productos</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <div className="flex items-center space-x-4 mb-6">
-            <div className="relative flex-1 max-w-sm">
-              <Search className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
-              <Input
-                placeholder="Buscar productos..."
-                value={searchTerm}
-                onChange={(e) => handleSearch(e.target.value)}
-                className="pl-10"
-              />
-            </div>
-            <Button variant="outline">
-              <Filter className="w-4 h-4 mr-2" />
-              Filtros
-            </Button>
-          </div>
-
-          {/* Products Table */}
-          <div className="rounded-md border">
-            <Table>
-              <TableHeader>
-                <TableRow>
-                  <TableHead>Código</TableHead>
-                  <TableHead>Producto</TableHead>
-                  <TableHead>Categoría</TableHead>
-                  <TableHead>Marca</TableHead>
-                  <TableHead>Precio</TableHead>
-                  <TableHead>Stock</TableHead>
-                  <TableHead>Estado</TableHead>
-                  <TableHead className="w-10"></TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {filteredProducts.map((product) => (
-                  <TableRow key={product.id}>
-                    <TableCell className="font-mono text-sm">
-                      {product.code}
-                    </TableCell>
-                    <TableCell>
-                      <div>
-                        <p className="font-medium">{product.name}</p>
-                        <p className="text-sm text-muted-foreground">
-                          {product.description}
-                        </p>
-                      </div>
-                    </TableCell>
-                    <TableCell className="text-sm">
-                      {product.category}
-                    </TableCell>
-                    <TableCell>{product.brand}</TableCell>
-                    <TableCell className="font-mono">
-                      ${product.price.toLocaleString('es-MX')}
-                    </TableCell>
-                    <TableCell>
-                      <div className="text-right">
-                        <p className="font-medium">{product.stock}</p>
-                        <p className="text-xs text-muted-foreground">
-                          Min: {product.minStock}
-                        </p>
-                      </div>
-                    </TableCell>
-                    <TableCell>
-                      {getStatusBadge(product.status, product.stock, product.minStock)}
-                    </TableCell>
-                    <TableCell>
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild>
-                          <Button variant="ghost" size="sm">
-                            <MoreHorizontal className="w-4 h-4" />
-                          </Button>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent align="end">
-                          <DropdownMenuItem>
-                            <Edit className="w-4 h-4 mr-2" />
-                            Editar
-                          </DropdownMenuItem>
-                          <DropdownMenuItem>
-                            <Package className="w-4 h-4 mr-2" />
-                            Ver Stock
-                          </DropdownMenuItem>
-                          <DropdownMenuItem className="text-destructive">
-                            <Trash2 className="w-4 h-4 mr-2" />
-                            Eliminar
-                          </DropdownMenuItem>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/src/pages/Products/interfaces/products.interfaces.js b/src/pages/Products/interfaces/products.interfaces.js
deleted file mode 100644
index d8035c5..0000000
--- a/src/pages/Products/interfaces/products.interfaces.js
+++ /dev/null
@@ -1,82 +0,0 @@
-/**
- * Interfaces para Products
- * 
- * @author Sistema
- * @version 1.0.0
- */
-
-/**
- * @typedef {Object} Product
- * @property {number} id - ID del producto
- * @property {string} code - Código del producto
- * @property {string} sku - SKU del producto
- * @property {string} name - Nombre del producto
- * @property {string|null} description - Descripción del producto
- * @property {Object|null} attributes - Atributos dinámicos del producto (JSON)
- * @property {boolean} is_active - Estado activo/inactivo
- * @property {string} created_at - Fecha de creación
- * @property {string} updated_at - Fecha de actualización
- * @property {string|null} deleted_at - Fecha de eliminación
- * @property {ProductClassification[]} classifications - Clasificaciones asociadas
- * @property {ProductClassification[]} warehouse_classifications - Clasificaciones de almacén
- * @property {ProductClassification[]} comercial_classifications - Clasificaciones comerciales
- */
-
-/**
- * @typedef {Object} ProductClassification
- * @property {number} id - ID de la clasificación
- * @property {string} code - Código de la clasificación
- * @property {string} name - Nombre de la clasificación
- * @property {string} type - Tipo de clasificación (warehouse/comercial)
- */
-
-/**
- * @typedef {Object} ProductResponse
- * @property {string} status - Estado de la respuesta
- * @property {Object} data - Datos de la respuesta
- * @property {string} data.message - Mensaje de la respuesta
- * @property {Product} data.product - Producto
- */
-
-/**
- * @typedef {Object} ProductsListResponse
- * @property {string} status - Estado de la respuesta
- * @property {Object} data - Datos de la respuesta
- * @property {Object} data.products - Lista de productos con paginación
- * @property {Product[]} data.products.data - Array de productos
- * @property {number} data.products.current_page - Página actual
- * @property {number} data.products.total - Total de productos
- */
-
-/**
- * @typedef {Object} CreateProductData
- * @property {string} code - Código del producto
- * @property {string} sku - SKU del producto
- * @property {string} name - Nombre del producto
- * @property {string|null} description - Descripción del producto
- * @property {Object|null} attributes - Atributos dinámicos (JSON)
- * @property {boolean} is_active - Estado activo/inactivo
- * @property {number[]} warehouse_classification_ids - IDs de clasificaciones de almacén
- * @property {number[]} comercial_classification_ids - IDs de clasificaciones comerciales
- */
-
-/**
- * @typedef {Object} UpdateProductData
- * @property {string} [code] - Código del producto
- * @property {string} [sku] - SKU del producto
- * @property {string} [name] - Nombre del producto
- * @property {string|null} [description] - Descripción del producto
- * @property {Object|null} [attributes] - Atributos dinámicos (JSON)
- * @property {boolean} [is_active] - Estado activo/inactivo
- * @property {number[]} [warehouse_classification_ids] - IDs de clasificaciones de almacén
- * @property {number[]} [comercial_classification_ids] - IDs de clasificaciones comerciales
- */
-
-export {
-    Product,
-    ProductClassification,
-    ProductResponse,
-    ProductsListResponse,
-    CreateProductData,
-    UpdateProductData
-};
diff --git a/src/pages/Products/services/ProductService.js b/src/pages/Products/services/ProductService.js
deleted file mode 100644
index 4fb8c82..0000000
--- a/src/pages/Products/services/ProductService.js
+++ /dev/null
@@ -1,263 +0,0 @@
-/**
- * Servicio para Products
- * 
- * @author Sistema
- * @version 1.0.0
- */
-
-import { api, apiURL } from '@Services/Api';
-
-export default class ProductService {
-  
-  /**
-   * Obtener todos los productos
-   * @param {Object} params - Parámetros de la consulta
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getAll(params = {}) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('catalogs/products'), {
-        params,
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Obtener un producto por ID
-   * @param {number} id - ID del producto
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getById(id) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL(`catalogs/products/${id}`), {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Crear un nuevo producto
-   * @param {Object} data - Datos del producto
-   * @param {string} data.code - Código del producto
-   * @param {string} data.sku - SKU del producto
-   * @param {string} data.name - Nombre del producto
-   * @param {string|null} data.description - Descripción del producto
-   * @param {Object|null} data.attributes - Atributos dinámicos
-   * @param {boolean} data.is_active - Estado activo/inactivo
-   * @param {number[]} data.warehouse_classification_ids - IDs de clasificaciones de almacén
-   * @param {number[]} data.comercial_classification_ids - IDs de clasificaciones comerciales
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async create(data) {
-    return new Promise((resolve, reject) => {
-      api.post(apiURL('catalogs/products'), {
-        data,
-        onSuccess: (response) => {
-          resolve(response);
-        },
-        onError: (error) => { reject(error); }
-      });
-    });
-  }
-
-  /**
-   * Actualizar un producto
-   * @param {number} id - ID del producto
-   * @param {Object} data - Datos a actualizar
-   * @param {string} [data.code] - Código del producto
-   * @param {string} [data.sku] - SKU del producto
-   * @param {string} [data.name] - Nombre del producto
-   * @param {string|null} [data.description] - Descripción del producto
-   * @param {Object|null} [data.attributes] - Atributos dinámicos
-   * @param {boolean} [data.is_active] - Estado activo/inactivo
-   * @param {number[]} [data.warehouse_classification_ids] - IDs de clasificaciones de almacén
-   * @param {number[]} [data.comercial_classification_ids] - IDs de clasificaciones comerciales
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async update(id, data) {
-    return new Promise((resolve, reject) => {
-      api.put(apiURL(`catalogs/products/${id}`), {
-        data,
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Actualizar solo el estado de un producto
-   * @param {number} id - ID del producto
-   * @param {boolean} is_active - Nuevo estado
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async updateStatus(id, is_active) {
-    return new Promise((resolve, reject) => {
-      api.put(apiURL(`catalogs/products/${id}`), {
-        data: { is_active },
-        onSuccess: (response) => {
-          resolve(response);
-        },
-        onError: (error) => {
-          // Mejorar el manejo de errores
-          const enhancedError = {
-            ...error,
-            timestamp: new Date().toISOString(),
-            action: 'updateStatus',
-            id: id,
-            is_active: is_active
-          };
-          reject(enhancedError);
-        }
-      });
-    });
-  }
-
-  /**
-   * Eliminar un producto
-   * @param {number} id - ID del producto
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async delete(id) {
-    return new Promise((resolve, reject) => {
-      api.delete(apiURL(`catalogs/products/${id}`), {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Alternar el estado de un producto
-   * @param {Object} item - Objeto con el producto
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async toggleStatus(item) {
-    const newStatus = !item.is_active;
-    return this.updateStatus(item.id, newStatus);
-  }
-
-  /**
-   * Obtener clasificaciones disponibles para productos
-   * @param {string} type - Tipo de clasificación ('warehouse' o 'comercial')
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getClassifications(type = 'warehouse') {
-    return new Promise((resolve, reject) => {
-      const endpoint = type === 'warehouse' 
-        ? 'catalogs/warehouse-classifications' 
-        : 'comercial-classifications';
-      
-      api.get(apiURL(endpoint), {
-        onSuccess: (response) => {
-          // Aplanar la estructura jerárquica para selects
-          const flattenOptions = (items, level = 0) => {
-            let options = [];
-            items.forEach(item => {
-              options.push({
-                ...item,
-                label: '  '.repeat(level) + item.name,
-                value: item.id,
-                level
-              });
-              
-              if (item.children && item.children.length > 0) {
-                options = options.concat(flattenOptions(item.children, level + 1));
-              }
-            });
-            return options;
-          };
-
-          // Determinar la clave de datos según el tipo
-          const dataKey = type === 'warehouse' 
-            ? 'warehouse_classifications' 
-            : 'comercial_classifications';
-          
-          const data = response[dataKey]?.data || response.data || [];
-          const flatOptions = flattenOptions(data);
-          resolve(flatOptions);
-        },
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Obtener clasificaciones de almacén
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getWarehouseClassifications() {
-    return this.getClassifications('warehouse');
-  }
-
-  /**
-   * Obtener clasificaciones comerciales
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getComercialClassifications() {
-    return this.getClassifications('comercial');
-  }
-
-  /**
-   * Buscar productos con filtros avanzados
-   * @param {Object} filters - Filtros de búsqueda
-   * @param {string} [filters.search] - Búsqueda por nombre, código o SKU
-   * @param {boolean} [filters.is_active] - Filtrar por estado
-   * @param {number[]} [filters.warehouse_classification_ids] - Filtrar por clasificaciones de almacén
-   * @param {number[]} [filters.comercial_classification_ids] - Filtrar por clasificaciones comerciales
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async search(filters = {}) {
-    return this.getAll({ ...filters });
-  }
-
-  /**
-   * Exportar productos a formato específico
-   * @param {string} format - Formato de exportación (csv, excel, pdf)
-   * @param {Object} filters - Filtros aplicados
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async export(format = 'excel', filters = {}) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL(`catalogs/products/export/${format}`), {
-        params: filters,
-        responseType: 'blob',
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Duplicar un producto
-   * @param {number} id - ID del producto a duplicar
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async duplicate(id) {
-    return new Promise((resolve, reject) => {
-      api.post(apiURL(`catalogs/products/${id}/duplicate`), {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Validar si un código o SKU ya existe
-   * @param {string} field - Campo a validar ('code' o 'sku')
-   * @param {string} value - Valor a validar
-   * @param {number|null} excludeId - ID a excluir de la validación (para edición)
-   * @returns {Promise<boolean>} True si existe, false si no
-   */
-  async checkExists(field, value, excludeId = null) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('catalogs/products/check-exists'), {
-        params: { field, value, exclude_id: excludeId },
-        onSuccess: (response) => resolve(response.exists || false),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-}
diff --git a/src/pages/Profile/Notifications/Index.vue b/src/pages/Profile/Notifications/Index.vue
deleted file mode 100644
index fe38928..0000000
--- a/src/pages/Profile/Notifications/Index.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useSearcher } from '@Services/Api';
-
-import { getDateTime }    from '@Controllers/DateController.js';
-
-import SearcherHead from '@Holos/Searcher.vue';
-import Table        from '@Holos/Table.vue';
-import IconButton   from '@Holos/Button/Icon.vue';
-import DestroyModal from '@Holos/Modal/Template/Destroy.vue';
-import ShowModal    from '@Holos/Skeleton/Sidebar/Notification/Show.vue';
-
-/** Propiedades */
-const destroyModal = ref(null);
-const showModal    = ref(false);
-
-const models = ref([]);
-
-// Servicios
-const searcher = useSearcher({
-    url: route('system.notifications.all'),
-    onSuccess: (r) => models.value = r.models,
-    onError: () => models.value = []
-});
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>  
-
-<template>
-    <div>
-        <SearcherHead
-            :title="$t('notifications.title')"
-            @search="(x) => searcher.search(x)"
-        >
-            <IconButton
-                icon="refresh"
-                :title="$t('refresh')"
-                @click="searcher.search()"
-            />
-        </SearcherHead>
-        <div class="pt-2 w-full">
-            <Table 
-                :items="models"
-                @send-pagination="searcher.pagination"
-                :processing="searcher.processing"
-            >
-                <template #head>
-                    <th v-text="$t('title')" />
-                    <th v-text="$t('description')" />
-                    <th
-                        v-text="$t('date')"
-                        class="w-40 text-center"
-                    />
-                    <th
-                        v-text="$t('status')"
-                        class="w-32 text-center"
-                    />
-                    <th
-                        v-text="$t('actions')"
-                        class="w-32 text-center"
-                    />
-                </template>
-                <template #body="{items}">
-                    <tr v-for="model in items" class="table-row">
-                        <td class="table-cell border">
-                            {{ model.data.title }}
-                        </td>
-                        <td class="table-cell border">
-                            {{ model.data.description }}
-                        </td>
-                        <td class="table-cell border">
-                            {{ getDateTime(model.created_at) }}
-                        </td>
-                        <td class="table-cell border">
-                            <div class="flex items-center justify-center">
-                                <div class="w-2 h-2 rounded-full" :class="model.read_at ? 'bg-success' : 'bg-danger'"></div>
-                                <span class="ml-2">{{ model.read_at ? $t('readed') : (model.is_closed ? $t('omitted') : $t('unreaded')) }}</span>
-                            </div>
-                        </td>
-                        <td class="table-cell">
-                            <div class="table-actions">
-                                <IconButton
-                                    icon="visibility"
-                                    :title="$t('crud.show')"
-                                    @click="showModal.open(model)"
-                                    outline
-                                />
-                                <IconButton
-                                    icon="delete"
-                                    :title="$t('crud.destroy')"
-                                    @click="destroyModal.open(model)"
-                                    outline
-                                />
-                            </div>
-                        </td>
-                    </tr>
-                </template>
-                <template #empty>
-                    <td class="table-cell border">
-                        <div class="flex items-center text-sm">
-                            <p class="font-semibold">
-                                {{ $t('registers.empty') }}
-                            </p>
-                        </div>
-                    </td>
-                    <td class="table-cell border">-</td>
-                    <td class="table-cell border">-</td>
-                    <td class="table-cell border">-</td>
-                    <td class="table-cell border">-</td>
-                </template>
-            </Table>
-        </div>
-        
-        <ShowModal 
-            ref="showModal"
-            @reload="searcher.search()"
-        />
-        <DestroyModal
-            ref="destroyModal"
-            :to="(id) => route('system.notifications.destroy', { id })"
-            @update="searcher.search()"
-        />
-    </div>
-</template>
-    
\ No newline at end of file
diff --git a/src/pages/Profile/Notifications/Module.js b/src/pages/Profile/Notifications/Module.js
deleted file mode 100644
index 86268a9..0000000
--- a/src/pages/Profile/Notifications/Module.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`users.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `admin.users.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`users.${str}`)
-
-// Determina si un usuario puede hacer algo no en base a los permisos
-const can = (permission) => hasPermission(`users.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Profile/Partials/DeleteUserForm.vue b/src/pages/Profile/Partials/DeleteUserForm.vue
deleted file mode 100644
index 2404f87..0000000
--- a/src/pages/Profile/Partials/DeleteUserForm.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<script setup>
-import { ref }         from 'vue';
-import { useForm } from '@Services/Api';
-import { logout } from '@Services/Page';
-
-import ActionSection   from '@Holos/ActionSection.vue';
-import DangerButton    from '@Holos/Button/Danger.vue';
-import DialogModal     from '@Holos/Modal/Elements/Base.vue';
-import SecondaryButton from '@Holos/Button/Secondary.vue';
-import Input           from '@Holos/Form/Input.vue';
-
-const modalRef = ref(null);
-const passwordInput = ref(null);
-
-const form = useForm({
-    password: '',
-});
-
-const confirmUserDeletion = () => {
-    modalRef.value.open();
-
-    setTimeout(() => passwordInput.value.focus(), 250);
-};
-
-const deleteUser = () => {
-    form.delete(route('user.destroy'), {
-        preserveScroll: true,
-        onSuccess: () => {
-            modalRef.value.close();
-            logout();
-        },
-        onError: () => passwordInput.value.focus(),
-        onFinish: () => form.reset(),
-    });
-};
-
-const onCloseModal = () => {
-    form.reset();
-};
-</script>
-
-<template>
-    <ActionSection>
-        <template #title>
-            {{ $t('account.delete.title') }}
-        </template>
-
-        <template #description>
-            {{ $t('account.delete.description') }}
-        </template>
-
-        <template #content>
-            <div class="max-w-xl text-sm text-page-d/60 dark:text-page-dt/50">
-                {{ $t('account.delete.onDelete') }}
-            </div>
-
-            <div class="mt-5">
-                <DangerButton @click="confirmUserDeletion">
-                    {{ $t('account.delete.title') }}
-                </DangerButton>
-            </div>
-
-            <!-- Delete Account Confirmation Modal -->
-            <DialogModal
-                ref="modalRef"
-                @close="onCloseModal"
-            >
-                <template #title>
-                    {{ $t('account.delete.title') }}
-                </template>
-
-                <template #content>
-                    <div class="px-4 pb-2">
-                        <p>{{ $t('account.delete.confirm') }}</p>
-    
-                        <div class="mt-4">
-                            <Input
-                                ref="passwordInput"
-                                v-model="form.password"
-                                id="password"
-                                type="password"
-                                :onError="form.errors.password"
-                            />
-                        </div>
-
-                    </div>
-                </template>
-
-                <template #footer>
-                    <SecondaryButton @click="modalRef.close()">
-                        {{ $t('cancel') }}
-                    </SecondaryButton>
-
-                    <DangerButton
-                        class="ms-3"
-                        :class="{ 'opacity-25': form.processing }"
-                        :disabled="form.processing"
-                        @click="deleteUser"
-                    >
-                        {{ $t('account.delete.title') }}
-                    </DangerButton>
-                </template>
-            </DialogModal>
-        </template>
-    </ActionSection>
-</template>
diff --git a/src/pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue b/src/pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue
deleted file mode 100644
index 04949b8..0000000
--- a/src/pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue
+++ /dev/null
@@ -1,138 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { useForm } from '@Services/Api';
-
-import ActionSection   from '@Holos/ActionSection.vue';
-import DialogModal     from '@Holos/Modal/Elements/Base.vue';
-import PrimaryButton   from '@Holos/Button/Primary.vue';
-import SecondaryButton from '@Holos/Button/Secondary.vue';
-import Input           from '@Holos/Form/Input.vue';
-
-defineProps({
-    sessions: {
-        type: Array,
-        default: () => [],
-    },
-});
-
-const confirmingLogout = ref(false);
-const passwordInput = ref(null);
-
-const form = useForm({
-    password: '',
-});
-
-const confirmLogout = () => {
-    confirmingLogout.value = true;
-
-    setTimeout(() => passwordInput.value.focus(), 250);
-};
-
-const logoutOtherBrowserSessions = () => {
-    form.delete(route('other-browser-sessions.destroy'), {
-        preserveScroll: true,
-        onSuccess: () => {
-            form.reset();
-            Notify.success(Lang('account.sessions.done'));
-        },
-        onError: () => passwordInput.value.focus(),
-        onFinish: () => form.reset(),
-    });
-};
-
-const closeModal = () => {
-    confirmingLogout.value = false;
-
-    form.reset();
-};
-</script>
-
-<template>
-    <ActionSection>
-        <template #title>
-            {{ $t('account.sessions.title') }}
-        </template>
-
-        <template #description>
-            {{ $t('account.sessions.description') }}
-        </template>
-
-        <template #content>
-            <div class="max-w-xl text-sm text-page-d/60 dark:text-page-dt/50">
-                {{ $t('account.sessions.onLogout') }}
-            </div>
-
-            <!-- Other Browser Sessions -->
-            <div v-if="sessions.length > 0" class="mt-5 space-y-6">
-                <div v-for="(session, i) in sessions" :key="i" class="flex items-center">
-                    <div>
-                        <svg v-if="session.agent.is_desktop" class="w-8 h-8 text-primary-d dark:text-primary-dt" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
-                        </svg>
-
-                        <svg v-else class="w-8 h-8 text-primary-d dark:text-primary-dt" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" />
-                        </svg>
-                    </div>
-
-                    <div class="ms-3">
-                        <div class="text-sm text-page-d/60 dark:text-page-dt/50">
-                            {{ session.agent.platform ? session.agent.platform : $t('unknown') }} - {{ session.agent.browser ? session.agent.browser : $t('unknown') }}
-                        </div>
-
-                        <div>
-                            <div class="text-xs text-page-d/60 dark:text-page-dt/50">
-                                {{ session.ip_address }},
-
-                                <span v-if="session.is_current_device" class="text-success dark:text-success-d font-semibold">{{ $t('account.sessions.this') }}</span>
-                                <span v-else>{{ $t('account.sessions.last') }} {{ session.last_active }}</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="flex items-center mt-5">
-                <PrimaryButton @click="confirmLogout">
-                    {{ $t('account.sessions.logout') }}
-                </PrimaryButton>
-            </div>
-
-            <!-- Log Out Other Devices Confirmation Modal -->
-            <DialogModal :show="confirmingLogout" @close="closeModal">
-                <template #title>
-                    {{ $t('account.sessions.logout') }}
-                </template>
-
-                <template #content>
-                    {{ $t('account.sessions.confirm') }}
-
-                    <div class="mt-4">
-                        <Input
-                            ref="passwordInput"
-                            v-model="form.password"
-                            id="password"
-                            type="password"
-                            :onError="form.errors.password"
-                        />
-                    </div>
-                </template>
-
-                <template #footer>
-                    <SecondaryButton @click="closeModal">
-                        {{ $t('cancel') }}
-                    </SecondaryButton>
-
-                    <PrimaryButton
-                        class="ms-3"
-                        :class="{ 'opacity-25': form.processing }"
-                        :disabled="form.processing"
-                        @click="logoutOtherBrowserSessions"
-                    >
-                        {{ $t('account.sessions.logout') }}
-                    </PrimaryButton>
-                </template>
-            </DialogModal>
-        </template>
-    </ActionSection>
-</template>
diff --git a/src/pages/Profile/Partials/TwoFactorAuthenticationForm.vue b/src/pages/Profile/Partials/TwoFactorAuthenticationForm.vue
deleted file mode 100644
index 6eeedeb..0000000
--- a/src/pages/Profile/Partials/TwoFactorAuthenticationForm.vue
+++ /dev/null
@@ -1,253 +0,0 @@
-<script setup>
-import { ref, computed, watch, onMounted } from 'vue';
-import { api, useForm } from '@Services/Api';
-
-import ActionSection    from '@Holos/ActionSection.vue';
-import ConfirmsPassword from '@Holos/ConfirmsPassword.vue';
-import DangerButton     from '@Holos/Button/Danger.vue';
-import PrimaryButton    from '@Holos/Button/Primary.vue';
-import SecondaryButton  from '@Holos/Button/Secondary.vue';
-import Input            from '@Holos/Form/Input.vue';
-
-const props = defineProps({
-    requiresConfirmation: {
-        type: Boolean,
-        default: false,
-    },
-});
-
-const enabling = ref(false);
-const confirming = ref(false);
-const disabling = ref(false);
-const qrCode = ref(null);
-const setupKey = ref(null);
-const recoveryCodes = ref([]);
-const user = ref(null);
-
-const confirmationForm = useForm({
-    code: '',
-});
-
-const twoFactorEnabled = computed(
-    () => ! enabling.value && user.value?.two_factor_secret,
-);
-
-watch(twoFactorEnabled, () => {
-    if (! twoFactorEnabled.value) {
-        confirmationForm.reset();
-    }
-});
-
-const enableTwoFactorAuthentication = () => {
-    enabling.value = true;
-
-    api.post(route('two-factor.enable'), {
-        onSuccess: () => Promise.all([
-            showQrCode(),
-            showSetupKey(),
-            showRecoveryCodes(),
-        ]),
-        onFinish: () => {
-            enabling.value = false;
-            confirming.value = props.requiresConfirmation;
-        },
-    });
-};
-
-const showQrCode = () => {
-    return axios.get(route('two-factor.qr-code')).then(response => {
-        qrCode.value = response.data.svg;
-    });
-};
-
-const showSetupKey = () => {
-    return axios.get(route('two-factor.secret-key')).then(response => {
-        setupKey.value = response.data.secretKey;
-    });
-}
-
-const showRecoveryCodes = () => {
-    return axios.get(route('two-factor.recovery-codes')).then(response => {
-        recoveryCodes.value = response.data;
-    });
-};
-
-const confirmTwoFactorAuthentication = () => {
-    confirmationForm.post(route('two-factor.confirm'), {
-        errorBag: "confirmTwoFactorAuthentication",
-        preserveScroll: true,
-        preserveState: true,
-        onSuccess: () => {
-            confirming.value = false;
-            qrCode.value = null;
-            setupKey.value = null;
-        },
-    });
-};
-
-const regenerateRecoveryCodes = () => {
-    axios
-        .post(route('two-factor.recovery-codes'))
-        .then(() => showRecoveryCodes());
-};
-
-const disableTwoFactorAuthentication = () => {
-    disabling.value = true;
-
-    api.delete(route('two-factor.disable'), {
-        preserveScroll: true,
-        onSuccess: () => {
-            disabling.value = false;
-            confirming.value = false;
-        },
-    });
-};
-
-onMounted(() => {
-    api.get(route('user.show'), {
-        onSuccess: (r) => {
-            user.value = r.user;
-        }
-    });
-});
-</script>
-
-<template>
-    <ActionSection>
-        <template #title>
-            {{ $t('account.twoFactor.title') }}
-        </template>
-
-        <template #description>
-            {{ $t('account.twoFactor.description') }}
-        </template>
-
-        <template #content>
-            <h3 v-if="twoFactorEnabled && ! confirming" class="text-lg font-medium">
-                {{ $t('account.twoFactor.isEnable') }}
-            </h3>
-
-            <h3 v-else-if="twoFactorEnabled && confirming" class="text-lg font-medium">
-                {{ $t('account.twoFactor.onFinish') }}
-            </h3>
-
-            <h3 v-else class="text-lg font-medium">
-                {{ $t('account.twoFactor.isNotEnable.title') }}
-            </h3>
-
-            <div class="mt-3 max-w-xl text-sm text-page-d/60 dark:text-page-dt/50">
-                <p>
-                    {{ $t('account.twoFactor.isNotEnable.description') }}
-                </p>
-            </div>
-
-            <div v-if="twoFactorEnabled">
-                <div v-if="qrCode">
-                    <div class="mt-4 max-w-xl text-sm text-page-d/60 dark:text-page-dt/50">
-                        <p v-if="confirming" class="font-semibold">
-                            {{ $t('account.twoFactor.qr.onConfirmed') }}
-                        </p>
-
-                        <p v-else>
-                            {{ $t('account.twoFactor.qr.isConfirmed') }}
-                        </p>
-                    </div>
-
-                    <div class="mt-4 p-2 inline-block bg-white" v-html="qrCode" />
-
-                    <div v-if="setupKey" class="mt-4 max-w-xl text-sm text-page-d/60 dark:text-page-dt/50">
-                        <p class="font-semibold">
-                            {{ $t('account.twoFactor.key') }}: <span v-html="setupKey"></span>
-                        </p>
-                    </div>
-
-                    <div v-if="confirming" class="mt-4">
-                        <Input
-                            v-model="confirmationForm.code"
-                            id="code"
-                            inputmode="numeric"
-                            :onError="confirmationForm.errors.code"
-                            @keyup.enter="confirmTwoFactorAuthentication"
-                        />
-                    </div>
-                </div>
-
-                <div v-if="recoveryCodes.length > 0 && ! confirming">
-                    <div class="mt-4 max-w-xl text-sm text-page-d/60 dark:text-page-dt/50">
-                        <p class="font-semibold">
-                            {{ $t('account.twoFactor.codes.store') }}
-                        </p>
-                    </div>
-
-                    <div class="grid gap-1 max-w-xl mt-4 px-4 py-4 font-mono text-sm bg-primary dark:bg-primary-d rounded-lg">
-                        <div v-for="code in recoveryCodes" :key="code">
-                            {{ code }}
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="mt-5">
-                <div v-if="! twoFactorEnabled">
-                    <ConfirmsPassword @confirmed="enableTwoFactorAuthentication">
-                        <PrimaryButton type="button" :class="{ 'opacity-25': enabling }" :disabled="enabling">
-                            {{ $t('enable') }}
-                        </PrimaryButton>
-                    </ConfirmsPassword>
-                </div>
-
-                <div v-else>
-                    <ConfirmsPassword @confirmed="confirmTwoFactorAuthentication">
-                        <PrimaryButton
-                            v-if="confirming"
-                            type="button"
-                            class="me-3"
-                            :class="{ 'opacity-25': enabling }"
-                            :disabled="enabling"
-                        >
-                            {{ $t('confirm') }}
-                        </PrimaryButton>
-                    </ConfirmsPassword>
-
-                    <ConfirmsPassword @confirmed="regenerateRecoveryCodes">
-                        <SecondaryButton
-                            v-if="recoveryCodes.length > 0 && ! confirming"
-                            class="me-3"
-                        >
-                            {{ $t('account.twoFactor.codes.regenerate') }}
-                        </SecondaryButton>
-                    </ConfirmsPassword>
-
-                    <ConfirmsPassword @confirmed="showRecoveryCodes">
-                        <SecondaryButton
-                            v-if="recoveryCodes.length === 0 && ! confirming"
-                            class="me-3"
-                        >
-                            {{ $t('account.twoFactor.codes.show') }}
-                        </SecondaryButton>
-                    </ConfirmsPassword>
-
-                    <ConfirmsPassword @confirmed="disableTwoFactorAuthentication">
-                        <SecondaryButton
-                            v-if="confirming"
-                            :class="{ 'opacity-25': disabling }"
-                            :disabled="disabling"
-                        >
-                            {{ $t('cancel') }}
-                        </SecondaryButton>
-                    </ConfirmsPassword>
-
-                    <ConfirmsPassword @confirmed="disableTwoFactorAuthentication">
-                        <DangerButton
-                            v-if="! confirming"
-                            :class="{ 'opacity-25': disabling }"
-                            :disabled="disabling"
-                        >
-                            {{ $t('disable') }}
-                        </DangerButton>
-                    </ConfirmsPassword>
-                </div>
-            </div>
-        </template>
-    </ActionSection>
-</template>
diff --git a/src/pages/Profile/Partials/UpdatePasswordForm.vue b/src/pages/Profile/Partials/UpdatePasswordForm.vue
deleted file mode 100644
index f763818..0000000
--- a/src/pages/Profile/Partials/UpdatePasswordForm.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { useForm } from '@Services/Api';
-
-import FormSection   from '@Holos/FormSection.vue';
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/Input.vue';
-
-const passwordInput = ref(null);
-const currentPasswordInput = ref(null);
-
-const form = useForm({
-    current_password: '',
-    password: '',
-    password_confirmation: '',
-});
-
-const updatePassword = () => {
-    form.put(route('user.password'), {
-        onSuccess: () => {
-            form.reset();
-            Notify.success(Lang('account.password.updated'));
-        },
-        onError: (e) => {
-            if (form.errors.password) {
-                form.reset('password', 'password_confirmation');
-                passwordInput.value.focus();
-            }
-
-            if (form.errors.current_password) {
-                form.reset('current_password');
-                currentPasswordInput.value.focus();
-            }
-        },
-    });
-};
-</script>
-
-<template>
-    <FormSection @submitted="updatePassword">
-        <template #title>
-            {{ $t('account.password.update') }}
-        </template>
-
-        <template #description>
-            {{ $t('account.password.description') }}
-        </template>
-
-        <template #form>
-            <div class="col-span-6 sm:col-span-4">
-                <Input
-                    v-model="form.current_password"
-                    id="passwordCurrent"
-                    type="password"
-                    :onError="form.errors.current_password"
-                    required
-                />
-            </div>
-
-            <div class="col-span-6 sm:col-span-4">
-                <Input
-                    v-model="form.password"
-                    id="password"
-                    type="password"
-                    :onError="form.errors.password"
-                    required
-                />
-            </div>
-
-            <div class="col-span-6 sm:col-span-4">
-                <Input
-                    v-model="form.password_confirmation"
-                    id="passwordConfirmation"
-                    type="password"
-                    :onError="form.errors.password_confirmation"
-                    required
-                />
-            </div>
-        </template>
-
-        <template #actions>
-            <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
-                {{ $t('save') }}
-            </PrimaryButton>
-        </template>
-    </FormSection>
-</template>
diff --git a/src/pages/Profile/Partials/UpdateProfileInformationForm.vue b/src/pages/Profile/Partials/UpdateProfileInformationForm.vue
deleted file mode 100644
index dfe9514..0000000
--- a/src/pages/Profile/Partials/UpdateProfileInformationForm.vue
+++ /dev/null
@@ -1,192 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { api, useForm } from '@Services/Api';
-import { reloadUser } from '@Services/Page';
-import FormSection     from '@Holos/FormSection.vue';
-import Input           from '@Holos/Form/Input.vue';
-import Error           from '@Holos/Form/Elements/Error.vue';
-import Label           from '@Holos/Form/Elements/Label.vue';
-import PrimaryButton   from '@Holos/Button/Primary.vue';
-import SecondaryButton from '@Holos/Button/Secondary.vue';
-
-/** Propiedades */
-const form = useForm({
-    _method: 'PUT',
-    name: '',
-    paternal: '',
-    maternal: '',
-    phone: '',
-    email: '',
-    photo: null,
-});
-
-const photoInput   = ref(null);
-const photoPreview = ref(null);
-
-/** Métodos */
-const updateProfileInformation = () => {
-    if (photoInput.value) {
-        form.photo = photoInput.value.files[0];
-    }
-
-   form.post(route('user.update'), {
-        onFinish: () => {
-            reloadUser();
-            clearPhotoFileInput();
-        }
-    });
-
-    Notify.success(Lang('account.profile.updated'));
-};
-
-const selectNewPhoto = () => {
-    photoInput.value.click();
-};
-
-const updatePhotoPreview = () => {
-    const photo = photoInput.value.files[0];
-
-    if (! photo) return;
-
-    const reader = new FileReader();
-
-    reader.onload = (e) => {
-        photoPreview.value = e.target.result;
-    };
-
-    reader.readAsDataURL(photo);
-};
-
-const deletePhoto = () => {
-    api.delete(route('user.photo'), {
-        onFinish: () => {
-            photoPreview.value = null;
-            reloadUser();
-            clearPhotoFileInput();
-        }
-    });
-};
-
-const clearPhotoFileInput = () => {
-    if (photoInput.value?.value) {
-        photoInput.value.value = null;
-    }
-};
-
-onMounted(() => {
-    api.get(route('user.show'), {
-        onSuccess: (r) => {
-            form.fill(r.user);
-        }
-    });
-});
-</script>
-
-<template>
-    <FormSection @submitted="updateProfileInformation">
-        <template #title>
-            {{ $t('account.profile.title') }}
-        </template>
-
-        <template #description>
-            {{ $t('account.profile.description') }}
-        </template>
-
-        <template #form>
-            <!-- Profile Photo -->
-            <div v-if="$page.user" class="col-span-6 sm:col-span-4">
-                <!-- Profile Photo File Input -->
-                <input
-                    id="photo"
-                    ref="photoInput"
-                    type="file"
-                    class="hidden"
-                    @change="updatePhotoPreview"
-                >
-
-                <Label
-                    id="photo"
-                    title="photo.title"
-                />
-
-                <!-- Current Profile Photo -->
-                <div v-show="! photoPreview" class="mt-2">
-                    <img :src="$page.user.profile_photo_url" :alt="$page.user.name" class="rounded-full h-20 w-20 object-cover">
-                </div>
-
-                <!-- New Profile Photo Preview -->
-                <div v-show="photoPreview" class="mt-2">
-                    <span
-                        class="block rounded-full w-20 h-20 bg-cover bg-no-repeat bg-center"
-                        :style="'background-image: url(\'' + photoPreview + '\');'"
-                    />
-                </div>
-
-                <SecondaryButton class="mt-2 me-2" type="button" @click.prevent="selectNewPhoto">
-                    {{ $t('photo.new') }}
-                </SecondaryButton>
-
-                <SecondaryButton
-                    v-if="$page.user.profile_photo_path"
-                    type="button"
-                    class="mt-2"
-                    @click.prevent="deletePhoto"
-                >
-                    {{ $t('photo.remove') }}
-                </SecondaryButton>
-
-                <Error :onError="form.errors.photo" class="mt-2" />
-            </div>
-
-            <!-- Name -->
-            <div class="col-span-6 sm:col-span-4">
-                <Input
-                    v-model="form.name"
-                    id="name"
-                    :onError="form.errors.name"
-                    required
-                />
-            </div>
-            <div class="col-span-6 sm:col-span-4">
-                <Input
-                    v-model="form.paternal"
-                    id="paternal"
-                    :onError="form.errors.paternal"
-                    required
-                />
-            </div>
-            <div class="col-span-6 sm:col-span-4">
-                <Input
-                    v-model="form.maternal"
-                    id="maternal"
-                    :onError="form.errors.maternal"
-                />
-            </div>
-            <div class="col-span-6 sm:col-span-4">
-                <Input
-                    v-model="form.phone"
-                    id="phone"
-                    :onError="form.errors.phone"
-                />
-            </div>
-
-            <!-- Email -->
-            <div class="col-span-6 sm:col-span-4">
-                <Input
-                    v-model="form.email"
-                    id="email"
-                    title="email.title"
-                    type="email"
-                    :onError="form.errors.email"
-                    required
-                />
-            </div>
-        </template>
-
-        <template #actions>
-            <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
-                {{ $t('save') }}
-            </PrimaryButton>
-        </template>
-    </FormSection>
-</template>
diff --git a/src/pages/Profile/Show.vue b/src/pages/Profile/Show.vue
deleted file mode 100644
index fdaedd3..0000000
--- a/src/pages/Profile/Show.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup>
-import SectionBorder                  from '@Holos/SectionBorder.vue';
-import DeleteUserForm                 from '@Pages/Profile/Partials/DeleteUserForm.vue';
-import TwoFactorAuthenticationForm    from '@Pages/Profile/Partials/TwoFactorAuthenticationForm.vue';
-import UpdatePasswordForm             from '@Pages/Profile/Partials/UpdatePasswordForm.vue';
-import UpdateProfileInformationForm   from '@Pages/Profile/Partials/UpdateProfileInformationForm.vue';
-import LogoutOtherBrowserSessionsForm from '@Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue';
-import PageHeader                     from '@Holos/PageHeader.vue';
-
-defineProps({
-    confirmsTwoFactorAuthentication: Boolean,
-    sessions: Array,
-});
-</script>
-
-<template>
-    <PageHeader :title="$t('profile')" />
-    <div>
-        <div>
-            <UpdateProfileInformationForm :user="$page.user" />
-            <SectionBorder />
-        </div>
-        <div>
-            <UpdatePasswordForm class="mt-10 sm:mt-0" />
-            <SectionBorder />
-        </div>
-        <!-- <div>
-            <TwoFactorAuthenticationForm
-                :requires-confirmation="confirmsTwoFactorAuthentication"
-                class="mt-10 sm:mt-0"
-            />
-            <SectionBorder />
-        </div> -->
-        <!-- <LogoutOtherBrowserSessionsForm :sessions="sessions" class="mt-10 sm:mt-0" /> -->
-        <SectionBorder />
-        <DeleteUserForm class="mt-10 sm:mt-0" />
-    </div>
-</template>
diff --git a/src/pages/Render.vue b/src/pages/Render.vue
deleted file mode 100644
index a0039dd..0000000
--- a/src/pages/Render.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-    <span class="font-google-icon-outlined">home</span>
-    <span class="font-google-icon-outlined-fill">home</span>
-    <span class="font-google-icon-rounded">home</span>
-    <span class="font-google-icon-rounded-fill">home</span>
-    <span class="font-google-icon-sharp">home</span>
-    <span class="font-google-icon-sharp-fill w-64">home</span>
-    <p class="hover:bg-primary/70 w-12"></p>
-    <p class="bg-secondary"></p>
-    <p class="hover:bg-primary/80 dark:hover:bg-primary-d/80"></p>
-    <p class="bg-secondary-d"></p>
-    <p class="bg-danger border-danger"></p>
-</template>
\ No newline at end of file
diff --git a/src/pages/TermsOfService.vue b/src/pages/TermsOfService.vue
deleted file mode 100644
index 2b7b6c8..0000000
--- a/src/pages/TermsOfService.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script setup>
-import Layout from '@Holos/Layout/TermsLayout.vue';
-
-/** Propiedades */
-defineProps({
-    terms: String,
-});
-</script>
-
-<template>
-    <Layout title="Terms of Service">
-        <div class="w-full overflow-hidden sm:rounded-lg prose" v-html="terms" />
-    </Layout>
-</template>
diff --git a/src/pages/UnitsMeasure/Create.vue b/src/pages/UnitsMeasure/Create.vue
deleted file mode 100644
index 5c0a6ba..0000000
--- a/src/pages/UnitsMeasure/Create.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, useRoute, RouterLink } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import GoogleIcon      from '@Shared/GoogleIcon.vue';
-import Form            from './Form.vue'
-
-/** Definidores */
-const router = useRouter();
-const route = useRoute();
-
-/** Propiedades */
-const form = useForm({
-    code: '',
-    name: '',
-    abbreviation: '',
-    type: 4, // Unidad por defecto
-    is_active: true
-});
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-        type: data.type?.value || data.type, // Extraer solo el value si es objeto, sino usar tal como está
-        is_active: data.is_active ? 1 : 0 // Convertir boolean a número
-    })).post(apiTo('store'), {
-        onSuccess: () => {
-            Notify.success('Unidad de medida creada con éxito')
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-
-/** Ciclos */
-onMounted(() => {
-    // Inicialización si es necesaria
-});
-</script>
-<template>
-    <PageHeader
-        :title="transl('create.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <Form
-        action="create"
-        :form="form"
-        @submit="submit"
-    />
-</template>
\ No newline at end of file
diff --git a/src/pages/UnitsMeasure/Edit.vue b/src/pages/UnitsMeasure/Edit.vue
deleted file mode 100644
index d18fd41..0000000
--- a/src/pages/UnitsMeasure/Edit.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { RouterLink, useRoute, useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { viewTo, apiTo, transl } from './Module';
-import UnitsMeasureService from './services/UnitsMeasureService';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import GoogleIcon      from '@Shared/GoogleIcon.vue';
-import Form            from './Form.vue'
-
-/** Definiciones */
-const vroute = useRoute();
-const router = useRouter();
-const unitsService = new UnitsMeasureService();
-
-/** Propiedades */
-const form = useForm({
-    id: null,
-    code: '',
-    name: '',
-    abbreviation: '',
-    type: 4,
-    is_active: true
-});
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-        type: data.type?.value || data.type, // Extraer solo el value si es objeto, sino usar tal como está
-        is_active: data.is_active ? 1 : 0 // Convertir boolean a número
-    })).put(apiTo('update', { units_of_measure: form.id }), {
-        onSuccess: () => {
-            Notify.success(lang('register.edit.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        },
-    })
-}
-
-function loadData() {
-    api.get(apiTo('show', { units_of_measure: vroute.params.id }), {
-        onSuccess: async (r) => {
-            const data = r.data || r.units_of_measure || r;
-
-            console.log(data);
-            
-            // Cargar los tipos para convertir el número a objeto
-            try {
-                const typeOptions = await unitsService.getUnitTypes();
-                const selectedType = typeOptions.find(option => option.id == data.type) || { value: data.type, label: data.name };
-                console.log('Tipos disponibles:', selectedType);
-                
-                form.fill({
-                    id: data.units.id,
-                    code: data.units.code,
-                    name: data.units.name,
-                    abbreviation: data.units.abbreviation,
-                    type: selectedType, // Convertir a objeto {value, label}
-                    is_active: Boolean(data.is_active)
-                });
-            } catch (error) {
-                console.error('Error cargando tipos:', error);
-                // Fallback: usar solo el valor numérico
-                form.fill({
-                    id: data.units.id,
-                    code: data.units.code,
-                    name: data.units.name,
-                    abbreviation: data.units.abbreviation,
-                    type: data.type,
-                    is_active: Boolean(data.is_active)
-                });
-            }
-        }
-    })
-}
-
-/** Ciclos */
-onMounted(() => {
-    loadData();
-});
-</script>
-
-<template>
-    <PageHeader
-        :title="transl('update.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <Form
-        action="update"
-        :form="form"
-        @submit="submit"
-    />
-</template>
\ No newline at end of file
diff --git a/src/pages/UnitsMeasure/Form.vue b/src/pages/UnitsMeasure/Form.vue
deleted file mode 100644
index 7e3f0bb..0000000
--- a/src/pages/UnitsMeasure/Form.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<script setup>
-import { ref, onMounted } from 'vue';
-import { transl } from './Module';
-import UnitsMeasureService from './services/UnitsMeasureService';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/Input.vue';
-import Selectable    from '@Holos/Form/Selectable.vue';
-import Checkbox      from '@Holos/Checkbox.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'submit'
-])
-
-/** Servicios */
-const unitsService = new UnitsMeasureService();
-
-/** Propiedades reactivas */
-const typeOptions = ref([]);
-const loadingTypes = ref(true);
-
-/** Propiedades */
-defineProps({
-    action: {
-        default: 'create',
-        type: String
-    },
-    form: Object
-})
-
-/** Métodos */
-function submit() {
-    emit('submit')
-}
-
-/** Cargar tipos de medida desde la API */
-async function loadUnitTypes() {
-    try {
-        loadingTypes.value = true;
-        typeOptions.value = await unitsService.getUnitTypes();
-    } catch (error) {
-        console.error('Error cargando tipos de medida:', error);
-        // Usar tipos por defecto en caso de error
-        const fallbackTypes = unitsService.getTypes().map(type => ({
-            value: type.id,
-            label: type.name
-        }));
-        typeOptions.value = fallbackTypes;
-    } finally {
-        loadingTypes.value = false;
-    }
-}
-
-/** Ciclo de vida */
-onMounted(() => {
-    loadUnitTypes();
-});
-</script>
-
-<template>
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl(`form.${action}.description`)" />
-    </div>
-    <div class="w-full">
-        <form @submit.prevent="submit" class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-            <Input
-                v-model="form.code"
-                id="code"
-                :onError="form.errors.code"
-                autofocus
-                required
-            />
-            <Input
-                v-model="form.name"
-                id="name"
-                :onError="form.errors.name"
-                required
-            />
-            <Input
-                v-model="form.abbreviation"
-                id="Abreviación"
-                :onError="form.errors.abbreviation"
-                required
-            />
-
-            <Selectable
-                v-model="form.type"
-                id="type"
-                title="Tipo de medida"
-                label="label"
-                :onError="form.errors.type"
-                :options="typeOptions"
-                :disabled="loadingTypes"
-                required
-            />
-           
-            <div class="md:col-span-2 lg:col-span-3 xl:col-span-4">
-                <PrimaryButton
-                    :loading="form.processing"
-                    :disabled="form.processing"
-                >
-                    Crear unidad de medida
-                </PrimaryButton>
-            </div>
-        </form>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/UnitsMeasure/Index.vue b/src/pages/UnitsMeasure/Index.vue
deleted file mode 100644
index 0d66f19..0000000
--- a/src/pages/UnitsMeasure/Index.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, RouterLink } from 'vue-router';
-import { useSearcher } from '@Services/Api';
-import { hasPermission } from '@Plugins/RolePermission';
-import { can, apiTo, viewTo, transl } from './Module'
-
-import IconButton from '@Holos/Button/Icon.vue'
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-import SearcherHead from '@Holos/Searcher.vue';
-import Table from '@Holos/Table.vue';
-import ShowView from './Modals/Show.vue';
-
-/** Propiedades */
-const models = ref([]);
-const router = useRouter();
-
-/** Referencias */
-const showModal = ref(null);
-const destroyModal = ref(null);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => models.value = r.units_of_measure,
-    onError: () => models.value = []
-});
-
-/** Función para eliminar */
-const deleteItem = (item) => {
-    destroyModal.value.open(item);
-};
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>
-
-<template>
-    <div>
-        <SearcherHead :title="transl('name')" @search="(x) => searcher.search(x)">
-            <RouterLink :to="viewTo({ name: 'create' })">
-                <!-- v-if="can('create')" -->
-                <IconButton class="text-white" icon="add" :title="$t('crud.create')" filled />
-            </RouterLink>
-            <IconButton icon="refresh" :title="$t('refresh')" @click="searcher.search()" />
-        </SearcherHead>
-        <div class="pt-2 w-full">
-            <Table :items="models" :processing="searcher.processing"
-                @send-pagination="(page) => searcher.pagination(page)">
-                <template #head>
-                    <th v-text="$t('code')" />
-                    <th v-text="$t('Abreviatura')" />
-                    <th v-text="$t('Unidad de medida')" />
-
-                    <th v-text="$t('Tipo de unidad')" />
-                    <th v-text="$t('Estado')" class="w-20 text-center" />
-                    <th v-text="$t('Acciones')" class="w-64 text-center" />
-                </template>
-                <template #body="{ items }">
-                    <tr v-for="model in items" :key="model.id" class="table-row">
-                        <td class="table-cell">
-                            <code class="font-mono text-sm text-gray-900 dark:text-gray-100">
-                                {{ model.code }}
-                            </code>
-                        </td>
-
-                        <td class="table-cell">
-                            <span
-                                class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200">
-                                {{ model.abbreviation }}
-                            </span>
-                        </td>
-                        <td class="table-cell">
-                            <span class="font-semibold">{{ model.name }}</span>
-                        </td>
-                        <td class="table-cell">
-                            <span class="text-sm text-gray-600 dark:text-gray-400">
-                                {{ model.type_name || '-' }}
-                            </span>
-                        </td>
-                        <td class="table-cell">
-                            <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium" :class="model.is_active
-                                ? 'bg-green-100 text-green-800 dark:bg-green-800 dark:text-green-100'
-                                : 'bg-red-100 text-red-800 dark:bg-red-800 dark:text-red-100'">
-                                {{ model.is_active ? $t('active') : $t('inactive') }}
-                            </span>
-                        </td>
-                        <td class="table-cell">
-                            <div class="table-actions">
-                                <IconButton icon="visibility" :title="$t('crud.show')" @click="showModal.open(model)"
-                                    outline />
-                                <RouterLink class="h-fit" :to="viewTo({ name: 'edit', params: { id: model.id } })">
-                                    <IconButton icon="edit" :title="$t('crud.edit')" outline />
-                                </RouterLink>
-                                <IconButton icon="delete" :title="$t('crud.destroy')" @click="deleteItem(model)"
-                                    outline />
-                            </div>
-                        </td>
-                    </tr>
-                </template>
-                <template #empty>
-                    <td class="table-cell">
-                        <div class="flex items-center text-sm">
-                            <p class="font-semibold">
-                                {{ $t('registers.empty') }}
-                            </p>
-                        </div>
-                    </td>
-                    <td class="table-cell">-</td>
-                    <td class="table-cell">-</td>
-                    <td class="table-cell">-</td>
-                    <td class="table-cell">-</td>
-                </template>
-            </Table>
-        </div>
-
-        <ShowView ref="showModal" @reload="searcher.search()" />
-
-        <DestroyView ref="destroyModal" subtitle="name" :to="(id) => apiTo('destroy', { units_of_measure: id })"
-            @update="searcher.search()" />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/UnitsMeasure/Modals/Show.vue b/src/pages/UnitsMeasure/Modals/Show.vue
deleted file mode 100644
index e025418..0000000
--- a/src/pages/UnitsMeasure/Modals/Show.vue
+++ /dev/null
@@ -1,210 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { getDateTime } from '@Controllers/DateController';
-import { viewTo, apiTo, transl } from '../Module';
-import UnitsMeasureService from '../services/UnitsMeasureService';
-import Notify from '@Plugins/Notify';
-
-import Header from '@Holos/Modal/Elements/Header.vue';
-import ShowModal from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Button from '@Holos/Button/Button.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close',
-    'reload'
-]);
-
-/** Servicios */
-const unitsService = new UnitsMeasureService();
-const router = useRouter();
-
-/** Propiedades */
-const model = ref(null);
-const loading = ref(false);
-
-/** Referencias */
-const modalRef = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-    emit('close');
-}
-
-/** Función para alternar estado */
-async function toggleStatus(item) {
-    if (loading.value) return;
-    
-    const newStatus = !item.is_active;
-
-    try {
-        loading.value = true;
-
-        // Usar el servicio para actualizar el estado
-        await unitsService.updateStatus(item.id, newStatus);
-
-        // Actualizar el modelo local
-        item.is_active = newStatus;
-
-        // Notificación de éxito
-        const statusText = newStatus ? 'activada' : 'desactivada';
-        Notify.success(
-            `Unidad "${item.code}" ${statusText} exitosamente`,
-            'Estado actualizado'
-        );
-
-        // Emitir evento para recargar la lista principal si es necesario
-        emit('reload');
-
-    } catch (error) {
-        console.error('Error actualizando estado:', error);
-
-        // Manejo de errores
-        let errorMessage = 'Error al actualizar el estado de la unidad de medida';
-        let errorTitle = 'Error';
-
-        if (error?.response?.data) {
-            const errorData = error.response.data;
-
-            if (errorData.status === 'error') {
-                if (errorData.errors) {
-                    const firstField = Object.keys(errorData.errors)[0];
-                    const firstError = errorData.errors[firstField];
-                    errorMessage = Array.isArray(firstError) ? firstError[0] : firstError;
-                    errorTitle = 'Error de validación';
-                } else if (errorData.message) {
-                    errorMessage = errorData.message;
-                    errorTitle = 'Error del servidor';
-                }
-            } else if (errorData.message) {
-                errorMessage = errorData.message;
-            }
-        } else if (error?.message) {
-            errorMessage = `Error de conexión: ${error.message}`;
-            errorTitle = 'Error de red';
-        }
-
-        Notify.error(errorMessage, errorTitle);
-
-    } finally {
-        loading.value = false;
-    }
-}
-
-/** Exposer métodos públicos */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    },
-    close
-});
-</script>
-
-<template>
-    <ShowModal ref="modalRef" @close="close">
-        <div v-if="model">
-            <Header :title="model.code" :subtitle="model.name">
-                <div class="flex w-full flex-col">
-                    <div class="flex w-full justify-center items-center">
-                        <div
-                            class="w-24 h-24 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
-                            <GoogleIcon class="text-white text-3xl" name="straighten" />
-                        </div>
-                    </div>
-                </div>
-            </Header>
-
-            <div class="flex w-full p-4 space-y-6">
-                <div class="w-full space-y-6">
-                    <!-- Información Principal -->
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                        <!-- Código y Estado -->
-                        <div class="space-y-4">
-                            <div>
-                                <label class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                                    {{ $t('code') }}
-                                </label>
-                                <div class="mt-1">
-                                    <code
-                                        class="font-mono text-lg bg-gray-100 dark:bg-gray-700 px-3 py-2 rounded-lg block">
-                                        {{ model.code }}
-                                    </code>
-                                </div>
-                            </div>
-
-                            <div>
-                                <label class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                                    {{ $t('Estado') }}
-                                </label>
-                                <div class="mt-2">
-                                    <Button :variant="'smooth'" :color="model.is_active ? 'success' : 'danger'"
-                                        :size="'sm'" :loading="loading" @click="toggleStatus(model)">
-                                        {{ model.is_active ? $t('Activo') : $t('Inactivo') }}
-                                    </Button>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Nombre y Abreviación -->
-                        <div class="space-y-4">
-                            <div>
-                                <label class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                                    {{ $t('Unidad de medida') }}
-                                </label>
-                                <p class="mt-1 text-lg font-semibold">{{ model.name }}</p>
-                            </div>
-
-                            <div>
-                                <label class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                                    {{ $t('Abreviación') }}
-                                </label>
-                                <div class="mt-1">
-                                    <span
-                                        class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200">
-                                        {{ model.abbreviation }}
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Tipo de Medida -->
-                    <div>
-                        <label class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                            {{ $t('Tipo de unidad') }}
-                        </label>
-                        <div class="mt-1 p-3 bg-gray-50 dark:bg-gray-800 rounded-lg">
-                            <div class="flex items-center">
-                                <GoogleIcon class="text-2xl mr-3 text-indigo-500" name="straighten" />
-                                <div>
-                                    <p class="font-semibold">{{ model.type_name }}</p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Información de Fechas -->
-                    <div class="border-t pt-6">
-                        <h4 class="text-sm font-medium text-gray-600 dark:text-gray-400 mb-4">
-                            Información del Sistema
-                        </h4>
-                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
-                            <div>
-                                <span class="font-medium text-gray-600 dark:text-gray-400">Creado:</span>
-                                <p class="mt-1">{{ getDateTime(model.created_at) }}</p>
-                            </div>
-                            <div>
-                                <span class="font-medium text-gray-600 dark:text-gray-400">Actualizado:</span>
-                                <p class="mt-1">{{ getDateTime(model.updated_at) }}</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ShowModal>
-</template>
\ No newline at end of file
diff --git a/src/pages/UnitsMeasure/Module.js b/src/pages/UnitsMeasure/Module.js
deleted file mode 100644
index 2130417..0000000
--- a/src/pages/UnitsMeasure/Module.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`units-of-measure.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ 
-    name: `admin.units-measure.${name}`, params, query 
-})
-    
-// Obtener traducción del componente
-const transl = (str) => lang(`admin.units_measure.${str}`)
-
-// Control de permisos
-const can = (permission) => hasPermission(`admin.units-measure.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/UnitsMeasure/services/UnitsMeasureService.js b/src/pages/UnitsMeasure/services/UnitsMeasureService.js
deleted file mode 100644
index fc0f3a6..0000000
--- a/src/pages/UnitsMeasure/services/UnitsMeasureService.js
+++ /dev/null
@@ -1,227 +0,0 @@
-/**
- * Servicio para Units of Measure
- * 
- * @author Sistema
- * @version 1.0.0
- */
-
-import { api, apiURL } from '@Services/Api';
-
-export default class UnitsMeasureService {
-  
-  /**
-   * Obtener todas las unidades de medida
-   * @param {Object} params - Parámetros de la consulta
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getAll(params = {}) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('catalogs/units-of-measure'), {
-        params,
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Obtener una unidad de medida por ID
-   * @param {number} id - ID de la unidad de medida
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getById(id) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL(`catalogs/units-of-measure/${id}`), {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Crear una nueva unidad de medida
-   * @param {Object} data - Datos de la unidad de medida
-   * @param {string} data.code - Código de la unidad
-   * @param {string} data.name - Nombre de la unidad
-   * @param {string} data.abbreviation - Abreviación de la unidad
-   * @param {number} data.type - Tipo de medida (1-7)
-   * @param {boolean} data.is_active - Estado activo/inactivo
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async create(data) {
-    return new Promise((resolve, reject) => {
-      api.post(apiURL('catalogs/units-of-measure'), data, {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Actualizar una unidad de medida existente
-   * @param {number} id - ID de la unidad de medida
-   * @param {Object} data - Datos actualizados
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async update(id, data) {
-    return new Promise((resolve, reject) => {
-      api.put(apiURL(`catalogs/units-of-measure/${id}`), data, {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Eliminar una unidad de medida
-   * @param {number} id - ID de la unidad de medida
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async delete(id) {
-    return new Promise((resolve, reject) => {
-      api.delete(apiURL(`catalogs/units-of-measure/${id}`), {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Actualizar el estado de una unidad de medida
-   * @param {number} id - ID de la unidad de medida
-   * @param {boolean} isActive - Nuevo estado
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async updateStatus(id, isActive) {
-    return new Promise((resolve, reject) => {
-      api.put(apiURL(`catalogs/units-of-measure/${id}`), {
-        data: { is_active: isActive },
-        onSuccess: (response) => {
-          resolve(response);
-        },
-        onError: (error) => {
-          // Mejorar el manejo de errores
-          const enhancedError = {
-            ...error,
-            timestamp: new Date().toISOString(),
-            action: 'updateStatus',
-            id: id,
-            is_active: isActive
-          };
-          reject(enhancedError);
-        }
-      });
-    });
-  }
-
-  /**
-   * Obtener tipos de medida disponibles desde la API
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getUnitTypes() {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('catalogs/unit-types'), {
-        onSuccess: (response) => {
-          // Extraer los tipos de la respuesta y formatearlos para el Selectable
-          const unitTypes = response.data?.unit_types || response.unit_types || [];
-          const formattedTypes = unitTypes.map(type => ({
-            value: type.id,
-            label: type.name
-          }));
-          resolve(formattedTypes);
-        },
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Obtener tipos de medida como objetos completos (para mapping)
-   * @returns {Promise} Promesa con los tipos completos
-   */
-  async getUnitTypesMap() {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('catalogs/unit-types'), {
-        onSuccess: (response) => {
-          const unitTypes = response.data?.unit_types || response.unit_types || [];
-          // Crear un mapa para acceso rápido por ID
-          const typesMap = {};
-          unitTypes.forEach(type => {
-            typesMap[type.id] = type;
-          });
-          resolve(typesMap);
-        },
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Obtener tipos de medida disponibles (método legacy - mantener por compatibilidad)
-   * @returns {Array} Array con los tipos de medida
-   */
-  getTypes() {
-    return [
-      { id: 1, name: 'Distancia', description: 'Medidas de longitud (metros, kilómetros, etc.)' },
-      { id: 2, name: 'Peso', description: 'Medidas de masa (kilogramos, gramos, etc.)' },
-      { id: 3, name: 'Temperatura', description: 'Medidas de temperatura (grados Celsius, etc.)' },
-      { id: 4, name: 'Unidad', description: 'Unidades discretas (piezas, unidades, etc.)' },
-      { id: 5, name: 'Volumen', description: 'Medidas de volumen (litros, mililitros, etc.)' }
-    ];
-  }
-
-  /**
-   * Obtener unidades de medida activas
-   * @returns {Promise} Promesa con las unidades activas
-   */
-  async getActive() {
-    return new Promise((resolve, reject) => {
-      this.getAll({ is_active: true })
-        .then(response => {
-          const activeUnits = response.data?.units_of_measure?.data || [];
-          resolve(activeUnits.filter(unit => unit.is_active));
-        })
-        .catch(error => reject(error));
-    });
-  }
-
-  /**
-   * Buscar unidades de medida por término
-   * @param {string} term - Término de búsqueda
-   * @returns {Promise} Promesa con los resultados
-   */
-  async search(term) {
-    return new Promise((resolve, reject) => {
-      this.getAll({ search: term })
-        .then(response => resolve(response))
-        .catch(error => reject(error));
-    });
-  }
-
-  /**
-   * Validar datos antes de enviar
-   * @param {Object} data - Datos a validar
-   * @returns {Object} Objeto con errores si los hay
-   */
-  validate(data) {
-    const errors = {};
-
-    if (!data.code || data.code.trim() === '') {
-      errors.code = 'El código es requerido';
-    }
-
-    if (!data.name || data.name.trim() === '') {
-      errors.name = 'El nombre es requerido';
-    }
-
-    if (!data.abbreviation || data.abbreviation.trim() === '') {
-      errors.abbreviation = 'La abreviación es requerida';
-    }
-
-    if (!data.type || ![1, 2, 3, 4, 5, 6, 7].includes(data.type)) {
-      errors.type = 'El tipo de medida es requerido y debe ser válido';
-    }
-
-    return errors;
-  }
-}
\ No newline at end of file
diff --git a/src/pages/Vacations/Admin/Index.vue b/src/pages/Vacations/Admin/Index.vue
deleted file mode 100644
index 0636614..0000000
--- a/src/pages/Vacations/Admin/Index.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { api } from '@Services/Api';
-import { getDate } from '@Controllers/DateController';
-import { apiTo } from './Module'
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-const vacationRequests = ref([]);
-
-/** Metodos */
-const generateConstance = (vacationId) => {
-    api.get(route('vacation-requests-public.generate-route', { vacation: vacationId }), {
-        onSuccess: (res) => {
-            Notify.success('Constancia generada correctamente');
-            openNewTab(res.route);
-        }
-    });
-};
-
-const getStatusClasses = (status) => {
-    const statusMap = {
-        'Pendiente': 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300',
-        'Aprobado': 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300',
-        'Rechazado': 'bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300',
-        'Agendado': 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300',
-        'Cancelado': 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300',
-        'Concluido': 'bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300'
-    };
-    
-    return statusMap[status] || 'bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-300';
-};
-
-const getStatusIcon = (status) => {
-    const iconMap = {
-        'Pendiente': { name: 'schedule', classes: 'text-amber-600 dark:text-amber-400' },
-        'Aprobado': { name: 'check_circle', classes: 'text-blue-600 dark:text-blue-400' },
-        'Rechazado': { name: 'cancel', classes: 'text-orange-600 dark:text-orange-400' },
-        'Agendado': { name: 'event', classes: 'text-green-600 dark:text-green-400' },
-        'Cancelado': { name: 'block', classes: 'text-red-600 dark:text-red-400' },
-        'Concluido': { name: 'task_alt', classes: 'text-cyan-600 dark:text-cyan-400' }
-    };
-    
-    return iconMap[status] || { name: 'help', classes: 'text-gray-600 dark:text-gray-400' };
-};
-
-const getStatusIconContainer = (status) => {
-    const containerMap = {
-        'Pendiente': 'bg-amber-100 dark:bg-amber-900/30',
-        'Aprobado': 'bg-blue-100 dark:bg-blue-900/30',
-        'Rechazado': 'bg-orange-100 dark:bg-orange-900/30',
-        'Agendado': 'bg-green-100 dark:bg-green-900/30',
-        'Cancelado': 'bg-red-100 dark:bg-red-900/30',
-        'Concluido': 'bg-cyan-100 dark:bg-cyan-900/30'
-    };
-    
-    return containerMap[status] || 'bg-gray-100 dark:bg-gray-900/30';
-};
-
-const openNewTab = (url) => {
-    window.open(url, '_blank');
-}
-
-/** Ciclos */
-onMounted(() => {
-    api.get(apiTo('index'), {
-        onSuccess: (r) => {
-            vacationRequests.value = r.vacation_requests.data;
-        }
-    });
-});
-</script>
-
-<template>
-    <div>
-        <!-- Header -->
-        <div class="flex items-center justify-between mb-8">
-            <div>
-                <h1 class="text-2xl font-bold text-slate-900 dark:text-slate-100">
-                    Solicitudes
-                </h1>
-                <p class="text-slate-600 dark:text-slate-400">Gestión completa de todas las solicitudes de vacaciones del sistema.</p>
-            </div>
-        </div>
-
-        <!-- Lista de solicitudes -->
-        <div class="space-y-4">
-            <div v-for="vacation in vacationRequests" class="bg-white rounded-xl border border-slate-200 p-6 shadow-sm dark:bg-slate-800 dark:border-slate-700">
-                <div class="flex items-center justify-between mb-4">
-                    <div class="flex items-center gap-3">
-                        <div :class="`flex items-center justify-center w-10 h-10 rounded-lg ${getStatusIconContainer(vacation.status)}`">
-                            <GoogleIcon :name="getStatusIcon(vacation.status).name" :class="getStatusIcon(vacation.status).classes" />
-                        </div>
-                        <div>
-                            <h3 v-if="vacation.vacation_periods.length > 1" class="font-semibold text-slate-900 dark:text-slate-100">{{ vacation.vacation_periods.length }} periodos</h3>
-                            <h3 v-else class="font-semibold text-slate-900 dark:text-slate-100">{{ getDate(vacation.vacation_periods[0].start_date) }} - {{ getDate(vacation.vacation_periods[0].end_date) }}</h3>
-                            <p class="text-sm text-slate-600 dark:text-slate-400">{{ vacation.total_days }} días</p>
-                        </div>
-                    </div>
-                    <span :class="`px-3 py-1 rounded-full text-sm font-medium ${getStatusClasses(vacation.status)}`">
-                        {{ vacation.status }}
-                    </span>
-                </div>
-
-                <div v-for="(period, index) in vacation.vacation_periods" class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-                    <div>
-                        <p class="text-sm font-medium text-slate-700 dark:text-slate-300">Período {{ index + 1 }}:</p>
-                        <p class="text-sm text-slate-600 dark:text-slate-400">{{ getDate(period.start_date) }} - {{ getDate(period.end_date) }} ({{ period.number_of_days }} días)</p>
-                    </div>
-                </div>
-
-                <div class="flex justify-end gap-3">
-                    <button @click="generateConstance(vacation.id)" type="button" class="flex items-center gap-2 px-4 py-2 text-sm font-medium text-slate-600 hover:text-slate-800 hover:bg-slate-100 rounded-lg with-transition dark:text-slate-400 dark:hover:text-slate-200 dark:hover:bg-slate-700">
-                        <GoogleIcon name="clinical_notes" />
-                        Generar Constancia de disfrute de vacaciones
-                    </button>
-                </div>
-            </div>
-
-            <!-- Estado vacío cuando no hay solicitudes -->
-            <div v-if="vacationRequests.length == 0" class="text-center py-12">
-                <GoogleIcon name="event_busy" class="text-slate-300 text-6xl mb-4 dark:text-slate-600" />
-                <h3 class="text-lg font-medium text-slate-900 dark:text-slate-100 mb-2">No hay solicitudes</h3>
-                <p class="text-slate-600 dark:text-slate-400 mb-6">No se han encontrado solicitudes de vacaciones en el sistema.</p>
-            </div>
-        </div>
-    </div>
-</template>
diff --git a/src/pages/Vacations/Admin/Module.js b/src/pages/Vacations/Admin/Module.js
deleted file mode 100644
index f13dddb..0000000
--- a/src/pages/Vacations/Admin/Module.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { lang } from '@Lang/i18n';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`vacation-requests.admin.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `vacations.admin.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`vacations.${str}`)
-
-export {
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Vacations/Coordinator/Create.vue b/src/pages/Vacations/Coordinator/Create.vue
deleted file mode 100644
index c1692d9..0000000
--- a/src/pages/Vacations/Coordinator/Create.vue
+++ /dev/null
@@ -1,181 +0,0 @@
-<script setup>
-import { onMounted, ref, computed } from 'vue';
-import { useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, viewTo } from './Module'
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Form from './Form.vue';
-
-/** Definidores */
-const router = useRouter();
-
-const form = useForm({
-    periods: [
-        {
-            start_date: '',
-            end_date: '',
-            number_of_days: 0,
-        }
-    ],
-    comments: ''
-});
-
-const availableDays = ref(0);
-const formRef = ref(null);
-
-// Calcular días restantes
-const remainingDays = computed(() => {
-    if (!formRef.value) return availableDays.value;
-    return availableDays.value - formRef.value.totalSelectedDays;
-});
-
-// Calcular total de días seleccionados
-const totalSelectedDays = computed(() => {
-    if (!formRef.value) return 0;
-    return formRef.value.totalSelectedDays;
-});
-
-// Obtener períodos con datos
-const periodsWithData = computed(() => {
-    return form.periods.filter(period => period.start_date && period.end_date && period.number_of_days > 0);
-});
-
-/** Métodos */
-function submit() {
-    form.post(apiTo('store'), {
-        onSuccess: (res) => {
-            Notify.success(Lang('created'));
-            router.push(viewTo({ name: 'index' }));
-        }
-    });
-}
-
-/** Ciclos */
-onMounted(() => {
-    api.get(route('resources.available-days'), {
-        onSuccess: (res) => {
-            availableDays.value = res.available_days;
-        }
-    });
-});
-</script>
-
-<template>
-    <div>
-        <!-- Header -->
-        <div class="mb-8">
-            <div class="flex items-center gap-4 mb-4">
-            <RouterLink :to="viewTo({ name: 'index' })">
-                    <button class="flex items-center justify-center w-10 h-10 rounded-lg bg-slate-100 hover:bg-slate-200 with-transition dark:bg-slate-800 dark:hover:bg-slate-700">
-                        <GoogleIcon name="arrow_back" class="text-slate-600 dark:text-slate-300" />
-                    </button>
-            </RouterLink>
-                <div>
-                    <h1 class="text-2xl font-bold text-slate-900 dark:text-slate-100">Solicitar Vacaciones</h1>
-                    <p class="text-slate-600 dark:text-slate-400">Completa el formulario para solicitar tus días de vacaciones.</p>
-                </div>
-            </div>
-        </div>
-
-        <!-- Layout de dos columnas -->
-        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
-            <!-- Formulario - Columna izquierda (2/3) -->
-            <div class="lg:col-span-2">
-                <div class="bg-white rounded-xl shadow-sm border border-slate-200 p-6 dark:bg-slate-800 dark:border-slate-700">
-                    <h2 class="text-lg font-semibold text-slate-900 dark:text-slate-100 mb-2">Detalles de la Solicitud</h2>
-                    <p class="text-sm text-slate-600 dark:text-slate-400 mb-6">Selecciona las fechas y proporciona información adicional.</p>
-
-                    <Form 
-                        ref="formRef"
-                        :form="form"
-                        @submit="submit"
-                    />
-                </div>
-            </div>
-
-            <!-- Resumen - Columna derecha (1/3) -->
-            <div class="lg:col-span-1">
-                <div class="bg-white rounded-xl shadow-sm border border-slate-200 p-6 dark:bg-slate-800 dark:border-slate-700">
-                    <h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100 mb-4">Resumen de Solicitud</h3>
-                    <p class="text-sm text-slate-600 dark:text-slate-400 mb-6">Revisa los detalles antes de enviar.</p>
-
-                    <!-- Días disponibles -->
-                    <div class="text-center mb-6 p-4 bg-slate-50 rounded-lg dark:bg-slate-700/50">
-                        <div class="text-3xl font-bold text-slate-900 dark:text-slate-100">{{ availableDays }}</div>
-                        <div class="text-sm text-slate-600 dark:text-slate-400">Días Disponibles</div>
-                    </div>
-
-                    <!-- Detalles de períodos -->
-                    <div v-if="periodsWithData.length > 0" class="space-y-4 mb-6">
-                        <div v-for="(period, index) in periodsWithData" :key="index" class="space-y-2">
-                            <h4 class="font-medium text-slate-900 dark:text-slate-100">
-                                Período {{ index + 1 }}:
-                            </h4>
-                            <div class="space-y-1 text-sm text-slate-600 dark:text-slate-400">
-                                <div>Inicio: {{ period.start_date }}</div>
-                                <div>Fin: {{ period.end_date }}</div>
-                                <div class="flex items-center gap-2">
-                                    <span>Días en período {{ index + 1 }}:</span>
-                                    <span class="px-2 py-1 bg-slate-100 text-slate-700 rounded-full text-xs font-medium dark:bg-slate-600 dark:text-slate-300">
-                                        {{ period.number_of_days }} día{{ period.number_of_days > 1 ? 's' : '' }}
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Resumen de días -->
-                    <div v-if="totalSelectedDays > 0" class="space-y-3 mb-6">
-                        <div class="flex items-center justify-between">
-                            <span class="text-sm text-slate-600 dark:text-slate-400">Total de días:</span>
-                            <span class="px-2 py-1 bg-slate-100 text-slate-700 rounded-full text-xs font-medium dark:bg-slate-600 dark:text-slate-300">
-                                {{ totalSelectedDays }} día{{ totalSelectedDays > 1 ? 's' : '' }}
-                            </span>
-                        </div>
-                        <div class="flex items-center justify-between">
-                            <span class="text-sm text-slate-600 dark:text-slate-400">Días restantes:</span>
-                            <span class="px-2 py-1 rounded-full text-xs font-medium"
-                                  :class="remainingDays < 0 ? 'bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-400' : 'bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400'">
-                                {{ remainingDays }} día{{ remainingDays !== 1 ? 's' : '' }}
-                            </span>
-                        </div>
-                    </div>
-
-                    <!-- Advertencia si se excede el límite -->
-                    <div v-if="remainingDays < 0" class="mb-6 p-3 bg-red-50 border border-red-200 rounded-lg dark:bg-red-500/10 dark:border-red-500/20">
-                        <div class="flex items-center gap-2">
-                            <GoogleIcon name="warning" class="w-4 h-4 text-red-600 dark:text-red-400" />
-                            <span class="text-sm text-red-600 dark:text-red-400 font-medium">
-                                Excedes tus días disponibles por {{ Math.abs(remainingDays) }} día{{ Math.abs(remainingDays) > 1 ? 's' : '' }}
-                            </span>
-                        </div>
-                    </div>
-
-                    <!-- Recordatorios -->
-                    <div class="space-y-3">
-                        <h4 class="font-medium text-slate-900 dark:text-slate-100">Recordatorios:</h4>
-                        <div class="space-y-2 text-sm text-slate-600 dark:text-slate-400">
-                            <div class="flex items-start gap-2">
-                                <div class="w-1.5 h-1.5 bg-slate-400 rounded-full mt-2 flex-shrink-0"></div>
-                                <span>Las solicitudes deben hacerse con 15 días de anticipación</span>
-                            </div>
-                            <div class="flex items-start gap-2">
-                                <div class="w-1.5 h-1.5 bg-slate-400 rounded-full mt-2 flex-shrink-0"></div>
-                                <span>Tu coordinador revisará y aprobará la solicitud</span>
-                            </div>
-                            <div class="flex items-start gap-2">
-                                <div class="w-1.5 h-1.5 bg-slate-400 rounded-full mt-2 flex-shrink-0"></div>
-                                <span>Recibirás una notificación con la decisión</span>
-                            </div>
-                            <div class="flex items-start gap-2">
-                                <div class="w-1.5 h-1.5 bg-slate-400 rounded-full mt-2 flex-shrink-0"></div>
-                                <span>Los días se descontarán una vez aprobados</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Vacations/Coordinator/Form.vue b/src/pages/Vacations/Coordinator/Form.vue
deleted file mode 100644
index 4ac48cb..0000000
--- a/src/pages/Vacations/Coordinator/Form.vue
+++ /dev/null
@@ -1,236 +0,0 @@
-<script setup>
-import { ref, watch, computed } from 'vue';
-import VueDatePicker from '@vuepic/vue-datepicker';
-import '@vuepic/vue-datepicker/dist/main.css';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/Input.vue';
-import Textarea         from '@Holos/Form/Textarea.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'submit'
-])
-
-/** Propiedades */
-const props = defineProps({
-    form: Object
-})
-
-/** Métodos */
-function submit() {
-    emit('submit')
-}
-
-function addPeriod() {
-    props.form.periods.push({
-        start_date: '',
-        end_date: '',
-        number_of_days: 0,
-    });
-}
-
-function removePeriod(index) {
-    if (props.form.periods.length > 1) {
-        props.form.periods.splice(index, 1);
-    }
-}
-
-function calculateDays(startDate, endDate) {
-    if (!startDate || !endDate) return 0;
-    
-    const start = new Date(startDate);
-    const end = new Date(endDate);
-    
-    // Validar que la fecha de inicio no sea posterior a la de fin
-    if (start > end) return 0;
-    
-    // Calcular la diferencia en días (incluyendo ambos días)
-    const timeDiff = end.getTime() - start.getTime();
-    const daysDiff = Math.ceil(timeDiff / (1000 * 3600 * 24)) + 1;
-    
-    return daysDiff;
-}
-
-function updatePeriodDays(index) {
-    const period = props.form.periods[index];
-    if (period.start_date && period.end_date) {
-        period.number_of_days = calculateDays(period.start_date, period.end_date);
-    } else {
-        period.number_of_days = 0;
-    }
-}
-
-function getMinDate() {
-    const today = new Date();
-    let daysToAdd = 15;
-    let currentDate = new Date(today);
-    
-    while (daysToAdd > 0) {
-        currentDate.setDate(currentDate.getDate() + 1);
-        // Si no es domingo (0), contar el día
-        if (currentDate.getDay() !== 0) {
-            daysToAdd--;
-        }
-    }
-    
-    return currentDate.toISOString().split('T')[0];
-}
-
-// Función para desactivar domingos
-function isDisabled(date) {
-    return date.getDay() === 0; // 0 = domingo
-}
-
-// Función para formatear fecha a Y-m-d
-function formatDate(date) {
-    if (!date) return '';
-    
-    // Si la fecha ya es un string en formato correcto, devolverla
-    if (typeof date === 'string' && date.match(/^\d{4}-\d{2}-\d{2}$/)) {
-        return date;
-    }
-    
-    let d;
-    if (date instanceof Date) {
-        d = date;
-    } else {
-        d = new Date(date);
-    }
-    
-    // Verificar que la fecha es válida
-    if (isNaN(d.getTime())) {
-        console.warn('Fecha inválida recibida:', date);
-        return '';
-    }
-    
-    const year = d.getFullYear();
-    const month = String(d.getMonth() + 1).padStart(2, '0');
-    const day = String(d.getDate()).padStart(2, '0');
-    return `${year}-${month}-${day}`;
-}
-
-// Watcher para detectar cambios en las fechas
-watch(() => props.form.periods, (newPeriods) => {
-    newPeriods.forEach((period, index) => {
-        if (period.start_date && period.end_date) {
-            updatePeriodDays(index);
-        }
-    });
-}, { deep: true });
-
-// Calcular total de días seleccionados
-const totalSelectedDays = computed(() => {
-    return props.form.periods.reduce((total, period) => {
-        return total + (period.number_of_days || 0);
-    }, 0);
-});
-
-// Exponer el total para el componente padre
-defineExpose({
-    totalSelectedDays
-});
-</script>
-
-<template>
-    <form @submit.prevent="submit" class="space-y-6">
-        <!-- Períodos de vacaciones -->
-        <div class="space-y-4">
-            <div v-for="(period, index) in form.periods" :key="index" class="space-y-4">
-                <div class="flex items-center justify-between">
-                    <h4 class="text-sm font-medium text-slate-700 dark:text-slate-300">
-                        Período {{ index + 1 }}
-                    </h4>
-                    <button
-                        v-if="form.periods.length > 1"
-                        type="button"
-                        @click="removePeriod(index)"
-                        class="flex items-center gap-1 px-2 py-1 text-xs font-medium text-red-600 hover:text-red-700 hover:bg-red-50 rounded-md with-transition dark:text-red-400 dark:hover:bg-red-500/10"
-                    >
-                        <GoogleIcon name="delete" class="w-4 h-4" />
-                        Eliminar
-                    </button>
-                </div>
-                
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    <div>
-                        <div class="relative">
-                            <VueDatePicker
-                                v-model="period.start_date"
-                                class="w-full"
-                                placeholder="Fecha de inicio"
-                                format="dd/MM/yyyy"
-                                locale="es"
-                                :min-date="getMinDate()"
-                                :disabled-dates="isDisabled"
-                                :enable-time-picker="false"
-                                :auto-apply="true"
-                                :close-on-auto-apply="true"
-                                @update:model-value="(date) => { 
-                                    console.log('Fecha seleccionada (inicio):', date);
-                                    period.start_date = formatDate(date); 
-                                    console.log('Fecha formateada (inicio):', period.start_date);
-                                    updatePeriodDays(index); 
-                                }"
-                            />
-                        </div>
-                    </div>
-                    <div>
-                        <div class="relative">
-                            <VueDatePicker
-                                v-model="period.end_date"
-                                class="w-full"
-                                placeholder="Fecha de fin"
-                                format="dd/MM/yyyy"
-                                locale="es"
-                                :min-date="getMinDate()"
-                                :disabled-dates="isDisabled"
-                                :enable-time-picker="false"
-                                :auto-apply="true"
-                                :close-on-auto-apply="true"
-                                @update:model-value="(date) => { 
-                                    console.log('Fecha seleccionada (fin):', date);
-                                    period.end_date = formatDate(date); 
-                                    console.log('Fecha formateada (fin):', period.end_date);
-                                    updatePeriodDays(index); 
-                                }"
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Botón añadir período -->
-            <button
-                type="button"
-                @click="addPeriod"
-                class="flex items-center gap-2 px-4 py-2 text-sm font-medium text-blue-600 hover:text-blue-700 hover:bg-blue-50 rounded-lg with-transition dark:text-blue-400 dark:hover:bg-blue-500/10"
-            >
-                <GoogleIcon name="add" />
-                Añadir período
-            </button>
-        </div>
-
-        <!-- Comentarios -->
-        <div>
-            <Textarea
-                v-model="form.comments"
-                id="comments"
-                rows="4"
-                class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none dark:bg-slate-700 dark:border-slate-600 dark:text-slate-100"
-                placeholder="Agrega cualquier información adicional sobre tu solicitud..."
-                :onError="form.errors.comments"
-            />
-        </div>
-
-        <!-- Botón de envío -->
-        <div class="col-span-1 md:col-span-2 flex justify-center">
-            <PrimaryButton
-                v-text="$t('request')"
-                :class="{ 'opacity-25': form.processing }"
-                :disabled="form.processing"
-            />
-        </div>
-    </form>
-</template>
\ No newline at end of file
diff --git a/src/pages/Vacations/Coordinator/Index.vue b/src/pages/Vacations/Coordinator/Index.vue
deleted file mode 100644
index cb35224..0000000
--- a/src/pages/Vacations/Coordinator/Index.vue
+++ /dev/null
@@ -1,291 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { api } from '@Services/Api';
-import { apiTo } from './Module';
-
-import Calendar from '@Components/Holos/Calendar.vue';
-
-/** Propiedades */
-const applicationsForCoordinator = ref([]);
-const conflictDays = ref([]);
-const calendarRef = ref(null);
-
-/** Metodos */
-const formatDate = (dateString) => {
-    const date = new Date(dateString);
-    return date.toLocaleDateString('es-ES', {
-        year: 'numeric',
-        month: '2-digit',
-        day: '2-digit'
-    });
-};
-
-// Función para calcular el total de días
-const calculateTotalDays = (vacationPeriods) => {
-    return vacationPeriods.reduce((total, period) => total + period.number_of_days, 0);
-};
-
-// Función para obtener el color del estado
-const getStatusColor = (status) => {
-    switch (status) {
-        case 'Pendiente':
-            return 'bg-yellow-100 text-yellow-800';
-        case 'Aprobada':
-            return 'bg-green-100 text-green-800';
-        case 'Rechazada':
-            return 'bg-red-100 text-red-800';
-        default:
-            return 'bg-gray-100 text-gray-800';
-    }
-};
-
-// Método para obtener los días de conflicto del mes
-const fetchConflictDays = (month) => {
-    // Limpiar inmediatamente los días de conflicto para evitar el parpadeo visual
-    conflictDays.value = [];
-    
-    api.get(apiTo('calendar-month', { month: month }), {
-        onSuccess: (r) => {
-            // El backend puede retornar un array vacío o un array con los días de conflicto
-            conflictDays.value = r.conflict_days || [];
-        },
-    });
-};
-
-const approvePeriod = (periodId) => {
-    api.put(apiTo('approve-period', { period: periodId }), {
-        onSuccess: (r) => {
-            Notify.success('Periodo aprobado correctamente');
-            // recargar la página
-            
-        },
-    });
-};
-
-const approveAll = (applicationId) => {
-    api.put(apiTo('approve-request', { vacationRequest: applicationId }), {
-        onSuccess: (r) => {
-            Notify.success('Solicitud aprobada correctamente');
-            // recargar la página
-            
-        },
-    });
-};
-
-/** Ciclos */
-onMounted(() => {
-    // Cargar los días de conflicto del mes actual al montar el componente
-    const initialMonth = new Date().getMonth() + 1;
-    fetchConflictDays(initialMonth);
-
-    // Cargar las solicitudes para coordinador
-    api.get(apiTo('index'), {
-        onSuccess: (r) => {
-            applicationsForCoordinator.value = r.applications_for_coordinator;
-        }
-    });
-});
-</script>
-
-<template>
-    <div>
-        <!-- Header -->
-        <h1 class="text-xl sm:text-2xl font-bold text-slate-900 dark:text-slate-100">Gestión de Solicitudes</h1>
-        <p class="text-sm sm:text-base text-slate-600 dark:text-slate-400">Revisa y gestiona las solicitudes de vacaciones de tu equipo</p>
-
-        <div class="grid grid-cols-1 lg:grid-cols-12 gap-4 lg:gap-6">
-            <div class="order-2 lg:order-1 lg:col-span-8">
-                <!-- Lista de solicitudes -->
-                <div v-for="application in applicationsForCoordinator" :key="application.id" class="bg-white rounded-lg shadow-md p-4 sm:p-6 mb-4 sm:mb-6">
-                    <!-- Información del empleado -->
-                    <div class="flex flex-col sm:flex-row sm:items-center mb-4 sm:mb-6 gap-3 sm:gap-0">
-                        <div class="flex items-center flex-1">
-                            <div class="w-10 h-10 sm:w-12 sm:h-12 bg-gray-200 rounded-full flex items-center justify-center mr-3 sm:mr-4 overflow-hidden flex-shrink-0">
-                                <img v-if="application.user.profile_photo_url" 
-                                     :src="application.user.profile_photo_url" 
-                                     :alt="application.user.full_name"
-                                     class="w-full h-full object-cover">
-                                <svg v-else class="w-5 h-5 sm:w-6 sm:h-6 text-gray-500" fill="currentColor" viewBox="0 0 20 20">
-                                    <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z"
-                                        clip-rule="evenodd" />
-                                </svg>
-                            </div>
-                            <div class="flex-1 min-w-0">
-                                <div class="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3 mb-1">
-                                    <h2 class="text-base sm:text-lg font-semibold text-gray-900 truncate">{{ application.user.full_name }}</h2>
-                                    <span :class="`px-2 py-1 text-xs rounded-full font-medium ${getStatusColor(application.status)} flex-shrink-0`">
-                                        {{ application.status }}
-                                    </span>
-                                </div>
-                                <p class="text-gray-500 text-sm">{{ application.user.department.name }}</p>
-                                <p class="text-gray-400 text-xs">Días disponibles: {{ application.user.vacation_days_available }}</p>
-                            </div>
-                        </div>
-                        <div class="text-left sm:text-right text-sm text-gray-500 flex-shrink-0">
-                            <p>Solicitado: {{ formatDate(application.created_at) }}</p>
-                        </div>
-                    </div>
-
-                    <!-- Conflicto -->
-                    <div v-if="application.have_conflict && application.status == 'Pendiente'" class="mb-4 sm:mb-6">
-                        <div class="bg-red-50 border border-red-200 rounded-lg p-3 sm:p-4">
-                            <div class="flex items-start">
-                                <div class="flex-shrink-0">
-                                    <svg class="w-4 h-4 sm:w-5 sm:h-5 text-red-400" fill="currentColor" viewBox="0 0 20 20">
-                                        <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
-                                    </svg>
-                                </div>
-                                <div class="ml-2 sm:ml-3 flex-1">
-                                    <h3 class="text-sm font-medium text-red-800">
-                                        Conflicto detectado
-                                    </h3>
-                                    <div class="mt-2 text-sm text-red-700">
-                                        <p class="mb-3">Las siguientes fechas presentan conflictos con otras solicitudes:</p>
-                                        <div class="space-y-2 sm:space-y-3">
-                                            <div v-for="conflict in application.have_conflict" :key="conflict.request_id" 
-                                                 class="bg-white border border-red-200 rounded-md p-2 sm:p-3">
-                                                <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2 gap-1 sm:gap-0">
-                                                    <span class="font-medium text-red-800">{{ conflict.user.name }}</span>
-                                                </div>
-                                                <div class="text-xs text-red-600 space-y-2">
-                                                    <div class="flex flex-col sm:flex-row sm:justify-between gap-1 sm:gap-2">
-                                                        <span class="font-medium">Período aprobado:</span>
-                                                        <span class="break-all sm:break-normal">{{ formatDate(conflict.conflicting_period.start_date) }} - {{ formatDate(conflict.conflicting_period.end_date) }} ({{ conflict.conflicting_period.number_of_days }} días)</span>
-                                                    </div>
-                                                    <div class="flex flex-col sm:flex-row sm:justify-between gap-1 sm:gap-2">
-                                                        <span class="font-medium">Período solicitado:</span>
-                                                        <span class="break-all sm:break-normal">{{ formatDate(conflict.target_period.start_date) }} - {{ formatDate(conflict.target_period.end_date) }} ({{ conflict.target_period.number_of_days }} días)</span>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-            
-                    <!-- Períodos solicitados -->
-                    <div class="mb-4 sm:mb-6">
-                        <h3 class="text-sm font-medium text-gray-700 mb-3">Períodos solicitados:</h3>
-            
-                        <div class="space-y-2">
-                            <div v-for="period in application.vacation_periods" :key="period.id" 
-                                 class="flex flex-col sm:flex-row sm:items-center p-3 bg-gray-50 rounded-lg gap-3 sm:gap-0">
-                                <div class="flex items-center flex-1">
-                                    <div class="w-6 h-6 sm:w-8 sm:h-8 bg-blue-100 rounded-full flex items-center justify-center mr-2 sm:mr-3 flex-shrink-0">
-                                        <svg class="w-3 h-3 sm:w-4 sm:h-4 text-blue-600" fill="currentColor" viewBox="0 0 20 20">
-                                            <path fill-rule="evenodd"
-                                                d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
-                                                clip-rule="evenodd" />
-                                        </svg>
-                                    </div>
-                                    <div class="flex flex-col sm:flex-row sm:items-center sm:flex-1 gap-2">
-                                        <span class="text-gray-700 text-sm">
-                                            {{ formatDate(period.start_date) }} - {{ formatDate(period.end_date) }}
-                                        </span>
-                                        <span class="px-2 py-1 bg-blue-100 text-blue-600 text-xs rounded-full font-medium self-start sm:self-auto">
-                                            {{ period.number_of_days }} {{ period.number_of_days === 1 ? 'día' : 'días' }}
-                                        </span>
-                                    </div>
-                                </div>
-                                
-                                <!-- Botones de acción para períodos individuales -->
-                                <div v-if="application.status === 'Pendiente'" class="flex gap-2 justify-start sm:justify-end">
-                                    <button
-                                        class="flex items-center justify-center gap-1 bg-green-500 hover:bg-green-600 text-white font-medium py-1.5 px-3 rounded text-xs transition-colors"
-                                        @click="application.vacation_periods.length > 1 ? approvePeriod(period.id) : approveAll(application.id)"
-                                    >
-                                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
-                                            <path fill-rule="evenodd"
-                                                d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-                                                clip-rule="evenodd" />
-                                        </svg>
-                                        Aprobar
-                                    </button>
-                    
-                                    <button
-                                        class="flex items-center justify-center gap-1 bg-red-500 hover:bg-red-600 text-white font-medium py-1.5 px-3 rounded text-xs transition-colors">
-                                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
-                                            <path fill-rule="evenodd"
-                                                d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                                                clip-rule="evenodd" />
-                                        </svg>
-                                        Rechazar
-                                    </button>
-                                </div>
-                            </div>
-                        </div>
-            
-                        <!-- Total -->
-                        <div class="mt-3 text-right">
-                            <span class="text-sm font-medium text-gray-700">
-                                Total: {{ calculateTotalDays(application.vacation_periods) }} días
-                            </span>
-                        </div>
-                    </div>
-            
-                    <!-- Comentarios -->
-                    <div v-if="application.comments" class="mb-4 sm:mb-6">
-                        <h3 class="text-sm font-medium text-gray-700 mb-2">Comentarios:</h3>
-                        <div class="p-3 bg-gray-50 rounded-lg">
-                            <span class="text-gray-700 text-sm">{{ application.comments }}</span>
-                        </div>
-                    </div>
-            
-                    <!-- Motivo de rechazo -->
-                    <div v-if="application.rejection_reason" class="mb-4 sm:mb-6">
-                        <h3 class="text-sm font-medium text-red-700 mb-2">Motivo de rechazo:</h3>
-                        <div class="p-3 bg-red-50 rounded-lg border border-red-200">
-                            <span class="text-red-700 text-sm">{{ application.rejection_reason }}</span>
-                        </div>
-                    </div>
-            
-                    <!-- Botones de acción -->
-                    <div v-if="application.status === 'Pendiente' && application.vacation_periods.length > 1" class="flex flex-col sm:flex-row gap-2 sm:gap-3">
-                        <button
-                            class="flex items-center justify-center gap-2 bg-green-500 hover:bg-green-600 text-white font-medium py-2.5 sm:py-2 px-4 rounded-lg transition-colors"
-                            @click="approveAll(application.id)"
-                        >
-                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-                                <path fill-rule="evenodd"
-                                    d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                            Aprobar todo
-                        </button>
-            
-                        <button
-                            class="flex items-center justify-center gap-2 bg-red-500 hover:bg-red-600 text-white font-medium py-2.5 sm:py-2 px-4 rounded-lg transition-colors">
-                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-                                <path fill-rule="evenodd"
-                                    d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                            Rechazar todo
-                        </button>
-                    </div>
-                </div>
-            
-                <!-- Mensaje cuando no hay solicitudes -->
-                <div v-if="!applicationsForCoordinator || applicationsForCoordinator.length === 0" 
-                     class="text-center py-8 sm:py-12 px-4">
-                    <div class="w-12 h-12 sm:w-16 sm:h-16 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4">
-                        <svg class="w-6 h-6 sm:w-8 sm:h-8 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
-                            <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
-                        </svg>
-                    </div>
-                    <h3 class="text-base sm:text-lg font-medium text-gray-900 mb-2">No hay solicitudes pendientes</h3>
-                    <p class="text-sm sm:text-base text-gray-500">Tu equipo no tiene solicitudes de vacaciones que requieran revisión.</p>
-                </div>
-            </div>
-            <div class="order-1 lg:order-2 lg:col-span-4">
-                <Calendar 
-                    ref="calendarRef"
-                    :conflictDays="conflictDays"
-                    @monthChanged="fetchConflictDays"
-                />
-            </div>
-        </div>
-    </div>
-</template>
diff --git a/src/pages/Vacations/Coordinator/Module.js b/src/pages/Vacations/Coordinator/Module.js
deleted file mode 100644
index b4bb8b3..0000000
--- a/src/pages/Vacations/Coordinator/Module.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { lang } from '@Lang/i18n';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`vacation-requests.coordinator.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `vacations.coordinator.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`vacations.${str}`)
-
-export {
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Vacations/Employee/Create.vue b/src/pages/Vacations/Employee/Create.vue
deleted file mode 100644
index c1692d9..0000000
--- a/src/pages/Vacations/Employee/Create.vue
+++ /dev/null
@@ -1,181 +0,0 @@
-<script setup>
-import { onMounted, ref, computed } from 'vue';
-import { useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, viewTo } from './Module'
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Form from './Form.vue';
-
-/** Definidores */
-const router = useRouter();
-
-const form = useForm({
-    periods: [
-        {
-            start_date: '',
-            end_date: '',
-            number_of_days: 0,
-        }
-    ],
-    comments: ''
-});
-
-const availableDays = ref(0);
-const formRef = ref(null);
-
-// Calcular días restantes
-const remainingDays = computed(() => {
-    if (!formRef.value) return availableDays.value;
-    return availableDays.value - formRef.value.totalSelectedDays;
-});
-
-// Calcular total de días seleccionados
-const totalSelectedDays = computed(() => {
-    if (!formRef.value) return 0;
-    return formRef.value.totalSelectedDays;
-});
-
-// Obtener períodos con datos
-const periodsWithData = computed(() => {
-    return form.periods.filter(period => period.start_date && period.end_date && period.number_of_days > 0);
-});
-
-/** Métodos */
-function submit() {
-    form.post(apiTo('store'), {
-        onSuccess: (res) => {
-            Notify.success(Lang('created'));
-            router.push(viewTo({ name: 'index' }));
-        }
-    });
-}
-
-/** Ciclos */
-onMounted(() => {
-    api.get(route('resources.available-days'), {
-        onSuccess: (res) => {
-            availableDays.value = res.available_days;
-        }
-    });
-});
-</script>
-
-<template>
-    <div>
-        <!-- Header -->
-        <div class="mb-8">
-            <div class="flex items-center gap-4 mb-4">
-            <RouterLink :to="viewTo({ name: 'index' })">
-                    <button class="flex items-center justify-center w-10 h-10 rounded-lg bg-slate-100 hover:bg-slate-200 with-transition dark:bg-slate-800 dark:hover:bg-slate-700">
-                        <GoogleIcon name="arrow_back" class="text-slate-600 dark:text-slate-300" />
-                    </button>
-            </RouterLink>
-                <div>
-                    <h1 class="text-2xl font-bold text-slate-900 dark:text-slate-100">Solicitar Vacaciones</h1>
-                    <p class="text-slate-600 dark:text-slate-400">Completa el formulario para solicitar tus días de vacaciones.</p>
-                </div>
-            </div>
-        </div>
-
-        <!-- Layout de dos columnas -->
-        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
-            <!-- Formulario - Columna izquierda (2/3) -->
-            <div class="lg:col-span-2">
-                <div class="bg-white rounded-xl shadow-sm border border-slate-200 p-6 dark:bg-slate-800 dark:border-slate-700">
-                    <h2 class="text-lg font-semibold text-slate-900 dark:text-slate-100 mb-2">Detalles de la Solicitud</h2>
-                    <p class="text-sm text-slate-600 dark:text-slate-400 mb-6">Selecciona las fechas y proporciona información adicional.</p>
-
-                    <Form 
-                        ref="formRef"
-                        :form="form"
-                        @submit="submit"
-                    />
-                </div>
-            </div>
-
-            <!-- Resumen - Columna derecha (1/3) -->
-            <div class="lg:col-span-1">
-                <div class="bg-white rounded-xl shadow-sm border border-slate-200 p-6 dark:bg-slate-800 dark:border-slate-700">
-                    <h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100 mb-4">Resumen de Solicitud</h3>
-                    <p class="text-sm text-slate-600 dark:text-slate-400 mb-6">Revisa los detalles antes de enviar.</p>
-
-                    <!-- Días disponibles -->
-                    <div class="text-center mb-6 p-4 bg-slate-50 rounded-lg dark:bg-slate-700/50">
-                        <div class="text-3xl font-bold text-slate-900 dark:text-slate-100">{{ availableDays }}</div>
-                        <div class="text-sm text-slate-600 dark:text-slate-400">Días Disponibles</div>
-                    </div>
-
-                    <!-- Detalles de períodos -->
-                    <div v-if="periodsWithData.length > 0" class="space-y-4 mb-6">
-                        <div v-for="(period, index) in periodsWithData" :key="index" class="space-y-2">
-                            <h4 class="font-medium text-slate-900 dark:text-slate-100">
-                                Período {{ index + 1 }}:
-                            </h4>
-                            <div class="space-y-1 text-sm text-slate-600 dark:text-slate-400">
-                                <div>Inicio: {{ period.start_date }}</div>
-                                <div>Fin: {{ period.end_date }}</div>
-                                <div class="flex items-center gap-2">
-                                    <span>Días en período {{ index + 1 }}:</span>
-                                    <span class="px-2 py-1 bg-slate-100 text-slate-700 rounded-full text-xs font-medium dark:bg-slate-600 dark:text-slate-300">
-                                        {{ period.number_of_days }} día{{ period.number_of_days > 1 ? 's' : '' }}
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Resumen de días -->
-                    <div v-if="totalSelectedDays > 0" class="space-y-3 mb-6">
-                        <div class="flex items-center justify-between">
-                            <span class="text-sm text-slate-600 dark:text-slate-400">Total de días:</span>
-                            <span class="px-2 py-1 bg-slate-100 text-slate-700 rounded-full text-xs font-medium dark:bg-slate-600 dark:text-slate-300">
-                                {{ totalSelectedDays }} día{{ totalSelectedDays > 1 ? 's' : '' }}
-                            </span>
-                        </div>
-                        <div class="flex items-center justify-between">
-                            <span class="text-sm text-slate-600 dark:text-slate-400">Días restantes:</span>
-                            <span class="px-2 py-1 rounded-full text-xs font-medium"
-                                  :class="remainingDays < 0 ? 'bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-400' : 'bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400'">
-                                {{ remainingDays }} día{{ remainingDays !== 1 ? 's' : '' }}
-                            </span>
-                        </div>
-                    </div>
-
-                    <!-- Advertencia si se excede el límite -->
-                    <div v-if="remainingDays < 0" class="mb-6 p-3 bg-red-50 border border-red-200 rounded-lg dark:bg-red-500/10 dark:border-red-500/20">
-                        <div class="flex items-center gap-2">
-                            <GoogleIcon name="warning" class="w-4 h-4 text-red-600 dark:text-red-400" />
-                            <span class="text-sm text-red-600 dark:text-red-400 font-medium">
-                                Excedes tus días disponibles por {{ Math.abs(remainingDays) }} día{{ Math.abs(remainingDays) > 1 ? 's' : '' }}
-                            </span>
-                        </div>
-                    </div>
-
-                    <!-- Recordatorios -->
-                    <div class="space-y-3">
-                        <h4 class="font-medium text-slate-900 dark:text-slate-100">Recordatorios:</h4>
-                        <div class="space-y-2 text-sm text-slate-600 dark:text-slate-400">
-                            <div class="flex items-start gap-2">
-                                <div class="w-1.5 h-1.5 bg-slate-400 rounded-full mt-2 flex-shrink-0"></div>
-                                <span>Las solicitudes deben hacerse con 15 días de anticipación</span>
-                            </div>
-                            <div class="flex items-start gap-2">
-                                <div class="w-1.5 h-1.5 bg-slate-400 rounded-full mt-2 flex-shrink-0"></div>
-                                <span>Tu coordinador revisará y aprobará la solicitud</span>
-                            </div>
-                            <div class="flex items-start gap-2">
-                                <div class="w-1.5 h-1.5 bg-slate-400 rounded-full mt-2 flex-shrink-0"></div>
-                                <span>Recibirás una notificación con la decisión</span>
-                            </div>
-                            <div class="flex items-start gap-2">
-                                <div class="w-1.5 h-1.5 bg-slate-400 rounded-full mt-2 flex-shrink-0"></div>
-                                <span>Los días se descontarán una vez aprobados</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Vacations/Employee/Form.vue b/src/pages/Vacations/Employee/Form.vue
deleted file mode 100644
index 4cc976e..0000000
--- a/src/pages/Vacations/Employee/Form.vue
+++ /dev/null
@@ -1,236 +0,0 @@
-<script setup>
-import { ref, watch, computed } from 'vue';
-
-import VueDatePicker from '@vuepic/vue-datepicker';
-import '@vuepic/vue-datepicker/dist/main.css';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Textarea      from '@Holos/Form/Textarea.vue';
-import GoogleIcon    from '@Shared/GoogleIcon.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'submit'
-])
-
-/** Propiedades */
-const props = defineProps({
-    form: Object
-})
-
-/** Métodos */
-function submit() {
-    emit('submit')
-}
-
-function addPeriod() {
-    props.form.periods.push({
-        start_date: '',
-        end_date: '',
-        number_of_days: 0,
-    });
-}
-
-function removePeriod(index) {
-    if (props.form.periods.length > 1) {
-        props.form.periods.splice(index, 1);
-    }
-}
-
-function calculateDays(startDate, endDate) {
-    if (!startDate || !endDate) return 0;
-    
-    const start = new Date(startDate);
-    const end = new Date(endDate);
-    
-    // Validar que la fecha de inicio no sea posterior a la de fin
-    if (start > end) return 0;
-    
-    // Calcular la diferencia en días (incluyendo ambos días)
-    const timeDiff = end.getTime() - start.getTime();
-    const daysDiff = Math.ceil(timeDiff / (1000 * 3600 * 24)) + 1;
-    
-    return daysDiff;
-}
-
-function updatePeriodDays(index) {
-    const period = props.form.periods[index];
-    if (period.start_date && period.end_date) {
-        period.number_of_days = calculateDays(period.start_date, period.end_date);
-    } else {
-        period.number_of_days = 0;
-    }
-}
-
-function getMinDate() {
-    const today = new Date();
-    let daysToAdd = 15;
-    let currentDate = new Date(today);
-    
-    while (daysToAdd > 0) {
-        currentDate.setDate(currentDate.getDate() + 1);
-        // Si no es domingo (0), contar el día
-        if (currentDate.getDay() !== 0) {
-            daysToAdd--;
-        }
-    }
-    
-    return currentDate.toISOString().split('T')[0];
-}
-
-// Función para desactivar domingos
-function isDisabled(date) {
-    return date.getDay() === 0; // 0 = domingo
-}
-
-// Función para formatear fecha a Y-m-d
-function formatDate(date) {
-    if (!date) return '';
-    
-    // Si la fecha ya es un string en formato correcto, devolverla
-    if (typeof date === 'string' && date.match(/^\d{4}-\d{2}-\d{2}$/)) {
-        return date;
-    }
-    
-    let d;
-    if (date instanceof Date) {
-        d = date;
-    } else {
-        d = new Date(date);
-    }
-    
-    // Verificar que la fecha es válida
-    if (isNaN(d.getTime())) {
-        console.warn('Fecha inválida recibida:', date);
-        return '';
-    }
-    
-    const year = d.getFullYear();
-    const month = String(d.getMonth() + 1).padStart(2, '0');
-    const day = String(d.getDate()).padStart(2, '0');
-    return `${year}-${month}-${day}`;
-}
-
-// Watcher para detectar cambios en las fechas
-watch(() => props.form.periods, (newPeriods) => {
-    newPeriods.forEach((period, index) => {
-        if (period.start_date && period.end_date) {
-            updatePeriodDays(index);
-        }
-    });
-}, { deep: true });
-
-// Calcular total de días seleccionados
-const totalSelectedDays = computed(() => {
-    return props.form.periods.reduce((total, period) => {
-        return total + (period.number_of_days || 0);
-    }, 0);
-});
-
-// Exponer el total para el componente padre
-defineExpose({
-    totalSelectedDays
-});
-</script>
-
-<template>
-    <form @submit.prevent="submit" class="space-y-6">
-        <!-- Períodos de vacaciones -->
-        <div class="space-y-4">
-            <div v-for="(period, index) in form.periods" :key="index" class="space-y-4">
-                <div class="flex items-center justify-between">
-                    <h4 class="text-sm font-medium text-slate-700 dark:text-slate-300">
-                        Período {{ index + 1 }}
-                    </h4>
-                    <button
-                        v-if="form.periods.length > 1"
-                        type="button"
-                        @click="removePeriod(index)"
-                        class="flex items-center gap-1 px-2 py-1 text-xs font-medium text-red-600 hover:text-red-700 hover:bg-red-50 rounded-md with-transition dark:text-red-400 dark:hover:bg-red-500/10"
-                    >
-                        <GoogleIcon name="delete" class="w-4 h-4" />
-                        Eliminar
-                    </button>
-                </div>
-                
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    <div>
-                        <div class="relative">
-                            <VueDatePicker
-                                v-model="period.start_date"
-                                class="w-full"
-                                placeholder="Fecha de inicio"
-                                format="dd/MM/yyyy"
-                                locale="es"
-                                :min-date="getMinDate()"
-                                :disabled-dates="isDisabled"
-                                :enable-time-picker="false"
-                                :auto-apply="true"
-                                :close-on-auto-apply="true"
-                                @update:model-value="(date) => { 
-                                    console.log('Fecha seleccionada (inicio):', date);
-                                    period.start_date = formatDate(date); 
-                                    console.log('Fecha formateada (inicio):', period.start_date);
-                                    updatePeriodDays(index); 
-                                }"
-                            />
-                        </div>
-                    </div>
-                    <div>
-                        <div class="relative">
-                            <VueDatePicker
-                                v-model="period.end_date"
-                                class="w-full"
-                                placeholder="Fecha de fin"
-                                format="dd/MM/yyyy"
-                                locale="es"
-                                :min-date="getMinDate()"
-                                :disabled-dates="isDisabled"
-                                :enable-time-picker="false"
-                                :auto-apply="true"
-                                :close-on-auto-apply="true"
-                                @update:model-value="(date) => { 
-                                    console.log('Fecha seleccionada (fin):', date);
-                                    period.end_date = formatDate(date); 
-                                    console.log('Fecha formateada (fin):', period.end_date);
-                                    updatePeriodDays(index); 
-                                }"
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Botón añadir período -->
-            <button
-                type="button"
-                @click="addPeriod"
-                class="flex items-center gap-2 px-4 py-2 text-sm font-medium text-blue-600 hover:text-blue-700 hover:bg-blue-50 rounded-lg with-transition dark:text-blue-400 dark:hover:bg-blue-500/10"
-            >
-                <GoogleIcon name="add" />
-                Añadir período
-            </button>
-        </div>
-
-        <!-- Comentarios -->
-        <div>
-            <Textarea
-                v-model="form.comments"
-                id="comments"
-                rows="4"
-                class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none dark:bg-slate-700 dark:border-slate-600 dark:text-slate-100"
-                placeholder="Agrega cualquier información adicional sobre tu solicitud..."
-                :onError="form.errors.comments"
-            />
-        </div>
-
-        <!-- Botón de envío -->
-        <div class="col-span-1 md:col-span-2 flex justify-center">
-            <PrimaryButton
-                v-text="$t('request')"
-                :class="{ 'opacity-25': form.processing }"
-                :disabled="form.processing"
-            />
-        </div>
-    </form>
-</template>
\ No newline at end of file
diff --git a/src/pages/Vacations/Employee/Index.vue b/src/pages/Vacations/Employee/Index.vue
deleted file mode 100644
index b0bb3c3..0000000
--- a/src/pages/Vacations/Employee/Index.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { api } from '@Services/Api';
-import { getDate } from '@Controllers/DateController';
-import { apiTo, viewTo } from './Module'
-
-import GoogleIcon          from '@Shared/GoogleIcon.vue';
-import PrimaryButton       from '@Holos/Button/Primary.vue';
-
-/** Propiedades */
-const vacationRequests = ref([]);
-
-/** Metodos */
-const getStatusClasses = (status) => {
-    const statusMap = {
-        'Pendiente': 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300',
-        'Aprobado': 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300',
-        'Rechazado': 'bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300',
-        'Agendado': 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300',
-        'Cancelado': 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300',
-        'Concluido': 'bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300'
-    };
-    
-    return statusMap[status] || 'bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-300';
-};
-
-const getStatusIcon = (status) => {
-    const iconMap = {
-        'Pendiente': { name: 'schedule', classes: 'text-amber-600 dark:text-amber-400' },
-        'Aprobado': { name: 'check_circle', classes: 'text-blue-600 dark:text-blue-400' },
-        'Rechazado': { name: 'cancel', classes: 'text-orange-600 dark:text-orange-400' },
-        'Agendado': { name: 'event', classes: 'text-green-600 dark:text-green-400' },
-        'Cancelado': { name: 'block', classes: 'text-red-600 dark:text-red-400' },
-        'Concluido': { name: 'task_alt', classes: 'text-cyan-600 dark:text-cyan-400' }
-    };
-    
-    return iconMap[status] || { name: 'help', classes: 'text-gray-600 dark:text-gray-400' };
-};
-
-const getStatusIconContainer = (status) => {
-    const containerMap = {
-        'Pendiente': 'bg-amber-100 dark:bg-amber-900/30',
-        'Aprobado': 'bg-blue-100 dark:bg-blue-900/30',
-        'Rechazado': 'bg-orange-100 dark:bg-orange-900/30',
-        'Agendado': 'bg-green-100 dark:bg-green-900/30',
-        'Cancelado': 'bg-red-100 dark:bg-red-900/30',
-        'Concluido': 'bg-cyan-100 dark:bg-cyan-900/30'
-    };
-    
-    return containerMap[status] || 'bg-gray-100 dark:bg-gray-900/30';
-};
-
-/** Ciclos */
-onMounted(() => {
-    api.get(apiTo('index'), {
-        onSuccess: (r) => {
-            vacationRequests.value = r.vacation_requests.data;
-        }
-    });
-});
-</script>
-
-<template>
-    <div>
-        <!-- Header -->
-        <div class="flex items-center justify-between mb-8">
-            <div>
-                <h1 class="text-2xl font-bold text-slate-900 dark:text-slate-100">
-                    Mis Solicitudes
-                </h1>
-                <p class="text-slate-600 dark:text-slate-400">Historial completo de todas tus solicitudes de vacaciones.</p>
-            </div>
-            <RouterLink :to="viewTo({ name: 'create' })">
-                <PrimaryButton
-                    type="button"
-                    class="flex items-center gap-2"
-                >
-                    <GoogleIcon name="calendar_month" />
-                    Nueva Solicitud
-                </PrimaryButton>
-            </RouterLink>
-        </div>
-
-        <!-- Lista de solicitudes -->
-        <div class="space-y-4">
-            <div v-for="vacation in vacationRequests" class="bg-white rounded-xl border border-slate-200 p-6 shadow-sm dark:bg-slate-800 dark:border-slate-700">
-                <div class="flex items-center justify-between mb-4">
-                    <div class="flex items-center gap-3">
-                        <div :class="`flex items-center justify-center w-10 h-10 rounded-lg ${getStatusIconContainer(vacation.status)}`">
-                            <GoogleIcon :name="getStatusIcon(vacation.status).name" :class="getStatusIcon(vacation.status).classes" />
-                        </div>
-                        <div>
-                            <h3 v-if="vacation.vacation_periods.length > 1" class="font-semibold text-slate-900 dark:text-slate-100">{{ vacation.vacation_periods.length }} periodos</h3>
-                            <h3 v-else class="font-semibold text-slate-900 dark:text-slate-100">{{ getDate(vacation.vacation_periods[0].start_date) }} - {{ getDate(vacation.vacation_periods[0].end_date) }}</h3>
-                            <p class="text-sm text-slate-600 dark:text-slate-400">{{ vacation.total_days }} días</p>
-                        </div>
-                    </div>
-                    <span :class="`px-3 py-1 rounded-full text-sm font-medium ${getStatusClasses(vacation.status)}`">
-                        {{ vacation.status }}
-                    </span>
-                </div>
-
-                <div v-for="(period, index) in vacation.vacation_periods" class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-                    <div>
-                        <p class="text-sm font-medium text-slate-700 dark:text-slate-300">Período {{ index + 1 }}:</p>
-                        <p class="text-sm text-slate-600 dark:text-slate-400">{{ getDate(period.start_date) }} - {{ getDate(period.end_date) }} ({{ period.number_of_days }} días)</p>
-                    </div>
-                </div>
-
-                <div class="flex justify-end gap-3">
-                    <button class="flex items-center gap-2 px-4 py-2 text-sm font-medium text-slate-600 hover:text-slate-800 hover:bg-slate-100 rounded-lg with-transition dark:text-slate-400 dark:hover:text-slate-200 dark:hover:bg-slate-700">
-                        <GoogleIcon name="visibility" />
-                        Ver detalles
-                    </button>
-                    <button class="flex items-center gap-2 px-4 py-2 text-sm font-medium text-red-600 hover:text-red-700 hover:bg-red-50 rounded-lg with-transition dark:text-red-400 dark:hover:bg-red-900/20">
-                        <GoogleIcon name="cancel" />
-                        Cancelar
-                    </button>
-                </div>
-            </div>
-
-            <!-- Estado vacío cuando no hay solicitudes -->
-            <div v-if="vacationRequests.length == 0" class="text-center py-12">
-                <GoogleIcon name="event_busy" class="text-slate-300 text-6xl mb-4 dark:text-slate-600" />
-                <h3 class="text-lg font-medium text-slate-900 dark:text-slate-100 mb-2">No tienes más solicitudes</h3>
-                <p class="text-slate-600 dark:text-slate-400 mb-6">Cuando realices nuevas solicitudes de vacaciones aparecerán aquí.</p>
-                <RouterLink :to="viewTo({ name: 'create' })">
-                    <PrimaryButton>
-                        <GoogleIcon name="add" class="mr-2" />
-                        Nueva Solicitud
-                    </PrimaryButton>
-                </RouterLink>
-            </div>
-        </div>
-    </div>
-</template>
diff --git a/src/pages/Vacations/Employee/Module.js b/src/pages/Vacations/Employee/Module.js
deleted file mode 100644
index 43eb3d3..0000000
--- a/src/pages/Vacations/Employee/Module.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { lang } from '@Lang/i18n';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`vacation-requests.employee.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ name: `vacations.${name}`, params, query })
-
-// Obtener traducción del componente
-const transl = (str) => lang(`vacations.${str}`)
-
-export {
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/WarehouseClassifications/Create.vue b/src/pages/WarehouseClassifications/Create.vue
deleted file mode 100644
index 4b08382..0000000
--- a/src/pages/WarehouseClassifications/Create.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import GoogleIcon      from '@Shared/GoogleIcon.vue';
-import Form            from './Form.vue'
-
-/** Definidores */
-const router = useRouter();
-const route = useRoute();
-
-/** Propiedades */
-const form = useForm({
-    code: '',
-    name: '',
-    description: '',
-    parent_id: null
-});
-
-const parentInfo = ref(null);
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-        parent_id: data.parent_id // Usar el parent_id del formulario
-    })).post(apiTo('store'), {
-        onSuccess: () => {
-            Notify.success(Lang('register.create.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-
-/** Ciclos */
-onMounted(() => {
-    // Verificar si se están pasando parámetros para crear subcategoría
-    if (route.query.parent_id) {
-        parentInfo.value = {
-            id: parseInt(route.query.parent_id),
-            name: route.query.parent_name,
-            code: route.query.parent_code
-        };
-        // Pre-llenar el parent_id en el formulario
-        form.parent_id = parseInt(route.query.parent_id);
-    }
-})
-</script>
-
-<template>
-    <PageHeader
-        :title="parentInfo ? `${transl('create.title')} - Subcategoría` : transl('create.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <!-- Mostrar información del padre si se está creando una subcategoría -->
-    <div v-if="parentInfo" class="mb-4 p-4 bg-blue-50 dark:bg-blue-900 rounded-lg border border-blue-200 dark:border-blue-700">
-        <div class="flex items-center">
-            <GoogleIcon class="text-blue-600 text-xl mr-2" name="account_tree" />
-            <div>
-                <p class="text-sm font-medium text-blue-800 dark:text-blue-200">
-                    Creando subcategoría para:
-                </p>
-                <p class="text-lg font-semibold text-blue-900 dark:text-blue-100">
-                    <code class="bg-blue-100 dark:bg-blue-800 px-2 py-1 rounded text-sm mr-2">{{ parentInfo.code }}</code>
-                    {{ parentInfo.name }}
-                </p>
-            </div>
-        </div>
-    </div>
-    
-    <Form
-        action="create"
-        :form="form"
-        @submit="submit"
-    />
-</template>
\ No newline at end of file
diff --git a/src/pages/WarehouseClassifications/Edit.vue b/src/pages/WarehouseClassifications/Edit.vue
deleted file mode 100644
index b165782..0000000
--- a/src/pages/WarehouseClassifications/Edit.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { RouterLink, useRoute, useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { viewTo, apiTo , transl } from './Module';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import GoogleIcon      from '@Shared/GoogleIcon.vue';
-import Form            from './Form.vue'
-
-/** Definiciones */
-const vroute = useRoute();
-const router = useRouter();
-
-/** Propiedades */
-const form = useForm({
-    id: null,
-    code: '',
-    name: '',
-    description: '',
-    is_active: true,
-    parent: null
-});
-
-const parentOptions = ref([]);
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-        parent_id: data.parent?.id || null
-    })).put(apiTo('update', { warehouse_classification: form.id }), {
-        onSuccess: () => {
-            Notify.success(Lang('register.edit.onSuccess'))
-            router.push(viewTo({ name: 'index' }));
-        },
-    })
-}
-
-/** Función para obtener clasificaciones padre (excluyendo la actual y sus hijos) */
-function loadParentOptions() {
-    api.get(apiTo('index'), {
-        onSuccess: (r) => {
-            // Función para excluir la clasificación actual y sus descendientes
-            const excludeCurrentAndChildren = (items, excludeId) => {
-                return items.filter(item => {
-                    if (item.id === excludeId) return false;
-                    if (hasDescendant(item, excludeId)) return false;
-                    return true;
-                }).map(item => ({
-                    ...item,
-                    children: excludeCurrentAndChildren(item.children || [], excludeId)
-                }));
-            };
-
-            // Función para verificar si un item tiene como descendiente la clasificación actual
-            const hasDescendant = (item, targetId) => {
-                if (!item.children) return false;
-                return item.children.some(child => 
-                    child.id === targetId || hasDescendant(child, targetId)
-                );
-            };
-
-            // Aplanar la estructura jerárquica para el selector
-            const flattenOptions = (items, level = 0) => {
-                let options = [];
-                items.forEach(item => {
-                    options.push({
-                        ...item,
-                        name: '  '.repeat(level) + item.name, // Indentación visual
-                        level
-                    });
-                    if (item.children && item.children.length > 0) {
-                        options = options.concat(flattenOptions(item.children, level + 1));
-                    }
-                });
-                return options;
-            };
-
-            const filteredData = excludeCurrentAndChildren(r.warehouse_classifications.data, form.id);
-            parentOptions.value = flattenOptions(filteredData);
-        }
-    });
-}
-
-onMounted(() => {
-    api.get(apiTo('show', { warehouse_classification: vroute.params.id }), {
-        onSuccess: (r) => {
-            const classification = r.warehouse_classification;
-            form.fill({
-                id: classification.id,
-                code: classification.code,
-                name: classification.name,
-                description: classification.description,
-                is_active: classification.is_active,
-                parent: classification.parent || null
-            });
-            
-            // Cargar opciones padre después de obtener los datos actuales
-            loadParentOptions();
-        }
-    });
-})
-</script>
-
-<template>
-    <PageHeader :title="`${transl('edit.title')}${form.parent ? ' - Subcategoría' : ''}`">
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <!-- Mostrar información del padre si es una subcategoría -->
-    <div v-if="form.parent" class="mb-4 p-4 bg-yellow-50 dark:bg-yellow-900 rounded-lg border border-yellow-200 dark:border-yellow-700">
-        <div class="flex items-center">
-            <GoogleIcon class="text-yellow-600 text-xl mr-2" name="account_tree" />
-            <div>
-                <p class="text-sm font-medium text-yellow-800 dark:text-yellow-200">
-                    Editando subcategoría de:
-                </p>
-                <p class="text-lg font-semibold text-yellow-900 dark:text-yellow-100">
-                    <code class="bg-yellow-100 dark:bg-yellow-800 px-2 py-1 rounded text-sm mr-2">{{ form.parent.code }}</code>
-                    {{ form.parent.name }}
-                </p>
-            </div>
-        </div>
-    </div>
-    
-    <Form
-        action="update"
-        :form="form"
-        :parent-options="parentOptions"
-        @submit="submit"
-    />
-</template>
\ No newline at end of file
diff --git a/src/pages/WarehouseClassifications/Form.vue b/src/pages/WarehouseClassifications/Form.vue
deleted file mode 100644
index bf02116..0000000
--- a/src/pages/WarehouseClassifications/Form.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<script setup>
-import { transl } from './Module';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/Input.vue';
-import Selectable    from '@Holos/Form/Selectable.vue';
-import Checkbox      from '@Holos/Checkbox.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'submit'
-])
-
-/** Propiedades */
-defineProps({
-    action: {
-        default: 'create',
-        type: String
-    },
-    form: Object,
-    parentOptions: {
-        type: Array,
-        default: () => []
-    }
-})
-
-/** Métodos */
-function submit() {
-    emit('submit')
-}
-</script>
-
-<template>
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl(`${action}.description`)" />
-    </div>
-    <div class="w-full">
-        <form @submit.prevent="submit" class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-            <Input
-                v-model="form.code"
-                id="code"
-                :onError="form.errors.code"
-                autofocus
-                required
-            />
-            <Input
-                v-model="form.name"
-                id="name"
-                :onError="form.errors.name"
-                required
-            />
-            <Input
-                v-model="form.description"
-                id="description"
-                :onError="form.errors.description"
-                class="md:col-span-2"
-            />
-            <slot />
-            <div class="col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-4 flex flex-col items-center justify-end space-y-4 mt-4">
-                <PrimaryButton
-                    v-text="$t(action)"
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                />
-            </div>
-        </form>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/WarehouseClassifications/Index.vue b/src/pages/WarehouseClassifications/Index.vue
deleted file mode 100644
index 1b4aab2..0000000
--- a/src/pages/WarehouseClassifications/Index.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { useSearcher } from '@Services/Api';
-import { hasPermission } from '@Plugins/RolePermission';
-import { can, apiTo, viewTo, transl } from './Module'
-
-import IconButton   from '@Holos/Button/Icon.vue'
-import DestroyView  from '@Holos/Modal/Template/Destroy.vue';
-import SearcherHead from '@Holos/Searcher.vue';
-import Table        from '@Holos/Table.vue';
-import ShowView     from './Modals/Show.vue';
-
-/** Propiedades */
-const models = ref([]);
-const router = useRouter();
-
-/** Referencias */
-const showModal    = ref(false);
-const destroyModal = ref(false);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => models.value = r.warehouse_classifications,
-    onError: () => models.value = []
-});
-
-/** Función para renderizar estructura jerárquica */
-const renderHierarchicalRows = (items, level = 0) => {
-    const rows = [];
-    items.forEach(item => {
-        rows.push({ ...item, level });
-        if (item.children && item.children.length > 0) {
-            rows.push(...renderHierarchicalRows(item.children, level + 1));
-        }
-    });
-    return rows;
-};
-
-/** Función para crear subcategoría */
-const createSubcategory = (parentCategory) => {
-    // Redirigir a la vista de creación con el parent_id en query params
-    router.push(viewTo({ 
-        name: 'create', 
-        query: { 
-            parent_id: parentCategory.id,
-            parent_name: parentCategory.name,
-            parent_code: parentCategory.code
-        } 
-    }));
-};
-
-/** Función para eliminar con información contextual */
-const deleteItem = (item) => {
-    // Agregar información contextual al modal
-    const itemWithContext = {
-        ...item,
-        contextInfo: item.parent ? `Subcategoría de: ${item.parent.code} - ${item.parent.name}` : 'Categoría principal'
-    };
-    destroyModal.value.open(itemWithContext);
-};
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-</script>
-
-<template>
-    <div>
-        <SearcherHead
-            :title="transl('name')"
-            @search="(x) => searcher.search(x)"
-        >
-            <RouterLink
-                
-                :to="viewTo({ name: 'create' })"
-            >
-            <!-- v-if="can('create')" -->
-                <IconButton
-                    class="text-white"
-                    icon="add"
-                    :title="$t('crud.create')"
-                    filled
-                />
-            </RouterLink>
-            <IconButton
-                icon="refresh"
-                :title="$t('refresh')"
-                @click="searcher.search()"
-            />
-        </SearcherHead>
-        <div class="pt-2 w-full">
-            <Table 
-                :items="models"
-                :processing="searcher.processing"
-                @send-pagination="(page) => searcher.pagination(page)"
-            >
-                <template #head>
-                    <th v-text="$t('code')" />
-                    <th v-text="$t('name')" />
-                    <th v-text="$t('description')" />
-                    <th v-text="$t('status')" class="w-20 text-center" />
-                    <th
-                        v-text="$t('actions')"
-                        class="w-32 text-center"
-                    />
-                </template>
-                <template #body="{items}">
-                    <tr
-                        v-for="model in items"
-                        :key="model.id"
-                        class="table-row"
-                        :class="{ 'bg-gray-50 dark:bg-gray-800': model.level > 0 }"
-                    >
-                        <td class="table-cell">
-                            <div :style="{ paddingLeft: `${model.level * 24}px` }" class="flex items-center">
-                                <span v-if="model.level > 0" class="text-gray-400 mr-2">└─</span>
-                                <code class="font-mono text-sm" 
-                                      :class="model.level > 0 ? 'text-blue-600 dark:text-blue-400' : 'text-gray-900 dark:text-gray-100'">
-                                    {{ model.code }}
-                                </code>
-                                <span v-if="model.level > 0" class="ml-2 text-xs bg-blue-100 text-blue-800 dark:bg-blue-800 dark:text-blue-100 px-2 py-1 rounded-full">
-                                    Subcategoría
-                                </span>
-                            </div>
-                        </td>
-                        <td class="table-cell">
-                            <span class="font-semibold">{{ model.name }}</span>
-                        </td>
-                        <td class="table-cell">
-                            <span class="text-sm text-gray-600 dark:text-gray-400">
-                                {{ model.description || '-' }}
-                            </span>
-                        </td>
-                        <td class="table-cell text-center">
-                            <span 
-                                class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium"
-                                :class="model.is_active 
-                                    ? 'bg-green-100 text-green-800 dark:bg-green-800 dark:text-green-100' 
-                                    : 'bg-red-100 text-red-800 dark:bg-red-800 dark:text-red-100'"
-                            >
-                                {{ model.is_active ? $t('active') : $t('inactive') }}
-                            </span>
-                        </td>
-                        <td class="table-cell">
-                            <div class="table-actions">
-                                <IconButton
-                                    
-                                    icon="add_circle"
-                                    :title="$t('Agregar subcategoría')"
-                                    @click="createSubcategory(model)"
-                                    outline
-                                />
-                                <IconButton
-                                   
-                                    icon="visibility"
-                                    :title="$t('crud.show')"
-                                    @click="showModal.open(model)"
-                                    outline
-                                />
-                                <RouterLink
-                                   
-                                    class="h-fit"
-                                    :to="viewTo({ name: 'edit', params: { id: model.id } })"
-                                >
-                                    <IconButton
-                                        icon="edit"
-                                        :title="$t('crud.edit')"
-                                        outline
-                                    />
-                                </RouterLink>
-                                <IconButton
-                                    
-                                    icon="delete"
-                                    :title="$t('crud.destroy')"
-                                    @click="deleteItem(model)"
-                                    outline
-                                />
-                            </div>
-                        </td>
-                    </tr>
-                </template>
-                <template #empty>
-                    <td class="table-cell">
-                        <div class="flex items-center text-sm">
-                            <p class="font-semibold">
-                                {{ $t('registers.empty') }}
-                            </p>
-                        </div>
-                    </td>
-                    <td class="table-cell">-</td>
-                    <td class="table-cell">-</td>
-                    <td class="table-cell">-</td>
-                    <td class="table-cell">-</td>
-                </template>
-            </Table>
-        </div>
-        
-        <ShowView 
-            ref="showModal"
-        />
-
-        <DestroyView
-            ref="destroyModal"
-            subtitle="name"
-            :to="(id) => apiTo('destroy', { warehouse_classification: id })"
-            @update="searcher.search()"
-        />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/WarehouseClassifications/Modals/Show.vue b/src/pages/WarehouseClassifications/Modals/Show.vue
deleted file mode 100644
index 9e33a2f..0000000
--- a/src/pages/WarehouseClassifications/Modals/Show.vue
+++ /dev/null
@@ -1,362 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { getDateTime } from '@Controllers/DateController';
-import { viewTo, apiTo } from '../Module';
-import WarehouseClassificationService from '../services/WarehouseClassificationService';
-import Notify from '@Plugins/Notify';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Button     from '@Holos/Button/Button.vue';
-import IconButton from '@Holos/Button/Icon.vue';
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close', 
-    'reload'
-]);
-
-/** Servicios */
-const warehouseService = new WarehouseClassificationService();
-const router = useRouter();
-
-/** Propiedades */
-const model    = ref(null);
-const loading  = ref(false);
-const deletingChildId = ref(null); // Para mostrar loading específico en subcategoría que se está eliminando
-
-/** Referencias */
-const modalRef = ref(null);
-const destroyModal = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-    emit('close');
-}
-
-/** Función para actualizar el estado de la clasificación */
-async function toggleStatus(item) {
-    if (loading.value) return;
-    
-    const newStatus = !item.is_active;
-    
-    try {
-        loading.value = true;
-        
-        // Usar el servicio para actualizar el estado
-        await warehouseService.updateStatus(item.id, newStatus);
-        
-        // Actualizar el modelo local
-        item.is_active = newStatus;
-        
-        // Notificación de éxito
-        const statusText = newStatus ? 'activada' : 'desactivada';
-        Notify.success(
-            `Clasificación "${item.code}" ${statusText} exitosamente`,
-            'Estado actualizado'
-        );
-        
-        // Emitir evento para recargar la lista principal si es necesario
-        emit('reload');
-        
-    } catch (error) {
-        console.error('Error actualizando estado:', error);
-        
-        // Manejo específico de errores según la estructura de tu API
-        let errorMessage = 'Error al actualizar el estado de la clasificación';
-        let errorTitle = 'Error';
-        
-        if (error?.response?.data) {
-            const errorData = error.response.data;
-            
-            // Caso 1: Error con estructura específica de tu API
-            if (errorData.status === 'error') {
-                if (errorData.errors) {
-                    // Errores de validación - extraer el primer error
-                    const firstField = Object.keys(errorData.errors)[0];
-                    const firstError = errorData.errors[firstField];
-                    errorMessage = Array.isArray(firstError) ? firstError[0] : firstError;
-                    errorTitle = 'Error de validación';
-                } else if (errorData.message) {
-                    // Mensaje general del error
-                    errorMessage = errorData.message;
-                    errorTitle = 'Error del servidor';
-                }
-            }
-            // Caso 2: Otros formatos de error
-            else if (errorData.message) {
-                errorMessage = errorData.message;
-            }
-        } else if (error?.message) {
-            // Error genérico de la petición (red, timeout, etc.)
-            errorMessage = `Error de conexión: ${error.message}`;
-            errorTitle = 'Error de red';
-        }
-        
-        // Notificación de error
-        Notify.error(errorMessage, errorTitle);
-    } finally {
-        loading.value = false;
-    }
-}
-
-/** Función para editar subcategoría */
-function editSubcategory(child) {
-    // Navegar a la vista de edición de la subcategoría
-    const editUrl = viewTo({ name: 'edit', params: { id: child.id } });
-    router.push(editUrl);
-    // Cerrar el modal actual
-    close();
-}
-
-/** Función para eliminar subcategoría */
-function deleteSubcategory(child) {
-    // Marcar cuál subcategoría se va a eliminar para mostrar loading
-    deletingChildId.value = child.id;
-    destroyModal.value.open(child);
-}
-
-/** Función para recargar después de eliminar - Mejorada */
-async function onSubcategoryDeleted() {
-    try {
-        // Mostrar que se está procesando
-        const deletedId = deletingChildId.value;
-        
-        // Recargar los datos de la clasificación actual para obtener subcategorías actualizadas
-        const response = await warehouseService.getById(model.value.id);
-        
-        // Actualizar el modelo local con los datos frescos
-        if (response && response.warehouse_classification) {
-            model.value = response.warehouse_classification;
-            
-            // Notificación de éxito con información específica
-            const deletedCount = model.value.children ? model.value.children.length : 0;
-            Notify.success(
-                `Subcategoría eliminada exitosamente. ${deletedCount} subcategorías restantes.`, 
-                'Eliminación exitosa'
-            );
-        }
-        
-        // Emitir evento para recargar la lista principal
-        emit('reload');
-        
-    } catch (error) {
-        console.error('Error recargando datos después de eliminar:', error);
-        
-        // En caso de error, cerrar modal y recargar lista principal
-        close();
-        emit('reload');
-        
-        // Notificación de error
-        Notify.error(
-            'Error al actualizar la vista. Los datos se han actualizado correctamente.',
-            'Error de actualización'
-        );
-    } finally {
-        // Limpiar el estado de eliminación
-        deletingChildId.value = null;
-    }
-}
-
-/** Función para cancelar eliminación */
-function onDeleteCancelled() {
-    // Limpiar el estado de eliminación si se cancela
-    deletingChildId.value = null;
-}
-
-/** Función para renderizar la jerarquía de hijos */
-const renderChildren = (children, level = 1) => {
-    if (!children || children.length === 0) return null;
-    return children.map(child => ({
-        ...child,
-        level,
-        children: renderChildren(child.children, level + 1)
-    }));
-};
-
-/** Exposiciones */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    }
-});
-</script>
-
-<template>
-    <ShowModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model">
-            <Header
-                :title="model.code"
-                :subtitle="model.name"
-            >
-                <div class="flex w-full flex-col">
-                    <div class="flex w-full justify-center items-center">
-                        <div class="w-24 h-24 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
-                            <GoogleIcon 
-                                class="text-white text-3xl"
-                                name="category"
-                            />
-                        </div>
-                    </div>
-                </div>
-            </Header>
-            <div class="flex w-full p-4 space-y-6">
-                <!-- Información básica -->
-                <div class="w-full">
-                    <div class="flex items-start">
-                        <GoogleIcon 
-                            class="text-xl text-success mt-1"
-                            name="info"
-                        />
-                        <div class="pl-3 w-full">
-                            <p class="font-bold text-lg leading-none pb-3">
-                                {{ $t('details') }}
-                            </p>
-                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                                <div>
-                                    <p>
-                                        <b>{{ $t('code') }}: </b>
-                                        <code class="font-mono text-sm bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded">
-                                            {{ model.code }}
-                                        </code>
-                                    </p>
-                                    <p class="mt-2">
-                                        <b>{{ $t('name') }}: </b>
-                                        {{ model.name }}
-                                    </p>
-                                    <p class="mt-2" v-if="model.description">
-                                        <b>{{ $t('description') }}: </b>
-                                        {{ model.description }}
-                                    </p>
-                                </div>
-                                <div>
-                                    <p>
-                                        <b>{{ $t('status') }}: </b>
-                                        <Button
-                                            :variant="'smooth'"
-                                            :color="model.is_active ? 'success' : 'danger'"
-                                            :size="'sm'"
-                                            :loading="loading"
-                                            @click="toggleStatus(model)"
-                                        >
-                                            {{ model.is_active ? $t('Activo') : $t('Inactivo') }}
-                                        </Button>
-                                    </p>
-                                    <p class="mt-2">
-                                        <b>{{ $t('created_at') }}: </b>
-                                        {{ getDateTime(model.created_at) }}
-                                    </p>
-                                    <p class="mt-2">
-                                        <b>{{ $t('updated_at') }}: </b>
-                                        {{ getDateTime(model.updated_at) }}
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <!-- Clasificaciones hijas -->
-                    <div v-if="model.children && model.children.length > 0" class="mt-6 pt-6 border-t border-gray-200 dark:border-gray-700">
-                        <div class="flex items-start">
-                            <GoogleIcon 
-                                class="text-xl text-primary mt-1"
-                                name="account_tree"
-                            />
-                            <div class="pl-3 w-full">
-                                <p class="font-bold text-lg leading-none pb-3">
-                                    {{ $t('Subclasificaciones') }}
-                                </p>
-                                <div class="space-y-2">
-                                    <div 
-                                        v-for="child in model.children" 
-                                        :key="child.id"
-                                        class="flex items-center p-3 bg-gray-50 dark:bg-gray-800 rounded-lg transition-all duration-300"
-                                        :class="{
-                                            'opacity-50 pointer-events-none': deletingChildId === child.id,
-                                            'bg-red-50 dark:bg-red-900 border border-red-200 dark:border-red-700': deletingChildId === child.id
-                                        }"
-                                    >
-                                        <div class="flex-1">
-                                            <div class="flex items-center">
-                                                <code class="font-mono text-sm bg-white dark:bg-gray-700 px-2 py-1 rounded mr-3">
-                                                    {{ child.code }}
-                                                </code>
-                                                <span class="font-semibold">{{ child.name }}</span>
-                                                <!-- Indicador de eliminación -->
-                                                <span v-if="deletingChildId === child.id" class="ml-2 text-xs bg-red-100 text-red-800 dark:bg-red-800 dark:text-red-100 px-2 py-1 rounded-full animate-pulse">
-                                                    Eliminando...
-                                                </span>
-                                            </div>
-                                            <p v-if="child.description" class="text-sm text-gray-600 dark:text-gray-400 mt-1">
-                                                {{ child.description }}
-                                            </p>
-                                        </div>
-                                        
-                                        <!-- Botones de acción para subcategorías -->
-                                        <div class="flex items-center space-x-2 ml-4">
-                                            <!-- Botón de estado -->
-                                            <Button
-                                                :variant="'smooth'"
-                                                :color="child.is_active ? 'success' : 'danger'"
-                                                :size="'sm'"
-                                                :loading="loading && deletingChildId !== child.id"
-                                                :disabled="deletingChildId === child.id"
-                                                @click="toggleStatus(child)"
-                                            >
-                                                {{ child.is_active ? $t('Activo') : $t('Inactivo') }}
-                                            </Button>
-                                            
-                                            <!-- Botón editar -->
-                                            <IconButton
-                                                icon="edit"
-                                                :title="$t('crud.edit')"
-                                                :disabled="deletingChildId === child.id"
-                                                @click="editSubcategory(child)"
-                                                outline
-                                                size="sm"
-                                            />
-                                            
-                                            <!-- Botón eliminar -->
-                                            <IconButton
-                                                icon="delete"
-                                                :title="$t('crud.destroy')"
-                                                :loading="deletingChildId === child.id"
-                                                :disabled="deletingChildId && deletingChildId !== child.id"
-                                                @click="deleteSubcategory(child)"
-                                                outline
-                                                size="sm"
-                                            />
-                                        </div>
-                                    </div>
-                                    
-                                    <!-- Mensaje cuando no hay subcategorías (después de eliminar todas) -->
-                                    <div v-if="!model.children || model.children.length === 0" 
-                                         class="text-center p-4 text-gray-500 dark:text-gray-400">
-                                        <GoogleIcon class="text-2xl mb-2" name="folder_open" />
-                                        <p class="text-sm">No hay subcategorías</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        
-        <!-- Modal de eliminación para subcategorías -->
-        <DestroyView
-            ref="destroyModal"
-            subtitle="name"
-            :to="(id) => apiTo('destroy', { warehouse_classification: id })"
-            @update="onSubcategoryDeleted"
-        />
-    </ShowModal>
-</template>
\ No newline at end of file
diff --git a/src/pages/WarehouseClassifications/Module.js b/src/pages/WarehouseClassifications/Module.js
deleted file mode 100644
index f7caf91..0000000
--- a/src/pages/WarehouseClassifications/Module.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`warehouse-classifications.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ 
-    name: `admin.warehouse-classifications.${name}`, params, query 
-})
-
-// Obtener traducción del componente
-const transl = (str) => lang(`admin.warehouse_classifications.${str}`)
-
-// Control de permisos
-const can = (permission) => hasPermission(`admin.warehouse-classifications.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/WarehouseClassifications/interfaces/warehouse-classifications.interfaces.js b/src/pages/WarehouseClassifications/interfaces/warehouse-classifications.interfaces.js
deleted file mode 100644
index 767608b..0000000
--- a/src/pages/WarehouseClassifications/interfaces/warehouse-classifications.interfaces.js
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * Interfaces para Warehouse Classifications
- * 
- * @author Sistema
- * @version 1.0.0
- */
-
-/**
- * @typedef {Object} WarehouseClassification
- * @property {number} id - ID de la clasificación
- * @property {string} code - Código de la clasificación
- * @property {string} name - Nombre de la clasificación
- * @property {string|null} description - Descripción de la clasificación
- * @property {boolean} is_active - Estado activo/inactivo
- * @property {number|null} parent_id - ID del padre
- * @property {string} created_at - Fecha de creación
- * @property {string} updated_at - Fecha de actualización
- * @property {string|null} deleted_at - Fecha de eliminación
- * @property {WarehouseClassification|null} parent - Clasificación padre
- * @property {WarehouseClassification[]} children - Clasificaciones hijas
- */
-
-/**
- * @typedef {Object} WarehouseClassificationResponse
- * @property {string} status - Estado de la respuesta
- * @property {Object} data - Datos de la respuesta
- * @property {string} data.message - Mensaje de la respuesta
- * @property {WarehouseClassification} data.warehouse_classification - Clasificación de almacén
- */
-
-/**
- * @typedef {Object} WarehouseClassificationsListResponse
- * @property {string} status - Estado de la respuesta
- * @property {Object} data - Datos de la respuesta
- * @property {WarehouseClassification[]} data.warehouse_classifications - Lista de clasificaciones
- */
-
-/**
- * @typedef {Object} CreateWarehouseClassificationData
- * @property {string} code - Código de la clasificación
- * @property {string} name - Nombre de la clasificación
- * @property {string|null} description - Descripción de la clasificación
- * @property {boolean} is_active - Estado activo/inactivo
- * @property {number|null} parent_id - ID del padre
- */
-
-/**
- * @typedef {Object} UpdateWarehouseClassificationData
- * @property {string} [code] - Código de la clasificación
- * @property {string} [name] - Nombre de la clasificación
- * @property {string|null} [description] - Descripción de la clasificación
- * @property {boolean} [is_active] - Estado activo/inactivo
- * @property {number|null} [parent_id] - ID del padre
- */
-
-export {
-    WarehouseClassification,
-    WarehouseClassificationResponse,
-    WarehouseClassificationsListResponse,
-    CreateWarehouseClassificationData,
-    UpdateWarehouseClassificationData
-};
\ No newline at end of file
diff --git a/src/pages/WarehouseClassifications/services/WarehouseClassificationService.js b/src/pages/WarehouseClassifications/services/WarehouseClassificationService.js
deleted file mode 100644
index f92f8fd..0000000
--- a/src/pages/WarehouseClassifications/services/WarehouseClassificationService.js
+++ /dev/null
@@ -1,187 +0,0 @@
-/**
- * Servicio para Warehouse Classifications
- * 
- * @author Sistema
- * @version 1.0.0
- */
-
-import { api, apiURL } from '@Services/Api';
-
-export default class WarehouseClassificationService {
-  
-  /**
-   * Obtener todas las clasificaciones de almacén
-   * @param {Object} params - Parámetros de la consulta
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getAll(params = {}) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('catalogs/warehouse-classifications'), {
-        params,
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Obtener una clasificación de almacén por ID
-   * @param {number} id - ID de la clasificación
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getById(id) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL(`catalogs/warehouse-classifications/${id}`), {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Crear una nueva clasificación de almacén
-   * @param {Object} data - Datos de la clasificación
-   * @param {string} data.code - Código de la clasificación
-   * @param {string} data.name - Nombre de la clasificación
-   * @param {string|null} data.description - Descripción de la clasificación
-   * @param {boolean} data.is_active - Estado activo/inactivo
-   * @param {number|null} data.parent_id - ID del padre
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async create(data) {
-    return new Promise((resolve, reject) => {
-      api.post(apiURL('catalogs/warehouse-classifications'), {
-        data,
-        onSuccess: (response) => {
-          resolve(response);
-        },
-        onError: (error) => { reject(error); }
-      });
-    });
-  }
-
-  /**
-   * Actualizar una clasificación de almacén
-   * @param {number} id - ID de la clasificación
-   * @param {Object} data - Datos a actualizar
-   * @param {string} [data.code] - Código de la clasificación
-   * @param {string} [data.name] - Nombre de la clasificación
-   * @param {string|null} [data.description] - Descripción de la clasificación
-   * @param {boolean} [data.is_active] - Estado activo/inactivo
-   * @param {number|null} [data.parent_id] - ID del padre
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async update(id, data) {
-    return new Promise((resolve, reject) => {
-      api.put(apiURL(`catalogs/warehouse-classifications/${id}`), {
-        data,
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Actualizar solo el estado de una clasificación de almacén
-   * @param {number} id - ID de la clasificación
-   * @param {boolean} is_active - Nuevo estado
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async updateStatus(id, is_active) {
-    return new Promise((resolve, reject) => {
-      api.put(apiURL(`catalogs/warehouse-classifications/${id}`), {
-        data: { is_active },
-        onSuccess: (response) => {
-          resolve(response);
-        },
-        onError: (error) => {
-          // Mejorar el manejo de errores
-          const enhancedError = {
-            ...error,
-            timestamp: new Date().toISOString(),
-            action: 'updateStatus',
-            id: id,
-            is_active: is_active
-          };
-          reject(enhancedError);
-        }
-      });
-    });
-  }
-
-  /**
-   * Eliminar una clasificación de almacén
-   * @param {number} id - ID de la clasificación
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async delete(id) {
-    return new Promise((resolve, reject) => {
-      api.delete(apiURL(`catalogs/warehouse-classifications/${id}`), {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Obtener clasificaciones padre disponibles (para selects)
-   * @param {number|null} excludeId - ID a excluir de la lista (para evitar loops)
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getParentOptions(excludeId = null) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('catalogs/warehouse-classifications'), {
-        params: { exclude_children_of: excludeId },
-        onSuccess: (response) => {
-          // Aplanar la estructura jerárquica para el selector
-          const flattenOptions = (items, level = 0) => {
-            let options = [];
-            items.forEach(item => {
-              if (excludeId && (item.id === excludeId || this.hasDescendant(item, excludeId))) {
-                return; // Excluir item actual y sus descendientes
-              }
-              
-              options.push({
-                ...item,
-                name: '  '.repeat(level) + item.name, // Indentación visual
-                level
-              });
-              
-              if (item.children && item.children.length > 0) {
-                options = options.concat(flattenOptions(item.children, level + 1));
-              }
-            });
-            return options;
-          };
-
-          const flatOptions = flattenOptions(response.warehouse_classifications?.data || response.data || []);
-          resolve(flatOptions);
-        },
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Función auxiliar para verificar si un item tiene como descendiente un ID específico
-   * @param {Object} item - Item a verificar
-   * @param {number} targetId - ID objetivo
-   * @returns {boolean} True si es descendiente
-   */
-  hasDescendant(item, targetId) {
-    if (!item.children) return false;
-    return item.children.some(child => 
-      child.id === targetId || this.hasDescendant(child, targetId)
-    );
-  }
-
-  /**
-   * Alternar el estado de una clasificación
-   * @param {Object} item - Objeto con la clasificación
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async toggleStatus(item) {
-    const newStatus = !item.is_active;
-    return this.updateStatus(item.id, newStatus);
-  }
-}
\ No newline at end of file
diff --git a/src/pages/Warehouses/Create.vue b/src/pages/Warehouses/Create.vue
deleted file mode 100644
index e719482..0000000
--- a/src/pages/Warehouses/Create.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, useRoute, RouterLink } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { apiTo, transl, viewTo } from './Module';
-import WarehouseService from './services/WarehouseService';
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import GoogleIcon      from '@Shared/GoogleIcon.vue';
-import Form            from './Form.vue'
-
-/** Definidores */
-const router = useRouter();
-const route = useRoute();
-const warehouseService = new WarehouseService();
-
-/** Propiedades */
-const form = useForm({
-    code: '',
-    name: '',
-    description: '',
-    address: '',
-    classifications: [], // Array de objetos {value, label}
-    is_active: true
-});
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-        classifications: warehouseService.processClassificationsForSubmit(data.classifications)
-    })).post(apiTo('store'), {
-        onSuccess: () => {
-            Notify.success('Almacén creado con éxito')
-            router.push(viewTo({ name: 'index' }));
-        }
-    })
-}
-
-/** Ciclos */
-onMounted(() => {
-    // Inicialización si es necesaria
-});
-</script>
-
-<template>
-    <PageHeader
-        :title="transl('create.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <Form
-        action="create"
-        :form="form"
-        @submit="submit"
-    />
-</template>
\ No newline at end of file
diff --git a/src/pages/Warehouses/Details.vue b/src/pages/Warehouses/Details.vue
deleted file mode 100644
index 981b96c..0000000
--- a/src/pages/Warehouses/Details.vue
+++ /dev/null
@@ -1,444 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRoute, useRouter, RouterLink } from 'vue-router';
-import { api } from '@Services/Api';
-import { apiTo, viewTo, transl } from './Module';
-import WarehouseService from './services/WarehouseService';
-
-import Card from '@Holos/Card/Card.vue';
-import CardHeader from '@Holos/Card/CardHeader.vue';
-import CardTitle from '@Holos/Card/CardTitle.vue';
-import CardDescription from '@Holos/Card/CardDescription.vue';
-import CardContent from '@Holos/Card/CardContent.vue';
-import PageHeader from '@Holos/PageHeader.vue';
-import IconButton from '@Holos/Button/Icon.vue';
-import Button from '@Holos/Button/Button.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-import Badge from '@Components/ui/Tags/Badge.vue';
-/** Definiciones */
-const route = useRoute();
-const router = useRouter();
-const warehouseService = new WarehouseService();
-
-/** Estado reactivo */
-const warehouse = ref(null);
-const loading = ref(true);
-const error = ref(null);
-
-// Mock data para el dashboard (adaptado del JSX)
-const totalInventoryValue = ref(2400000);
-const totalProducts = ref(145);
-const inventoryMovements = ref([
-    {
-        id: 1,
-        date: "2024-01-15T10:30:00",
-        type: "entrada",
-        product: "Laptop Dell Inspiron 15",
-        code: "PROD-001",
-        quantity: 10,
-        warehouse: "Almacén Principal",
-        reference: "PO-2024-001",
-        user: "Ana García",
-        status: "completed"
-    },
-    {
-        id: 2,
-        date: "2024-01-15T09:15:00",
-        type: "salida",
-        product: "Mouse Inalámbrico Logitech",
-        code: "PROD-002",
-        quantity: 25,
-        warehouse: "Almacén Norte",
-        reference: "SO-2024-045",
-        user: "Carlos López",
-        status: "completed"
-    }
-]);
-
-const stockByWarehouse = ref([
-    {
-        warehouse: "Almacén Principal",
-        products: [
-            { code: "PROD-001", name: "Laptop Dell Inspiron 15", stock: 45, value: 719955 },
-            { code: "PROD-002", name: "Mouse Inalámbrico Logitech", stock: 85, value: 50915 },
-            { code: "PROD-003", name: "Monitor LG 24 pulgadas", stock: 8, value: 26392 },
-            { code: "PROD-004", name: "Teclado Mecánico RGB", stock: 15, value: 32985 },
-        ]
-    }
-]);
-
-/** Métodos */
-async function loadWarehouse() {
-    try {
-        loading.value = true;
-        error.value = null;
-
-        const response = await api.get(apiTo('show', { warehouse: route.params.id }), {
-            onSuccess: (r) => {
-                warehouse.value = r.warehouse;
-                console.log('Warehouse data:', r.warehouse);
-            },
-            onError: (err) => {
-                error.value = 'Error cargando el almacén';
-            }
-        });
-
-    } catch (err) {
-        error.value = 'Error de conexión';
-    } finally {
-        loading.value = false;
-    }
-}
-
-/** Función para navegar a editar */
-const editWarehouse = () => {
-    router.push(viewTo({ name: 'edit', params: { id: warehouse.value.id } }));
-};
-
-/** Función para formatear fecha */
-const formatDate = (dateString) => {
-    if (!dateString) return 'N/A';
-    return new Date(dateString).toLocaleDateString('es-ES', {
-        year: 'numeric',
-        month: 'long',
-        day: 'numeric',
-        hour: '2-digit',
-        minute: '2-digit'
-    });
-};
-
-/** Función para formatear moneda */
-const formatCurrency = (amount) => {
-    return new Intl.NumberFormat('es-MX', {
-        style: 'currency',
-        currency: 'MXN'
-    }).format(amount);
-};
-
-/** Función para obtener icono de movimiento */
-const getMovementIcon = (type) => {
-    switch (type) {
-        case 'entrada': return 'arrow_downward';
-        case 'salida': return 'arrow_upward';
-        case 'transferencia': return 'swap_horiz';
-        case 'ajuste': return 'tune';
-        default: return 'inventory';
-    }
-};
-
-/** Función para obtener clase de badge de movimiento */
-const getMovementBadgeClass = (type) => {
-    switch (type) {
-        case 'entrada':
-            return 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200';
-        case 'salida':
-            return 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200';
-        case 'transferencia':
-            return 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200';
-        case 'ajuste':
-            return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200';
-        default:
-            return 'bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200';
-    }
-};
-
-const getAllChildren = (classifications) => {
-    let children = [];
-    const extractChildren = (items) => {
-        items.forEach(item => {
-            if (item.children && item.children.length > 0) {
-                children = children.concat(item.children);
-                extractChildren(item.children);
-            }
-        });
-    };
-    extractChildren(classifications);
-    return children;
-};
-
-/** Función para obtener clase de estado */
-const getStatusBadgeClass = (status) => {
-    switch (status) {
-        case 'completed':
-            return 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200';
-        case 'pending':
-            return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200';
-        case 'cancelled':
-            return 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200';
-        default:
-            return 'bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200';
-    }
-};
-
-/** Ciclo de vida */
-onMounted(() => {
-    loadWarehouse();
-});
-</script>
-
-<template>
-    <div>
-        <!-- Header con navegación -->
-        <PageHeader :title="warehouse?.name || 'Cargando...'" :subtitle="`Código: ${warehouse?.code || 'N/A'}`">
-            <RouterLink :to="viewTo({ name: 'index' })">
-                <IconButton class="text-white" icon="arrow_back" :title="$t('return')" filled />
-            </RouterLink>
-        </PageHeader>
-
-        <!-- Estado de carga -->
-        <div v-if="loading" class="flex items-center justify-center py-12">
-            <div class="text-center">
-                <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4"></div>
-                <p class="text-gray-600">Cargando información del almacén...</p>
-            </div>
-        </div>
-
-        <!-- Estado de error -->
-        <div v-else-if="error" class="bg-red-50 border border-red-200 rounded-lg p-6 text-center">
-            <GoogleIcon class="w-12 h-12 text-red-400 mx-auto mb-4" name="error" />
-            <h3 class="text-lg font-medium text-red-800 mb-2">Error al cargar</h3>
-            <p class="text-red-600 mb-4">{{ error }}</p>
-            <Button @click="loadWarehouse()" color="danger" variant="outline">
-                Reintentar
-            </Button>
-        </div>
-
-        <!-- Contenido principal -->
-        <div v-else-if="warehouse" class="space-y-6">
-
-            <!-- Información básica -->
-            <Card>
-                <CardHeader>
-                    <CardTitle class="flex items-center justify-between">
-                        <div class="flex items-center space-x-3">
-                            <GoogleIcon class="w-6 h-6" name="warehouse" />
-                            <span class="text-xl font-semibold text-gray-900 dark:text-gray-100">{{ warehouse.name
-                            }}</span>
-                        </div>
-
-                        <div class="flex items-center justify-between gap-3">
-                            <Button @click="editWarehouse" color="warning" variant="smooth" size="sm">
-                                <GoogleIcon class="w-4 h-4 mr-2" name="edit" />
-                                Editar Almacén
-                            </Button>
-                            <Button variant="smooth" color="info" size="sm">
-                                <GoogleIcon class="w-4 h-4 mr-2" name="settings" />
-                                Configuración
-                            </Button>
-                        </div>
-
-
-
-                    </CardTitle>
-                </CardHeader>
-                <CardContent>
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-6">
-
-                        <!-- Columna Izquierda -->
-                        <div class="space-y-6">
-                            <!-- Código -->
-                            <div class="space-y-1">
-                                <p class="text-sm font-medium text-gray-600 dark:text-gray-400">Código</p>
-                                <p class="font-mono text-base font-semibold text-gray-900 dark:text-gray-100">
-                                    {{ warehouse.code }}
-                                </p>
-                            </div>
-
-                            <!-- Ubicación -->
-                            <div class="space-y-1">
-                                <p class="text-sm font-medium text-gray-600 dark:text-gray-400">Ubicación</p>
-                                <p class="text-base text-gray-900 dark:text-gray-100">
-                                    {{ warehouse.address || 'Sin dirección' }}
-                                </p>
-                            </div>
-
-                            <!-- Categoría -->
-                            <div class="space-y-2" v-if="warehouse.classifications && warehouse.classifications.length">
-                                <p class="text-sm font-medium text-gray-600 dark:text-gray-400">Clasificaciones</p>
-                                <div class="flex flex-wrap gap-2">
-                                    <span v-for="classification in warehouse.classifications" :key="classification.id"
-                                        class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200">
-                                        {{ classification.name }}
-                                    </span>
-                                </div>
-                            </div>
-
-                            <div class="space-y-2" v-if="warehouse.classifications && warehouse.classifications.length">
-                                <p class="text-sm font-medium text-gray-600 dark:text-gray-400">Subclasificaciones</p>
-                                <div class="flex flex-wrap gap-2">
-                                    <span v-for="child in getAllChildren(warehouse.classifications)" :key="child.id"
-                                        class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200">
-                                        {{ child.name }}
-                                    </span>
-                                </div>
-                            </div>
-
-                            <!-- Estado -->
-                            <div class="space-y-2">
-                                <p class="text-sm font-medium text-gray-600 dark:text-gray-400">Estado</p>
-                                <Badge :color="warehouse.is_active ? 'green' : 'red'">
-                                    {{ warehouse.is_active ? 'Activo' : 'Inactivo' }}
-                                </Badge>
-                            </div>
-                        </div>
-
-                        <!-- Columna Derecha -->
-                        <div class="space-y-6">
-                            <!-- Responsable -->
-                            <div class="space-y-1">
-                                <p class="text-sm font-medium text-gray-600 dark:text-gray-400">Responsable</p>
-                                <p class="text-base text-gray-900 dark:text-gray-100">
-                                    {{ warehouse.manager || 'Sin usuario responsable' }}
-                                </p>
-                            </div>
-
-                            <!-- Teléfono -->
-                            <div class="space-y-1">
-                                <p class="text-sm font-medium text-gray-600 dark:text-gray-400">Teléfono</p>
-                                <p class="text-base text-gray-900 dark:text-gray-100">
-                                    {{ warehouse.phone || 'Sin número de teléfono' }}
-                                </p>
-                            </div>
-
-
-                            <div class="space-y-1">
-                                <p class="text-sm font-medium text-gray-600 dark:text-gray-400">Fecha de creación</p>
-                                <p class="text-base text-gray-900 dark:text-gray-100">
-                                    {{ formatDate(warehouse.created_at) }}
-                                </p>
-                            </div>
-
-
-                            <div class="space-y-1">
-                                <p class="text-sm font-medium text-gray-600 dark:text-gray-400">Ultima actualización</p>
-                                <p class="text-base text-gray-900 dark:text-gray-100">
-                                    {{ formatDate(warehouse.updated_at) }}
-                                </p>
-                            </div>
-                        </div>
-
-                    </div>
-                </CardContent>
-            </Card>
-
-             <!-- Stock by Products -->
-            <Card>
-                <CardHeader>
-                    <CardTitle class="flex items-center space-x-2">
-                        <GoogleIcon class="w-6 h-6 text-primary" name="inventory" />
-                        <span>Stock por Productos</span>
-                    </CardTitle>
-                    <CardDescription>
-                        Inventario actual de productos en este almacén
-                    </CardDescription>
-                </CardHeader>
-                <CardContent>
-                    <div v-for="warehouseStock in stockByWarehouse" :key="warehouseStock.warehouse" class="space-y-4">
-                        <h4
-                            class="font-semibold text-gray-900 dark:text-gray-100 border-b border-gray-200 dark:border-gray-700 pb-2">
-                            {{ warehouseStock.warehouse }}
-                        </h4>
-
-                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-                            <div v-for="product in warehouseStock.products" :key="product.code"
-                                class="bg-gray-50 dark:bg-gray-800 rounded-lg p-4 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
-
-                                <div class="flex items-center justify-between mb-2">
-                                    <span
-                                        class="text-xs font-mono text-gray-500 bg-white dark:bg-gray-900 px-2 py-1 rounded">
-                                        {{ product.code }}
-                                    </span>
-                                    <span class="text-sm font-bold text-gray-900 dark:text-gray-100">
-                                        {{ product.stock }} unidades
-                                    </span>
-                                </div>
-
-                                <h5 class="font-medium text-gray-900 dark:text-gray-100 mb-2 text-sm">
-                                    {{ product.name }}
-                                </h5>
-
-                                <div class="flex items-center justify-between">
-                                    <span class="text-xs text-gray-600 dark:text-gray-400">Valor total:</span>
-                                    <span class="text-sm font-semibold text-green-600 dark:text-green-400">
-                                        {{ formatCurrency(product.value) }}
-                                    </span>
-                                </div>
-
-                            </div>
-                        </div>
-                    </div>
-                </CardContent>
-            </Card>
-
-            <!-- Recent Movements -->
-            <Card>
-                <CardHeader>
-                    <CardTitle class="flex items-center space-x-2">
-                        <GoogleIcon class="w-6 h-6 text-primary" name="history" />
-                        <span>Movimientos Recientes</span>
-                    </CardTitle>
-                    <CardDescription>
-                        Últimos movimientos de inventario en este almacén
-                    </CardDescription>
-                </CardHeader>
-                <CardContent>
-                    <div class="space-y-4">
-                        <div v-for="movement in inventoryMovements" :key="movement.id"
-                            class="flex items-center justify-between p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
-
-                            <div class="flex items-center space-x-4">
-                                <div class="h-10 w-10 rounded-lg flex items-center justify-center" :class="movement.type === 'entrada' ? 'bg-green-100 dark:bg-green-900' :
-                                    movement.type === 'salida' ? 'bg-red-100 dark:bg-red-900' :
-                                        movement.type === 'transferencia' ? 'bg-blue-100 dark:bg-blue-900' :
-                                            'bg-yellow-100 dark:bg-yellow-900'">
-                                    <GoogleIcon class="w-5 h-5" :class="movement.type === 'entrada' ? 'text-green-600 dark:text-green-400' :
-                                        movement.type === 'salida' ? 'text-red-600 dark:text-red-400' :
-                                            movement.type === 'transferencia' ? 'text-blue-600 dark:text-blue-400' :
-                                                'text-yellow-600 dark:text-yellow-400'"
-                                        :name="getMovementIcon(movement.type)" />
-                                </div>
-
-                                <div>
-                                    <p class="font-medium text-gray-900 dark:text-gray-100">{{ movement.product }}</p>
-                                    <p class="text-sm text-gray-600 dark:text-gray-400">
-                                        {{ movement.code }} • {{ movement.reference }}
-                                    </p>
-                                </div>
-                            </div>
-
-                            <div class="flex items-center space-x-4">
-                                <div class="text-right">
-                                    <span
-                                        class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium capitalize"
-                                        :class="getMovementBadgeClass(movement.type)">
-                                        {{ movement.type }}
-                                    </span>
-                                    <p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
-                                        Cantidad: {{ movement.quantity }}
-                                    </p>
-                                </div>
-
-                                <div class="text-right">
-                                    <p class="text-sm font-medium text-gray-900 dark:text-gray-100">{{ movement.user }}
-                                    </p>
-                                    <p class="text-xs text-gray-500">{{ formatDate(movement.date) }}</p>
-                                </div>
-
-                                <span
-                                    class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium capitalize"
-                                    :class="getStatusBadgeClass(movement.status)">
-                                    {{ movement.status === 'completed' ? 'Completado' :
-                                        movement.status === 'pending' ? 'Pendiente' : 'Cancelado' }}
-                                </span>
-                            </div>
-                        </div>
-                    </div>
-                </CardContent>
-            </Card>
-
-           
-
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Warehouses/Edit.vue b/src/pages/Warehouses/Edit.vue
deleted file mode 100644
index 1adc8dd..0000000
--- a/src/pages/Warehouses/Edit.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { RouterLink, useRoute, useRouter } from 'vue-router';
-import { api, useForm } from '@Services/Api';
-import { viewTo, apiTo, transl } from './Module';
-import WarehouseService from './services/WarehouseService';
-
-
-import IconButton      from '@Holos/Button/Icon.vue'
-import PageHeader      from '@Holos/PageHeader.vue';
-import Form            from './Form.vue'
-
-/** Definiciones */
-const vroute = useRoute();
-const router = useRouter();
-const warehouseService = new WarehouseService();
-/** Propiedades */
-const form = useForm({
-    id: null,
-    code: '',
-    name: '',
-    description: '',
-    address: '',
-    classifications: [], // Array de objetos {value, label}
-    is_active: true
-});
-
-/** Métodos */
-function submit() {
-    form.transform(data => ({
-        ...data,
-        classifications: warehouseService.processClassificationsForSubmit(data.classifications)
-    })).put(apiTo('update', { warehouse: form.id }), {
-        onSuccess: () => {
-            Notify.success(transl('update.success'))
-            router.push(viewTo({ name: 'index' }));
-        },
-    })
-}
-
-function loadData() {
-    api.get(apiTo('show', { warehouse: vroute.params.id }), {
-        onSuccess: async (r) => {
-            const data = r.warehouse;
-            console.log('Datos del warehouse:', data);
-
-            try {
-                // Cargar las clasificaciones disponibles
-                const availableClassifications = await warehouseService.getAvailableClassifications();
-               
-                // Procesar las clasificaciones del warehouse para el formulario
-                const warehouseClassifications = data.classifications || [];
-                const formattedClassifications = [];
-
-                warehouseClassifications.forEach(classification => {
-                    // Agregar la clasificación padre
-                    formattedClassifications.push({
-                        value: classification.id,
-                        label: classification.name,
-                        id: classification.id,
-                        name: classification.name
-                    });
-
-                    // Agregar los hijos si existen
-                    if (classification.children && classification.children.length > 0) {
-                        classification.children.forEach(child => {
-                            formattedClassifications.push({
-                                value: child.id,
-                                label: child.name,
-                                id: child.id,
-                                name: child.name
-                            });
-                        });
-                    }
-                });
-
-                form.fill({
-                    id: data.id,
-                    code: data.code,
-                    name: data.name,
-                    description: data.description || '',
-                    address: data.address || '',
-                    classifications: formattedClassifications,
-                    is_active: Boolean(data.is_active)
-                });
-
-            } catch (error) {
-                console.error('Error cargando clasificaciones:', error);
-                // Fallback: llenar sin formatear las clasificaciones
-                form.fill({
-                    id: data.id,
-                    code: data.code,
-                    name: data.name,
-                    description: data.description || '',
-                    address: data.address || '',
-                    classifications: [],
-                    is_active: Boolean(data.is_active)
-                });
-            }
-        }
-    })
-}
-
-/** Ciclos */
-onMounted(() => {
-    loadData();
-});
-</script>
-
-<template>
-    <PageHeader
-        :title="transl('update.title')"
-    >
-        <RouterLink :to="viewTo({ name: 'index' })">
-            <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                filled
-            />
-        </RouterLink>
-    </PageHeader>
-    
-    <Form
-        action="update"
-        :form="form"
-        @submit="submit"
-    />
-</template>
\ No newline at end of file
diff --git a/src/pages/Warehouses/Form.vue b/src/pages/Warehouses/Form.vue
deleted file mode 100644
index 15f8ba6..0000000
--- a/src/pages/Warehouses/Form.vue
+++ /dev/null
@@ -1,338 +0,0 @@
-<script setup>
-import { ref, onMounted, computed, watch } from 'vue';
-import { transl } from './Module';
-import WarehouseService from './services/WarehouseService';
-
-import PrimaryButton from '@Holos/Button/Primary.vue';
-import Input         from '@Holos/Form/Input.vue';
-import Textarea      from '@Holos/Form/Textarea.vue';
-import Selectable    from '@Holos/Form/Selectable.vue';
-import Checkbox      from '@Holos/Checkbox.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'submit'
-])
-
-/** Servicios */
-const warehouseService = new WarehouseService();
-
-/** Propiedades reactivas */
-const allClassifications = ref([]);
-const loadingClassifications = ref(true);
-const selectedParentClassifications = ref([]);
-
-/** Propiedades */
-const props = defineProps({
-    action: {
-        default: 'create',
-        type: String
-    },
-    form: Object
-})
-
-/** Computadas */
-// Obtener solo las clasificaciones padre (sin parent_id)
-const parentClassifications = computed(() => {
-    return allClassifications.value.filter(classification => !classification.parent_id);
-});
-
-// Obtener subclasificaciones de los padres seleccionados
-const availableSubclassifications = computed(() => {
-    if (selectedParentClassifications.value.length === 0) {
-        return [];
-    }
-    
-    return allClassifications.value.filter(classification => 
-        classification.parent_id && 
-        selectedParentClassifications.value.includes(classification.parent_id)
-    );
-});
-
-/** Métodos */
-function submit() {
-    emit('submit')
-}
-
-/** Manejar selección de clasificación padre */
-function handleParentClassificationChange(parentId, isSelected) {
-    if (isSelected) {
-        if (!selectedParentClassifications.value.includes(parentId)) {
-            selectedParentClassifications.value.push(parentId);
-            // Agregar la clasificación padre al form.classifications
-            const parentClassification = allClassifications.value.find(c => c.id === parentId);
-            if (parentClassification) {
-                props.form.classifications.push({
-                    value: parentClassification.id,
-                    label: parentClassification.name,
-                    id: parentClassification.id,
-                    name: parentClassification.name
-                });
-            }
-        }
-    } else {
-        selectedParentClassifications.value = selectedParentClassifications.value.filter(id => id !== parentId);
-        
-        // Remover la clasificación padre del form.classifications
-        props.form.classifications = props.form.classifications.filter(classification => {
-            const classificationId = classification.value || classification.id || classification;
-            return classificationId !== parentId;
-        });
-        
-        // Remover también las subclasificaciones de este padre
-        if (props.form.classifications) {
-            props.form.classifications = props.form.classifications.filter(classification => {
-                const classificationId = classification.value || classification.id || classification;
-                const subClass = allClassifications.value.find(c => c.id === classificationId);
-                return !subClass || subClass.parent_id !== parentId;
-            });
-        }
-    }
-}
-
-/** Cargar clasificaciones desde la API */
-async function loadClassifications() {
-    try {
-        loadingClassifications.value = true;
-        const response = await warehouseService.getAvailableClassifications();
-        
-        // La respuesta viene en el formato { data: { warehouse_classifications: { data: [...] } } }
-        const classificationsData = response.data?.warehouse_classifications?.data || response.warehouse_classifications?.data || response.data || [];
-        
-        // Aplanar la estructura jerárquica para tener todos los elementos en un solo array
-        const flattenClassifications = (items) => {
-            let flattened = [];
-            items.forEach(item => {
-                // Agregar el item padre
-                flattened.push(item);
-                // Agregar los hijos si existen
-                if (item.children && item.children.length > 0) {
-                    flattened.push(...item.children);
-                }
-            });
-            return flattened;
-        };
-        
-        allClassifications.value = flattenClassifications(classificationsData);
-        console.log('Clasificaciones cargadas:', allClassifications.value);
-    } catch (error) {
-        console.error('Error cargando clasificaciones:', error);
-        allClassifications.value = [];
-    } finally {
-        loadingClassifications.value = false;
-    }
-}
-
-/** Watch para sincronizar con form.classifications existentes */
-watch(() => props.form?.classifications, (newClassifications) => {
-    console.log('Watch form.classifications triggered:', newClassifications);
-    if (newClassifications && newClassifications.length > 0 && allClassifications.value.length > 0) {
-        // Extraer padres de las clasificaciones ya seleccionadas
-        const parentIds = new Set();
-        newClassifications.forEach(classification => {
-            const classificationId = classification.value || classification.id || classification;
-            console.log('Processing classification ID:', classificationId);
-            const fullClassification = allClassifications.value.find(c => c.id === classificationId);
-            console.log('Found full classification:', fullClassification);
-            
-            if (fullClassification) {
-                if (fullClassification.parent_id) {
-                    // Es una subclasificación, agregar su padre
-                    console.log('Adding parent ID:', fullClassification.parent_id);
-                    parentIds.add(fullClassification.parent_id);
-                } else {
-                    // Es una clasificación padre, agregarla directamente
-                    console.log('Adding parent classification ID:', fullClassification.id);
-                    parentIds.add(fullClassification.id);
-                }
-            }
-        });
-        console.log('Final parent IDs:', Array.from(parentIds));
-        selectedParentClassifications.value = Array.from(parentIds);
-    }
-}, { deep: true, immediate: true });
-
-/** Watch adicional para cuando se cargan las clasificaciones */
-watch(() => allClassifications.value, () => {
-    console.log('Watch allClassifications triggered, length:', allClassifications.value.length);
-    if (props.form?.classifications && allClassifications.value.length > 0) {
-        console.log('Re-processing form.classifications:', props.form.classifications);
-        // Re-ejecutar la lógica de sincronización cuando se cargan las clasificaciones
-        const parentIds = new Set();
-        props.form.classifications.forEach(classification => {
-            const classificationId = classification.value || classification.id || classification;
-            console.log('Re-processing classification ID:', classificationId);
-            const fullClassification = allClassifications.value.find(c => c.id === classificationId);
-            
-            if (fullClassification) {
-                if (fullClassification.parent_id) {
-                    // Es una subclasificación, agregar su padre
-                    console.log('Re-adding parent ID:', fullClassification.parent_id);
-                    parentIds.add(fullClassification.parent_id);
-                } else {
-                    // Es una clasificación padre, agregarla directamente
-                    console.log('Re-adding parent classification ID:', fullClassification.id);
-                    parentIds.add(fullClassification.id);
-                }
-            }
-        });
-        console.log('Re-processed parent IDs:', Array.from(parentIds));
-        selectedParentClassifications.value = Array.from(parentIds);
-    }
-});
-
-/** Ciclo de vida */
-onMounted(() => {
-    loadClassifications();
-});
-</script>
-
-<template>
-    <div class="w-full pb-2">
-        <p class="text-justify text-sm" v-text="transl(`${action}.description`)" />
-    </div>
-    <div class="w-full">
-        <form @submit.prevent="submit" class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-            <!-- Código del almacén -->
-            <Input
-                v-model="props.form.code"
-                id="code"
-                title="Código"
-                :onError="props.form.errors.code"
-                placeholder="Ej: WH001"
-                autofocus
-                required
-            />
-            
-            <!-- Nombre del almacén -->
-            <Input
-                v-model="props.form.name"
-                id="name"
-                title="Nombre"
-                :onError="props.form.errors.name"
-                placeholder="Ej: Almacén Central"
-                required
-            />
-            
-            <!-- Descripción -->
-            <Textarea
-                v-model="props.form.description"
-                id="description"
-                title="Descripción"
-                :onError="props.form.errors.description"
-                placeholder="Descripción del almacén..."
-                class="md:col-span-2"
-                rows="3"
-            />
-            
-            <!-- Dirección -->
-            <Textarea
-                v-model="props.form.address"
-                id="address"
-                title="Dirección"
-                :onError="props.form.errors.address"
-                placeholder="Dirección física del almacén..."
-                class="md:col-span-2"
-                rows="2"
-            />
-            
-            <!-- Clasificaciones Jerárquicas -->
-            <div class="md:col-span-2 lg:col-span-3 xl:col-span-4">
-                <div class="space-y-4">
-                    <!-- Titulo de Clasificaciones -->
-                    <h3 class="text-sm font-medium text-gray-700 dark:text-gray-300">
-                        Clasificaciones
-                    </h3>
-                    
-                    <!-- Mensaje de carga -->
-                    <div v-if="loadingClassifications" class="text-sm text-gray-500">
-                        Cargando clasificaciones...
-                    </div>
-                    
-                    
-                    <!-- Clasificaciones Padre -->
-                    <div v-if="parentClassifications.length > 0" class="space-y-3">
-                        <h4 class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                            Clasificaciones
-                        </h4>
-                        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3">
-                            <div 
-                                v-for="parent in parentClassifications" 
-                                :key="parent.id"
-                                class="flex items-center space-x-2"
-                            >
-            
-                                <Checkbox
-                                    :id="`parent-${parent.id}`"
-                                    :checked="selectedParentClassifications.includes(parent.id)"
-                                    @update:checked="(value) => handleParentClassificationChange(parent.id, value)"
-                                />
-    
-                                <label 
-                                    :for="`parent-${parent.id}`" 
-                                    class="text-sm font-medium text-gray-700 dark:text-gray-300 cursor-pointer"
-                                >
-                                    {{ parent.name }}
-                                </label>
-                            </div>
-                        </div>
-                        
-                        <!-- Tags de clasificaciones seleccionadas -->
-                        <div v-if="selectedParentClassifications.length > 0" class="flex flex-wrap gap-2 mt-2">
-                            <span 
-                                v-for="parentId in selectedParentClassifications" 
-                                :key="parentId"
-                                class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"
-                            >
-                                {{ parentClassifications.find(p => p.id === parentId)?.name }}
-                            </span>
-                        </div>
-                    </div>
-                    
-                    <!-- Subclasificaciones -->
-                    <div v-if="availableSubclassifications.length > 0" class="space-y-3 pt-4 border-t border-gray-200 dark:border-gray-700">
-                        <h4 class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                            Subclasificaciones
-                        </h4>
-                        <Selectable
-                            v-model="props.form.classifications"
-                            id="subclassifications"
-                            label="name"
-                            value="id"
-                            :onError="props.form.errors.classifications"
-                            :options="availableSubclassifications.map(sub => ({ 
-                                value: sub.id, 
-                                label: sub.name,
-                                name: sub.name,
-                                id: sub.id
-                            }))"
-                            placeholder="Seleccionar subclasificaciones"
-                            multiple
-                        />
-                    </div>
-                    
-                    <!-- Mensaje cuando no hay clasificaciones padre seleccionadas -->
-                    <div v-else-if="!loadingClassifications && selectedParentClassifications.length === 0" class="text-sm text-gray-500 italic">
-                        Selecciona al menos una clasificación para ver las subclasificaciones disponibles
-                    </div>
-                    
-                    <!-- Error de clasificaciones -->
-                    <div v-if="props.form.errors.classifications" class="text-sm text-red-600 dark:text-red-400">
-                        {{ props.form.errors.classifications }}
-                    </div>
-                </div>
-            </div>
-            
-            
-            <!-- Botón de envío -->
-            <div class="md:col-span-2 lg:col-span-3 xl:col-span-4">
-                <PrimaryButton
-                    :loading="props.form.processing"
-                    :disabled="props.form.processing"
-                >
-                    {{ transl(`${props.action}.button`) }}
-                </PrimaryButton>
-            </div>
-        </form>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Warehouses/Index.vue b/src/pages/Warehouses/Index.vue
deleted file mode 100644
index f4bfea2..0000000
--- a/src/pages/Warehouses/Index.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useRouter, RouterLink } from 'vue-router';
-import { useSearcher } from '@Services/Api';
-import { hasPermission } from '@Plugins/RolePermission';
-import { can, apiTo, viewTo, transl } from './Module'
-
-import IconButton from '@Holos/Button/Icon.vue'
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-import SearcherHead from '@Holos/Searcher.vue';
-import Table from '@Holos/Table.vue';
-import ShowView from './Modals/Show.vue';
-
-import Card from '@Holos/Card/Card.vue';
-import CardHeader from '@Holos/Card/CardHeader.vue';
-import CardTitle from '@Holos/Card/CardTitle.vue';
-import CardDescription from '@Holos/Card/CardDescription.vue';
-import CardContent from '@Holos/Card/CardContent.vue';
-//import Button from '@Holos/Button/Button.vue';
-
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-
-/** Propiedades */
-const models = ref([]);
-const router = useRouter();
-
-/** Referencias */
-const showModal = ref(null);
-const destroyModal = ref(null);
-
-/** Métodos */
-const searcher = useSearcher({
-    url: apiTo('index'),
-    onSuccess: (r) => {
-        console.log('Datos recibidos:', r);
-        console.log('Warehouses:', r.warehouses);
-        if (r.warehouses && r.warehouses.length > 0) {
-            console.log('Primer warehouse:', r.warehouses[0]);
-        }
-        models.value = r.warehouses;
-    },
-    onError: () => models.value = []
-});
-
-/** Función para eliminar */
-const deleteItem = (item) => {
-    destroyModal.value.open(item);
-};
-
-/** Función de debug para navegación */
-const debugNavigation = (warehouse) => {
-    console.log('Debug navigation:', warehouse);
-    console.log('viewTo result:', viewTo({ name: 'edit', params: { id: warehouse.id } }));
-    router.push(viewTo({ name: 'edit', params: { id: warehouse.id } }));
-};
-
-/** Ciclos */
-onMounted(() => {
-    searcher.search();
-});
-
-import Button from "primevue/button"
-</script>
-
-<template>
-    <div>
-        <div className="flex items-center justify-between">
-            <div>
-                <h1 className="text-3xl font-bold text-foreground">Inventario</h1>
-                <p className="text-muted-foreground">
-                    Control de stock y movimientos por almacén
-                    
-                </p>
-            </div>
-        </div>
-        <SearcherHead :title="transl('name')" @search="(x) => searcher.search(x)">
-            <RouterLink :to="viewTo({ name: 'create' })">
-                <IconButton class="text-white" icon="add" :title="$t('crud.create')" filled />
-            </RouterLink>
-            <IconButton icon="refresh" :title="$t('refresh')" @click="searcher.search()" />
-        </SearcherHead>
-
-        <div>
-            <CardHeader>
-                <CardTitle>Gestión de Almacenes</CardTitle>
-                <CardDescription>
-                    Gestiona los almacenes donde se almacenan los productos. Puedes crear, editar y eliminar almacenes
-                    según sea necesario.
-                </CardDescription>
-            </CardHeader>
-            <CardContent>
-                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-
-                    <Card v-for="warehouse in models.data" :key="warehouse.id" class="relative overflow-hidden">
-                        <CardContent class="pt-4 pb-4 px-4">
-                            <div class="flex items-start justify-between mb-3">
-                                <div class="flex items-center space-x-2">
-                                    <GoogleIcon class="w-6 h-6 text-primary" name="warehouse" />
-                                    <div>
-                                        <h3 class="font-semibold text-sm">{{ warehouse.name }}</h3>
-                                        <p class="text-xs text-muted-foreground font-mono">
-                                            {{ warehouse.code }}
-                                        </p>
-                                    </div>
-                                </div>
-                                <div class="flex items-center space-x-2">
-                                    {{ warehouse.is_active ? 'Activo' : 'Inactivo' }}
-                                </div>
-                            </div>
-
-                            <div class="flex items-center space-x-1 text-xs text-muted-foreground mb-2">
-                                <GoogleIcon class="w-6 h-6" name="distance" />
-                                <p>{{ warehouse.address ? warehouse.address : 'Sin dirección' }}</p>
-                            </div>
-
-                            <div className="flex items-center space-x-1 text-xs text-muted-foreground mb-3">
-
-                                <span v-for="classification in warehouse.classifications" :key="classification.id"
-                                    class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-200">
-                                    {{ classification.code }}
-                                </span>
-                                <span v-if="warehouse.classifications.length > 3"
-                                    class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200">
-                                    +{{ warehouse.classifications.length - 3 }}
-                                </span>
-                                <span v-if="warehouse.classifications.length === 0" class="text-xs text-gray-400">
-                                    Sin clasificaciones
-                                </span>
-
-                            </div>
-
-                            <div class="flex justify-end mt-3 pt-2 border-t border-border gap-3">
-
-                                <RouterLink class="h-fit" :to="viewTo({ name: 'details', params: { id: warehouse.id } })">
-                                    <Button severity="info" label="Ver detalles" />
-                                </RouterLink>
-
-                                <Button severity="primary" label="Ver detalles" />
-
-                                <!-- Opción 1: RouterLink + asLink -->
-                                <RouterLink class="h-fit" :to="viewTo({ name: 'edit', params: { id: warehouse.id } })">
-                                    <Button severity="warn" label="Editar" />
-                                </RouterLink>
-
-                                <Button severity="danger" label="Eliminar" @click="deleteItem(warehouse)"/>
-
-                            </div>
-
-                        </CardContent>
-                    </Card>
-
-                </div>
-
-            </CardContent>
-        </div>
-
-        <ShowView ref="showModal" @reload="searcher.search()" />
-
-        <DestroyView ref="destroyModal" subtitle="name" :to="(id) => apiTo('destroy', { warehouse: id })"
-            @update="searcher.search()" />
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/pages/Warehouses/Modals/Show.vue b/src/pages/Warehouses/Modals/Show.vue
deleted file mode 100644
index 248fd8b..0000000
--- a/src/pages/Warehouses/Modals/Show.vue
+++ /dev/null
@@ -1,311 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { getDateTime } from '@Controllers/DateController';
-import { viewTo, apiTo, transl } from '../Module';
-import WarehouseService from '../services/WarehouseService';
-import Notify from '@Plugins/Notify';
-
-import Header     from '@Holos/Modal/Elements/Header.vue';
-import ShowModal  from '@Holos/Modal/Show.vue';
-import GoogleIcon from '@Shared/GoogleIcon.vue';
-import Button     from '@Holos/Button/Button.vue';
-import IconButton from '@Holos/Button/Icon.vue';
-import DestroyView from '@Holos/Modal/Template/Destroy.vue';
-
-/** Eventos */
-const emit = defineEmits([
-    'close', 
-    'reload'
-]);
-
-/** Servicios */
-const warehouseService = new WarehouseService();
-const router = useRouter();
-
-/** Propiedades */
-const model    = ref(null);
-const loading  = ref(false);
-
-/** Referencias */
-const modalRef = ref(null);
-const destroyModal = ref(null);
-
-/** Métodos */
-function close() {
-    model.value = null;
-    emit('close');
-}
-
-/** Función para actualizar el estado del almacén */
-async function toggleStatus(item) {
-    if (loading.value) return;
-    
-    const newStatus = !item.is_active;
-    
-    try {
-        loading.value = true;
-        
-        // Usar el servicio para actualizar el estado
-        await warehouseService.updateStatus(item.id, newStatus);
-        
-        // Actualizar el modelo local
-        item.is_active = newStatus;
-        
-        // Notificación de éxito
-        const statusText = newStatus ? 'activado' : 'desactivado';
-        Notify.success(
-            `Almacén "${item.code}" ${statusText} exitosamente`,
-            'Estado actualizado'
-        );
-        
-        // Emitir evento para recargar la lista principal si es necesario
-        emit('reload');
-        
-    } catch (error) {
-        console.error('Error actualizando estado:', error);
-        
-        // Manejo específico de errores según la estructura de tu API
-        let errorMessage = 'Error al actualizar el estado del almacén';
-        let errorTitle = 'Error';
-        
-        if (error?.response?.data) {
-            const errorData = error.response.data;
-            
-            // Caso 1: Error con estructura específica de tu API
-            if (errorData.status === 'error') {
-                if (errorData.errors) {
-                    // Errores de validación - extraer el primer error
-                    const firstField = Object.keys(errorData.errors)[0];
-                    const firstError = errorData.errors[firstField];
-                    errorMessage = Array.isArray(firstError) ? firstError[0] : firstError;
-                    errorTitle = 'Error de validación';
-                } else if (errorData.message) {
-                    // Mensaje general del error
-                    errorMessage = errorData.message;
-                    errorTitle = 'Error del servidor';
-                }
-            }
-            // Caso 2: Otros formatos de error
-            else if (errorData.message) {
-                errorMessage = errorData.message;
-            }
-        } else if (error?.message) {
-            // Error genérico de la petición (red, timeout, etc.)
-            errorMessage = `Error de conexión: ${error.message}`;
-            errorTitle = 'Error de red';
-        }
-        
-        // Notificación de error
-        Notify.error(errorMessage, errorTitle);
-        
-    } finally {
-        loading.value = false;
-    }
-}
-
-/** Función para editar almacén */
-function editWarehouse() {
-    // Navegar a la vista de edición del almacén
-    const editUrl = viewTo({ name: 'edit', params: { id: model.value.id } });
-    router.push(editUrl);
-    // Cerrar el modal actual
-    close();
-}
-
-/** Función para eliminar almacén */
-function deleteWarehouse() {
-    destroyModal.value.open(model.value);
-}
-
-/** Función para recargar después de eliminar */
-function onWarehouseDeleted() {
-    close();
-    emit('reload');
-    
-    Notify.success(
-        'Almacén eliminado exitosamente',
-        'Eliminación exitosa'
-    );
-}
-
-/** Función para cancelar eliminación */
-function onDeleteCancelled() {
-    // No es necesario hacer nada especial
-}
-
-/** Exposer métodos públicos */
-defineExpose({
-    open: (data) => {
-        model.value = data;
-        modalRef.value.open();
-    },
-    close
-});
-</script>
-
-<template>
-    <ShowModal
-        ref="modalRef"
-        @close="close"
-    >
-        <div v-if="model">
-            <Header
-                :title="model.code"
-                :subtitle="model.name"
-            >
-                <div class="flex w-full flex-col">
-                    <div class="flex w-full justify-center items-center">
-                        <div class="w-24 h-24 rounded-full bg-gradient-to-br from-green-500 to-blue-600 flex items-center justify-center">
-                            <GoogleIcon 
-                                class="text-white text-3xl"
-                                name="warehouse"
-                            />
-                        </div>
-                    </div>
-                </div>
-            </Header>
-            
-            <div class="flex w-full p-4 space-y-6">
-                <div class="w-full space-y-6">
-                    <!-- Información Principal -->
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                        <!-- Código y Estado -->
-                        <div class="space-y-4">
-                            <div>
-                                <label class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                                    {{ transl('code') }}
-                                </label>
-                                <div class="mt-1">
-                                    <code class="font-mono text-lg bg-gray-100 dark:bg-gray-700 px-3 py-2 rounded-lg block">
-                                        {{ model.code }}
-                                    </code>
-                                </div>
-                            </div>
-                            
-                            <div>
-                                <label class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                                    {{ transl('is_active') }}
-                                </label>
-                                <div class="mt-2">
-                                    <Button
-                                        :variant="'smooth'"
-                                        :color="model.is_active ? 'success' : 'danger'"
-                                        :size="'sm'"
-                                        :loading="loading"
-                                        @click="toggleStatus(model)"
-                                    >
-                                        {{ model.is_active ? $t('Activo') : $t('Inactivo') }}
-                                    </Button>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Nombre y Dirección -->
-                        <div class="space-y-4">
-                            <div>
-                                <label class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                                    {{ transl('name') }}
-                                </label>
-                                <p class="mt-1 text-lg font-semibold">{{ model.name }}</p>
-                            </div>
-                            
-                            <div v-if="model.address">
-                                <label class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                                    {{ transl('address') }}
-                                </label>
-                                <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">{{ model.address }}</p>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Descripción -->
-                    <div v-if="model.description">
-                        <label class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                            {{ transl('description') }}
-                        </label>
-                        <div class="mt-1 p-3 bg-gray-50 dark:bg-gray-800 rounded-lg">
-                            <p class="text-sm">{{ model.description }}</p>
-                        </div>
-                    </div>
-
-                    <!-- Clasificaciones -->
-                    <div>
-                        <label class="text-sm font-medium text-gray-600 dark:text-gray-400">
-                            {{ transl('classifications') }}
-                        </label>
-                        <div class="mt-2">
-                            <div v-if="model.classifications && model.classifications.length > 0" class="flex flex-wrap gap-2">
-                                <span 
-                                    v-for="classification in model.classifications" 
-                                    :key="classification.id"
-                                    class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-200"
-                                >
-                                    <GoogleIcon class="w-4 h-4 mr-2" name="category" />
-                                    {{ classification.code }} - {{ classification.name }}
-                                </span>
-                            </div>
-                            <div v-else class="flex items-center p-3 bg-gray-50 dark:bg-gray-800 rounded-lg">
-                                <GoogleIcon class="w-5 h-5 mr-2 text-gray-400" name="info" />
-                                <p class="text-sm text-gray-500">Sin clasificaciones asignadas</p>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Información de Fechas -->
-                    <div class="border-t pt-6">
-                        <h4 class="text-sm font-medium text-gray-600 dark:text-gray-400 mb-4">
-                            Información del Sistema
-                        </h4>
-                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
-                            <div>
-                                <span class="font-medium text-gray-600 dark:text-gray-400">Creado:</span>
-                                <p class="mt-1">{{ getDateTime(model.created_at) }}</p>
-                            </div>
-                            <div>
-                                <span class="font-medium text-gray-600 dark:text-gray-400">Actualizado:</span>
-                                <p class="mt-1">{{ getDateTime(model.updated_at) }}</p>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Botones de acción -->
-                    <div class="flex justify-between space-x-3 pt-4 border-t">
-                        <div class="flex space-x-2">
-                            <Button
-                                variant="outline"
-                                @click="editWarehouse"
-                            >
-                                <GoogleIcon class="w-4 h-4 mr-2" name="edit" />
-                                {{ $t('crud.edit') }}
-                            </Button>
-                            <Button
-                                variant="outline"
-                                color="danger"
-                                @click="deleteWarehouse"
-                            >
-                                <GoogleIcon class="w-4 h-4 mr-2" name="delete" />
-                                {{ $t('crud.destroy') }}
-                            </Button>
-                        </div>
-                        <Button
-                            variant="ghost"
-                            @click="close"
-                        >
-                            {{ $t('crud.close') }}
-                        </Button>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ShowModal>
-
-    <!-- Modal de confirmación para eliminar -->
-    <DestroyView 
-        ref="destroyModal"
-        subtitle="name"
-        :to="(id) => apiTo('destroy', { warehouse: id })"
-        @update="onWarehouseDeleted"
-        @cancel="onDeleteCancelled"
-    />
-</template>
\ No newline at end of file
diff --git a/src/pages/Warehouses/Module.js b/src/pages/Warehouses/Module.js
deleted file mode 100644
index 2945957..0000000
--- a/src/pages/Warehouses/Module.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { lang } from '@Lang/i18n';
-import { hasPermission } from '@Plugins/RolePermission.js';
-
-// Ruta API
-const apiTo = (name, params = {}) => route(`warehouses.${name}`, params)
-
-// Ruta visual
-const viewTo = ({ name = '', params = {}, query = {} }) => view({ 
-    name: `admin.warehouses.${name}`, params, query 
-})
-    
-// Obtener traducción del componente
-const transl = (str) => lang(`admin.warehouses.${str}`)
-
-// Control de permisos
-const can = (permission) => hasPermission(`admin.warehouses.${permission}`)
-
-export {
-    can,
-    viewTo,
-    apiTo,
-    transl
-}
\ No newline at end of file
diff --git a/src/pages/Warehouses/e.jsx b/src/pages/Warehouses/e.jsx
deleted file mode 100644
index 56fb530..0000000
--- a/src/pages/Warehouses/e.jsx
+++ /dev/null
@@ -1,1125 +0,0 @@
-import { useState } from "react"
-import { useNavigate } from "react-router-dom"
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Label } from "@/components/ui/label"
-import { Textarea } from "@/components/ui/textarea"
-import { Badge } from "@/components/ui/badge"
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
-import { Checkbox } from "@/components/ui/checkbox"
-import { 
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table"
-import { 
-  Warehouse, 
-  Search, 
-  ArrowUpRight,
-  ArrowDownLeft,
-  RefreshCw,
-  Plus,
-  Minus,
-  TrendingUp,
-  MapPin,
-  Filter,
-  Eye,
-  Settings as SettingsIcon
-} from "lucide-react"
-
-// Mock data
-const warehouseCategories = [
-  { id: "general", name: "General", subcategories: ["electronica", "oficina", "herramientas"] },
-  { id: "cold", name: "Refrigerado", subcategories: ["alimentos", "medicamentos", "quimicos"] },
-  { id: "hazmat", name: "Materiales Peligrosos", subcategories: ["inflamables", "toxicos", "corrosivos"] },
-  { id: "bulk", name: "Granel", subcategories: ["liquidos", "solidos", "granulados"] }
-]
-
-const warehouses = [
-  {
-    id: 1,
-    code: "WH-001",
-    name: "Almacén Principal",
-    location: "Ciudad de México, Centro",
-    type: "general",
-    category: "general",
-    subcategory: "electronica",
-    totalProducts: 145,
-    totalValue: 2400000,
-    capacity: "80%",
-    status: "active",
-    manager: "Ana García",
-    phone: "+52 55 1234-5678",
-    email: "ana.garcia@empresa.com",
-    area: "2500 m²",
-    temperature: "18-24°C",
-    humidity: "45-60%"
-  },
-  {
-    id: 2,
-    code: "WH-002", 
-    name: "Almacén Norte",
-    location: "Guadalajara, Zona Industrial",
-    type: "general",
-    category: "general",
-    subcategory: "oficina",
-    totalProducts: 89,
-    totalValue: 1200000,
-    capacity: "45%",
-    status: "active",
-    manager: "Carlos López",
-    phone: "+52 33 9876-5432",
-    email: "carlos.lopez@empresa.com",
-    area: "1800 m²",
-    temperature: "20-25°C",
-    humidity: "40-55%"
-  },
-  {
-    id: 3,
-    code: "WH-003",
-    name: "Almacén Refrigerado",
-    location: "Monterrey, Zona Logística",
-    type: "cold",
-    category: "cold",
-    subcategory: "alimentos",
-    totalProducts: 65,
-    totalValue: 890000,
-    capacity: "90%",
-    status: "full",
-    manager: "María Rodríguez",
-    phone: "+52 81 5555-0123",
-    email: "maria.rodriguez@empresa.com",
-    area: "1200 m²",
-    temperature: "2-8°C",
-    humidity: "85-90%"
-  },
-  {
-    id: 4,
-    code: "WH-004",
-    name: "Almacén Sur",
-    location: "Puebla, Zona Centro",
-    type: "general",
-    category: "general",
-    subcategory: "herramientas",
-    totalProducts: 45,
-    totalValue: 650000,
-    capacity: "30%",
-    status: "inactive",
-    manager: "Jorge Martínez",
-    phone: "+52 222 1111-2222",
-    email: "jorge.martinez@empresa.com",
-    area: "1000 m²",
-    temperature: "15-30°C",
-    humidity: "35-65%"
-  }
-]
-
-const inventoryMovements = [
-  {
-    id: 1,
-    date: "2024-01-15T10:30:00",
-    type: "entrada",
-    product: "Laptop Dell Inspiron 15",
-    code: "PROD-001",
-    quantity: 10,
-    warehouse: "Almacén Principal",
-    reference: "PO-2024-001",
-    user: "Ana García",
-    status: "completed"
-  },
-  {
-    id: 2,
-    date: "2024-01-15T09:15:00",
-    type: "salida",
-    product: "Mouse Inalámbrico Logitech",
-    code: "PROD-002", 
-    quantity: 25,
-    warehouse: "Almacén Norte",
-    reference: "SO-2024-045",
-    user: "Carlos López",
-    status: "completed"
-  },
-  {
-    id: 3,
-    date: "2024-01-14T16:45:00",
-    type: "transferencia",
-    product: "Monitor LG 24 pulgadas",
-    code: "PROD-003",
-    quantity: 5,
-    warehouse: "Principal → Norte",
-    reference: "TR-2024-012",
-    user: "María Rodríguez",
-    status: "pending"
-  },
-  {
-    id: 4,
-    date: "2024-01-14T14:20:00",
-    type: "entrada",
-    product: "Teclado Mecánico RGB",
-    code: "PROD-004",
-    quantity: 15,
-    warehouse: "Almacén Principal",
-    reference: "PO-2024-002",
-    user: "Ana García",
-    status: "completed"
-  },
-  {
-    id: 5,
-    date: "2024-01-14T11:30:00",
-    type: "ajuste",
-    product: "Webcam HD Logitech", 
-    code: "PROD-005",
-    quantity: -2,
-    warehouse: "Almacén Norte",
-    reference: "ADJ-2024-003",
-    user: "Carlos López",
-    status: "completed"
-  }
-]
-
-const stockByWarehouse = [
-  {
-    warehouse: "Almacén Principal",
-    products: [
-      { code: "PROD-001", name: "Laptop Dell Inspiron 15", stock: 45, value: 719955 },
-      { code: "PROD-002", name: "Mouse Inalámbrico Logitech", stock: 85, value: 50915 },
-      { code: "PROD-003", name: "Monitor LG 24 pulgadas", stock: 8, value: 26392 },
-      { code: "PROD-004", name: "Teclado Mecánico RGB", stock: 15, value: 32985 },
-    ]
-  },
-  {
-    warehouse: "Almacén Norte",
-    products: [
-      { code: "PROD-002", name: "Mouse Inalámbrico Logitech", stock: 35, value: 20965 },
-      { code: "PROD-005", name: "Webcam HD Logitech", stock: 32, value: 28768 },
-    ]
-  }
-]
-
-const getMovementIcon = (type: string) => {
-  switch (type) {
-    case "entrada":
-      return <ArrowDownLeft className="w-4 h-4 text-success" />
-    case "salida":
-      return <ArrowUpRight className="w-4 h-4 text-destructive" />
-    case "transferencia":
-      return <RefreshCw className="w-4 h-4 text-warning" />
-    case "ajuste":
-      return <TrendingUp className="w-4 h-4 text-primary" />
-    default:
-      return <RefreshCw className="w-4 h-4" />
-  }
-}
-
-const getMovementBadge = (type: string) => {
-  const variants = {
-    entrada: "default",
-    salida: "destructive", 
-    transferencia: "secondary",
-    ajuste: "outline"
-  }
-  return (
-    <Badge variant={variants[type as keyof typeof variants] as any} className="capitalize">
-      {type}
-    </Badge>
-  )
-}
-
-export default function Inventory() {
-  const navigate = useNavigate()
-  const [searchTerm, setSearchTerm] = useState("")
-  const [categoryFilter, setCategoryFilter] = useState<string>("")
-  const [subcategoryFilter, setSubcategoryFilter] = useState<string>("")
-  const [statusFilter, setStatusFilter] = useState<string>("")
-  const [selectedWarehouse, setSelectedWarehouse] = useState<number | null>(null)
-  
-  // Warehouse form state
-  const [isWarehouseModalOpen, setIsWarehouseModalOpen] = useState(false)
-  const [editingWarehouse, setEditingWarehouse] = useState<any>(null)
-  const [warehouseForm, setWarehouseForm] = useState({
-    code: "",
-    name: "",
-    description: "",
-    classificationIds: [] as string[],
-    subclassificationIds: [] as string[]
-  })
-
-  const resetWarehouseForm = () => {
-    setWarehouseForm({ 
-      code: "", 
-      name: "", 
-      description: "",
-      classificationIds: [],
-      subclassificationIds: []
-    })
-    setEditingWarehouse(null)
-  }
-
-  const handleCreateWarehouse = () => {
-    resetWarehouseForm()
-    setIsWarehouseModalOpen(true)
-  }
-
-  const handleEditWarehouse = (warehouse: any) => {
-    setWarehouseForm({
-      code: warehouse.code,
-      name: warehouse.name,
-      description: warehouse.description || "",
-      classificationIds: warehouse.classificationIds || [warehouse.category],
-      subclassificationIds: warehouse.subclassificationIds || [warehouse.subcategory]
-    })
-    setEditingWarehouse(warehouse)
-    setIsWarehouseModalOpen(true)
-  }
-
-  const handleSaveWarehouse = () => {
-    // Here you would normally save to your backend
-    const warehouseData = {
-      ...warehouseForm,
-      // Send arrays of IDs to backend
-      classificationIds: warehouseForm.classificationIds,
-      subclassificationIds: warehouseForm.subclassificationIds
-    }
-    console.log("Saving warehouse:", warehouseData)
-    setIsWarehouseModalOpen(false)
-    resetWarehouseForm()
-  }
-
-  const toggleClassification = (classificationId: string) => {
-    setWarehouseForm(prev => ({
-      ...prev,
-      classificationIds: prev.classificationIds.includes(classificationId)
-        ? prev.classificationIds.filter(id => id !== classificationId)
-        : [...prev.classificationIds, classificationId]
-    }))
-  }
-
-  const toggleSubclassification = (subclassificationId: string) => {
-    setWarehouseForm(prev => ({
-      ...prev,
-      subclassificationIds: prev.subclassificationIds.includes(subclassificationId)
-        ? prev.subclassificationIds.filter(id => id !== subclassificationId)
-        : [...prev.subclassificationIds, subclassificationId]
-    }))
-  }
-
-  // Get all available subclassifications from selected classifications
-  const getAvailableSubclassifications = () => {
-    const availableSubs: string[] = []
-    warehouseForm.classificationIds.forEach(classId => {
-      const classification = warehouseCategories.find(cat => cat.id === classId)
-      if (classification) {
-        availableSubs.push(...classification.subcategories)
-      }
-    })
-    return [...new Set(availableSubs)] // Remove duplicates
-  }
-
-  const totalInventoryValue = warehouses.reduce((sum, wh) => sum + wh.totalValue, 0)
-  const totalProducts = warehouses.reduce((sum, wh) => sum + wh.totalProducts, 0)
-
-  // Filter warehouses based on search criteria
-  const filteredWarehouses = warehouses.filter(warehouse => {
-    const matchesSearch = warehouse.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-                         warehouse.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-                         warehouse.location.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesCategory = !categoryFilter || warehouse.category === categoryFilter
-    const matchesSubcategory = !subcategoryFilter || warehouse.subcategory === subcategoryFilter
-    const matchesStatus = !statusFilter || warehouse.status === statusFilter
-    
-    return matchesSearch && matchesCategory && matchesSubcategory && matchesStatus
-  })
-
-  // Get subcategories for selected category
-  const availableSubcategories = categoryFilter 
-    ? warehouseCategories.find(cat => cat.id === categoryFilter)?.subcategories || []
-    : []
-
-  return (
-    <div className="space-y-6">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-3xl font-bold text-foreground">Inventario</h1>
-          <p className="text-muted-foreground">
-            Control de stock y movimientos por almacén
-          </p>
-        </div>
-        <div className="flex items-center space-x-2">
-          <Button variant="outline" onClick={handleCreateWarehouse}>
-            <Plus className="w-4 h-4 mr-2" />
-            Crear Almacén
-          </Button>
-          <Button variant="outline">
-            <Plus className="w-4 h-4 mr-2" />
-            Entrada
-          </Button>
-          <Button variant="outline">
-            <Minus className="w-4 h-4 mr-2" />
-            Salida
-          </Button>
-          <Button className="bg-primary hover:bg-primary-hover">
-            <RefreshCw className="w-4 h-4 mr-2" />
-            Transferencia
-          </Button>
-        </div>
-      </div>
-
-      {/* Summary Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <Card>
-          <CardContent className="p-4">
-            <div className="flex items-center space-x-2">
-              <Warehouse className="w-8 h-8 text-primary" />
-              <div>
-                <p className="text-2xl font-bold text-metric-value">{warehouses.length}</p>
-                <p className="text-sm text-muted-foreground">Almacenes</p>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-        <Card>
-          <CardContent className="p-4">
-            <div className="flex items-center space-x-2">
-              <div className="w-8 h-8 rounded-full bg-success flex items-center justify-center">
-                <span className="text-success-foreground font-bold text-sm">#</span>
-              </div>
-              <div>
-                <p className="text-2xl font-bold text-success">{totalProducts}</p>
-                <p className="text-sm text-muted-foreground">Total Productos</p>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-        <Card>
-          <CardContent className="p-4">
-            <div className="flex items-center space-x-2">
-              <div className="w-8 h-8 rounded-full bg-warning flex items-center justify-center">
-                <span className="text-warning-foreground font-bold text-sm">$</span>
-              </div>
-              <div>
-                <p className="text-2xl font-bold text-warning">
-                  ${(totalInventoryValue / 1000000).toFixed(1)}M
-                </p>
-                <p className="text-sm text-muted-foreground">Valor Total</p>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-        <Card>
-          <CardContent className="p-4">
-            <div className="flex items-center space-x-2">
-              <div className="w-8 h-8 rounded-full bg-primary flex items-center justify-center">
-                <RefreshCw className="w-4 h-4 text-primary-foreground" />
-              </div>
-              <div>
-                <p className="text-2xl font-bold text-primary">{inventoryMovements.length}</p>
-                <p className="text-sm text-muted-foreground">Movimientos Hoy</p>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </div>
-
-      <Tabs defaultValue="warehouses" className="space-y-4">
-        <TabsList>
-          <TabsTrigger value="warehouses">Almacenes</TabsTrigger>
-          <TabsTrigger value="details">Detalles Individuales</TabsTrigger>
-          <TabsTrigger value="movements">Movimientos</TabsTrigger>
-          <TabsTrigger value="stock">Stock por Almacén</TabsTrigger>
-        </TabsList>
-
-        {/* Warehouses Tab */}
-        <TabsContent value="warehouses">
-          <Card>
-            <CardHeader>
-              <CardTitle className="flex items-center justify-between">
-                <span>Almacenes</span>
-                <div className="flex items-center space-x-2">
-                  <Filter className="w-4 h-4 text-muted-foreground" />
-                  <span className="text-sm text-muted-foreground">
-                    {filteredWarehouses.length} de {warehouses.length}
-                  </span>
-                </div>
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              {/* Search and Filters */}
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4 mb-6">
-                <div className="relative">
-                  <Search className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
-                  <Input
-                    placeholder="Buscar almacenes..."
-                    value={searchTerm}
-                    onChange={(e) => setSearchTerm(e.target.value)}
-                    className="pl-10"
-                  />
-                </div>
-                
-                <Select
-                  value={categoryFilter}
-                  onValueChange={(value) => {
-                    setCategoryFilter(value === "all" ? "" : value)
-                    setSubcategoryFilter("") // Reset subcategory when category changes
-                  }}
-                >
-                  <SelectTrigger>
-                    <SelectValue placeholder="Categoría" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="all">Todas las categorías</SelectItem>
-                    {warehouseCategories.map((category) => (
-                      <SelectItem key={category.id} value={category.id}>
-                        {category.name}
-                      </SelectItem>
-                    ))}
-                  </SelectContent>
-                </Select>
-
-                <Select
-                  value={subcategoryFilter || "all"}
-                  onValueChange={(value) => setSubcategoryFilter(value === "all" ? "" : value)}
-                  disabled={!categoryFilter}
-                >
-                  <SelectTrigger>
-                    <SelectValue placeholder="Subcategoría" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="all">Todas las subcategorías</SelectItem>
-                    {availableSubcategories.map((subcategory) => (
-                      <SelectItem key={subcategory} value={subcategory}>
-                        {subcategory.charAt(0).toUpperCase() + subcategory.slice(1)}
-                      </SelectItem>
-                    ))}
-                  </SelectContent>
-                </Select>
-
-                <Select
-                  value={statusFilter || "all"}
-                  onValueChange={(value) => setStatusFilter(value === "all" ? "" : value)}
-                >
-                  <SelectTrigger>
-                    <SelectValue placeholder="Estado" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="all">Todos los estados</SelectItem>
-                    <SelectItem value="active">Activo</SelectItem>
-                    <SelectItem value="inactive">Inactivo</SelectItem>
-                    <SelectItem value="full">Lleno</SelectItem>
-                  </SelectContent>
-                </Select>
-
-                <Button
-                  variant="outline"
-                  onClick={() => {
-                    setSearchTerm("")
-                    setCategoryFilter("")
-                    setSubcategoryFilter("")
-                    setStatusFilter("")
-                  }}
-                  className="w-full"
-                >
-                  Limpiar Filtros
-                </Button>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-                {filteredWarehouses.map((warehouse) => (
-                  <Card key={warehouse.id} className="relative overflow-hidden">
-                    <CardContent className="p-4">
-                      <div className="flex items-start justify-between mb-3">
-                        <div className="flex items-center space-x-2">
-                          <Warehouse className="w-6 h-6 text-primary" />
-                          <div>
-                            <h3 className="font-semibold text-sm">{warehouse.name}</h3>
-                            <p className="text-xs text-muted-foreground font-mono">
-                              {warehouse.code}
-                            </p>
-                          </div>
-                        </div>
-                        <div className="flex items-center space-x-2">
-                          <Badge 
-                            variant={
-                              warehouse.status === "active" ? "default" : 
-                              warehouse.status === "inactive" ? "secondary" : "destructive"
-                            }
-                            className="capitalize"
-                          >
-                            {warehouse.status === "active" ? "Activo" : 
-                             warehouse.status === "inactive" ? "Inactivo" : "Lleno"}
-                          </Badge>
-                        </div>
-                      </div>
-                      
-                      <div className="flex items-center space-x-1 text-xs text-muted-foreground mb-2">
-                        <MapPin className="w-3 h-3" />
-                        <span>{warehouse.location}</span>
-                      </div>
-
-                      <div className="flex items-center space-x-1 text-xs text-muted-foreground mb-3">
-                        <Badge variant="outline" className="text-xs">
-                          {warehouse.category} - {warehouse.subcategory}
-                        </Badge>
-                      </div>
-
-                      <div className="space-y-2">
-                        <div className="flex justify-between items-center">
-                          <span className="text-sm text-muted-foreground">Productos:</span>
-                          <span className="font-medium">{warehouse.totalProducts}</span>
-                        </div>
-                        <div className="flex justify-between items-center">
-                          <span className="text-sm text-muted-foreground">Valor:</span>
-                          <span className="font-medium">
-                            ${(warehouse.totalValue / 1000000).toFixed(1)}M
-                          </span>
-                        </div>
-                        <div className="flex justify-between items-center">
-                          <span className="text-sm text-muted-foreground">Capacidad:</span>
-                          <span className={`font-medium ${
-                            parseInt(warehouse.capacity) > 80 ? 'text-destructive' : 
-                            parseInt(warehouse.capacity) > 60 ? 'text-warning' : 'text-success'
-                          }`}>
-                            {warehouse.capacity}
-                          </span>
-                        </div>
-                        
-                        {/* Capacity Bar */}
-                        <div className="w-full bg-muted rounded-full h-2 mt-2">
-                          <div 
-                            className={`h-2 rounded-full transition-all ${
-                              parseInt(warehouse.capacity) > 80 ? 'bg-destructive' : 
-                              parseInt(warehouse.capacity) > 60 ? 'bg-warning' : 'bg-success'
-                            }`}
-                            style={{ width: warehouse.capacity }}
-                          />
-                        </div>
-
-                        {/* Actions */}
-                        <div className="flex justify-end space-x-2 mt-3 pt-3 border-t border-border">
-                          <Button
-                            variant="outline"
-                            size="sm"
-                            onClick={() => navigate(`/warehouse/${warehouse.id}/settings`)}
-                          >
-                            <SettingsIcon className="w-4 h-4 mr-1" />
-                            Configurar
-                          </Button>
-                          <Button
-                            variant="outline"
-                            size="sm"
-                            onClick={() => handleEditWarehouse(warehouse)}
-                          >
-                            <Eye className="w-4 h-4 mr-1" />
-                            Editar
-                          </Button>
-                        </div>
-                      </div>
-                    </CardContent>
-                  </Card>
-                ))}
-              </div>
-
-              {filteredWarehouses.length === 0 && (
-                <div className="text-center py-8">
-                  <Warehouse className="w-12 h-12 text-muted-foreground mx-auto mb-4" />
-                  <p className="text-muted-foreground">No se encontraron almacenes con los filtros aplicados</p>
-                </div>
-              )}
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        {/* Individual Warehouse Details Tab */}
-        <TabsContent value="details">
-          <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-            {/* Warehouse Selection */}
-            <Card className="lg:col-span-1">
-              <CardHeader>
-                <CardTitle className="flex items-center space-x-2">
-                  <Warehouse className="w-5 h-5 text-primary" />
-                  <span>Seleccionar Almacén</span>
-                </CardTitle>
-              </CardHeader>
-              <CardContent className="space-y-3">
-                {warehouses.map((warehouse) => (
-                  <div
-                    key={warehouse.id}
-                    className={`p-3 rounded-lg border cursor-pointer transition-all hover:bg-accent ${
-                      selectedWarehouse === warehouse.id ? 'border-primary bg-primary/5' : 'border-border'
-                    }`}
-                    onClick={() => setSelectedWarehouse(warehouse.id)}
-                  >
-                    <div className="flex items-center justify-between">
-                      <div>
-                        <h4 className="font-medium text-sm">{warehouse.name}</h4>
-                        <p className="text-xs font-mono text-muted-foreground">{warehouse.code}</p>
-                        <p className="text-xs text-muted-foreground">{warehouse.location}</p>
-                      </div>
-                      <Badge
-                        variant={
-                          warehouse.status === "active" ? "default" : 
-                          warehouse.status === "inactive" ? "secondary" : "destructive"
-                        }
-                        className="text-xs"
-                      >
-                        {warehouse.status === "active" ? "Activo" : 
-                         warehouse.status === "inactive" ? "Inactivo" : "Lleno"}
-                      </Badge>
-                    </div>
-                  </div>
-                ))}
-              </CardContent>
-            </Card>
-
-            {/* Warehouse Details */}
-            <div className="lg:col-span-2">
-              {selectedWarehouse ? (
-                (() => {
-                  const warehouse = warehouses.find(w => w.id === selectedWarehouse)
-                  if (!warehouse) return null
-                  
-                  return (
-                    <div className="space-y-6">
-                      {/* Basic Info Card */}
-                      <Card>
-                        <CardHeader>
-                          <CardTitle className="flex items-center justify-between">
-                            <div className="flex items-center space-x-2">
-                              <Warehouse className="w-5 h-5 text-primary" />
-                              <span>{warehouse.name}</span>
-                            </div>
-                            <Button variant="outline" size="sm">
-                              <Eye className="w-4 h-4 mr-2" />
-                              Ver Detalles
-                            </Button>
-                          </CardTitle>
-                        </CardHeader>
-                        <CardContent>
-                          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                            <div className="space-y-3">
-                              <div>
-                                <p className="text-sm font-medium text-muted-foreground">Código</p>
-                                <p className="font-mono">{warehouse.code}</p>
-                              </div>
-                              <div>
-                                <p className="text-sm font-medium text-muted-foreground">Ubicación</p>
-                                <p className="text-sm">{warehouse.location}</p>
-                              </div>
-                              <div>
-                                <p className="text-sm font-medium text-muted-foreground">Categoría</p>
-                                <div className="flex items-center space-x-2">
-                                  <Badge variant="outline">
-                                    {warehouseCategories.find(c => c.id === warehouse.category)?.name}
-                                  </Badge>
-                                  <Badge variant="secondary" className="text-xs">
-                                    {warehouse.subcategory}
-                                  </Badge>
-                                </div>
-                              </div>
-                              <div>
-                                <p className="text-sm font-medium text-muted-foreground">Estado</p>
-                                <Badge
-                                  variant={
-                                    warehouse.status === "active" ? "default" : 
-                                    warehouse.status === "inactive" ? "secondary" : "destructive"
-                                  }
-                                >
-                                  {warehouse.status === "active" ? "Activo" : 
-                                   warehouse.status === "inactive" ? "Inactivo" : "Lleno"}
-                                </Badge>
-                              </div>
-                            </div>
-                            <div className="space-y-3">
-                              <div>
-                                <p className="text-sm font-medium text-muted-foreground">Responsable</p>
-                                <p className="text-sm">{warehouse.manager}</p>
-                              </div>
-                              <div>
-                                <p className="text-sm font-medium text-muted-foreground">Teléfono</p>
-                                <p className="text-sm font-mono">{warehouse.phone}</p>
-                              </div>
-                              <div>
-                                <p className="text-sm font-medium text-muted-foreground">Email</p>
-                                <p className="text-sm">{warehouse.email}</p>
-                              </div>
-                              <div>
-                                <p className="text-sm font-medium text-muted-foreground">Área</p>
-                                <p className="text-sm font-mono">{warehouse.area}</p>
-                              </div>
-                            </div>
-                          </div>
-                        </CardContent>
-                      </Card>
-
-                      {/* Metrics Cards */}
-                      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-                        <Card>
-                          <CardContent className="p-4">
-                            <div className="flex items-center space-x-2">
-                              <div className="w-8 h-8 rounded-full bg-primary flex items-center justify-center">
-                                <span className="text-primary-foreground font-bold text-sm">#</span>
-                              </div>
-                              <div>
-                                <p className="text-2xl font-bold text-primary">{warehouse.totalProducts}</p>
-                                <p className="text-sm text-muted-foreground">Productos</p>
-                              </div>
-                            </div>
-                          </CardContent>
-                        </Card>
-                        <Card>
-                          <CardContent className="p-4">
-                            <div className="flex items-center space-x-2">
-                              <div className="w-8 h-8 rounded-full bg-success flex items-center justify-center">
-                                <span className="text-success-foreground font-bold text-sm">$</span>
-                              </div>
-                              <div>
-                                <p className="text-2xl font-bold text-success">
-                                  ${(warehouse.totalValue / 1000000).toFixed(1)}M
-                                </p>
-                                <p className="text-sm text-muted-foreground">Valor Total</p>
-                              </div>
-                            </div>
-                          </CardContent>
-                        </Card>
-                        <Card>
-                          <CardContent className="p-4">
-                            <div className="flex items-center space-x-2">
-                              <div className={`w-8 h-8 rounded-full flex items-center justify-center ${
-                                parseInt(warehouse.capacity) > 80 ? 'bg-destructive' : 
-                                parseInt(warehouse.capacity) > 60 ? 'bg-warning' : 'bg-success'
-                              }`}>
-                                <span className={`font-bold text-sm ${
-                                  parseInt(warehouse.capacity) > 80 ? 'text-destructive-foreground' : 
-                                  parseInt(warehouse.capacity) > 60 ? 'text-warning-foreground' : 'text-success-foreground'
-                                }`}>%</span>
-                              </div>
-                              <div>
-                                <p className={`text-2xl font-bold ${
-                                  parseInt(warehouse.capacity) > 80 ? 'text-destructive' : 
-                                  parseInt(warehouse.capacity) > 60 ? 'text-warning' : 'text-success'
-                                }`}>
-                                  {warehouse.capacity}
-                                </p>
-                                <p className="text-sm text-muted-foreground">Capacidad</p>
-                              </div>
-                            </div>
-                          </CardContent>
-                        </Card>
-                      </div>
-
-                      {/* Environmental Conditions */}
-                      <Card>
-                        <CardHeader>
-                          <CardTitle>Condiciones Ambientales</CardTitle>
-                        </CardHeader>
-                        <CardContent>
-                          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                            <div>
-                              <p className="text-sm font-medium text-muted-foreground mb-2">Temperatura</p>
-                              <div className="flex items-center space-x-2">
-                                <div className="w-4 h-4 rounded-full bg-blue-500"></div>
-                                <span className="font-mono text-lg">{warehouse.temperature}</span>
-                              </div>
-                            </div>
-                            <div>
-                              <p className="text-sm font-medium text-muted-foreground mb-2">Humedad</p>
-                              <div className="flex items-center space-x-2">
-                                <div className="w-4 h-4 rounded-full bg-cyan-500"></div>
-                                <span className="font-mono text-lg">{warehouse.humidity}</span>
-                              </div>
-                            </div>
-                          </div>
-                        </CardContent>
-                      </Card>
-                    </div>
-                  )
-                })()
-              ) : (
-                <Card>
-                  <CardContent className="p-8 text-center">
-                    <Warehouse className="w-12 h-12 text-muted-foreground mx-auto mb-4" />
-                    <h3 className="text-lg font-semibold text-muted-foreground mb-2">
-                      Selecciona un Almacén
-                    </h3>
-                    <p className="text-muted-foreground">
-                      Elige un almacén de la lista para ver su información detallada
-                    </p>
-                  </CardContent>
-                </Card>
-              )}
-            </div>
-          </div>
-        </TabsContent>
-
-        {/* Movements Tab */}
-        <TabsContent value="movements">
-          <Card>
-            <CardHeader>
-              <CardTitle>Historial de Movimientos</CardTitle>
-            </CardHeader>
-            <CardContent>
-              <div className="flex items-center space-x-4 mb-6">
-                <div className="relative flex-1 max-w-sm">
-                  <Search className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
-                  <Input
-                    placeholder="Buscar movimientos..."
-                    value={searchTerm}
-                    onChange={(e) => setSearchTerm(e.target.value)}
-                    className="pl-10"
-                  />
-                </div>
-              </div>
-
-              <div className="rounded-md border">
-                <Table>
-                  <TableHeader>
-                    <TableRow>
-                      <TableHead>Fecha</TableHead>
-                      <TableHead>Tipo</TableHead>
-                      <TableHead>Producto</TableHead>
-                      <TableHead>Cantidad</TableHead>
-                      <TableHead>Almacén</TableHead>
-                      <TableHead>Usuario</TableHead>
-                      <TableHead>Estado</TableHead>
-                    </TableRow>
-                  </TableHeader>
-                  <TableBody>
-                    {inventoryMovements.map((movement) => (
-                      <TableRow key={movement.id}>
-                        <TableCell className="text-sm">
-                          {new Date(movement.date).toLocaleString('es-MX')}
-                        </TableCell>
-                        <TableCell>
-                          <div className="flex items-center space-x-2">
-                            {getMovementIcon(movement.type)}
-                            {getMovementBadge(movement.type)}
-                          </div>
-                        </TableCell>
-                        <TableCell>
-                          <div>
-                            <p className="font-medium text-sm">{movement.product}</p>
-                            <p className="text-xs text-muted-foreground font-mono">
-                              {movement.code}
-                            </p>
-                          </div>
-                        </TableCell>
-                        <TableCell className="font-mono">
-                          <span className={movement.quantity > 0 ? "text-success" : "text-destructive"}>
-                            {movement.quantity > 0 ? "+" : ""}{movement.quantity}
-                          </span>
-                        </TableCell>
-                        <TableCell className="text-sm">
-                          {movement.warehouse}
-                        </TableCell>
-                        <TableCell className="text-sm">
-                          {movement.user}
-                        </TableCell>
-                        <TableCell>
-                          <Badge variant={movement.status === "completed" ? "default" : "secondary"}>
-                            {movement.status === "completed" ? "Completado" : "Pendiente"}
-                          </Badge>
-                        </TableCell>
-                      </TableRow>
-                    ))}
-                  </TableBody>
-                </Table>
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        {/* Stock by Warehouse Tab */}
-        <TabsContent value="stock">
-          <div className="space-y-4">
-            {stockByWarehouse.map((warehouse, index) => (
-              <Card key={index}>
-                <CardHeader>
-                  <CardTitle className="flex items-center space-x-2">
-                    <Warehouse className="w-5 h-5 text-primary" />
-                    <span>{warehouse.warehouse}</span>
-                  </CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <div className="rounded-md border">
-                    <Table>
-                      <TableHeader>
-                        <TableRow>
-                          <TableHead>Código</TableHead>
-                          <TableHead>Producto</TableHead>
-                          <TableHead>Stock</TableHead>
-                          <TableHead>Valor</TableHead>
-                        </TableRow>
-                      </TableHeader>
-                      <TableBody>
-                        {warehouse.products.map((product, prodIndex) => (
-                          <TableRow key={prodIndex}>
-                            <TableCell className="font-mono text-sm">
-                              {product.code}
-                            </TableCell>
-                            <TableCell className="font-medium">
-                              {product.name}
-                            </TableCell>
-                            <TableCell className="font-mono">
-                              {product.stock} uds
-                            </TableCell>
-                            <TableCell className="font-mono">
-                              ${product.value.toLocaleString('es-MX')}
-                            </TableCell>
-                          </TableRow>
-                        ))}
-                      </TableBody>
-                    </Table>
-                  </div>
-                </CardContent>
-              </Card>
-            ))}
-          </div>
-        </TabsContent>
-      </Tabs>
-
-      {/* Warehouse Form Modal */}
-      <Dialog open={isWarehouseModalOpen} onOpenChange={(open) => {
-        setIsWarehouseModalOpen(open)
-        if (!open) resetWarehouseForm()
-      }}>
-        <DialogContent className="sm:max-w-[600px] max-h-[80vh] overflow-y-auto">
-          <DialogHeader>
-            <DialogTitle>
-              {editingWarehouse ? "Editar Almacén" : "Crear Nuevo Almacén"}
-            </DialogTitle>
-            <DialogDescription>
-              {editingWarehouse 
-                ? "Modifica los datos del almacén seleccionado."
-                : "Completa la información para crear un nuevo almacén."
-              }
-            </DialogDescription>
-          </DialogHeader>
-          
-          <div className="space-y-4 py-4">
-            <div className="space-y-2">
-              <Label htmlFor="warehouse-code">Código</Label>
-              <Input
-                id="warehouse-code"
-                placeholder="WH-001"
-                value={warehouseForm.code}
-                onChange={(e) => setWarehouseForm(prev => ({ ...prev, code: e.target.value }))}
-              />
-            </div>
-            
-            <div className="space-y-2">
-              <Label htmlFor="warehouse-name">Nombre</Label>
-              <Input
-                id="warehouse-name"
-                placeholder="Almacén Principal"
-                value={warehouseForm.name}
-                onChange={(e) => setWarehouseForm(prev => ({ ...prev, name: e.target.value }))}
-              />
-            </div>
-            
-            <div className="space-y-2">
-              <Label htmlFor="warehouse-description">Descripción</Label>
-              <Textarea
-                id="warehouse-description"
-                placeholder="Descripción del almacén..."
-                value={warehouseForm.description}
-                onChange={(e) => setWarehouseForm(prev => ({ ...prev, description: e.target.value }))}
-                rows={3}
-              />
-            </div>
-
-            {/* Classifications Section */}
-            <div className="space-y-2">
-              <Label>Clasificaciones</Label>
-              <div className="space-y-2 max-h-32 overflow-y-auto border rounded-md p-2">
-                {warehouseCategories.map((category) => (
-                  <div key={category.id} className="flex items-center space-x-2">
-                    <Checkbox
-                      id={`classification-${category.id}`}
-                      checked={warehouseForm.classificationIds.includes(category.id)}
-                      onCheckedChange={() => toggleClassification(category.id)}
-                    />
-                    <Label 
-                      htmlFor={`classification-${category.id}`}
-                      className="text-sm font-normal cursor-pointer"
-                    >
-                      {category.name}
-                    </Label>
-                  </div>
-                ))}
-              </div>
-              {warehouseForm.classificationIds.length > 0 && (
-                <div className="flex flex-wrap gap-1 mt-2">
-                  {warehouseForm.classificationIds.map(id => {
-                    const category = warehouseCategories.find(cat => cat.id === id)
-                    return category ? (
-                      <Badge key={id} variant="secondary" className="text-xs">
-                        {category.name}
-                      </Badge>
-                    ) : null
-                  })}
-                </div>
-              )}
-            </div>
-
-            {/* Subclassifications Section */}
-            <div className="space-y-2">
-              <Label>Subclasificaciones</Label>
-              <div className="space-y-2 max-h-32 overflow-y-auto border rounded-md p-2">
-                {getAvailableSubclassifications().map((subcategory) => (
-                  <div key={subcategory} className="flex items-center space-x-2">
-                    <Checkbox
-                      id={`subclassification-${subcategory}`}
-                      checked={warehouseForm.subclassificationIds.includes(subcategory)}
-                      onCheckedChange={() => toggleSubclassification(subcategory)}
-                    />
-                    <Label 
-                      htmlFor={`subclassification-${subcategory}`}
-                      className="text-sm font-normal cursor-pointer capitalize"
-                    >
-                      {subcategory}
-                    </Label>
-                  </div>
-                ))}
-              </div>
-              {warehouseForm.subclassificationIds.length > 0 && (
-                <div className="flex flex-wrap gap-1 mt-2">
-                  {warehouseForm.subclassificationIds.map(id => (
-                    <Badge key={id} variant="outline" className="text-xs capitalize">
-                      {id}
-                    </Badge>
-                  ))}
-                </div>
-              )}
-              {warehouseForm.classificationIds.length === 0 && (
-                <p className="text-xs text-muted-foreground">
-                  Selecciona al menos una clasificación para ver las subclasificaciones disponibles
-                </p>
-              )}
-            </div>
-          </div>
-          
-          <DialogFooter>
-            <Button
-              variant="outline"
-              onClick={() => setIsWarehouseModalOpen(false)}
-            >
-              Cancelar
-            </Button>
-            <Button
-              onClick={handleSaveWarehouse}
-              disabled={!warehouseForm.code.trim() || !warehouseForm.name.trim()}
-            >
-              {editingWarehouse ? "Actualizar" : "Crear"}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/src/pages/Warehouses/interfaces/warehouses.interfaces.js b/src/pages/Warehouses/interfaces/warehouses.interfaces.js
deleted file mode 100644
index 6fda88f..0000000
--- a/src/pages/Warehouses/interfaces/warehouses.interfaces.js
+++ /dev/null
@@ -1,125 +0,0 @@
-/**
- * Interfaces para Warehouses
- * 
- * @author Sistema
- * @version 1.0.0
- */
-
-/**
- * @typedef {Object} WarehouseClassification
- * @property {number} id - ID de la clasificación
- * @property {string} code - Código de la clasificación
- * @property {string} name - Nombre de la clasificación
- * @property {string|null} description - Descripción de la clasificación
- * @property {boolean} is_active - Estado activo/inactivo
- * @property {number|null} parent_id - ID del padre
- * @property {string} created_at - Fecha de creación
- * @property {string} updated_at - Fecha de actualización
- * @property {string|null} deleted_at - Fecha de eliminación
- * @property {Object} pivot - Relación many-to-many
- * @property {number} pivot.warehouse_id - ID del almacén
- * @property {number} pivot.classification_id - ID de la clasificación
- */
-
-/**
- * @typedef {Object} Warehouse
- * @property {number} id - ID del almacén
- * @property {string} code - Código del almacén
- * @property {string} name - Nombre del almacén
- * @property {string|null} description - Descripción del almacén
- * @property {string|null} address - Dirección del almacén
- * @property {boolean} is_active - Estado activo/inactivo
- * @property {string} created_at - Fecha de creación
- * @property {string} updated_at - Fecha de actualización
- * @property {string|null} deleted_at - Fecha de eliminación
- * @property {WarehouseClassification[]} classifications - Clasificaciones asociadas
- */
-
-/**
- * @typedef {Object} WarehousePaginatedResponse
- * @property {number} current_page - Página actual
- * @property {Warehouse[]} data - Array de almacenes
- * @property {string} first_page_url - URL de la primera página
- * @property {number} from - Registro inicial
- * @property {number} last_page - Última página
- * @property {string} last_page_url - URL de la última página
- * @property {Object[]} links - Enlaces de paginación
- * @property {string|null} next_page_url - URL de la siguiente página
- * @property {string} path - Path base de la API
- * @property {number} per_page - Registros por página
- * @property {string|null} prev_page_url - URL de la página anterior
- * @property {number} to - Registro final
- * @property {number} total - Total de registros
- */
-
-/**
- * @typedef {Object} WarehouseResponse
- * @property {string} status - Estado de la respuesta
- * @property {Object} data - Datos de la respuesta
- * @property {WarehousePaginatedResponse} data.warehouses - Datos paginados de almacenes
- */
-
-/**
- * @typedef {Object} SingleWarehouseResponse
- * @property {string} status - Estado de la respuesta
- * @property {Object} data - Datos de la respuesta
- * @property {string} data.message - Mensaje de la respuesta
- * @property {Warehouse} data.warehouse - Almacén individual
- */
-
-/**
- * @typedef {Object} WarehouseCreateRequest
- * @property {string} code - Código del almacén
- * @property {string} name - Nombre del almacén
- * @property {string|null} description - Descripción del almacén
- * @property {string|null} address - Dirección del almacén
- * @property {boolean} is_active - Estado activo/inactivo
- * @property {number[]} classifications - Array de IDs de clasificaciones
- */
-
-/**
- * @typedef {Object} WarehouseUpdateRequest
- * @property {string} code - Código del almacén
- * @property {string} name - Nombre del almacén
- * @property {string|null} description - Descripción del almacén
- * @property {string|null} address - Dirección del almacén
- * @property {boolean} is_active - Estado activo/inactivo
- * @property {number[]} classifications - Array de IDs de clasificaciones
- */
-
-/**
- * @typedef {Object} WarehouseFormData
- * @property {number|null} id - ID del almacén (para edición)
- * @property {string} code - Código del almacén
- * @property {string} name - Nombre del almacén
- * @property {string} description - Descripción del almacén
- * @property {string} address - Dirección del almacén
- * @property {boolean} is_active - Estado activo/inactivo
- * @property {Object[]} classifications - Clasificaciones seleccionadas en formato {value, label}
- */
-
-/**
- * @typedef {Object} ClassificationSelectOption
- * @property {number} value - ID de la clasificación
- * @property {string} label - Nombre de la clasificación con indentación
- * @property {string} code - Código de la clasificación
- * @property {string|null} description - Descripción de la clasificación
- * @property {number} level - Nivel jerárquico (para indentación)
- */
-
-/**
- * @typedef {Object} WarehouseSearchFilters
- * @property {string|null} search - Término de búsqueda
- * @property {string|null} status - Estado del filtro (active/inactive)
- * @property {number} page - Número de página
- * @property {number} per_page - Elementos por página
- */
-
-/**
- * @typedef {Object} WarehouseValidationErrors
- * @property {string[]} code - Errores del campo código
- * @property {string[]} name - Errores del campo nombre
- * @property {string[]} description - Errores del campo descripción
- * @property {string[]} address - Errores del campo dirección
- * @property {string[]} classifications - Errores del campo clasificaciones
- */
\ No newline at end of file
diff --git a/src/pages/Warehouses/services/WarehouseService.js b/src/pages/Warehouses/services/WarehouseService.js
deleted file mode 100644
index ae3c1d1..0000000
--- a/src/pages/Warehouses/services/WarehouseService.js
+++ /dev/null
@@ -1,239 +0,0 @@
-/**
- * Servicio para Warehouses
- * 
- * @author Sistema
- * @version 1.0.0
- */
-
-import { api, apiURL } from '@Services/Api';
-
-export default class WarehouseService {
-  
-  /**
-   * Obtener todos los almacenes
-   * @param {Object} params - Parámetros de la consulta
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getAll(params = {}) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('warehouses'), {
-        params,
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Obtener un almacén por ID
-   * @param {number} id - ID del almacén
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async getById(id) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL(`warehouses/${id}`), {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Crear un nuevo almacén
-   * @param {Object} data - Datos del almacén
-   * @param {string} data.code - Código del almacén
-   * @param {string} data.name - Nombre del almacén
-   * @param {string|null} data.description - Descripción del almacén
-   * @param {string|null} data.address - Dirección del almacén
-   * @param {boolean} data.is_active - Estado activo/inactivo
-   * @param {number[]} data.classifications - Array de IDs de clasificaciones
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async create(data) {
-    return new Promise((resolve, reject) => {
-      api.post(apiURL('warehouses'), data, {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Actualizar un almacén existente
-   * @param {number} id - ID del almacén
-   * @param {Object} data - Datos actualizados
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async update(id, data) {
-    return new Promise((resolve, reject) => {
-      api.put(apiURL(`warehouses/${id}`), data, {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Eliminar un almacén
-   * @param {number} id - ID del almacén
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async delete(id) {
-    return new Promise((resolve, reject) => {
-      api.delete(apiURL(`warehouses/${id}`), {
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Actualizar el estado de un almacén
-   * @param {number} id - ID del almacén
-   * @param {boolean} isActive - Nuevo estado
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async updateStatus(id, isActive) {
-    return new Promise((resolve, reject) => {
-      api.put(apiURL(`warehouses/${id}`), {
-        data: { is_active: isActive },
-        onSuccess: (response) => {
-          resolve(response);
-        },
-        onError: (error) => {
-          // Mejorar el manejo de errores
-          const enhancedError = {
-            ...error,
-            timestamp: new Date().toISOString(),
-            action: 'updateStatus',
-            id: id,
-            is_active: isActive
-          };
-          reject(enhancedError);
-        }
-      });
-    });
-  }
-
-  /**
-   * Buscar almacenes con filtros
-   * @param {Object} filters - Filtros de búsqueda
-   * @param {string} filters.search - Término de búsqueda
-   * @param {string} filters.status - Estado (active/inactive)
-   * @param {number} filters.page - Página
-   * @returns {Promise} Promesa con la respuesta
-   */
-  async search(filters = {}) {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('warehouses'), {
-        params: filters,
-        onSuccess: (response) => resolve(response),
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Validar datos del almacén
-   * @param {Object} data - Datos a validar
-   * @returns {Object} Objeto con errores de validación si los hay
-   */
-  validate(data) {
-    const errors = {};
-
-    if (!data.code || data.code.trim() === '') {
-      errors.code = 'El código es requerido';
-    }
-
-    if (!data.name || data.name.trim() === '') {
-      errors.name = 'El nombre es requerido';
-    }
-
-    return errors;
-  }
-
-  /**
-   * Obtener clasificaciones disponibles para asignar a almacenes
-   * @returns {Promise} Promesa con las clasificaciones
-   */
-  async getAvailableClassifications() {
-    return new Promise((resolve, reject) => {
-      api.get(apiURL('catalogs/warehouse-classifications'), {
-        onSuccess: (response) => {
-          // Retornar la respuesta completa tal como viene de la API
-          resolve(response);
-        },
-        onError: (error) => reject(error)
-      });
-    });
-  }
-
-  /**
-   * Formatear clasificaciones jerárquicas para uso en Selectable
-   * @param {Array} classifications - Array de clasificaciones
-   * @param {number} level - Nivel de indentación
-   * @returns {Array} Clasificaciones formateadas
-   */
-  formatClassificationsForSelect(classifications, level = 0) {
-    const formatted = [];
-    
-    classifications.forEach(classification => {
-      formatted.push({
-        value: classification.id,
-        label: '  '.repeat(level) + classification.name,
-        code: classification.code,
-        description: classification.description,
-        level: level
-      });
-      
-      // Agregar hijos recursivamente
-      if (classification.children && classification.children.length > 0) {
-        formatted.push(...this.formatClassificationsForSelect(classification.children, level + 1));
-      }
-    });
-    
-    return formatted;
-  }
-
-  /**
-   * Procesar clasificaciones seleccionadas para envío al backend
-   * Incluye tanto clasificaciones padre como subclasificaciones
-   * @param {Array} selectedClassifications - Clasificaciones seleccionadas del formulario
-   * @returns {Array} Array de IDs de clasificaciones (padres + hijos)
-   */
-  processClassificationsForSubmit(selectedClassifications) {
-    if (!Array.isArray(selectedClassifications)) {
-      return [];
-    }
-    
-    const classificationIds = selectedClassifications.map(classification => {
-      return typeof classification === 'object' ? 
-        (classification.value || classification.id) : 
-        classification;
-    });
-    
-    // Remover duplicados y retornar
-    return [...new Set(classificationIds)];
-  }
-
-  /**
-   * Procesar clasificaciones del backend para mostrar en formulario
-   * @param {Array} classifications - Clasificaciones del backend
-   * @param {Array} availableClassifications - Todas las clasificaciones disponibles
-   * @returns {Array} Clasificaciones formateadas para el formulario
-   */
-  processClassificationsForForm(classifications, availableClassifications) {
-    if (!Array.isArray(classifications) || !Array.isArray(availableClassifications)) {
-      return [];
-    }
-    
-    return classifications.map(classification => {
-      const found = availableClassifications.find(available => available.value === classification.id);
-      return found || {
-        value: classification.id,
-        label: classification.name,
-        code: classification.code
-      };
-    });
-  }
-}
\ No newline at end of file
diff --git a/src/plugins/AuthUsers.js b/src/plugins/AuthUsers.js
deleted file mode 100644
index 6aee26e..0000000
--- a/src/plugins/AuthUsers.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Usuarios autenticados
- */
-
-import { ref } from 'vue';
-
-const users = ref([]);
-
-function boot(x) {
-    users.value = x;
-}
-
-function addUser(user) {
-    users.value.push(user);
-}
-
-function removeUser(user) {
-    users.value = users.value.filter(u => u.id !== user.id);
-}
-
-export {
-    users,
-    boot,
-    addUser,
-    removeUser
-};
\ No newline at end of file
diff --git a/src/plugins/Notify.js b/src/plugins/Notify.js
deleted file mode 100644
index 7e27263..0000000
--- a/src/plugins/Notify.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import toastr from 'toastr';
-
-class Notify {
-  constructor() {}
-
-  flash({message = 'Successful registration', type = 'success', timeout = 5, title= Lang('notification')}) {
-
-    toastr.options = {
-        "closeButton": true,
-        "debug": false,
-        "newestOnTop": false,
-        "progressBar": true,
-        "positionClass": "toast-bottom-right",
-        "preventDuplicates": false,
-        "onclick": null,
-        "showDuration": "300",
-        "hideDuration": "1000",
-        "timeOut": timeout * 1000,
-        "extendedTimeOut": "1000",
-        "showEasing": "swing",
-        "hideEasing": "linear",
-        "showMethod": "fadeIn",
-        "hideMethod": "fadeOut"
-    }
-
-    toastr[type](message, title);
-  }
-
-  success(message, title, timeout) {
-    this.flash({
-      message,
-      title,
-      timeout
-    });
-  }
-
-  error(message, title, timeout) {
-    this.flash({
-      message, 
-      type:'error',
-      timeout,
-      title
-    });
-  }
-  
-  info(message, title, timeout) {
-    this.flash({
-      message, 
-      type:'info',
-      timeout,
-      title
-    });
-  }
-
-  warning(message, title, timeout) {
-    this.flash({
-      message, 
-      type:'warning',
-      timeout,
-      title
-    });
-  }
-}
-
-export default Notify;
diff --git a/src/plugins/RolePermission.js b/src/plugins/RolePermission.js
deleted file mode 100644
index b1da1ce..0000000
--- a/src/plugins/RolePermission.js
+++ /dev/null
@@ -1,145 +0,0 @@
-import { ref } from 'vue';
-import { api } from '@Services/Api';
-
-const permissionsInit = ref(false)
-const allPermissions  = ref([])
-const rolesInit = ref(false)
-const allRoles = ref([])
-const allRolesIds = ref([])
-
-/**
- * Permite consultar si un usuario tiene un permiso especifico
- */
-const hasPermission = (can) => {
-    let verifyPermissions = can.split('|');
-
-    for (let permision in verifyPermissions) {
-        if(allPermissions.value.indexOf(verifyPermissions[permision]) != -1) {
-            return true;
-        }
-    }
-    
-    return false;
-}
-
-const hasRole = (role) => {
-    let verifyRoles = role.split('|');
-
-    for (let role in verifyRoles) {
-        if(allRoles.value.indexOf(verifyRoles[role]) != -1) {
-            return true;
-        }
-    }
-
-    return false;
-}
-
-const bootPermissions = () => {
-    return new Promise((resolve, reject) => {
-        if (!permissionsInit.value) {
-            api.get(route('user.permissions'), {
-                onSuccess: (res) => {
-                    loadPermissions(res.permissions)
-
-                    resolve(true)
-                },
-                onFinish: () => {
-                    permissionsInit.value = true;
-                },
-                onError: () => {
-                    reject(false)
-                }
-            })
-        }
-    })
-}
-
-const bootRoles = () => {
-    return new Promise((resolve, reject) => {
-        if (!rolesInit.value) {
-            api.get(route('user.roles'), {
-                onSuccess: (res) => {
-                    loadRoles(res.roles)
-
-                    resolve(true)
-                },
-                onFinish: () => {
-                    rolesInit.value = true;
-                },
-                onError: () => {
-                    reject(false)
-                }
-            })
-        }
-    })
-}
-
-const reloadPermissions = () => {
-    permissionsInit.value = false;
-
-    bootPermissions()
-}
-
-const reloadRoles = () => {
-    rolesInit.value = false;
-
-    bootRoles()
-}
-
-const resetPermissions = () => {
-    allPermissions.value = [];
-    permissionsInit.value = false;
-}
-
-const resetRoles = () => {
-    allRoles.value = [];
-    rolesInit.value = false;
-}
-
-const loadPermissions = (permissionList = []) => {
-    // Permisos cargados
-    let currentPermissions = [];
-
-    if (permissionList.length > 0) {
-        permissionList.forEach(element => {
-            currentPermissions.push(element.name)
-        });
-    }
-
-    allPermissions.value = currentPermissions;
-}
-
-const loadRoles = (roleList = []) => {
-    if (roleList.length > 0) {
-        roleList.forEach(element => {
-            allRoles.value.push(element.name)
-            allRolesIds.value.push(element.id)
-        });
-    }
-}
-
-const getAllPermissions = () => {
-    return allPermissions.value;
-}
-
-const getAllRoles = () => {
-    return allRoles.value;
-}
-
-const getAllRolesIds = () => {
-    return allRolesIds.value;
-}
-
-export {
-    bootPermissions,
-    bootRoles,
-    hasPermission,
-    hasRole,
-    reloadPermissions,
-    reloadRoles,
-    resetPermissions,
-    resetRoles,
-    getAllPermissions,
-    getAllRoles,
-    getAllRolesIds
-};
\ No newline at end of file
diff --git a/src/plugins/TailwindScreen.js b/src/plugins/TailwindScreen.js
deleted file mode 100644
index b53f189..0000000
--- a/src/plugins/TailwindScreen.js
+++ /dev/null
@@ -1,104 +0,0 @@
-/**
- * Calcula u obtiene el tamaño de pantalla del dispositivo actual
- */
-class TailwindScreen {
-    constructor(){}
-
-    isXs = () => (screen.width < 640) ? true : false;
-
-    isSm = () => (screen.width >= 640 && screen.width < 768) ? true : false;
-
-    isMd = () => (screen.width >= 768 && screen.width < 1024) ? true : false;
-
-    isLg = () => (screen.width >= 1024 && screen.width < 1280) ? true : false;
-
-    isXl = () => (screen.width >= 1280 && screen.width < 1536) ? true : false;
-    
-    is2Xl = () => (screen.width >= 1536) ? true : false;
-
-    /**
-     * Obtiene el tamaño de pantalla que usa tailwind
-     */
-    getScreen = () => {
-        if(this.isXs()) {
-            return 'xs';
-        }
-        
-        if(this.isSm()) {
-            return 'sm';
-        }
-
-        if(this.isMd()) {
-            return 'md';
-        }
-
-        if(this.isLg()) {
-            return 'lg';
-        }
-
-        if(this.isXl()) {
-            return 'xl';
-        }
-
-        if(this.is2Xl()) {
-            return '2xl';
-        }
-    }
-
-    /**
-     * Pregunta si es un tipo de dispositivo
-     * 
-     * @param {*} device Tipo de dispositivo 
-     */
-    isDevice(device) {
-        switch (device) {
-            case 'phone':
-                if(this.isXs() || this.isSm()) {
-                    return true;
-                }
-                break;
-            case 'tablet':
-                if(this.isMd()) {
-                    return true;
-                }
-                break;
-            case 'pc':
-                if(this.isLg() || this.isXl() || this.is2Xl()) {
-                    return true;
-                }
-                break;
-        
-            default:
-                break;
-        }
-            
-        return false;
-    }
-
-    /**
-     * Obtiene el tipo de dispositivo y la variante
-     */
-    getDevice() {
-        if(this.isXs() || this.isSm()) {
-            return 'phone';
-        }
-        
-        if(this.isMd()) {
-            return 'tablet';
-        }
-
-        if(this.isLg()) {
-            return 'pc-sm';
-        }
-
-        if(this.isXl()) {
-            return 'pc-md';
-        }
-
-        if(this.is2Xl()) {
-            return 'pc-lg';
-        }
-    }
-}
-
-export default TailwindScreen
\ No newline at end of file
diff --git a/src/router/Examples.js b/src/router/Examples.js
deleted file mode 100644
index 6ef8581..0000000
--- a/src/router/Examples.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * Archivo de rutas de ejemplos.
- * 
- * En producción se debe eliminar o comentar. Las vistas de ejemplo opcionalmente pueden ser eliminadas o
- * dejadas como referencia.
- */
-
-export default [
-    {
-        path: '/examples',
-        name: 'examples.index',
-        component: () => import('@Pages/Examples/Index.vue')
-    }
-]
\ No newline at end of file
diff --git a/src/router/Index.js b/src/router/Index.js
deleted file mode 100644
index a8fa196..0000000
--- a/src/router/Index.js
+++ /dev/null
@@ -1,696 +0,0 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
-import { hasPermission } from '@Plugins/RolePermission';
-
-import examples from './Examples';
-
-function can(next, can) {
-    if (!hasPermission(can)) {
-        next({ name: '404' });
-    } else {
-        next();
-    }
-}
-
-const router = createRouter({
-    history: createWebHashHistory(import.meta.env.BASE_URL),
-    routes: [
-        {
-            path: '/',
-            component: () => import('@Layouts/AppLayout.vue'),
-            name: 'root',
-            meta: {
-                title: 'Inicio',
-                icon: 'home',
-            },
-            redirect: '/dashboard',
-            children: [
-                {
-                    path: '',
-                    name: 'index',
-                    redirect: '/dashboard'
-                },
-                {
-                    path: 'dashboard',
-                    name: 'dashboard.index',
-                    component: () => import('@Pages/Dashboard/Employee.vue'),
-                    meta: {
-                        title: 'Dashboard',
-                        icon: 'grid_view',
-                    }
-                },
-                {
-                    path: 'vacations',
-                    name: 'vacations',
-                    meta: {
-                        title: 'Vacaciones',
-                        icon: 'calendar_month',
-                    },
-                    children: [
-                        {
-                            path: '',
-                            name: 'vacations.index',
-                            component: () => import('@Pages/Vacations/Employee/Index.vue'),
-                        },
-                        {
-                            path: 'create',
-                            name: 'vacations.create',
-                            component: () => import('@Pages/Vacations/Employee/Create.vue'),
-                        }
-                    ]
-                },
-                {
-                    path: 'courses',
-                    name: 'courses.index',
-                    meta: {
-                        title: 'Cursos',
-                        icon: 'info',
-                    },
-                    component: () => import('@Pages/Courses/Employee/Index.vue'),
-                },
-                {
-                    path: 'profile',
-                    name: 'profile.show',
-                    component: () => import('@Pages/Profile/Show.vue'),
-                    meta: {
-                        title: 'Perfil',
-                        icon: 'person',
-                    }
-                },
-                {
-                    path: 'profile/notifications',
-                    name: 'profile.notifications.index',
-                    component: () => import('@Pages/Profile/Notifications/Index.vue'),
-                    meta: {
-                        title: 'Notificaciones',
-                        icon: 'notifications',
-                    }
-                },
-            ],
-        },
-        {
-            path: '/coordinator',
-            name: 'coordinator',
-            component: () => import('@Layouts/CoordinatorLayout.vue'),
-            meta: {
-                title: 'Inicio',
-                icon: 'home',
-            },
-            redirect: '/coordinator/dashboard',
-            children: [
-                {
-                    path: 'dashboard',
-                    name: 'coordinator.dashboard',
-                    component: () => import('@Pages/Dashboard/Coordinator.vue'),
-                    meta: {
-                        title: 'Dashboard',
-                        icon: 'grid_view',
-                    },
-                    redirect: '/coordinator/dashboard',
-                    children: [
-                        {
-                            path: '',
-                            name: 'coordinator.dashboard.index',
-                            component: () => import('@Pages/Dashboard/Coordinator.vue'),
-                        }
-                    ]
-                },
-                {
-                    path: 'vacations',
-                    name: 'vacations.coordinator.index',
-                    meta: {
-                        title: 'Vacaciones',
-                        icon: 'calendar_month',
-                    },
-                    component: () => import('@Pages/Vacations/Coordinator/Index.vue'),
-                },
-                {
-                    path: 'courses',
-                    name: 'courses.coordinator',
-                    meta: {
-                        title: 'Capacitaciones',
-                        icon: 'info',
-                    },
-                    children: [
-                        {
-                            path: '',
-                            name: 'courses.coordinator.index',
-                            component: () => import('@Pages/Courses/Coordinator/Index.vue'),
-                        },
-                        {
-                            path: 'request',
-                            name: 'courses.coordinator.request',
-                            component: () => import('@Pages/Courses/Coordinator/Request.vue'),
-                        }
-                    ],
-                }
-            ]
-        },
-        {
-            path: '/admin',
-            name: 'admin',
-            component: () => import('@Layouts/AdminLayout.vue'),
-            meta: {
-                title: 'Inicio',
-                icon: 'home',
-            },
-            redirect: '/admin/dashboard',
-            children: [
-                {
-                    path: 'dashboard',
-                    name: 'admin.dashboard.index',
-                    meta: {
-                        title: 'Dashboard',
-                        icon: 'grid_view',
-                    },
-                    component: () => import('@Pages/Dashboard/Admin.vue'),
-                },
-                {
-                    path: 'vacations',
-                    name: 'admin.vacations',
-                    meta: {
-                        title: 'Vacaciones',
-                        icon: 'calendar_month',
-                    },
-                    redirect: '/admin/vacations',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.vacations.index',
-                            component: () => import('@Pages/Vacations/Admin/Index.vue'),
-                        }
-                    ]
-                },
-                {
-                    path: 'courses',
-                    name: 'admin.courses',
-                    meta: {
-                        title: 'Capacitaciones',
-                        icon: 'info',
-                    },
-                    redirect: '/admin/courses',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.courses.index',
-                            component: () => import('@Pages/Courses/Admin/Index.vue'),
-                        },
-                        {
-                            path: 'request',
-                            name: 'admin.courses.request',
-                            component: () => import('@Pages/Courses/Admin/Request.vue'),
-                        },
-                        {
-                            path: ':id/assignamment',
-                            name: 'admin.courses.assignamment',
-                            component: () => import('@Pages/Courses/Admin/Assignamment.vue'),
-                        },
-                        {
-                            path: 'calendar',
-                            name: 'admin.courses.calendar',
-                            component: () => import('@Pages/Courses/Admin/Calendar.vue'),
-                        },
-                    ]
-                },
-                {
-                    path: 'events',
-                    name: 'admin.events',
-                    meta: {
-                        title: 'Eventos',
-                        icon: 'info',
-                    },
-                    redirect: '/admin/events',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.events.index',
-                            component: () => import('@Pages/Admin/Events/Index.vue'),
-                        },
-                        {
-                            path: 'pettyCashes',
-                            name: 'admin.events.pettyCashes',
-                            redirect: '/admin/events/pettyCashes',
-                            children: [
-                                {
-                                    path: '',
-                                    name: 'admin.events.pettyCashes.index',
-                                    component: () => import('@Pages/Admin/Events/PettyCashes/Index.vue'),
-                                },
-                                {
-                                    path: 'create',
-                                    name: 'admin.events.pettyCashes.create',
-                                    component: () => import('@Pages/Admin/Events/PettyCashes/Create.vue'),
-                                },
-                                {
-                                    path: 'assignamment',
-                                    name: 'admin.events.pettyCashes.assignamment',
-                                    component: () => import('@Pages/Admin/Events/PettyCashes/Assignamment.vue'),
-                                },
-                                {
-                                    path: ':id/edit',
-                                    name: 'admin.events.pettyCashes.edit',
-                                    component: () => import('@Pages/Admin/Events/PettyCashes/Edit.vue'),
-                                },
-                            ]
-                        },
-                        // {
-                        //     path: 'expense',
-                        //     name: 'admin.events.expense',
-                        //     redirect: '/admin/events/expense',
-                        //     children: [
-                        //         {
-                        //             path: '',
-                        //             name: 'admin.events.expense.index',
-                        //             component: () => import('@Pages/Admin/Events/ExpenseJustifications/Index.vue'),
-                        //         },
-                        //     ]
-                        // },
-                        {
-                            path: 'justification',
-                            name: 'admin.events.justification',
-                            component: () => import('@Pages/Admin/Events/Justification.vue'),
-                        },
-                        {
-                            path: 'reports',
-                            name: 'admin.events.reports',
-                            component: () => import('@Pages/Admin/Events/Reports.vue'),
-                        },
-                    ]
-                },
-                {
-                    path: 'users',
-                    name: 'admin.users',
-                    meta: {
-                        title: 'Usuarios',
-                        icon: 'people',
-                    },
-                    redirect: '/admin/users',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.users.index',
-                            component: () => import('@Pages/Admin/Users/Index.vue'),
-                        },
-                        {
-                            path: 'online',
-                            name: 'admin.users.online',
-                            component: () => import('@Pages/Admin/Users/Online.vue')
-                        },
-                        {
-                            path: 'create',
-                            name: 'admin.users.create',
-                            meta: {
-                                title: 'Crear',
-                                icon: 'add',
-                            },
-                            component: () => import('@Pages/Admin/Users/Create.vue')
-                        }, {
-                            path: ':id/edit',
-                            name: 'admin.users.edit',
-                            meta: {
-                                title: 'Editar',
-                                icon: 'edit',
-                            },
-                            component: () => import('@Pages/Admin/Users/Edit.vue')
-                        }, {
-                            path: ':id/settings',
-                            name: 'admin.users.settings',
-                            component: () => import('@Pages/Admin/Users/Settings.vue'),
-                            meta: {
-                                title: 'Configuración',
-                                icon: 'settings',
-                            },
-                        },
-                        {
-                            path: 'academic',
-                            name: 'admin.users.academic',
-                            redirect: '/admin/users/academic',
-                            children: [
-                                {
-                                    path: '',
-                                    name: 'admin.users.academic.index',
-                                    component: () => import('@Pages/Admin/Users/Academic/Index.vue'),
-                                },
-                                {
-                                    path: ':id/create-record',
-                                    name: 'admin.users.academic.createRecord',
-                                    component: () => import('@Pages/Admin/Users/Academic/CreateRecord.vue'),
-                                },
-                                {
-                                    path: ':id/create-certification',
-                                    name: 'admin.users.academic.createCertification',
-                                    component: () => import('@Pages/Admin/Users/Academic/CreateCertification.vue'),
-                                },
-                                {
-                                    path: ':id/edit-record/:record',
-                                    name: 'admin.users.academic.editRecord',
-                                    component: () => import('@Pages/Admin/Users/Academic/EditRecord.vue'),
-                                },
-                                {
-                                    path: ':id/edit-certification/:certification',
-                                    name: 'admin.users.academic.editCertification',
-                                    component: () => import('@Pages/Admin/Users/Academic/EditCertification.vue'),
-                                },
-                            ]
-                        },
-                        {
-                            path: 'security',
-                            name: 'admin.users.security',
-                            component: () => import('@Pages/Admin/Users/Security.vue'),
-                        },
-                        {
-                            path: 'additional',
-                            name: 'admin.users.additional',
-                            component: () => import('@Pages/Admin/Users/Additional.vue'),
-                        },
-                    ]
-                },
-                {
-                    path: 'warehouses',
-                    name: 'admin.warehouses',
-                    meta: {
-                        title: 'Bodegas',
-                        icon: 'inventory_2',
-                    },
-                    redirect: '/admin/warehouses',
-                    children: [
-                        {
-                            path: ':id',
-                            name: 'admin.warehouses.details',
-                            component: () => import('@Pages/Warehouses/Details.vue'),
-                            meta: {
-                                title: 'Detalles',
-                                icon: 'info',
-                            },
-                        },
-                        {
-                            path: '',
-                            name: 'admin.warehouses.index',
-                            component: () => import('@Pages/Warehouses/Index.vue'),
-
-                        },
-                        {
-                            path: 'create',
-                            name: 'admin.warehouses.create',
-                            component: () => import('@Pages/Warehouses/Create.vue'),
-
-                            meta: {
-                                title: 'Crear',
-                                icon: 'add',
-                            },
-                        },
-                        {
-                            path: ':id/edit',
-                            name: 'admin.warehouses.edit',
-                            component: () => import('@Pages/Warehouses/Edit.vue'),
-
-                            meta: {
-                                title: 'Editar',
-                                icon: 'edit',
-                            },
-                        }
-                    ]
-                },
-                {
-                    path: 'units-measure',
-                    name: 'admin.units-measure',
-                    meta: {
-                        title: 'Unidades de Medida',
-                        icon: 'straighten',
-                    },
-                    redirect: '/admin/units-measure',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.units-measure.index',
-                            component: () => import('@Pages/UnitsMeasure/Index.vue'),
-                        },
-                    ]
-                },
-                {
-                    path: 'warehouse-classifications',
-                    name: 'admin.warehouse-classifications',
-                    meta: {
-                        title: 'Clasificaciones de Bodegas',
-                        icon: 'category',
-                    },
-                    redirect: '/admin/warehouse-classifications',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.warehouse-classifications.index',
-                            component: () => import('@Pages/WarehouseClassifications/Index.vue'),
-                        },
-                        {
-                            path: 'create',
-                            name: 'admin.warehouse-classifications.create',
-                            component: () => import('@Pages/WarehouseClassifications/Create.vue'),
-                            meta: {
-                                title: 'Crear',
-                                icon: 'add',
-                            },
-                        },
-                        {
-                            path: ':id/edit',
-                            name: 'admin.warehouse-classifications.edit',
-                            component: () => import('@Pages/WarehouseClassifications/Edit.vue'),
-                            meta: {
-                                title: 'Editar',
-                                icon: 'edit',
-                            },
-                        }
-                    ]
-                },
-                {
-                    path: 'units-measure',
-                    name: 'admin.units-measure',
-                    meta: {
-                        title: 'Unidades de Medida',
-                        icon: 'straighten',
-                    },
-                    redirect: '/admin/units-measure',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.units-measure.index',
-                            component: () => import('@Pages/UnitsMeasure/Index.vue'),
-                        },
-                        {
-                            path: 'create',
-                            name: 'admin.units-measure.create',
-                            component: () => import('@Pages/UnitsMeasure/Create.vue'),
-                            meta: {
-                                title: 'Crear',
-                                icon: 'add',
-                            },
-                        },
-                        {
-                            path: ':id/edit',
-                            name: 'admin.units-measure.edit',
-                            component: () => import('@Pages/UnitsMeasure/Edit.vue'),
-                            meta: {
-                                title: 'Editar',
-                                icon: 'edit',
-                            },
-                        }
-                    ]
-                },
-                {
-                    path: 'comercial-classifications',
-                    name: 'admin.comercial-classifications',
-                    meta: {
-                        title: 'Clasificaciones Comerciales',
-                        icon: 'category',
-                    },
-                    redirect: '/admin/comercial-classifications',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.comercial-classifications.index',
-                            component: () => import('@Pages/ComercialClassifications/Index.vue'),
-                        },
-                        {
-                            path: 'create',
-                            name: 'admin.comercial-classifications.create',
-                           component: () => import('@Pages/ComercialClassifications/Create.vue'),
-                            meta: {
-                                title: 'Crear',
-                                icon: 'add',
-                            },
-                        },
-                        {
-                            path: ':id/edit',
-                            name: 'admin.comercial-classifications.edit',
-                           component: () => import('@Pages/ComercialClassifications/Edit.vue'),
-                            meta: {
-                                title: 'Editar',
-                                icon: 'edit',
-                            },
-                        }
-                    ]
-                },
-                {
-                    path: 'products',
-                    name: 'admin.products',
-                    meta: {
-                        title: 'Productos',
-                        icon: 'inventory',
-                    },
-                    redirect: '/admin/products',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.products.index',
-                            component: () => import('@Pages/Products/Index.vue'),
-                        },
-                        {
-                            path: 'create',
-                            name: 'admin.products.create',
-                            component: () => import('@Pages/Products/Create.vue'),
-                            meta: {
-                                title: 'Crear',
-                                icon: 'add',
-                            }
-                        }
-                        /*
-                        {
-                            path: ':id/edit',
-                            name: 'admin.products.edit',
-                            component: () => import('@Pages/Products/Edit.vue'),
-                            meta: {
-                                title: 'Editar',
-                                icon: 'edit',
-                            },
-                        } */
-                    ]
-                },
-                {
-                    path: 'pos',
-                    name: 'admin.pos',
-                    meta: {
-                        title: 'Punto de Venta',
-                        icon: 'point_of_sale',
-                    },
-                    redirect: '/admin/pos',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.pos.index',
-                            component: () => import('@Pages/Pos/Index.vue'),
-                        },
-                    ]
-                },
-                {
-                    path: 'roles',
-                    name: 'admin.roles',
-                    meta: {
-                        title: 'Roles',
-                        icon: 'license',
-                    },
-                    redirect: '/admin/roles',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.roles.index',
-                            component: () => import('@Pages/Admin/Roles/Index.vue'),
-                        },
-                        {
-                            path: 'create',
-                            name: 'admin.roles.create',
-                            component: () => import('@Pages/Admin/Roles/Create.vue'),
-                            meta: {
-                                title: 'Crear',
-                                icon: 'add',
-                            },
-                        }, {
-                            path: ':id/edit',
-                            name: 'admin.roles.edit',
-                            component: () => import('@Pages/Admin/Roles/Edit.vue'),
-                            meta: {
-                                title: 'Editar',
-                                icon: 'edit',
-                            },
-                        }
-                    ]
-                },
-                {
-                    path: 'activities',
-                    name: 'admin.activities',
-                    meta: {
-                        title: 'Historial de acciones',
-                        icon: 'event',
-                    },
-                    redirect: '/admin/activities',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.activities.index',
-                            beforeEnter: (to, from, next) => can(next, 'activities.index'),
-                            component: () => import('@Pages/Admin/Activities/Index.vue')
-                        }
-                    ]
-                },
-                {
-                    path: 'documentation',
-                    name: 'admin.documentation',
-                    meta: {
-                        title: 'Maquetador de Documentos',
-                        icon: 'documents',
-                    },
-                    redirect: '/admin/documentation',
-                    children: [
-                        {
-                            path: '',
-                            name: 'admin.maquetador.index',
-                            component: () => import('@Pages/Maquetador/Index.vue'),
-                        },
-                    ]
-                },
-            ]
-        },
-        {
-            path: '/changelogs',
-            component: () => import('@Layouts/AppLayout.vue'),
-            children: [
-                {
-                    path: '',
-                    name: 'changelogs.app',
-                    component: () => import('@Pages/Changelogs/App.vue')
-                },
-                {
-                    path: 'core',
-                    name: 'changelogs.core',
-                    component: () => import('@Pages/Changelogs/Core.vue')
-                }
-            ]
-        },
-        {
-            path: '/auth',
-            component: () => import('@Holos/Layout/Auth.vue'),
-            children: [
-                {
-                    path: '',
-                    name: 'auth.index',
-                    component: () => import('@Pages/Auth/Login.vue')
-                },
-                {
-                    path: 'forgot-password',
-                    name: 'auth.forgot-password',
-                    component: () => import('@Pages/Auth/ForgotPassword.vue')
-                },
-                {
-                    path: 'reset-password',
-                    name: 'auth.reset-password',
-                    component: () => import('@Pages/Auth/ResetPassword.vue')
-                }
-            ]
-        },
-        {
-            path: '/:pathMatch(.*)*',
-            name: '404',
-            component: () => import('@Pages/Errors/404.vue')
-        },
-        ...examples,
-    ]
-})
-
-export default router
diff --git a/src/services/Api.js b/src/services/Api.js
deleted file mode 100644
index c62b3f9..0000000
--- a/src/services/Api.js
+++ /dev/null
@@ -1,586 +0,0 @@
-/**
- * Servicio de comunicación API
- * 
- * @author Moisés Cortés C. <moises.cortes@notsoweb.com>
- * @version 1.0.0
- */
-
-import axios from 'axios';
-import { reactive, ref } from 'vue';
-
-axios.defaults.withXSRFToken = true;
-axios.defaults.withCredentials = true;
-
-/**
- * Códigos de falla
- */
-const failCodes = [
-    400,
-    409,
-    422
-];
-
-/**
- * Servidor a utilizar
- */
-const token     = ref(localStorage.token);
-const csrfToken = ref(localStorage.csrfToken);
-
-/**
- * Define el token de la api
- */
-const defineApiToken = (x) => {
-    token.value = x;
-    localStorage.token = x;
-}
-
-/**
- * Define CSRF token
- */
-const defineCsrfToken = (x) => {
-    csrfToken.value = x;
-    localStorage.csrfToken = x;
-}
-
-/**
- * Define el token de la api
- */
-const resetApiToken = () => {
-    token.value = undefined;
-    localStorage.removeItem('token');
-}
-
-/**
- * Reset CSRF token
- */
-const resetCsrfToken = () => {
-    csrfToken.value = undefined;
-    localStorage.removeItem('csrfToken');
-}
-
-/**
- * Determina si el token tiene algo o no
- */
-const hasToken = () => {
-    return token.value !== undefined;
-}
-
-/**
- * Fuerza el cierre de la sesión
- */
-const closeSession = () => {
-    resetApiToken()
-    resetCsrfToken()
-
-    Notify.info(Lang('session.closed'))
-
-    location.replace('/')
-}
-
-/**
- * Composición de llaves
- * 
- * Utilizado para transformar llaves en FormData
- */
-function composeKey(parent, key) {
-  return parent ? parent + '[' + key + ']' : key
-}
-
-/**
- * URL API
- */
-const apiURL = (path) => {
-    return import.meta.env.VITE_API_URL + '/api/' + path
-}
-
-/**
- * Instancia de la API de uso directo
- */
-const api = {
-    errors: {},
-    hasErrors: false,
-    processing: false,
-    wasSuccessful: false,
-    async load({
-        method,
-        url,
-        apiToken = token.value,
-        options = { 
-            data:{},
-            params:{}
-        }
-    }) {
-        this.errors        = {};
-        this.hasErrors     = false;
-        this.processing    = true;
-        this.wasSuccessful = false;
-
-        try {
-            if(options.hasOwnProperty('onStart')) {
-                options.onStart();
-            }
-
-            let { data } = await axios({
-                method: method,
-                url,
-                data: options.data,
-                params: options.params,
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Accept': 'application/json',
-                    'Authorization': `Bearer ${apiToken}`
-                }
-            });
-
-            if(data.status == 'success') {
-                this.wasSuccessful = true;
-
-                if(options.hasOwnProperty('onSuccess')) {
-                    options.onSuccess(data.data, data);
-                }
-            } else if(data.status == 'fail') {
-                if(options.hasOwnProperty('onFail')) {
-                    options.onFail(data.data);
-                }
-            }
-
-            if(options.hasOwnProperty('onFinish')) {
-                options.onFinish(data.data);
-            }
-        } catch (error) {
-            console.error(error)
-
-            this.hasErrors = true;
-
-            let { response } = error
-
-            // Código de sesión invalida
-            if(response.status === 401 && response.data?.message == 'Unauthenticated.') {
-                Notify.error(Lang('session.expired'));
-
-                closeSession();
-
-                return
-            }
-
-            // Fallas
-            if(failCodes.includes(response.status)) {
-                options.hasOwnProperty('onFail')
-                    ? options.onFail(response.data.data)
-                    : Notify.warning(response.data.data.message);
-
-                return
-            }
-
-            if(options.hasOwnProperty('onError')) {
-                options.onError(response.data);
-            }
-
-            if(response.data != null) {
-                this.errors = response.data.errors;
-            }
-        }
-
-        this.processing = false;
-    },
-    get(url, options) {
-        this.load({
-            method: 'get',
-            url,
-            options
-        })
-    },
-    post(url, options) {
-        this.load({
-            method: 'post',
-            url,
-            options
-        })
-    },
-    put(url, options) {
-        this.load({
-            method: 'put',
-            url,
-            options
-        })
-    },
-    patch(url, options) {
-        this.load('patch', {
-            method: 'patch',
-            url,
-            options
-        })
-    },
-    delete(url, options) {
-        this.load({
-            method: 'delete',
-            url,
-            options
-        })
-    },
-    catalog(resources, options) {
-        this.post(apiURL('catalogs/get'), {
-            ...options,
-            data: resources
-        })
-    },
-    download(url, file, params = {}) {
-        axios({
-            url: url,
-            params: params,
-            method: 'GET',
-            responseType: 'blob',
-            headers: {
-                'Authorization': `Bearer ${token.value}`
-            }
-        }).then((res) => {
-            const href = URL.createObjectURL(res.data);
-            const link = document.createElement('a');
-
-            link.href = href;
-            link.setAttribute('download', file);
-            document.body.appendChild(link);
-            link.click();
-        
-            document.body.removeChild(link);
-
-            URL.revokeObjectURL(href);
-        });
-    },
-}
-
-/**
- * Instancia de la API
- */
-const useApi = () => reactive({...api});
-
-/**
- * Instancia de la API para formularios
- */
-const useForm = (form = {}) =>  {
-    // Permite agregar datos mediante una transformación
-    let transform = (data) => data
-
-    // Contador de archivos
-    let filesCounter = 0
-
-    // Procesar elementos del formulario
-    const append = (formData, key, value) => {
-        if(Array.isArray(value)) {
-            return Array.from(value.keys()).forEach((index) => append(formData, composeKey(key, index), value[index]));
-        } else if(value instanceof Date) {
-            return formData.append(key, value.toISOString())
-        } else if(value instanceof File) {
-            filesCounter++
-            return formData.append(key, value, value.name)
-        } else if (value instanceof Blob) {
-            return formData.append(key, value)
-        } else if(typeof value === 'boolean') {
-            return formData.append(key, value ? '1' : '0')
-        } else if (typeof value === 'string') {
-            return formData.append(key, value)
-        } else if (typeof value === 'number') {
-            return formData.append(key, `${value}`)
-        } else if(value === null || value === undefined) {
-            return formData.append(key, '')
-        } else if (typeof value === 'object') {
-            objectToFormData(formData, key, value);
-        }
-    }
-
-     // Convertir objeto a elemento de FormData
-    const objectToFormData = (formData, parentKey = null, value) => {
-        value = value || {}
-        for (const key in value) {
-          if (Object.prototype.hasOwnProperty.call(value, key)) {
-            append(formData, composeKey(parentKey, key), value[key])
-          }
-        }
-
-        return formData
-    }
-
-    // Transforma todos los datos
-    const prepareData = (data) => {
-        let formData = new FormData();
-
-        for (let i in data) {
-            append(formData, i, data[i]);
-        }
-
-        return formData;
-    }
-
-    return reactive({
-        ...form,
-        errors: {},
-        hasErrors: false,
-        processing: false,
-        wasSuccessful: false,
-        _inputs: Object.keys(form),
-        _original: {
-            ...form
-        },
-        reset() {
-            for(let i in this._original) {
-                this[i] = this._original[i]
-            }
-        },
-        data() {
-            let data = {};
-
-            for (let i in this) {
-                if(typeof this[i] !== 'function' && this._inputs.includes(i)){
-                    data[i] = this[i]
-                }
-            }
-
-            return data;
-        },
-        transform(callback) {
-            transform = callback
-
-            return this
-        },
-        async load({
-            method,
-            url,
-            apiToken = token.value,
-            options = { 
-                data:{},
-                params:{}
-            }
-        }) {
-            this.errors        = {};
-            this.hasErrors     = false;
-            this.processing    = true;
-            this.wasSuccessful = false;
-
-            try {
-                if(options.hasOwnProperty('onStart')) {
-                    options.onStart(options);
-                }
-
-                let { data } = await axios({
-                    method: method,
-                    url,
-                    data: prepareData(transform(this.data())),
-                    headers: {
-                        'Content-Type': (filesCounter > 0)
-                            ? 'multipart/form-data  boundary='
-                            : 'application/json',
-                        'Accept': 'application/json',
-                        'Authorization': `Bearer ${apiToken}`,
-                        'X-CSRF-TOKEN': csrfToken.value
-                    }
-                });
-
-                if(data.status == 'success') {
-                    this.wasSuccessful = true;
-
-                    if(options.hasOwnProperty('onSuccess')) {
-                        options.onSuccess(data?.data);
-                    }
-                } else if(data.status == 'fail') {
-                    if(options.hasOwnProperty('onFail')) {
-                        options.onFail(data?.data);
-                    }
-                }
-
-                if(options.hasOwnProperty('onFinish')) {
-                    options.onFinish(data?.data);
-                }
-            } catch (error) {
-                console.error(error);
-
-                this.hasErrors = true;
-
-                let { response } = error
-                
-                if(options.hasOwnProperty('onError')) {
-                    options.onError(response);
-                }
-
-                if(response.data?.errors != null) {
-                    this.errors = response.data.errors;
-
-                    for(let e in this.errors) {
-                        Notify.error(this.errors[e])
-                    }
-                }
-            }
-
-            this.processing = false;
-        },
-        fill(model) {
-            this._inputs.forEach(element => {
-                this[element] = (element == 'is_active')
-                    ? (model[element] == 1)
-                    : model[element] ?? this[element]
-            });
-        },
-        get(url, options) {
-            this.load({
-                method: 'get',
-                url,
-                options
-            })
-        },
-        post(url, options) {
-            this.load({
-                method: 'post',
-                url,
-                options
-            })
-        },
-        put(url, options) {
-            this.load({
-                method: 'put',
-                url,
-                options
-            })
-        },
-        patch(url, options) {
-            this.load('patch', {
-                method: 'patch',
-                url,
-                options
-            })
-        },
-        delete(url, options) {
-            this.load({
-                method: 'delete',
-                url,
-                options
-            })
-        },
-    })
-}
-
-/**
- * Instancia de a API para buscador
- */
-const useSearcher = (options = {
-    url: '',
-    filters: ''
-}) => reactive({
-    query: '',
-    errors: {},
-    hasErrors: false,
-    processing: false,
-    wasSuccessful: false,
-    async load({
-        url,
-        apiToken = token.value,
-        filters,
-    }) {
-        this.errors = {};
-        this.processing = true;
-        this.hasErrors = false;
-        this.wasSuccessful = false;
-
-        try {
-            if(options.hasOwnProperty('onStart')) {
-                options.onStart();
-            }
-
-            let { data } = await axios({
-                method: 'get',
-                url,
-                params: {
-                    q: this.query,
-                    ...filters
-                },
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Accept': 'application/json',
-                    'Authorization': `Bearer ${apiToken}`
-                }
-            });
-
-            if(data.status == 'success') {
-                this.wasSuccessful = true;
-
-                if(options.hasOwnProperty('onSuccess')) {
-                    options.onSuccess(data.data);
-                }
-            } else if(data.status == 'fail') {
-                if(options.hasOwnProperty('onFail')) {
-                    options.onFail(data.data);
-                }
-            }
-
-            if(options.hasOwnProperty('onFinish')) {
-                options.onFinish(data.data);
-            }
-        } catch (error) {
-            console.error(error);
-
-            this.hasErrors = true;
-
-            let { response } = error
-
-            // Código de sesión invalida
-            if(response.status === 401 && response.data.message == 'Unauthenticated.') {
-                Notify.error(Lang('session.expired'));
-                closeSession();
-                return
-            }
-            
-            if(options.hasOwnProperty('onError')) {
-                options.onError(response);
-            }
-
-            if(response.data?.errors != null) {
-                this.errors = response.data.errors;
-                for(let e in this.errors) {
-                    Notify.error(this.errors[e])
-                }
-            }
-        }
-
-        this.processing = false;
-    },
-    pagination(url, filter = {}) {
-        this.load({
-            url,
-            filters : {
-                ...options.filters,
-                ...filter,
-            }
-        })
-    },
-    search(q = '', filter = {}) {
-        this.query = q
-        this.load({
-            url: options.url,
-            filters : {
-                ...options.filters,
-                ...filter,
-            }
-        })
-    },
-    refresh(filter = {}) {
-        this.load({
-            url: options.url,
-            filters : {
-                ...options.filters,
-                ...filter,
-            }
-        })
-    }
-})
-
-export {
-    api,
-    token,
-    apiURL,
-    closeSession,
-    defineCsrfToken,
-    defineApiToken,
-    hasToken,
-    resetApiToken,
-    useApi,
-    useForm,
-    useSearcher
-}
\ No newline at end of file
diff --git a/src/services/Broadcast.js b/src/services/Broadcast.js
deleted file mode 100644
index 081e921..0000000
--- a/src/services/Broadcast.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import Echo from 'laravel-echo';
-import Pusher from 'pusher-js';
-import { token } from '@Services/Api';
-
-window.Pusher = Pusher;
-
-window.Echo = new Echo({
-    broadcaster: 'reverb',
-    authorizer: (channel, options) => {
-        return {
-            authorize: async (socketId, callback) => {
-                try {
-                    let { data } = await axios({
-                        method: 'post',
-                        url: import.meta.env.VITE_REVERB_SCHEME + '://' + import.meta.env.VITE_REVERB_HOST + '/broadcasting/auth',
-                        data: {
-                            socket_id: socketId,
-                            channel_name: channel.name,
-                        },
-                        headers: {
-                            'Content-Type': 'application/json',
-                            'Accept': 'application/json',
-                            'Authorization': `Bearer ${token.value}`
-                        }
-                    });
-
-                    callback(null, data);
-                } catch (err) {
-                    callback(err);
-                }
-            }
-        };
-    },
-    key: import.meta.env.VITE_REVERB_APP_KEY,
-    wsHost: import.meta.env.VITE_REVERB_HOST,
-    wsPort: import.meta.env.VITE_REVERB_PORT ?? 80,
-    wssPort: import.meta.env.VITE_REVERB_PORT ?? 443,
-    forceTLS: (import.meta.env.VITE_REVERB_SCHEME ?? 'https') === 'https',
-    enabledTransports: ['ws', 'wss'],
-});
diff --git a/src/services/Page.js b/src/services/Page.js
deleted file mode 100644
index a0ec9ff..0000000
--- a/src/services/Page.js
+++ /dev/null
@@ -1,130 +0,0 @@
-import { reactive } from "vue";
-import { api, closeSession } from '@Services/Api';
-import { resetPermissions } from '@Plugins/RolePermission';
-
-/**
- * Cache
- * 
- * Permite cargar los datos una vez para la sesión actual. Se mantienen mientras
- * no se recargue la página.
- */
-const page = reactive({
-    lang: 'es',
-    app: {},
-    user: {
-        id: 0,
-        name: 'public'
-    }
-})
-
-/**
- * Recarga datos en cache
- */
-const reloadApp = () => {
-    const user = localStorage.user
-    const app = localStorage.app
-
-    if(user) {
-        page.user = JSON.parse(user);
-    }
-
-    if(app) {
-        page.app = JSON.parse(app);
-    }
-}
-
-/**
- * Limpiar sesión de usuario
- */
-const resetPage = () => {
-    localStorage.removeItem('user');
-}
-
-/**
- * Permite buscar una opcionalmente
- */
-const view = ({
-    name = '',
-    params = {},
-    query = {},
-}) => ({
-    name: name,
-    params,
-    query,
-})
-
-/**
- * Almacenar datos usuario
- */
-const defineUser = (user) => {
-    localStorage.user = JSON.stringify({
-        id: user.id,
-        name: user.name,
-        lastname: `${user.paternal} ${user?.maternal ?? ''}`,
-        email: user.email,
-        phone: user.phone,
-        profile_photo_url: user.profile_photo_url,
-        profile_photo_path: user.profile_photo_path,
-    });
-}
-
-/**
- * Definir datos de la aplicación
- */
-const defineApp = (app) => {
-    localStorage.app = JSON.stringify(app);
-}
-
-/**
- * Instalar el componente de forma nativa
- */
-const pagePlugin = {
-    install: (app, options) => {
-        app.config.globalProperties.$page = page;
-        app.config.globalProperties.$view = view;
-    }
-}
-
-/**
- * Reload user
- */
-const reloadUser = () => {
-    return api.get(route('user.show'), {
-        onSuccess: (r) => {
-            defineUser(r.user)
-            reloadApp()
-
-            return r.user;
-        }
-    });
-}
-
-/**
- * Cerrar sesión
- */
-const logout = () => {
-    resetPermissions()
-    resetPage()
-  
-    api.post(route('auth.logout'), {
-      onSuccess: (r) => {
-        if(r.is_revoked === true) {
-          closeSession()
-
-          location.replace('/')
-        }
-      }
-    });
-};
-
-export {
-    pagePlugin,
-    page,
-    defineApp,
-    defineUser,
-    reloadApp,
-    reloadUser,
-    resetPage,
-    logout,
-    view
-}
\ No newline at end of file
diff --git a/src/stores/DarkMode.js b/src/stores/DarkMode.js
deleted file mode 100644
index 7efb6fd..0000000
--- a/src/stores/DarkMode.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import { defineStore } from 'pinia'
-
-// Identificador de la página
-const page = document.getElementById('main-page');
-
-// Almacén del modo oscuro
-const useDarkMode = defineStore('dark-mode', {
-    state: () => ({
-        isActive: true
-    }),
-    getters: {
-        getTheme(state) {
-            return state.isActive
-                ? 'dark'
-                : 'light';
-        },
-        isDark(state) {
-            return state.isActive === true;
-        },
-        isLight(state) {
-            return state.isActive === false;
-        }
-    },
-    actions: {
-        boot() {
-            this.apply((localStorage.darkMode == 'true'));
-        },
-        applyDark() {
-            this.apply(true);
-        },
-        applyLight() {
-            this.apply(false);
-        },
-        apply(state) {
-            this.isActive = state;
-            localStorage.darkMode = state
-
-            if(state) {
-                page.classList.add('dark');
-            } else {
-                page.classList.remove('dark');
-            }
-        }
-    },
-})
-
-export default useDarkMode
\ No newline at end of file
diff --git a/src/stores/LeftSidebar.js b/src/stores/LeftSidebar.js
deleted file mode 100644
index 298b878..0000000
--- a/src/stores/LeftSidebar.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import { defineStore } from 'pinia'
-
-// Almacenar estado de la barra lateral derecha
-const useLeftSidebar = defineStore('left-sidebar', {
-    state: () => ({
-        isActive: true
-    }),
-    getters: {
-        isOpened(state) {
-            return state.isActive === true;
-        },
-        isClosed(state) {
-            return state.isActive === false;
-        }
-    },
-    actions: {
-        boot() {
-            this.apply(localStorage.leftSidebar == 'true');
-        },
-        open() {
-            this.apply(true);
-        },
-        close() {
-            this.apply(false);
-        },
-        toggle() {
-            this.apply(!this.isActive)
-        },
-        apply(state) {
-            this.isActive = state
-            localStorage.leftSidebar = state
-        }
-    }
-})
-
-export default useLeftSidebar
\ No newline at end of file
diff --git a/src/stores/Loader.js b/src/stores/Loader.js
deleted file mode 100644
index dd0c23b..0000000
--- a/src/stores/Loader.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import axios from 'axios';
-import { defineStore } from 'pinia'
-
-// Almacén del modo oscuro
-const useLoader = defineStore('loader', {
-    state: () => ({
-        processing: false
-    }),
-    getters: {
-        isProcessing(state) {
-            return state.processing
-        }
-    },
-    actions: {
-        boot() {
-            axios.interceptors.request.use((config) => {
-                this.processing = true
-                return config;
-            }, (error) => {
-                this.processing = false
-                return Promise.reject(error);
-            });
-            
-            axios.interceptors.response.use((response) => {
-                this.processing = false
-                return response;
-            }, (error) => {
-                this.processing = false
-                return Promise.reject(error);
-            });
-        }
-    },
-})
-
-export default useLoader
\ No newline at end of file
diff --git a/src/stores/NotificationSidebar.js b/src/stores/NotificationSidebar.js
deleted file mode 100644
index d9e0bf4..0000000
--- a/src/stores/NotificationSidebar.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { defineStore } from 'pinia'
-
-// Almacenar estado de la barra lateral derecha
-const useNotificationSidebar = defineStore('notification-sidebar', {
-    state: () => ({
-        isActive: false
-    }),
-    getters: {
-        isOpened(state) {
-            return state.isActive === true;
-        },
-        isClosed(state) {
-            return state.isActive === false;
-        }
-    },
-    actions: {
-        open() {
-            this.apply(true);
-        },
-        close() {
-            this.apply(false);
-        },
-        toggle() {
-            this.apply(!this.isActive)
-        },
-        apply(state) {
-            this.isActive = state
-            localStorage.rightSidebar = state
-        }
-    },
-})
-
-export default useNotificationSidebar
\ No newline at end of file
diff --git a/src/stores/Notifications.js b/src/stores/Notifications.js
deleted file mode 100644
index 92590e4..0000000
--- a/src/stores/Notifications.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import { defineStore } from 'pinia'
-import { v4 as uuidv4 } from 'uuid';
-
-// Almacenar estado de las notificaciones
-const useNotification = defineStore('notifications', {
-    state: () => ({
-        notifications: [],
-    }),
-    getters: {
-        getNotifications(state) {
-            return state.notifications
-        }
-    },
-    actions: {
-        boot() {
-            let local = localStorage.getItem('notifications')
-
-            if(local) {
-                this.notifications = JSON.parse(localStorage.getItem('notifications'))
-            }
-        },
-        add({
-            title = '',
-            message = '',
-            type = 'info',
-            preserve = false
-        }) {
-            this.notifications.push({
-                uuid: uuidv4(),
-                title,
-                message,
-                type,
-                preserve
-            })
-
-            this.save()
-        },
-        delete(uuid) {
-            this.notifications = this.notifications.filter(x => {
-                return x.uuid != uuid
-            })
-            
-            this.save()
-        },
-        save() {
-            localStorage.setItem('notifications', JSON.stringify(this.notifications.filter(x => {
-                return x.preserve == true
-            } )))
-        }
-    },
-})
-
-export default useNotification
\ No newline at end of file
diff --git a/src/stores/Notifier.js b/src/stores/Notifier.js
deleted file mode 100644
index 09d0cfd..0000000
--- a/src/stores/Notifier.js
+++ /dev/null
@@ -1,134 +0,0 @@
-import { defineStore } from 'pinia'
-import { api } from '@Services/Api'
-import { page } from '@Services/Page'
-import { hasPermission, reloadPermissions, getAllRolesIds } from '@Plugins/RolePermission'
-import { boot as bootAuthUsers, addUser, removeUser } from '@Plugins/AuthUsers'
-
-// Almacenar estado de la barra lateral derecha
-const useNotifier = defineStore('notifier', {
-    state: () => ({
-        counter: 0,
-        unreadClosedCounter: 0,
-        notifications: [],
-        isStarted: false,
-        isEnabled: import.meta.env.VITE_REVERB_ACTIVE === 'true',
-        user_id: 0,
-    }),
-    actions: {
-        // Iniciar instancia
-        boot() {
-            if(!this.isStarted && this.isEnabled) {
-                this.user_id = page.user.id;
-
-                this.subscribeGLobalNotifications();
-                this.subscribeUserNotifications();
-                this.suscribeAuthUsers();
-                this.suscribeRoles();
-                this.isStarted = true;
-
-                this.getUpdates();
-            }
-        },
-        // Detener instancia
-        stop() {
-            if(this.isStarted) {
-              this.unsubscribeUserNotification();
-              this.unsubscribeGlobalNotification();
-        
-              this.started.value = false;
-            }
-        },
-        // Notificaciones Globales
-        subscribeGLobalNotifications() {
-            Echo.private('Global')
-                .listen('Notification', e => {
-                    Notify[e.type](e.message, e.title, e.timeout)
-                    this.getUpdates()
-                });
-
-        },
-        unsubscribeGlobalNotifications() {
-            Echo.leave('Global');
-        },
-        // Usuarios logueados
-        suscribeAuthUsers() {
-            if(hasPermission('users.index')) {
-                Echo.join('online')
-                .here((users) => {
-                    bootAuthUsers(users);
-                })
-                .joining((user) => {
-                    addUser(user);
-                })
-                .leaving((user) => {
-                    removeUser(user);
-                });
-            } else {
-                Echo.join('online');
-            }
-        },
-        suscribeRoles() {
-            const roles = getAllRolesIds();
-
-            roles.forEach(role => {
-                Echo.private(`App.Models.Role.${role}`)
-                    .listen('UpdateRoleUser', e => {
-                        reloadPermissions();
-
-                        Notify.success(`Actualizando permisos de ${e.role.description}`)
-                    });
-            });
-        },
-        // Notificaciones del usuario
-        subscribeUserNotifications() {
-            Echo.private(`App.Models.User.${this.user_id}`)
-                .notification(x => {
-                    Notify[x.typeNotification](x.description, x.title, x.timeout)
-                    this.getUpdates()
-                })
-        },
-        unsubscribeUserNotification() {
-            Echo.leave(`App.Models.User.${this.user_id}`);
-        },
-        readNotification(id) {
-            api.post(route('system.notifications.read'), {
-                data: {
-                    id
-                },
-                onSuccess: res => {
-                    this.getUpdates();
-                },
-                onFailed: res => {
-                    this.getUpdates();
-                }
-            })
-        },
-        closeNotification(id) {
-            api.post(route('system.notifications.close'), {
-                data: {
-                    id
-                },
-                onSuccess: res => {
-                    this.getUpdates();
-                },
-                onFailed: res => {
-                    this.getUpdates();
-                }
-            })
-        },
-        getUpdates() {
-            api.get(route('system.notifications.all-unread'), {
-                onSuccess: res => {
-                    this.counter = res.total;
-                    this.unreadClosedCounter = res.unread_closed;
-                    this.notifications = res.notifications;
-                },
-                onFailed: res => {
-                    console.log('error', res)
-                }
-            })
-        }
-    }
-})
-
-export default useNotifier
\ No newline at end of file
diff --git a/src/stores/RightSidebar.js b/src/stores/RightSidebar.js
deleted file mode 100644
index d205ed4..0000000
--- a/src/stores/RightSidebar.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { defineStore } from 'pinia'
-
-// Almacenar estado de la barra lateral derecha
-const useRightSidebar = defineStore('right-sidebar', {
-    state: () => ({
-        isActive: false
-    }),
-    getters: {
-        isOpened(state) {
-            return state.isActive === true;
-        },
-        isClosed(state) {
-            return state.isActive === false;
-        }
-    },
-    actions: {
-        open() {
-            this.apply(true);
-        },
-        close() {
-            this.apply(false);
-        },
-        toggle() {
-            this.apply(!this.isActive)
-        },
-        apply(state) {
-            this.isActive = state
-            localStorage.rightSidebar = state
-        }
-    },
-})
-
-export default useRightSidebar
\ No newline at end of file
diff --git a/src/stores/WarehouseClassifications.js b/src/stores/WarehouseClassifications.js
deleted file mode 100644
index efc57ee..0000000
--- a/src/stores/WarehouseClassifications.js
+++ /dev/null
@@ -1,218 +0,0 @@
-import { defineStore } from 'pinia'
-import { api } from '../services/Api'
-
-// Store para las clasificaciones de almacén
-const useWarehouseClassifications = defineStore('warehouseClassifications', {
-    state: () => ({
-        classifications: [],
-        loading: false,
-        error: null
-    }),
-    
-    getters: {
-        // Obtener todas las clasificaciones
-        allClassifications(state) {
-            return state.classifications
-        },
-        
-        // Obtener solo las clasificaciones principales (sin padre)
-        mainClassifications(state) {
-            return state.classifications.filter(c => !c.parent_id)
-        },
-        
-        // Obtener clasificaciones por estado
-        activeClassifications(state) {
-            return state.classifications.filter(c => c.is_active)
-        },
-        
-        // Obtener subcategorías de una clasificación específica
-        getSubcategoriesByParentId: (state) => (parentId) => {
-            return state.classifications.filter(c => c.parent_id === parentId)
-        },
-        
-        // Obtener una clasificación por ID
-        getClassificationById: (state) => (id) => {
-            return state.classifications.find(c => c.id === id)
-        },
-        
-        // Verificar si está cargando
-        isLoading(state) {
-            return state.loading
-        },
-        
-        // Obtener error actual
-        currentError(state) {
-            return state.error
-        }
-    },
-    
-    actions: {
-        // Cargar todas las clasificaciones
-        async fetchClassifications() {
-            this.loading = true
-            this.error = null
-            
-            try {
-                const response = await api.get('/warehouse-classifications')
-                this.classifications = response.data.data || response.data
-                return response.data
-            } catch (error) {
-                this.error = error.message || 'Error al cargar las clasificaciones'
-                console.error('Error fetching classifications:', error)
-                throw error
-            } finally {
-                this.loading = false
-            }
-        },
-        
-        // Crear nueva clasificación
-        async createClassification(data) {
-            this.loading = true
-            this.error = null
-            
-            try {
-                const response = await api.post('/warehouse-classifications', data)
-                const newClassification = response.data.data || response.data
-                
-                // Agregar la nueva clasificación al estado
-                this.classifications.push(newClassification)
-                
-                // Si tiene parent_id, actualizar la lista de children del padre
-                if (newClassification.parent_id) {
-                    const parent = this.getClassificationById(newClassification.parent_id)
-                    if (parent) {
-                        if (!parent.children) {
-                            parent.children = []
-                        }
-                        parent.children.push(newClassification)
-                    }
-                }
-                
-                return response.data
-            } catch (error) {
-                this.error = error.message || 'Error al crear la clasificación'
-                console.error('Error creating classification:', error)
-                throw error
-            } finally {
-                this.loading = false
-            }
-        },
-        
-        // Actualizar clasificación
-        async updateClassification(id, data) {
-            this.loading = true
-            this.error = null
-            
-            try {
-                const response = await api.put(`/warehouse-classifications/${id}`, data)
-                const updatedClassification = response.data.data || response.data
-                
-                // Actualizar en el estado local
-                const index = this.classifications.findIndex(c => c.id === id)
-                if (index !== -1) {
-                    this.classifications[index] = { ...this.classifications[index], ...updatedClassification }
-                }
-                
-                // También actualizar en children si existe
-                this.classifications.forEach(classification => {
-                    if (classification.children) {
-                        const childIndex = classification.children.findIndex(c => c.id === id)
-                        if (childIndex !== -1) {
-                            classification.children[childIndex] = { ...classification.children[childIndex], ...updatedClassification }
-                        }
-                    }
-                })
-                
-                return response.data
-            } catch (error) {
-                this.error = error.message || 'Error al actualizar la clasificación'
-                console.error('Error updating classification:', error)
-                throw error
-            } finally {
-                this.loading = false
-            }
-        },
-        
-        // Eliminar clasificación
-        async deleteClassification(id) {
-            this.loading = true
-            this.error = null
-            
-            try {
-                await api.delete(`/warehouse-classifications/${id}`)
-                
-                // Remover del estado local
-                this.classifications = this.classifications.filter(c => c.id !== id)
-                
-                // También remover de children si existe
-                this.classifications.forEach(classification => {
-                    if (classification.children) {
-                        classification.children = classification.children.filter(c => c.id !== id)
-                    }
-                })
-                
-                return true
-            } catch (error) {
-                this.error = error.message || 'Error al eliminar la clasificación'
-                console.error('Error deleting classification:', error)
-                throw error
-            } finally {
-                this.loading = false
-            }
-        },
-        
-        // Cambiar estado de una clasificación
-        async toggleClassificationStatus(classification) {
-            this.loading = true
-            this.error = null
-            
-            try {
-                const newStatus = !classification.is_active
-                const response = await api.put(`/warehouse-classifications/${classification.id}`, {
-                    ...classification,
-                    is_active: newStatus
-                })
-                
-                const updatedClassification = response.data.data || response.data
-                
-                // Actualizar en el estado local
-                const index = this.classifications.findIndex(c => c.id === classification.id)
-                if (index !== -1) {
-                    this.classifications[index].is_active = newStatus
-                }
-                
-                // También actualizar en children si existe
-                this.classifications.forEach(parentClassification => {
-                    if (parentClassification.children) {
-                        const childIndex = parentClassification.children.findIndex(c => c.id === classification.id)
-                        if (childIndex !== -1) {
-                            parentClassification.children[childIndex].is_active = newStatus
-                        }
-                    }
-                })
-                
-                return response.data
-            } catch (error) {
-                this.error = error.message || 'Error al cambiar el estado'
-                console.error('Error toggling status:', error)
-                throw error
-            } finally {
-                this.loading = false
-            }
-        },
-        
-        // Limpiar errores
-        clearError() {
-            this.error = null
-        },
-        
-        // Reset del store
-        $reset() {
-            this.classifications = []
-            this.loading = false
-            this.error = null
-        }
-    }
-})
-
-export { useWarehouseClassifications }
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..f691315
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,79 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 9c7debf..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,82 +0,0 @@
-// tailwind.config.js
-import { defineConfig } from 'tailwindcss';
-
-export default defineConfig({
-  theme: {
-    extend: {
-      colors: {
-        primary: {
-          100: '#dbeafe',
-          200: '#bfdbfe',
-          300: '#93c5fd',
-          400: '#60a5fa',
-          500: '#3b82f6',
-          600: '#2563eb',
-          700: '#1d4ed8',
-          800: '#1e40af',
-          900: '#1e3a8a',
-        },
-        secondary: {
-          100: '#dbeafe',
-          200: '#bfdbfe',
-          300: '#93c5fd',
-          400: '#60a5fa',
-          500: '#3b82f6',
-          600: '#2563eb',
-          700: '#1d4ed8',
-          800: '#1e40af',
-          900: '#1e3a8a',
-          DEFAULT: '#3b82f6',
-        },
-        info: {
-          100: '#cffafe',
-          200: '#a5f3fc',
-          300: '#67e8f9',
-          400: '#22d3ee',
-          500: '#06b6d4',
-          600: '#0891b2',
-          700: '#0e7490',
-          800: '#155e75',
-          900: '#164e63',
-          DEFAULT: '#06b6d4',
-        },
-        success: {
-          100: '#dcfce7',
-          200: '#bbf7d0',
-          300: '#86efac',
-          400: '#4ade80',
-          500: '#22c55e',
-          600: '#16a34a',
-          700: '#15803d',
-          800: '#166534',
-          900: '#14532d',
-          DEFAULT: '#22c55e',
-        },
-        danger: {
-          100: '#fee2e2',
-          200: '#fecaca',
-          300: '#fca5a5',
-          400: '#f87171',
-          500: '#ef4444',
-          600: '#dc2626',
-          700: '#b91c1c',
-          800: '#991b1b',
-          900: '#7f1d1d',
-          DEFAULT: '#ef4444',
-        },
-        warning: {
-          100: '#fef9c3',
-          200: '#fef08a',
-          300: '#fde047',
-          400: '#facc15',
-          500: '#eab308',
-          600: '#ca8a04',
-          700: '#a16207',
-          800: '#854d0e',
-          900: '#713f12',
-          DEFAULT: '#eab308',
-        },
-      },
-    },
-  },
-});
\ No newline at end of file
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..8d16e42
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,16 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "types": ["vite/client"],
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..8a67f62
--- /dev/null
+++ b/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/vite.config.js b/vite.config.js
deleted file mode 100644
index d570e01..0000000
--- a/vite.config.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import { fileURLToPath, URL } from 'node:url'
-
-import { defineConfig } from 'vite'
-import tailwindcss from "@tailwindcss/vite";
-import vue from '@vitejs/plugin-vue'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [vue(), tailwindcss()],
-  server: {
-    allowedHosts: true,
-  },
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-      '@Components': fileURLToPath(new URL('./src/components', import.meta.url)),
-      '@Controllers': fileURLToPath(new URL('./src/controllers', import.meta.url)),
-      '@Holos': fileURLToPath(new URL('./src/components/Holos', import.meta.url)),
-      '@Layouts': fileURLToPath(new URL('./src/layouts', import.meta.url)),
-      '@Lang': fileURLToPath(new URL('./src/lang', import.meta.url)),
-      '@Router': fileURLToPath(new URL('./src/router', import.meta.url)),
-      '@Pages': fileURLToPath(new URL('./src/pages', import.meta.url)),
-      '@Plugins': fileURLToPath(new URL('./src/plugins', import.meta.url)),
-      '@Shared': fileURLToPath(new URL('./src/components/Shared', import.meta.url)),
-      '@Services': fileURLToPath(new URL('./src/services', import.meta.url)),
-      '@Stores': fileURLToPath(new URL('./src/stores', import.meta.url)),
-    }
-  }
-})
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..bbcf80c
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+})