O sistema de loja que eu monto em 1 hora e vendo por R$500

Quero que você crie um sistema completo de gestão para uma loja de roupas que vende pelo Instagram. É para uso pessoal da dona da loja, então precisa ser 100% local, funcionar offline (sem internet), sem banco na nuvem, sem login e sem nenhum custo mensal.

Tecnologia: HTML + CSS próprio (NÃO use Tailwind nem nada via CDN, pra funcionar offline) + JavaScript puro, sem etapa de build. Os dados ficam salvos no navegador usando IndexedDB. A dona abre o sistema dando dois cliques no index.html.

Faça um menu lateral fixo, tema ESCURO, visual moderno e minimalista (estilo dashboard premium), com cards de métrica. Crie estes módulos:
- Dashboard: faturamento do mês, lucro do mês, peças em estoque, clientes ativos, peças vendidas e ticket médio.
- Fornecedores: cadastro (nome, telefone, cidade).
- Compras: registrar pedidos a fornecedores com vários itens (peça, categoria, tamanho, cor, quantidade, custo unitário) e frete.
- Estoque: controle por VARIAÇÃO — cada combinação de peça + tamanho + cor é um item separado. Mostrar quantidade, custo, preço de venda, margem e status (disponível / estoque baixo / esgotado), com busca e filtros.
- Vendas: registrar venda com cliente, forma de pagamento, desconto e itens.
- Clientes: nome, telefone, cidade e aniversário; mostrar total gasto e última compra.
- Resumo Mensal: visão por mês.
- Configurações: categorias, tamanhos e formas de pagamento editáveis.

Organize o código em arquivos separados (banco de dados, regras de negócio, componentes de tela, telas e inicialização). Comece criando a estrutura de pastas e um esqueleto navegável já com o tema escuro aplicado. No fim, me mostre como abrir e o que você criou, pra eu seguir pros próximos prompts.

Agora implemente as regras de negócio que fazem o sistema calcular o LUCRO REAL. Esse é o grande diferencial, então capriche:

1. Ao registrar uma compra, RATEIE o frete entre as peças proporcionalmente ao valor de cada uma e some esse frete ao custo. Assim o custo de cada peça no estoque já inclui o frete.
2. Se a mesma peça (mesma variação) for comprada de novo com custo diferente, recalcule o CUSTO MÉDIO PONDERADO no estoque.
3. Ao registrar uma venda, calcule o lucro da venda = preço vendido − custo médio das peças vendidas − desconto.
4. Ao salvar uma compra, os itens devem ENTRAR no estoque automaticamente. Ao salvar uma venda, devem SAIR do estoque automaticamente.
5. Não permita vender mais do que existe em estoque.
6. Atualize sozinho o total comprado e a data da última compra de cada cliente.

Quando terminar, rode um teste rápido com números inventados (uma compra com frete e uma venda) e me mostre o resultado, pra eu conferir que o frete rateado, o custo médio e o lucro estão corretos.

Deixe o sistema separar tudo por mês, sem misturar um mês com o outro:

- No Dashboard, coloque um seletor de mês em ordem de calendário (Janeiro a Dezembro), com o mês atual já selecionado. Ao trocar o mês, os cards de métrica e um gráfico de barras de vendas dia a dia daquele mês devem se atualizar.
- Na tela de Resumo Mensal, ao escolher um mês, mostre: faturamento, lucro, custo das peças vendidas, número de vendas, peças mais vendidas (ranking), clientes que mais compraram, total gasto com fornecedores e frete total do mês.

Garanta que os números de um mês NUNCA apareçam somados com os de outro. Depois me mostre as duas telas funcionando.

Na tela de Estoque, dê controle total dos produtos para a dona da loja:

- Botão para EDITAR qualquer item (nome, categoria, tamanho, cor, quantidade, custo e preço de venda).
- Permitir AJUSTAR a quantidade na mão (para contagem de estoque, perda ou devolução).
- Botão para EXCLUIR um item.
- Botão para ADICIONAR um produto manualmente, sem precisar registrar uma compra.
- Destacar visualmente os itens com estoque baixo.

