Fix: Rediseñar toasts completamente para acoplarse al sistema de catación

PROBLEMA: Toasts usaban estilos por defecto de Nuxt UI que no se acoplaban al diseño outline/terminal

SOLUCIÓN:
- Cambiar app.config.ts para usar clases CSS personalizadas en lugar de sintaxis arbitraria de Tailwind
- Agregar estilos CSS completos en main.css usando variables del sistema (--cata-bg, --cata-fg, --cata-primary)
- Implementar todas las variantes (primary, success, error, warning, info, neutral)

ESTILOS APLICADOS:
- Fondo: var(--cata-bg) en claro, negro 95% opaco en oscuro
- Bordes: outline usando var(--cata-primary) con opacidades
- Texto: fuente monospace en modo oscuro con text-shadow
- Iconos: colores específicos por tipo con drop-shadow en oscuro
- Efectos glow: sombras sutiles en modo oscuro según tipo
- IMPORTANTE: Usar !important para sobrescribir estilos de Nuxt UI

nuxt4/app.config.ts

@@ -162,88 +162,38 @@ export default defineAppConfig({
       },
     },
 
-    // Notifications (Toast): Estilo outline/terminal del sistema de catación
+    // Notifications (Toast): Usar clases personalizadas definidas en main.css
     notification: {
       slots: {
-        root: [
-          'bg-[var(--cata-bg)] border border-[var(--cata-primary)]',
-          'dark:bg-black/95 dark:border-[var(--cata-primary)]',
-          'rounded-md p-4',
-        ],
-        wrapper: 'w-full flex gap-3',
-        title: [
-          'text-[var(--cata-fg)] font-semibold text-sm',
-          'dark:font-mono dark:font-light',
-          'dark:[text-shadow:0_0_2px_currentColor]',
-        ],
-        description: [
-          'text-[var(--cata-fg)] opacity-75 text-xs',
-          'dark:font-mono dark:font-light',
-          'dark:[text-shadow:0_0_1px_currentColor]',
-        ],
-        icon: [
-          'shrink-0 w-5 h-5',
-          'text-[var(--cata-fg)]',
-          'dark:[filter:drop-shadow(0_0_2px_currentColor)]',
-        ],
+        root: 'cata-toast-root',
+        wrapper: 'cata-toast-wrapper',
+        title: 'cata-toast-title',
+        description: 'cata-toast-description',
+        icon: 'cata-toast-icon',
         avatar: 'shrink-0',
-        actions: 'flex gap-1.5 shrink-0 mt-2',
-        close: [
-          'shrink-0',
-          'text-[var(--cata-fg)]',
-          'hover:opacity-80',
-        ],
-        progress: 'absolute inset-x-0 bottom-0 h-0.5 bg-[var(--cata-primary)] opacity-50',
+        actions: 'cata-toast-actions',
+        close: 'cata-toast-close',
+        progress: 'cata-toast-progress',
       },
       variants: {
         color: {
           primary: {
-            root: [
-              'border-[var(--cata-primary)]/50',
-              'dark:border-[var(--cata-primary)]',
-              'dark:shadow-[0_0_12px_rgba(0,255,0,0.2)]',
-            ],
-            icon: 'text-[var(--cata-primary)]',
+            root: 'cata-toast-primary',
           },
           success: {
-            root: [
-              'border-green-600/50 dark:border-green-500',
-              'dark:shadow-[0_0_12px_rgba(0,255,0,0.25)]',
-            ],
-            icon: 'text-green-600 dark:text-green-500',
-            progress: 'bg-green-600 dark:bg-green-500',
+            root: 'cata-toast-success',
           },
           error: {
-            root: [
-              'border-red-600/50 dark:border-red-500',
-              'dark:shadow-[0_0_12px_rgba(255,0,0,0.25)]',
-            ],
-            icon: 'text-red-600 dark:text-red-500',
-            progress: 'bg-red-600 dark:bg-red-500',
+            root: 'cata-toast-error',
           },
           warning: {
-            root: [
-              'border-yellow-600/50 dark:border-yellow-500',
-              'dark:shadow-[0_0_12px_rgba(255,255,0,0.25)]',
-            ],
-            icon: 'text-yellow-600 dark:text-yellow-500',
-            progress: 'bg-yellow-600 dark:bg-yellow-500',
+            root: 'cata-toast-warning',
           },
           info: {
-            root: [
-              'border-blue-600/50 dark:border-blue-500',
-              'dark:shadow-[0_0_12px_rgba(70,130,180,0.25)]',
-            ],
-            icon: 'text-blue-600 dark:text-blue-500',
-            progress: 'bg-blue-600 dark:bg-blue-500',
+            root: 'cata-toast-info',
           },
           neutral: {
-            root: [
-              'border-gray-500/50 dark:border-gray-500',
-              'dark:shadow-[0_0_12px_rgba(128,128,128,0.2)]',
-            ],
-            icon: 'text-gray-600 dark:text-gray-400',
-            progress: 'bg-gray-600 dark:bg-gray-500',
+            root: 'cata-toast-neutral',
           },
         },
       },