Hugging Face's logo

Spaces:
EraDigital
/
arcq_set25
Running

App Files Community
EraDigital commited on
Commit
ca85869
·
verified ·
1 Parent(s): 328fffb

criar uma análise financeira completa de fluxo de caixa a partir dos dados colados do relatório. Considerar Setembro como mês de fechamento e destacar os pontos principais como Receitas totais, Despesas totais, resultado operacional, lucro líquido, margem de contribuição, etc. Detalhar a composição das despesas e receitas (incluir a divisão das receitas, Receitas de Trafego, de Web, de Serviços, etc) e informar o PLR. Inclui também uma análise com principais pontos de atenção e diretrizes. Citar as principais oscilações comparadas ao mês passado. Incluir uma projeção do fluxo da caixa. Seguem dados: FLUXO DE CAIXA Realizado (R$) Realizado (R$) Realizado (R$) Realizado (R$) Realizado (R$) Realizado (R$) Realizado (R$) Realizado (R$) Realizado (R$) Previsto (R$) Previsto (R$) Realizado (R$)

Browse files

CATEGORIAS jan/25 fev/25 mar/25 abr/25 mai/25 jun/25 jul/25 ago/25 set/25 out/25 nov/25 dez/25
Saldo do Mês Anterior R$ 57.765 R$ 52.114 R$ 50.371 R$ 46.703 R$ 42.816 R$ 42.529 R$ 44.457 R$ 36.478 R$ 25.195 R$ 28.626 R$ 34.269 R$ 41.854
Total de Recebimentos R$ 32.757 R$ 36.279 R$ 37.684 R$ 34.902 R$ 34.148 R$ 42.104 R$ 33.888 R$ 44.910 R$ 46.258 R$ 53.236 R$ 49.729 R$ 47.920
3.01 Receitas de Vendas e de Serviços R$ 30.291 R$ 35.806 R$ 37.240 R$ 34.097 R$ 33.737 R$ 42.104 R$ 33.888 R$ 43.745 R$ 46.258 R$ 53.236 R$ 49.729 R$ 47.920
HOSPEDAGEM R$ - R$ 250 R$ 250 R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ -
Receita de Tráfego R$ 22.815 R$ 23.843 R$ 25.170 R$ 19.145 R$ 23.370 R$ 32.961 R$ 27.074 R$ 34.795 R$ 30.949 R$ 37.500 R$ 31.731 R$ 30.156
Receitas de Serviços R$ - R$ 497 R$ 497 R$ - R$ 1.216 R$ 547 R$ 829 R$ 714 R$ 5.490 R$ 10.235 R$ 12.012 R$ 11.779
Receitas de Web Design R$ 7.476 R$ 11.217 R$ 11.324 R$ 14.952 R$ 9.151 R$ 8.596 R$ 5.985 R$ 8.236 R$ 8.135 R$ 7.185 R$ 5.985 R$ 5.985
3.02 Receitas Financeiras R$ 2.466 R$ 473 R$ - R$ 805 R$ 412 R$ - R$ - R$ - R$ - R$ - R$ - R$ -
Rendimentos de Aplicações R$ 2.466 R$ 473 R$ - R$ 805 R$ 412 R$ - R$ - R$ - R$ - R$ - R$ - R$ -
3.03 Outras Receitas e Entradas R$ - R$ - R$ 444 R$ - R$ - R$ - R$ - R$ 1.166 R$ - R$ - R$ - R$ -
Reembolso R$ - R$ - R$ 444 R$ - R$ - R$ - R$ - R$ 1.166 R$ - R$ - R$ - R$ -
Total de Pagamentos -R$ 38.408 -R$ 38.022 -R$ 41.353 -R$ 38.789 -R$ 38.435 -R$ 46.177 -R$ 43.866 -R$ 44.193 -R$ 50.352 -R$ 43.278 -R$ 42.143 -R$ 38.501
4.01 Impostos sobre Vendas e sobre Serviços -R$ 2.754 -R$ 2.177 -R$ 3.447 -R$ 2.763 -R$ 2.227 -R$ 3.029 -R$ 3.047 -R$ 3.290 -R$ 3.981 -R$ 2.000 -R$ 2.000 -R$ 2.000
Simples Nacional - DAS -R$ 2.754 -R$ 2.177 -R$ 3.447 -R$ 2.763 -R$ 2.227 -R$ 3.029 -R$ 3.047 -R$ 3.290 -R$ 3.981 -R$ 2.000 -R$ 2.000 -R$ 2.000
4.02 Despesas com Vendas e Serviços -R$ 2.690 -R$ 6.214 -R$ 6.514 -R$ 6.253 -R$ 7.581 -R$ 10.308 -R$ 7.792 -R$ 8.205 -R$ 9.666 -R$ 6.719 -R$ 6.040 -R$ 5.876
CRM R$ - R$ - R$ - R$ - -R$ 171 -R$ 815 R$ - -R$ 331 -R$ 1.649 -R$ 540 -R$ 164 R$ -
Comissões de Vendedores R$ - R$ - R$ - R$ - R$ - R$ - R$ - -R$ 459 R$ - R$ - R$ - R$ -
Desenvolvimento Web R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - -R$ 525 -R$ 525 -R$ 350 -R$ 350
Despesas com reembolso R$ - R$ - R$ - R$ - R$ - -R$ 1.131 R$ - R$ - R$ - R$ - R$ - R$ -
Manutenção -R$ 417 -R$ 582 -R$ 582 -R$ 582 -R$ 669 -R$ 769 -R$ 769 -R$ 841 -R$ 901 -R$ 901 -R$ 412 -R$ 412
Materiais Aplicados na Prestação de Serviços R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - -R$ 938 -R$ 533 -R$ 533 -R$ 533
Remuneração de prestadores de serviço -R$ 2.274 -R$ 5.631 -R$ 5.932 -R$ 5.670 -R$ 4.760 -R$ 4.624 -R$ 4.053 -R$ 2.353 -R$ 1.253 R$ - R$ - R$ -
Social mídia R$ - R$ - R$ - R$ - -R$ 1.980 -R$ 2.970 -R$ 2.970 -R$ 4.220 -R$ 4.400 -R$ 4.220 -R$ 4.580 -R$ 4.580
Total de custos variáveis -R$ 5.444 -R$ 8.391 -R$ 9.961 -R$ 9.016 -R$ 9.808 -R$ 13.338 -R$ 10.839 -R$ 11.495 -R$ 13.648 -R$ 8.719 -R$ 8.040 -R$ 7.876
Margem de Contribuição R$ 24.847 R$ 27.416 R$ 27.279 R$ 25.081 R$ 23.929 R$ 28.766 R$ 23.048 R$ 32.250 R$ 32.611 R$ 44.517 R$ 41.689 R$ 40.045
4.03 Despesas com Salários e Encargos -R$ 7.811 -R$ 2.305 -R$ 7.513 -R$ 6.909 -R$ 5.909 -R$ 6.909 -R$ 7.465 -R$ 7.669 -R$ 10.146 -R$ 9.242 -R$ 9.242 -R$ 7.486
Pró-labore -R$ 5.006 R$ - -R$ 5.208 -R$ 2.604 -R$ 2.604 -R$ 2.604 -R$ 2.604 -R$ 2.604 -R$ 3.036 -R$ 3.036 -R$ 3.036 -R$ 3.036
Remuneração de Autônomos -R$ 2.805 -R$ 2.305 -R$ 2.305 -R$ 4.305 -R$ 3.305 -R$ 4.305 -R$ 4.861 -R$ 5.065 -R$ 7.110 -R$ 6.206 -R$ 6.206 -R$ 4.450
4.04 Despesas com Colaboradores -R$ 575 -R$ 197 -R$ 197 -R$ 197 -R$ 197 -R$ 494 -R$ 197 -R$ 100 -R$ 1.100 -R$ 100 -R$ 100 -R$ 100
Cursos e Treinamentos -R$ 575 -R$ 197 -R$ 197 -R$ 197 -R$ 197 -R$ 494 -R$ 197 -R$ 100 -R$ 1.100 -R$ 100 -R$ 100 -R$ 100
4.05 Despesas Administrativas -R$ 1.777 -R$ 3.991 -R$ 3.777 -R$ 2.195 -R$ 2.310 -R$ 3.551 -R$ 2.403 -R$ 2.220 -R$ 2.656 -R$ 3.790 -R$ 3.621 -R$ 1.898
Honorários Advocatícios R$ - -R$ 567 -R$ 283 R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ -
Honorários Contábeis -R$ 350 -R$ 380 -R$ 380 -R$ 380 -R$ 380 -R$ 380 -R$ 380 -R$ 380 -R$ 380 -R$ 380 -R$ 380 -R$ 380
Materiais de Escritório -R$ 485 -R$ 291 -R$ 291 -R$ 460 -R$ 390 -R$ 390 -R$ 390 -R$ 390 -R$ 390 -R$ 390 -R$ 390 -R$ 390
Retenção - GPS 2631 - INSS -R$ 311 -R$ 334 -R$ 334 -R$ 334 -R$ 334 -R$ 334 -R$ 334 -R$ 334 -R$ 334 -R$ 334 -R$ 334 -R$ 334
Sistemas -R$ 631 -R$ 2.419 -R$ 2.414 -R$ 903 -R$ 1.206 -R$ 2.447 -R$ 1.004 -R$ 1.005 -R$ 1.441 -R$ 2.686 -R$ 2.517 -R$ 794
outras despesas R$ - R$ - -R$ 74 -R$ 119 R$ - R$ - R$ - -R$ 111 -R$ 111 R$ - R$ - R$ -
taxa de licença R$ - R$ - R$ - R$ - R$ - R$ - -R$ 296 R$ - R$ - R$ - R$ - R$ -
4.06 Despesas Comerciais -R$ 191 -R$ 470 -R$ 402 -R$ 966 -R$ 709 -R$ 331 -R$ 1.462 -R$ 1.210 -R$ 1.685 -R$ 300 R$ - R$ -
Brindes para Clientes R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - -R$ 300 R$ - R$ -
Marketing e Publicidade -R$ 191 -R$ 470 -R$ 402 -R$ 966 -R$ 709 -R$ 331 -R$ 1.041 -R$ 1.210 -R$ 1.685 R$ - R$ - R$ -
Viagens e Representações R$ - R$ - R$ - R$ - R$ - R$ - -R$ 421 R$ - R$ - R$ - R$ - R$ -
4.07 Despesas com Imóvel -R$ 205 -R$ 100 -R$ 100 -R$ 100 -R$ 100 -R$ 100 -R$ 100 -R$ 100 -R$ 89 -R$ 164 -R$ 177 -R$ 177
Aluguel -R$ 205 -R$ 100 -R$ 100 -R$ 100 -R$ 100 -R$ 100 -R$ 100 -R$ 100 -R$ 89 -R$ 164 -R$ 177 -R$ 177
Custos fixos -R$ 10.559 -R$ 7.062 -R$ 11.989 -R$ 10.367 -R$ 9.224 -R$ 11.385 -R$ 11.627 -R$ 11.298 -R$ 15.675 -R$ 13.595 -R$ 13.140 -R$ 9.661
Lucro Operacional R$ 14.289 R$ 20.353 R$ 15.290 R$ 14.714 R$ 14.704 R$ 17.381 R$ 11.422 R$ 20.951 R$ 16.936 R$ 30.922 R$ 28.549 R$ 30.383
4.09 Despesas com Diretoria -R$ 19.396 -R$ 19.396 -R$ 19.396 -R$ 19.396 -R$ 19.396 -R$ 21.396 -R$ 21.396 -R$ 21.396 -R$ 20.964 -R$ 20.964 -R$ 20.964 -R$ 20.964
PLR - Participação nos Lucros e Resultados -R$ 19.396 -R$ 19.396 -R$ 19.396 -R$ 19.396 -R$ 15.396 -R$ 15.396 -R$ 19.396 -R$ 33.396 -R$ 14.964 -R$ 26.964 -R$ 20.964 -R$ 20.964
4.10 Despesas Financeiras -R$ 9 -R$ 12 -R$ 6 -R$ 9 -R$ 6 -R$ 58 -R$ 4 -R$ 4 -R$ 14 R$ - R$ - R$ -
Tarifas Bancárias R$ - -R$ 12 -R$ 6 -R$ 9 -R$ 6 -R$ 58 -R$ 4 -R$ 4 -R$ 14 R$ - R$ - R$ -
Tarifas de Cartões de Crédito -R$ 9 R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ -
4.11 Outras Despesas R$ - -R$ 161 R$ - R$ - R$ - R$ - R$ - R$ - -R$ 52 R$ - R$ - R$ -
Despesas a identificar R$ - -R$ 161 R$ - R$ - R$ - R$ - R$ - R$ - -R$ 52 R$ - R$ - R$ -
5.01 Bens Imobilizados da Empresa -R$ 3.000 -R$ 3.000 R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ -
Investimento em cursos ou consultoria -R$ 3.000 -R$ 3.000 R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ - R$ -
Geração de Caixa do Período -R$ 5.651 -R$ 1.743 -R$ 3.668 -R$ 3.887 -R$ 4.286 -R$ 4.073 -R$ 9.978 R$ 717 -R$ 4.094 R$ 9.958 R$ 7.585 R$ 9.419
Saldo Final de Caixa R$ 52.114 R$ 50.371 R$ 46.703 R$ 42.816 R$ 42.529 R$ 44.457 R$ 36.478 R$ 25.195 R$ 25.417 R$ 34.269 R$ 41.854 R$ 51.273

