Una vez autenticado en el Panel de NeonCommunity, es importante familiarizarse con la estructura y navegación del sistema. La interfaz está diseñada para ser intuitiva y adaptarse a diferentes dispositivos y roles de usuario.

---

El panel está organizado en tres componentes principales:

• Logo y marca de NeonCommunity
• Menús de navegación principales
• Botón de administración (solo staff)
• Menú de usuario con avatar
• Botón de login (si no estás autenticado)

• Herramientas administrativas
• Gestión de sanciones
• Panel de moderación
• Configuración del sistema

• Páginas dinámicas según navegación
• Formularios y tablas de datos
• Estadísticas y gráficos
• Información contextual

---

• Logo de NeonCommunity en la esquina izquierda
• Nombre de la comunidad junto al logo
• Clic en el logo → Regresa a la página de inicio
• Animación hover → El logo rota y brilla

• Acceso directo a la página principal
• Dashboard con información general
• Noticias y anuncios importantes

Al hacer hover sobre "Explorar":

• 🗄️ Servidores

  • Estado de servidores SCP:SL
  • Información de conectividad
  • Jugadores en línea

• 👥 Miembros

  • Lista de miembros de la comunidad
  • Estadísticas generales
  • Rankings públicos

Menú específico para jugadores registrados:

• 📊 Estadísticas

  • Tus estadísticas personales
  • Tiempo de juego
  • Roles más jugados

• ⚖️ Infracciones

  • Historial de sanciones
  • Warns activos
  • Apelaciones pendientes

• 🚩 Reportar

  • Crear nuevos reportes
  • Reportar jugadores problemáticos
  • Seguimiento de reportes

• Acceso directo al panel administrativo
• Gestión de usuarios
• Herramientas de moderación

• Imagen de tu perfil de Discord
• Hover effect → Se agranda y brilla
• Clic → Abre menú desplegable

• Nombre de Discord
• Rol principal en la comunidad
• Avatar grande en el menú

• 👤 Perfil → Ver y editar tu perfil
• 🚪 Cerrar Sesión → Salir del panel

---

• Botón de panel en la barra superior (icono de admin)
• Solo visible para usuarios con rol de staff
• Se despliega desde la izquierda

• Lista completa de usuarios registrados
• Buscar y filtrar usuarios
• Editar perfiles de otros usuarios
• Asignar roles y permisos

• Crear Ban → Banear jugadores
• Crear Warn → Advertir usuarios
• Crear Mute → Silenciar en chat
• Gestionar sanciones existentes
• Revocar o modificar sanciones

• Cola de reportes pendientes
• Investigar reportes de jugadores
• Aceptar o rechazar reportes
• Comunicación con reportantes

• Logs de auditoría del sistema
• Actividad de moderadores
• Estadísticas de la comunidad
• Reportes de uso

• Discord → Sincronizar roles
• SCP:SL → Aplicar sanciones al juego
• Estado de sincronización

• Parámetros del sistema
• Personalización de mensajes
• Configuración de automatización

---

En dispositivos móviles aparece un botón de menú (tres líneas):

• Ubicación: Esquina superior izquierda
• Función: Despliega el menú de navegación
• Animación: Suave deslizamiento desde la izquierda

• 🏠 Inicio
• 🗄️ Servidores
• 👥 Miembros

• 👤 Jugadores
• 📊 Estadísticas
• ⚖️ Infracciones
• 🚩 Reportar

• 🔧 Administración
• Acceso a herramientas de moderación

• Menú deslizante desde la izquierda
• Fondo semi-transparente para cerrar
• Iconos grandes fáciles de tocar
• Texto claro y legible
• Smooth animations para mejor UX

---

• Detección automática de preferencia del sistema
• Aplicación inmediata sin recargar la página
• Sincronización con configuración del dispositivo

Modo Oscuro (Predeterminado):

• Fondo negro/gris oscuro
• Texto blanco/gris claro
• Acentos en azul/morado
• Menor fatiga visual para gaming

Modo Claro:

• Fondo blanco/gris claro
• Texto negro/gris oscuro
• Acentos más vibrantes
• Mayor contraste para lectura

• Menús horizontales expandidos
• Sidebar completo para staff
• Tooltips informativos
• Hover effects avanzados

• Menú compacto hamburguesa
• Botones táctiles grandes
• Scrolling optimizado
• Gestos intuitivos

• Híbrido entre móvil y escritorio
• Menús adaptativos según orientación
• Touch optimizado

---

• 🏠 Página de inicio
• 🗄️ Estado de servidores
• 👥 Lista de miembros
• 👤 Su propio perfil
• 📊 Sus propias estadísticas
• ⚖️ Sus propias infracciones
• 🚩 Crear reportes

• ❌ Panel de administración
• ❌ Perfiles de otros usuarios
• ❌ Crear sanciones
• ❌ Gestionar reportes
• ❌ Configuración del sistema

• 🔧 Panel administrativo básico
• 👥 Perfiles de otros usuarios
• ⚖️ Crear y gestionar sanciones
• 📋 Gestionar reportes
• 📊 Logs de auditoría básicos
• 🔍 Buscar usuarios

• ❌ Configuración del sistema
• ❌ Gestión de roles
• ❌ Configuración de sincronización
• ❌ Administración avanzada

• 🌐 Todo lo anterior
• ⚙️ Configuración completa del sistema
• 👥 Gestión de roles y permisos
• 🔄 Configuración de sincronización
• 📊 Estadísticas completas del sistema
• 🛠️ Herramientas de mantenimiento

---

• Ctrl + / → Buscar (si disponible)
• Esc → Cerrar menús desplegables
• Tab → Navegar entre elementos
• Enter → Activar botones/enlaces

• Hover sobre menús → Despliega automáticamente
• Clic fuera → Cierra menús abiertos
• Scroll → Navegación suave en listas
• Double-clic → Acciones rápidas (donde aplique)

• Tap → Seleccionar/activar
• Swipe left → Abrir menú lateral
• Swipe right → Cerrar menú
• Pull to refresh → Actualizar datos

• Barra de búsqueda (staff)
• Filtros avanzados en listas
• Búsqueda por SteamID o Discord
• Autocompletado inteligente

---

• Verifica JavaScript habilitado
• Actualiza la página
• Limpia caché del navegador
• Prueba en modo incógnito

• Confirma tu rol en Discord
• Espera sincronización (5 minutos máx.)
• Cierra y abre sesión nuevamente
• Contacta administrador si persiste

• Actualiza navegador móvil
• Verifica zoom (100% recomendado)
• Rota dispositivo para probar
• Prueba otro navegador

• Problema de hover en desktop
• Mueve el ratón lentamente
• Verifica que no hay conflictos de CSS
• Reporta el bug si persiste

---

• Autenticación - Login y cuentas vinculadas
• Gestión de Perfil - Personalizar tu cuenta
• Panel de Moderación - Herramientas de staff
• Problemas Comunes - Soluciones rápidas

---