O passo a passo e o prompt para criar o seu app de finanças

Quero construir um app de finanças pessoais só para mim. Antes de escrever qualquer código, leia tudo, me explique o plano em tópicos e espere eu aprovar.

O MEU PROBLEMA
[Escreva aqui a sua situação. Exemplo: "Eu pago compras no meu cartão e depois preciso cobrar a parte da outra pessoa. Quero saber, em 3 segundos, como está o meu mês."]

QUEM USA
Uso pessoal. Eu lanço pelo celular na hora em que gasto e consulto no computador. Tudo em português do Brasil, valores em reais (R$).

TECNOLOGIA
- React + Vite + Tailwind CSS, com ícones do lucide-react e gráficos com recharts.
- Supabase para login (e-mail e senha) e banco de dados.
- RLS ligado em todas as tabelas: cada usuário só lê e escreve as próprias linhas.
- Me entregue o SQL completo para eu rodar no SQL Editor do Supabase.
- As chaves ficam no .env.local (VITE_SUPABASE_URL e VITE_SUPABASE_ANON_KEY). Nunca coloque chave no código.
- Versão instalável no celular (PWA).

O QUE O APP FAZ

1. Lançamentos
- Tipo: despesa ou receita. Campos: valor, data, categoria, subcategoria (opcional), descrição (opcional), cartão (opcional) e status pago/pendente.
- O campo de valor aceita conta: "750/5" vira 150, "120+35" vira 155.
- Atalhos de data: Hoje e Ontem.
- Repetição: única, fixa (semanal, mensal ou anual, sem fim ou com quantidade) ou parcelada (2 ou mais parcelas). As parcelas aparecem sozinhas nos meses certos, com "3/10" na descrição.
- Um botão + sempre visível para lançar rápido.

2. Visão geral do mês
- Seletor de mês.
- Cartões com receitas, despesas, saldo e economia do mês.
- Gráfico de despesas por categoria e evolução dos últimos 6 meses.
- Lançamentos recentes.
- Um botão para esconder os valores da tela.

3. Pessoas e divisão [apague se não dividir gastos com ninguém]
- Cadastro de contatos (pessoas com quem divido gastos).
- "Dividir com alguém" no lançamento: escolho a pessoa e a parte dela em % ou em reais. O app grava a minha despesa e um valor a receber dessa pessoa, de uma vez só.
- Também posso marcar um lançamento como "eu devo" ou "me deve" para alguém.
- Uma tela por pessoa com o saldo: quanto ela me deve e quanto eu devo.
- Acerto do mês: seleciono os itens pendentes (ou todos), confirmo o valor e o app registra o acerto e marca os itens como pagos.

4. Cartões e categorias
- Cadastro de cartões com nome, bandeira, cor e limite, e quanto do limite cada cartão já comprometeu.
- Categorias e subcategorias editáveis, com ícone e cor.

5. Saúde financeira
- Taxa de poupança, comprometimento da renda com gastos fixos e meses de reserva de emergência.
- Reserva de emergência com meta e saldo atual.
- Metas (ex.: viagem) com valor e quanto já foi guardado.

DESIGN
- Mobile first, tema escuro e claro.
- O mais importante do mês aparece primeiro; o resto fica para quem quiser se aprofundar.
- Lançar precisa levar poucos toques.

COMO CONSTRUIR
Construa em fases e pare no fim de cada uma para eu testar:
- Fase 1: login, lançamentos (única, fixa e parcelada) e a visão geral do mês.
- Fase 2: pessoas, dividir com alguém e acerto do mês.
- Fase 3: cartões, categorias e saúde financeira.
- Fase 4: versão instalável (PWA) e preparação para publicar na Vercel.

Se alguma regra estiver ambígua, me pergunte em vez de supor.