Desenvolvimento de Sistema de Triagem Personalizado para Gestão Empresarial

Preciso de um sistema web completo para gestão de triagem de veículos e controle logístico da minha empresa. O sistema deve funcionar como um PWA (aplicativo web) e ser responsivo para uso em desktop, tablet e celular.

O que eu preciso
sistema de triagem de veículos
cadastro de motoristas com foto
cadastro de transportadoras
criação de triagens (controle de entrada/saída de caminhões)
impressão de tickets/documentos
controle de tipos de veículos
gestão de atrasos
gestão de pedidos
criar e gerenciar pedidos de carregamento
controle de quantidades
associar pedidos com triagens
status automáticos
sistema de recebimento
registro de entrada de materiais
controle de peso (bruto, tara, líquido)
gestão de fornecedores
cálculo automático de diferenças
cadastros gerais
clientes e terminais
materiais e insumos
tipos de veículos
usuários com diferentes permissões
relatórios e dashboard
dashboard com gráficos em tempo real
relatórios de triagens e recebimentos
exportação para excel/pdf
métricas de performance

tecnologias obrigatórias
frontend: react + typescript
backend: supabase (banco postgresql)
design: tailwindcss + shadcn/ui
pwa: funcionar como aplicativo instalável
responsivo: mobile-first

funcionalidades essenciais
autenticação
login/logout seguro
3 tipos de usuário: admin, usuário, checklist
perfil do usuário com foto
triagem
busca inteligente de motoristas e transportadoras
geração automática de senhas de triagem
controle de placas (cavalo + carretas)
observações e anotações
histórico completo com filtros
dashboard
gráficos de volume de triagens
ranking de usuários
últimas triagens realizadas
alertas visuais
relatórios
filtros por período, usuário, status
exportação em excel e pdf
gráficos interativos
paginação otimizada

requisitos técnicos
pwa instalável (funcionar como app nativo)
funcionar offline (cache inteligente)
tempo real (atualizações automáticas)
upload de fotos (motoristas)
impressão de documentos
exportação de relatórios
temas escuro/claro

design e ux
interface moderna e limpa
fácil de usar (funcionários de diferentes idades)
responsivo (funcionar bem no celular)
cores da empresa (laranja #d07a31)
feedbacks visuais (loading, confirmações)

exemplos de telas necessárias
login - tela de entrada
dashboard - visão geral com gráficos
nova triagem - formulário de criação
histórico - lista de triagens com filtros
cadastros - gestão de motoristas, transportadoras, etc.
Pedidos - Controle de pedidos de carregamento
Recebimento - Entrada de materiais
Relatórios - Gráficos e exportações
Perfil - Dados do usuário

DIFERENCIAIS IMPORTANTES
Sistema de triagem avulsa (sem pedido cadastrado)
Controle de motoristas bloqueados
Pesagem manual com justificativas
Fotos via webcam para motoristas
QR Code nos documentos
Cálculos automáticos de peso e diferenças

ENTREGÁVEIS
✅ Sistema completo funcionando
✅ Deploy na nuvem (Netlify/Vercel)
✅ Banco configurado (Supabase)
✅ Documentação básica
✅ Código fonte organizado
✅ Manual de uso simples