El dashboard de Admin Finance es el centro de la aplicacion, ofreciendo una vision completa del estado financiero con graficos interactivos, estadisticas en tiempo real y navegacion rapida a todas las funcionalidades.
Dashboard Principal
La pantalla de inicio presenta un panel con tres secciones principales:
Resumen Financiero
Tres tarjetas muestran los totales del periodo seleccionado:
- Ingresos — Total de ingresos con indicador visual de tendencia
- Egresos — Total de gastos con indicador visual de tendencia
- Balance — Diferencia entre ingresos y egresos con color condicional (verde/rojo)
Graficos de Barras Tridimensionales
Implementacion personalizada de graficos de barras en 3D usando Compose Canvas:
- Barras con efecto de profundidad (lado derecho e inferior)
- Escala de colores por tipo de transaccion
- Animaciones de entrada con easing
- Etiquetas dinamicas en el eje X que se adaptan al espacio disponible
- Soporte para gestos de toque (tap para detalles)
Grafico de Linea de Tendencias
Un grafico de linea superpuesto muestra la evolucion del balance a lo largo del tiempo, permitiendo identificar patrones y tendencias financieras.
Lista de Transacciones
La lista principal de transacciones incluye:
- Categorias de colores — Cada categoria de gasto tiene un color asociado que se refleja en la lista y los graficos
- Totales por tipo — Subtotales separados para ingresos y egresos
- Cabeceras de fecha — Agrupacion visual por dia con separadores estilizados
- Filtros por rango de fechas — Selector de fecha con calendario nativo
- Ordenamiento — Por fecha (descendente por defecto)
- Estados vacios — Mensajes contextuales cuando no hay transacciones, sin resultados, o con errores de carga
Gestion de Empresas
Admin Finance soporta multi-tenancy con gestion completa de empresas:
- Crear/Eliminar empresas — Interfaz simple para gestionar multiples companias
- Seleccion activa — Cambiar entre empresas con un toque, cambiando todas las vistas automaticamente
- Aislamiento de datos — Cada empresa tiene sus propias transacciones, facturas y configuraciones
- Exportacion por empresa — La exportacion de IVA se filtra automaticamente por la empresa seleccionada
Exportacion de IVA
Modulo dedicado para la exportacion contable:
- Filtros por periodo — Seleccion de fecha de inicio y fin
- Vista previa — Tabla interactiva con las facturas e ingresos que se exportaran
- Formatos — Exportacion estructurada para importacion en software contable
- Deducciones — Gestion y exportacion de deducciones fiscales por periodo
Accesibilidad WCAG AA
Admin Finance cumple con las normas de accesibilidad WCAG AA:
Navegacion por Teclado
- Todos los controles interactivos son accesibles con Tab/Shift+Tab
- Orden de enfoque logico en todas las pantallas
- Indicador de enfoque visible con alto contraste
- Acceso a acciones principales con Enter/Espacio
- Navegacion con flechas en listas y graficos
Soporte para Lectores de Pantalla
- Roles ARIA — ContentInfo, Navigation, Main, complementary mapeados correctamente
- Etiquetas descriptivas — Cada control tiene una etiqueta que describe su funcionalidad completa
- Actualizaciones de estado — Los cambios de estado (carga, error, datos) se anuncian al lector de pantalla
- Informacion de graficos — Los graficos tienen descripciones textuales accesibles
Contraste y Visibilidad
- Relacion de contraste minimo 4.5:1 en todo el texto
- Colores de estado (error, advertencia, exito) no dependen solo del color
- Tamanios de toque minimos de 48dp en dispositivos tactiles
- Soporte para texto escalable sin perdida de funcionalidad
Modo Oscuro
Implementacion completa de soporte para temas:
- Deteccion automatica — Detecta si el sistema operativo esta en modo oscuro o claro al iniciar
- Cambio manual — Preferencia de usuario guardada en DataStore
- Seguir al sistema — Opcion para que la app siga los cambios del sistema en tiempo real
- Paleta de colores — Sistema de temas Material 3 con colores primarios, secundarios y de fondo diferenciados