Files changed (2) hide show
  1. README.md +7 -4
  2. index.html +488 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Cashflow Master 3000
3
- emoji: 📊
4
  colorFrom: red
5
- colorTo: purple
 
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
1
  ---
2
+ title: CashFlow Master 3000 🚀
 
3
  colorFrom: red
4
+ colorTo: red
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,489 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Análise Financeira - Setembro/2025</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ primary: '#4F46E5',
16
+ secondary: '#10B981',
17
+ danger: '#EF4444',
18
+ warning: '#F59E0B',
19
+ dark: '#1F2937',
20
+ }
21
+ }
22
+ }
23
+ }
24
+ </script>
25
+ </head>
26
+ <body class="bg-gray-50 font-sans">
27
+ <!-- Header -->
28
+ <header class="bg-white shadow-sm">
29
+ <div class="max-w-7xl mx-auto px-4 py-6 sm:px-6 lg:px-8 flex justify-between items-center">
30
+ <div>
31
+ <h1 class="text-3xl font-bold text-gray-900">CashFlow Master 3000</h1>
32
+ <p class="text-gray-600">Análise financeira completa para Setembro/2025</p>
33
+ </div>
34
+ <div class="flex items-center space-x-4">
35
+ <span class="px-4 py-2 bg-primary text-white rounded-full text-sm font-medium">Setembro/2025</span>
36
+ <button class="p-2 rounded-full bg-gray-100 text-gray-600 hover:bg-gray-200">
37
+ <i data-feather="download"></i>
38
+ </button>
39
+ </div>
40
+ </div>
41
+ </header>
42
+
43
+ <main class="max-w-7xl mx-auto px-4 py-8 sm:px-6 lg:px-8">
44
+ <!-- Summary Cards -->
45
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
46
+ <!-- Total Revenue -->
47
+ <div class="bg-white p-6 rounded-xl shadow-sm border-l-4 border-primary">
48
+ <div class="flex justify-between">
49
+ <div>
50
+ <p class="text-sm font-medium text-gray-500">Receitas Totais</p>
51
+ <h2 class="text-2xl font-bold text-gray-900 mt-1">R$ 46.258</h2>
52
+ </div>
53
+ <div class="h-10 w-10 rounded-full bg-primary bg-opacity-10 flex items-center justify-center">
54
+ <i data-feather="dollar-sign" class="text-primary"></i>
55
+ </div>
56
+ </div>
57
+ <p class="text-sm text-gray-500 mt-2">+7.3% vs Agosto</p>
58
+ </div>
59
+
60
+ <!-- Total Expenses -->
61
+ <div class="bg-white p-6 rounded-xl shadow-sm border-l-4 border-danger">
62
+ <div class="flex justify-between">
63
+ <div>
64
+ <p class="text-sm font-medium text-gray-500">Despesas Totais</p>
65
+ <h2 class="text-2xl font-bold text-gray-900 mt-1">R$ 50.352</h2>
66
+ </div>
67
+ <div class="h-10 w-10 rounded-full bg-danger bg-opacity-10 flex items-center justify-center">
68
+ <i data-feather="trending-down" class="text-danger"></i>
69
+ </div>
70
+ </div>
71
+ <p class="text-sm text-gray-500 mt-2">+13.9% vs Agosto</p>
72
+ </div>
73
+
74
+ <!-- Operating Result -->
75
+ <div class="bg-white p-6 rounded-xl shadow-sm border-l-4 border-secondary">
76
+ <div class="flex justify-between">
77
+ <div>
78
+ <p class="text-sm font-medium text-gray-500">Resultado Operacional</p>
79
+ <h2 class="text-2xl font-bold text-gray-900 mt-1">R$ 16.936</h2>
80
+ </div>
81
+ <div class="h-10 w-10 rounded-full bg-secondary bg-opacity-10 flex items-center justify-center">
82
+ <i data-feather="activity" class="text-secondary"></i>
83
+ </div>
84
+ </div>
85
+ <p class="text-sm text-gray-500 mt-2">-19.2% vs Agosto</p>
86
+ </div>
87
+
88
+ <!-- Net Profit -->
89
+ <div class="bg-white p-6 rounded-xl shadow-sm border-l-4 border-warning">
90
+ <div class="flex justify-between">
91
+ <div>
92
+ <p class="text-sm font-medium text-gray-500">PLR</p>
93
+ <h2 class="text-2xl font-bold text-gray-900 mt-1">R$ 14.964</h2>
94
+ </div>
95
+ <div class="h-10 w-10 rounded-full bg-warning bg-opacity-10 flex items-center justify-center">
96
+ <i data-feather="award" class="text-warning"></i>
97
+ </div>
98
+ </div>
99
+ <p class="text-sm text-gray-500 mt-2">-55.2% vs Agosto</p>
100
+ </div>
101
+ </div>
102
+
103
+ <!-- Revenue Composition -->
104
+ <div class="bg-white p-6 rounded-xl shadow-sm mb-8">
105
+ <div class="flex justify-between items-center mb-6">
106
+ <h2 class="text-lg font-bold text-gray-900">Composição das Receitas</h2>
107
+ <div class="flex space-x-2">
108
+ <button class="px-3 py-1 text-sm bg-primary text-white rounded-md">Setembro</button>
109
+ <button class="px-3 py-1 text-sm bg-gray-100 text-gray-600 rounded-md hover:bg-gray-200">Análise Mensal</button>
110
+ </div>
111
+ </div>
112
+
113
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
114
+ <div>
115
+ <canvas id="revenueChart" height="300"></canvas>
116
+ </div>
117
+ <div class="space-y-4">
118
+ <div class="flex items-center justify-between">
119
+ <div class="flex items-center">
120
+ <div class="h-4 w-4 rounded-full bg-blue-500 mr-2"></div>
121
+ <span class="text-sm text-gray-700">Receita de Tráfego</span>
122
+ </div>
123
+ <span class="text-sm font-medium">R$ 30.949 (66.9%)</span>
124
+ </div>
125
+ <div class="flex items-center justify-between">
126
+ <div class="flex items-center">
127
+ <div class="h-4 w-4 rounded-full bg-green-500 mr-2"></div>
128
+ <span class="text-sm text-gray-700">Receitas de Serviços</span>
129
+ </div>
130
+ <span class="text-sm font-medium">R$ 5.490 (11.9%)</span>
131
+ </div>
132
+ <div class="flex items-center justify-between">
133
+ <div class="flex items-center">
134
+ <div class="h-4 w-4 rounded-full bg-yellow-500 mr-2"></div>
135
+ <span class="text-sm text-gray-700">Web Design</span>
136
+ </div>
137
+ <span class="text-sm font-medium">R$ 8.135 (17.6%)</span>
138
+ </div>
139
+ <div class="flex items-center justify-between">
140
+ <div class="flex items-center">
141
+ <div class="h-4 w-4 rounded-full bg-purple-500 mr-2"></div>
142
+ <span class="text-sm text-gray-700">Hospedagem</span>
143
+ </div>
144
+ <span class="text-sm font-medium">R$ 0 (0%)</span>
145
+ </div>
146
+ <div class="flex items-center justify-between">
147
+ <div class="flex items-center">
148
+ <div class="h-4 w-4 rounded-full bg-red-500 mr-2"></div>
149
+ <span class="text-sm text-gray-700">Outras Receitas</span>
150
+ </div>
151
+ <span class="text-sm font-medium">R$ 0 (0%)</span>
152
+ </div>
153
+ <div class="pt-4 border-t border-gray-200">
154
+ <h3 class="text-sm font-medium text-gray-500 mb-2">Análise Mensal</h3>
155
+ <p class="text-sm text-gray-600">A receita de tráfego caiu 11% em relação ao mês anterior (R$ 34.795), enquanto as receitas de serviços tiveram um aumento significativo de 669% (R$ 714 em Agosto).</p>
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </div>
160
+
161
+ <!-- Expense Composition -->
162
+ <div class="bg-white p-6 rounded-xl shadow-sm mb-8">
163
+ <div class="flex justify-between items-center mb-6">
164
+ <h2 class="text-lg font-bold text-gray-900">Composição das Despesas</h2>
165
+ <div class="flex space-x-2">
166
+ <button class="px-3 py-1 text-sm bg-primary text-white rounded-md">Detalhado</button>
167
+ <button class="px-3 py-1 text-sm bg-gray-100 text-gray-600 rounded-md hover:bg-gray-200">Por Categoria</button>
168
+ </div>
169
+ </div>
170
+
171
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
172
+ <div>
173
+ <canvas id="expenseChart" height="300"></canvas>
174
+ </div>
175
+ <div class="space-y-4">
176
+ <div class="flex items-center justify-between">
177
+ <div class="flex items-center">
178
+ <div class="h-4 w-4 rounded-full bg-blue-500 mr-2"></div>
179
+ <span class="text-sm text-gray-700">Salários e Encargos</span>
180
+ </div>
181
+ <span class="text-sm font-medium">R$ 10.146 (20.1%)</span>
182
+ </div>
183
+ <div class="flex items-center justify-between">
184
+ <div class="flex items-center">
185
+ <div class="h-4 w-4 rounded-full bg-green-500 mr-2"></div>
186
+ <span class="text-sm text-gray-700">PLR</span>
187
+ </div>
188
+ <span class="text-sm font-medium">R$ 14.964 (29.7%)</span>
189
+ </div>
190
+ <div class="flex items-center justify-between">
191
+ <div class="flex items-center">
192
+ <div class="h-4 w-4 rounded-full bg-yellow-500 mr-2"></div>
193
+ <span class="text-sm text-gray-700">Vendas e Serviços</span>
194
+ </div>
195
+ <span class="text-sm font-medium">R$ 9.666 (19.2%)</span>
196
+ </div>
197
+ <div class="flex items-center justify-between">
198
+ <div class="flex items-center">
199
+ <div class="h-4 w-4 rounded-full bg-purple-500 mr-2"></div>
200
+ <span class="text-sm text-gray-700">Administrativas</span>
201
+ </div>
202
+ <span class="text-sm font-medium">R$ 2.656 (5.3%)</span>
203
+ </div>
204
+ <div class="flex items-center justify-between">
205
+ <div class="flex items-center">
206
+ <div class="h-4 w-4 rounded-full bg-red-500 mr-2"></div>
207
+ <span class="text-sm text-gray-700">Outras Despesas</span>
208
+ </div>
209
+ <span class="text-sm font-medium">R$ 12.920 (25.7%)</span>
210
+ </div>
211
+ <div class="pt-4 border-t border-gray-200">
212
+ <h3 class="text-sm font-medium text-gray-500 mb-2">Principais Aumentos</h3>
213
+ <p class="text-sm text-gray-600">Salários e encargos aumentaram 32.3% (R$ 7.669 em Agosto). PLR teve redução de 55.2% (R$ 33.396 em Agosto). Despesas com CRM aumentaram 398% (R$ 331 em Agosto).</p>
214
+ </div>
215
+ </div>
216
+ </div>
217
+ </div>
218
+
219
+ <!-- Cash Flow Projection -->
220
+ <div class="bg-white p-6 rounded-xl shadow-sm mb-8">
221
+ <div class="flex justify-between items-center mb-6">
222
+ <h2 class="text-lg font-bold text-gray-900">Projeção de Fluxo de Caixa</h2>
223
+ <div class="flex space-x-2">
224
+ <button class="px-3 py-1 text-sm bg-primary text-white rounded-md">Próximos 3 Meses</button>
225
+ <button class="px-3 py-1 text-sm bg-gray-100 text-gray-600 rounded-md hover:bg-gray-200">12 Meses</button>
226
+ </div>
227
+ </div>
228
+
229
+ <div>
230
+ <canvas id="cashFlowChart" height="300"></canvas>
231
+ <div class="mt-4 grid grid-cols-1 md:grid-cols-3 gap-4">
232
+ <div class="p-4 bg-blue-50 rounded-lg">
233
+ <p class="text-sm text-blue-600 font-medium">Outubro</p>
234
+ <p class="text-lg font-bold">R$ 53.236</p>
235
+ <p class="text-sm text-gray-500">Receita Prevista</p>
236
+ </div>
237
+ <div class="p-4 bg-green-50 rounded-lg">
238
+ <p class="text-sm text-green-600 font-medium">Novembro</p>
239
+ <p class="text-lg font-bold">R$ 49.729</p>
240
+ <p class="text-sm text-gray-500">Receita Prevista</p>
241
+ </div>
242
+ <div class="p-4 bg-purple-50 rounded-lg">
243
+ <p class="text-sm text-purple-600 font-medium">Dezembro</p>
244
+ <p class="text-lg font-bold">R$ 47.920</p>
245
+ <p class="text-sm text-gray-500">Receita Prevista</p>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </div>
250
+
251
+ <!-- Key Insights -->
252
+ <div class="bg-white p-6 rounded-xl shadow-sm">
253
+ <h2 class="text-lg font-bold text-gray-900 mb-6">Principais Insights e Diretrizes</h2>
254
+
255
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
256
+ <!-- Positive Insights -->
257
+ <div class="p-4 bg-green-50 rounded-lg">
258
+ <div class="flex items-center mb-3">
259
+ <div class="h-8 w-8 rounded-full bg-green-100 flex items-center justify-center mr-3">
260
+ <i data-feather="thumbs-up" class="text-green-600"></i>
261
+ </div>
262
+ <h3 class="text-md font-medium text-green-800">Pontos Positivos</h3>
263
+ </div>
264
+ <ul class="space-y-2">
265
+ <li class="flex items-start">
266
+ <div class="h-5 w-5 text-green-500 mr-2">
267
+ <i data-feather="check-circle" class="w-4 h-4"></i>
268
+ </div>
269
+ <span class="text-sm text-gray-700">Receitas de serviços cresceram 669% em relação ao mês anterior</span>
270
+ </li>
271
+ <li class="flex items-start">
272
+ <div class="h-5 w-5 text-green-500 mr-2">
273
+ <i data-feather="check-circle" class="w-4 h-4"></i>
274
+ </div>
275
+ <span class="text-sm text-gray-700">Margem de contribuição positiva de R$ 32.611 (70.5% da receita)</span>
276
+ </li>
277
+ <li class="flex items-start">
278
+ <div class="h-5 w-5 text-green-500 mr-2">
279
+ <i data-feather="check-circle" class="w-4 h-4"></i>
280
+ </div>
281
+ <span class="text-sm text-gray-700">Previsão de crescimento nas receitas para Outubro (R$ 53.236)</span>
282
+ </li>
283
+ </ul>
284
+ </div>
285
+
286
+ <!-- Attention Points -->
287
+ <div class="p-4 bg-yellow-50 rounded-lg">
288
+ <div class="flex items-center mb-3">
289
+ <div class="h-8 w-8 rounded-full bg-yellow-100 flex items-center justify-center mr-3">
290
+ <i data-feather="alert-triangle" class="text-yellow-600"></i>
291
+ </div>
292
+ <h3 class="text-md font-medium text-yellow-800">Pontos de Atenção</h3>
293
+ </div>
294
+ <ul class="space-y-2">
295
+ <li class="flex items-start">
296
+ <div class="h-5 w-5 text-yellow-500 mr-2">
297
+ <i data-feather="alert-circle" class="w-4 h-4"></i>
298
+ </div>
299
+ <span class="text-sm text-gray-700">Aumento significativo nas despesas com CRM (398% vs mês anterior)</span>
300
+ </li>
301
+ <li class="flex items-start">
302
+ <div class="h-5 w-5 text-yellow-500 mr-2">
303
+ <i data-feather="alert-circle" class="w-4 h-4"></i>
304
+ </div>
305
+ <span class="text-sm text-gray-700">Queda na receita de tráfego (11% vs mês anterior)</span>
306
+ </li>
307
+ <li class="flex items-start">
308
+ <div class="h-5 w-5 text-yellow-500 mr-2">
309
+ <i data-feather="alert-circle" class="w-4 h-4"></i>
310
+ </div>
311
+ <span class="text-sm text-gray-700">Aumento de 32.3% nos custos com salários e encargos</span>
312
+ </li>
313
+ </ul>
314
+ </div>
315
+ </div>
316
+
317
+ <div class="mt-6 p-4 bg-blue-50 rounded-lg">
318
+ <div class="flex items-center mb-3">
319
+ <div class="h-8 w-8 rounded-full bg-blue-100 flex items-center justify-center mr-3">
320
+ <i data-feather="compass" class="text-blue-600"></i>
321
+ </div>
322
+ <h3 class="text-md font-medium text-blue-800">Diretrizes Recomendadas</h3>
323
+ </div>
324
+ <ul class="space-y-2">
325
+ <li class="flex items-start">
326
+ <div class="h-5 w-5 text-blue-500 mr-2">
327
+ <i data-feather="arrow-right" class="w-4 h-4"></i>
328
+ </div>
329
+ <span class="text-sm text-gray-700">Investir em estratégias para recuperação da receita de tráfego</span>
330
+ </li>
331
+ <li class="flex items-start">
332
+ <div class="h-5 w-5 text-blue-500 mr-2">
333
+ <i data-feather="arrow-right" class="w-4 h-4"></i>
334
+ </div>
335
+ <span class="text-sm text-gray-700">Avaliar relação custo-benefício dos gastos com CRM</span>
336
+ </li>
337
+ <li class="flex items-start">
338
+ <div class="h-5 w-5 text-blue-500 mr-2">
339
+ <i data-feather="arrow-right" class="w-4 h-4"></i>
340
+ </div>
341
+ <span class="text-sm text-gray-700">Manter foco no crescimento das receitas de serviços que apresentam excelente desempenho</span>
342
+ </li>
343
+ <li class="flex items-start">
344
+ <div class="h-5 w-5 text-blue-500 mr-2">
345
+ <i data-feather="arrow-right" class="w-4 h-4"></i>
346
+ </div>
347
+ <span class="text-sm text-gray-700">Monitorar de perto a evolução das despesas fixas</span>
348
+ </li>
349
+ </ul>
350
+ </div>
351
+ </div>
352
+ </main>
353
+
354
+ <footer class="bg-white border-t border-gray-200 mt-12">
355
+ <div class="max-w-7xl mx-auto px-4 py-8 sm:px-6 lg:px-8">
356
+ <div class="flex flex-col md:flex-row justify-between items-center">
357
+ <div class="mb-4 md:mb-0">
358
+ <p class="text-sm text-gray-500">Análise gerada em 15/10/2025</p>
359
+ </div>
360
+ <div class="flex space-x-6">
361
+ <button class="text-sm text-primary font-medium flex items-center">
362
+ <i data-feather="download" class="mr-1"></i> Exportar PDF
363
+ </button>
364
+ <button class="text-sm text-primary font-medium flex items-center">
365
+ <i data-feather="share-2" class="mr-1"></i> Compartilhar
366
+ </button>
367
+ </div>
368
+ </div>
369
+ </div>
370
+ </footer>
371
+
372
+ <script>
373
+ feather.replace();
374
+
375
+ // Revenue Chart
376
+ const revenueCtx = document.getElementById('revenueChart').getContext('2d');
377
+ const revenueChart = new Chart(revenueCtx, {
378
+ type: 'doughnut',
379
+ data: {
380
+ labels: ['Tráfego', 'Serviços', 'Web Design', 'Hospedagem', 'Outras'],
381
+ datasets: [{
382
+ data: [30949, 5490, 8135, 0, 0],
383
+ backgroundColor: [
384
+ '#3B82F6',
385
+ '#10B981',
386
+ '#F59E0B',
387
+ '#8B5CF6',
388
+ '#EF4444'
389
+ ],
390
+ borderWidth: 0
391
+ }]
392
+ },
393
+ options: {
394
+ cutout: '70%',
395
+ plugins: {
396
+ legend: {
397
+ display: false
398
+ }
399
+ }
400
+ }
401
+ });
402
+
403
+ // Expense Chart
404
+ const expenseCtx = document.getElementById('expenseChart').getContext('2d');
405
+ const expenseChart = new Chart(expenseCtx, {
406
+ type: 'bar',
407
+ data: {
408
+ labels: ['Salários', 'PLR', 'Vendas/Serv.', 'Admin.', 'Outras'],
409
+ datasets: [{
410
+ label: 'Valor (R$)',
411
+ data: [10146, 14964, 9666, 2656, 12920],
412
+ backgroundColor: [
413
+ '#3B82F6',
414
+ '#10B981',
415
+ '#F59E0B',
416
+ '#8B5CF6',
417
+ '#EF4444'
418
+ ],
419
+ borderWidth: 0
420
+ }]
421
+ },
422
+ options: {
423
+ scales: {
424
+ y: {
425
+ beginAtZero: true
426
+ }
427
+ },
428
+ plugins: {
429
+ legend: {
430
+ display: false
431
+ }
432
+ }
433
+ }
434
+ });
435
+
436
+ // Cash Flow Chart
437
+ const cashFlowCtx = document.getElementById('cashFlowChart').getContext('2d');
438
+ const cashFlowChart = new Chart(cashFlowCtx, {
439
+ type: 'line',
440
+ data: {
441
+ labels: ['Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
442
+ datasets: [
443
+ {
444
+ label: 'Receitas',
445
+ data: [33888, 44910, 46258, 53236, 49729, 47920],
446
+ borderColor: '#10B981',
447
+ backgroundColor: 'rgba(16, 185, 129, 0.05)',
448
+ fill: true,
449
+ tension: 0.3
450
+ },
451
+ {
452
+ label: 'Despesas',
453
+ data: [43866, 44193, 50352, 43278, 42143, 38501],
454
+ borderColor: '#EF4444',
455
+ backgroundColor: 'rgba(239, 68, 68, 0.05)',
456
+ fill: true,
457
+ tension: 0.3
458
+ }
459
+ ]
460
+ },
461
+ options: {
462
+ responsive: true,
463
+ plugins: {
464
+ legend: {
465
+ position: 'top',
466
+ },
467
+ tooltip: {
468
+ callbacks: {
469
+ label: function(context) {
470
+ return context.dataset.label + ': R$ ' + context.raw.toLocaleString('pt-BR');
471
+ }
472
+ }
473
+ }
474
+ },
475
+ scales: {
476
+ y: {
477
+ beginAtZero: false,
478
+ ticks: {
479
+ callback: function(value) {
480
+ return 'R$ ' + value.toLocaleString('pt-BR');
481
+ }
482
+ }
483
+ }
484
+ }
485
+ }
486
+ });
487
+ </script>
488
+ </body>
489
  </html>