No Dashboard, adicione dois painéis:
- Aniversariantes da semana (a partir da data de aniversário dos clientes).
- Alerta de estoque baixo (itens que chegaram no limite, que deve ser configurável nas Configurações; use 3 como padrão).

Me mostre como ficou.

Agora proteja os dados da loja:

- Em Configurações, crie "Exportar backup", que gera um arquivo .json com TODOS os dados, e "Importar backup", que restaura a partir desse arquivo.
- Crie também um botão "Carregar dados de exemplo" (para demonstração) e um "Apagar tudo" (com confirmação).
- Mostre um aviso claro lembrando a dona de salvar o arquivo de backup dentro de uma pasta do OneDrive ou Google Drive, para subir pra nuvem automaticamente.

Importante: explique pra mim, em linguagem bem simples (para uma pessoa que não entende de tecnologia), como ela deve fazer backup toda semana e por que isso é essencial.

Personalize o sistema inteiro para a marca de uma cliente específica. Vou te passar os dados:

1. Nome da loja: [ESCREVA O NOME DA LOJA]
2. Cores da marca: [COR PRINCIPAL e COR DE DESTAQUE — pode descrever, ex.: "vinho com rosa", ou colar um print do logo]
3. Logo: [se tiver, descreva ou anexe a imagem]

Aplique a paleta da marca no tema todo: fundo, botões, destaques, cards e gráficos. Troque o nome da loja e o ícone no menu lateral e gere um favicon combinando. Deixe tudo com a identidade visual dela, pra parecer um sistema feito sob medida. No fim, me mostre o resultado para eu aprovar.

Por fim, prepare a entrega para a cliente:

- Crie um arquivo INSTALACAO.md em linguagem bem simples: como abrir o sistema, como criar um atalho na área de trabalho e como fazer backup.
- Crie um arquivo MANUAL.md ensinando a usar cada tela, passo a passo, para uma pessoa que não entende de tecnologia.
- Me explique como compactar a pasta inteira em um arquivo .zip para eu enviar pra cliente pelo WhatsApp, e o passo a passo que ela vai seguir para abrir.

Escreva todos os textos com carinho, claros e sem termos técnicos, como se estivesse falando com uma amiga dona de loja.

Quero evoluir este sistema para uma versão PRO, com banco de dados em arquivo e BACKUP AUTOMÁTICO, mantendo todas as telas e regras que já existem.

Transforme em um app local servido por um pequeno servidor em Node, SEM dependências externas: use o SQLite embutido do Node (node:sqlite), pra não precisar de "npm install" nem internet. Requisitos:

- Os dados passam a ser gravados em um arquivo loja.db (SQLite), no lugar do navegador. Reaproveite TODO o front-end atual; troque só a camada de dados para conversar com o servidor por uma API local.
- A dona inicia o sistema com um atalho .bat que sobe o servidor e abre o navegador em localhost automaticamente.
- BACKUP AUTOMÁTICO: a cada alteração, grave no loja.db e gere uma cópia datada por dia numa pasta backups/ (ex.: loja-2026-06-17.db), mantendo os últimos 30 dias. Se a pasta estiver no OneDrive/Drive, a nuvem sobe sozinha — sem a dona clicar em nada.
- Se a janela do servidor for fechada, a página deve detectar (com um "heartbeat" a cada poucos segundos) e mostrar um aviso em tela cheia: "Sistema encerrado, pode fechar esta aba". Sirva os arquivos com cache desativado pra nunca pegar versão antiga.
- Crie um guia INSTALACAO-PRO explicando instalar o Node uma vez (nodejs.org, versão LTS) e usar o atalho.

No fim, me explique em uma frase a diferença pra cliente: a versão simples não instala nada e o backup é manual; esta versão Pro pede instalar o Node uma vez, mas o backup é automático.