Bora construir esse app de finanças pessoais! Vou criar um sistema completo e bem estruturado. Primeiro, deixa eu gerar uma inspiração de design e entender a estrutura atual do projeto.

Perfeito! Agora vou criar o app de finanças completo. Como é um projeto grande com múltiplos sistemas (Dashboard, Transações, Planejamento, Desejos, Análise, Perfil), vou organizar em tarefas.

Vou começar configurando o tema escuro moderno inspirado nas imagens geradas e criando toda a estrutura base:

Agora vou atualizar o layout e criar a store com tipos:

Agora vou criar o contexto global e os componentes principais:

Agora vou criar a pagina principal (Dashboard) e as demais paginas:

Agora vou criar a pagina de transacoes:

Agora vou criar as ultimas paginas - Analise e Perfil:

Pronto! Criei o FinanceApp completo para voce. O app inclui:

Dashboard - Visao geral com saldo do mes, saude financeira, breakdown de gastos fixos vs variaveis, resumo mensal com "sobrou/faltou", ultimas transacoes e insights automaticos.

Transacoes - Lista completa com filtros por periodo (hoje/semana/mes/ano/todas), filtro por tipo (receita/despesa fixa/variavel/investimento), busca por descricao ou categoria, e opcao de deletar.

Orcamento - Defina limites mensais por categoria e acompanhe visualmente quanto ja gastou, com indicadores verde/amarelo/vermelho.

Desejos - Crie metas financeiras (iPhone, viagem, carro), adicione valores guardados, veja porcentagem de progresso e quanto precisa guardar por mes para atingir o prazo.

Analise - Score financeiro de 0-100, taxa de poupanca, composicao de gastos, ranking de categorias e diagnosticos automaticos ("Voce esta gastando mais do que ganha", "Gastos fixos representam mais de 50%", etc).

Perfil - Configure seu nome, renda mensal e objetivo financeiro. Estatisticas de uso do app.

Tudo persiste no localStorage, com tema escuro moderno e botao flutuante "+" para adicionar transacoes rapidamente de qualquer tela.