style: Reemplazar escala de grises por colores semánticos en auditoría

- Estadísticas de auditoría con colores apropiados:
  * Total: Negro (neutro)
  * Hoy: Azul (actividad actual)
  * Esta Semana: Indigo (período reciente)
  * Incidentes Críticos: Rojo (alerta máxima)

- Estadísticas de seguridad con colores semánticos:
  * Amenazas Detectadas: Rojo (peligro alto)
  * Intentos Fallidos: Naranja (advertencia)
  * IPs Sospechosas: Amarillo (precaución)
  * Acciones Críticas: Rojo (crítico)

- Recomendaciones de seguridad con esquema azul (informativo)

- Actualizado safelist de Tailwind con nuevos colores:
  * text-blue-600, text-indigo-600, text-red-600
  * text-orange-600, text-yellow-600
  * text-*-400 para iconos
  * bg-blue-50, bg-red-50 para fondos
  * hover:text-red-700, hover:bg-red-50

Mejora significativa en la visualización y jerarquía visual de la información.

frontend-internal/tailwind.config.js

@@ -9,8 +9,10 @@ export default {
 		'bg-indigo-600',
 		'bg-orange-600',
 		'bg-yellow-500',
+		'bg-yellow-600',
 		'bg-gray-600',
 		// Colores de severidad/riesgo
+		'bg-red-50',
 		'bg-red-100',
 		'bg-red-800',
 		'bg-orange-100',
@@ -21,6 +23,7 @@ export default {
 		'bg-yellow-100',
 		'bg-yellow-300',
 		'bg-yellow-800',
+		'bg-blue-50',
 		'bg-blue-100',
 		'bg-blue-300',
 		'bg-blue-800',
@@ -29,27 +32,38 @@ export default {
 		'bg-green-800',
 		// Bordes
 		'border-red-300',
+		'border-blue-200',
 		'border-orange-300',
 		'border-yellow-300',
 		'border-blue-300',
 		'border-green-300',
 		// Text colors
+		'text-red-400',
 		'text-red-600',
+		'text-red-700',
 		'text-red-800',
+		'text-orange-400',
 		'text-orange-600',
 		'text-orange-800',
+		'text-yellow-400',
+		'text-yellow-600',
 		'text-yellow-800',
+		'text-blue-400',
 		'text-blue-600',
 		'text-blue-800',
+		'text-blue-900',
 		'text-green-600',
 		'text-green-800',
+		'text-indigo-600',
 		'text-white',
 		// Hover states
+		'hover:bg-red-50',
 		'hover:bg-red-700',
 		'hover:bg-orange-700',
 		'hover:bg-blue-700',
-		'hover:bg-indigo-700',
 		'hover:bg-indigo-50',
+		'hover:bg-indigo-700',
+		'hover:text-red-700',
 		// Focus rings
 		'focus:ring-red-500',
 		'focus:ring-orange-500',