arreglado estilo del container hecho con tailwind cambiado a css moderno

ui/src/components/ui/SnackbarContainer.vue

@@ -39,9 +39,29 @@ const snackbar = useSnackbarStore()
   z-index: 1000;
 }
 
-.snackbar-item {
-  @apply pointer-events-auto text-white px-4 py-3 rounded-md shadow-lg flex items-start;
+.snackbar-item{
+  /* permite hacer clics dentro del snackbar */
+  pointer-events:auto;
+
+  /* texto blanco */
+  color:#fff;
+
+  /* px-4 py-3  →  0.75 rem arriba/abajo, 1 rem lados */
+  padding:0.75rem 1rem;
+
+  /* rounded-md ≈ 6 px */
+  border-radius:0.375rem;
+
+  /* shadow-lg de Tailwind llevado a CSS puro */
+  box-shadow:
+    0 10px 15px -3px rgba(0,0,0,.10),
+    0  4px  6px -2px rgba(0,0,0,.05);
+
+  /* flex items-start */
+  display:flex;
+  align-items:flex-start;
 }
+
 .snackbar-enter-active,
 .snackbar-leave-active {
   transition: opacity 0.35s, transform 0.35s;