Hugging Face's logo

Spaces:
EraDigital
/
maha3d-dre-junho
Running

App Files Community
EraDigital commited on
Commit
9bf208c
·
verified ·
1 Parent(s): fe0c4c6

fazer análise financeira completa da DRE, usando Julho como mês de fechamento, destacando receitas de despesas, margem de contribuição, resultado operacional, lucro e meta de faturamento. Mostrar gráfico do fluxo de atividades operacionais (Receitas x Custo Operacional + Despesas Operacionais) e resultado operacional. Incluir indicadores trimestrais. Seguem dados: Categoria Janeiro Fevereiro Março Abril Maio Junho Julho Meta de Faturamento - 55K - 70K 65% 78% 120% 85% 106% 103% 88% Receitas Operacionais R$ 35.611 R$ 42.818 R$ 66.173 R$ 46.544 R$ 58.101 R$ 56.677 R$ 61.425 Receita de Vendas de Produtos e Serviços R$ 35.611 R$ 42.818 R$ 66.145 R$ 46.505 R$ 58.101 R$ 56.677 R$ 61.365 Receita Bruta de Vendas R$ 35.611 R$ 42.818 R$ 66.173 R$ 46.544 R$ 58.101 R$ 56.677 R$ 61.425 Deduções da Receita Bruta -R$ 1.857 -R$ 3.948 -R$ 4.391 -R$ 3.215 -R$ 6.752 -R$ 4.992 -R$ 3.480 Impostos Sobre Vendas -R$ 1.857 -R$ 3.948 -R$ 4.391 -R$ 3.215 -R$ 4.627 -R$ 4.189 -R$ 2.280 Comissões Sobre Vendas R$ - R$ - R$ - R$ - -R$ 2.090 -R$ 802 -R$ 1.200 Receita Líquida de Vendas R$ 33.754 R$ 38.870 R$ 61.782 R$ 43.329 R$ 51.349 R$ 51.686 R$ 57.945 Custos Operacionais -R$ 6.276 -R$ 14.004 -R$ 5.809 -R$ 16.528 -R$ 7.835 -R$ 5.819 -R$ 9.536 Custos Operacionais % -18% -33% -9% -36% -13% -10% -16% Custo das Vendas de Produtos R$ - -R$ 227 -R$ 536 -R$ 101 -R$ 302 -R$ 71 -R$ 287 Custo dos Serviços Prestados -R$ 6.276 -R$ 13.777 -R$ 5.273 -R$ 16.427 -R$ 7.532 -R$ 5.749 -R$ 9.249 Lucro Bruto R$ 27.478 R$ 24.866 R$ 55.973 R$ 26.801 R$ 43.515 R$ 45.866 R$ 48.409 Margem de contribuição % 77% 58% 85% 58% 75% 81% 79% Despesas Operacionais -R$ 30.732 -R$ 36.300 -R$ 33.665 -R$ 32.358 -R$ 27.841 -R$ 36.103 -R$ 37.385 Despesas Comerciais -R$ 3.020 -R$ 3.310 -R$ 3.018 -R$ 3.013 -R$ 1.500 -R$ 4.612 -R$ 4.002 Despesas Administrativas -R$ 27.661 -R$ 32.939 -R$ 30.464 -R$ 29.296 -R$ 26.192 -R$ 31.030 -R$ 33.079 Despesas Operacionais -R$ 52 -R$ 51 -R$ 183 -R$ 49 -R$ 148 -R$ 462 -R$ 303 Lucro / Prejuízo Operacional -R$ 3.254 -R$ 11.434 R$ 22.308 -R$ 5.557 R$ 15.674 R$ 9.763 R$ 11.024 Receitas e Despesas Financeiras -R$ 291 R$ 1.097 -R$ 616 -R$ 84 R$ 41 -R$ 692 R$ 966 Receitas e Rendimentos Financeiros R$ 37 R$ 1.596 R$ - R$ 47 R$ 558 R$ 128 R$ 1.106 Despesas Financeiras -R$ 327 -R$ 499 -R$ 616 -R$ 130 -R$ 517 -R$ 820 -R$ 141 Outras Receitas e Despesas Não Operacionais -R$ 109 R$ - -R$ 1.446 -R$ 2.702 -R$ 409 R$ 11.755 -R$ 2.894 Lucro / Prejuízo Líquido -R$ 3.654 -R$ 10.337 R$ 20.246 -R$ 8.343 R$ 15.306 R$ 20.827 R$ 9.096 Lucro / Prejuízo Líquido % -11% -27% 33% -19% 30% 40% 16% Despesas com Investimentos e Empréstimos -R$ 767 -R$ 400 R$ - R$ - -R$ 31.771 -R$ 29.526 -R$ 1.729 Investimentos em Imobilizado -R$ 767 -R$ 400 R$ - R$ - -R$ 28.843 -R$ 27.797 R$ - Empréstimos e Dívidas R$ - R$ - R$ - R$ - -R$ 2.929 -R$ 1.729 -R$ 1.729 Lucro / Prejuízo Final -R$ 4.421 -R$ 10.737 R$ 20.246 -R$ 8.343 -R$ 16.465 -R$ 8.699 R$ 7.367 - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +622 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Maha3d Dre Junho
3
- emoji: 🏢
4
- colorFrom: blue
5
- colorTo: green
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: maha3d-dre-junho
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,622 @@
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 Completa - Julho</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
9
+ <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
10
+ <style>
11
+ .fade-in {
12
+ animation: fadeIn 0.5s ease-in;
13
+ }
14
+ @keyframes fadeIn {
15
+ from { opacity: 0; transform: translateY(10px); }
16
+ to { opacity: 1; transform: translateY(0); }
17
+ }
18
+ .card-hover:hover {
19
+ transform: translateY(-5px);
20
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
21
+ }
22
+ .positive {
23
+ color: #10B981;
24
+ }
25
+ .negative {
26
+ color: #EF4444;
27
+ }
28
+ .neutral {
29
+ color: #6B7280;
30
+ }
31
+ </style>
32
+ </head>
33
+ <body class="bg-gray-50">
34
+ <div class="container mx-auto px-4 py-8">
35
+ <header class="mb-10">
36
+ <h1 class="text-3xl font-bold text-gray-800">Análise Financeira Completa</h1>
37
+ <p class="text-xl text-gray-600">Demonstrativo de Resultados - Julho 2023</p>
38
+ <div class="mt-4 p-4 bg-blue-50 rounded-lg border-l-4 border-blue-500">
39
+ <p class="text-blue-800"><i class="fas fa-info-circle mr-2"></i> Esta análise contempla os meses de Janeiro a Julho, com foco no fechamento de Julho e indicadores trimestrais.</p>
40
+ </div>
41
+ </header>
42
+
43
+ <!-- Key Metrics Section -->
44
+ <section class="mb-12 fade-in">
45
+ <h2 class="text-2xl font-semibold mb-6 text-gray-700 border-b pb-2">Indicadores Chave</h2>
46
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
47
+ <!-- Meta de Faturamento -->
48
+ <div class="bg-white p-6 rounded-xl shadow-md card-hover transition-all">
49
+ <div class="flex items-center mb-3">
50
+ <div class="p-3 rounded-full bg-indigo-100 text-indigo-600 mr-4">
51
+ <i class="fas fa-bullseye text-xl"></i>
52
+ </div>
53
+ <h3 class="text-lg font-medium text-gray-700">Meta de Faturamento</h3>
54
+ </div>
55
+ <div class="flex items-end justify-between">
56
+ <div>
57
+ <p class="text-3xl font-bold text-indigo-600">88%</p>
58
+ <p class="text-gray-500">Julho</p>
59
+ </div>
60
+ <div class="text-right">
61
+ <p class="text-sm text-gray-500">Média Trimestral</p>
62
+ <p class="text-xl font-semibold">99%</p>
63
+ </div>
64
+ </div>
65
+ <div class="mt-4">
66
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
67
+ <div class="bg-indigo-600 h-2.5 rounded-full" style="width: 88%"></div>
68
+ </div>
69
+ <p class="text-xs text-gray-500 mt-1">R$61.425 / Meta: R$55K-70K</p>
70
+ </div>
71
+ </div>
72
+
73
+ <!-- Margem de Contribuição -->
74
+ <div class="bg-white p-6 rounded-xl shadow-md card-hover transition-all">
75
+ <div class="flex items-center mb-3">
76
+ <div class="p-3 rounded-full bg-green-100 text-green-600 mr-4">
77
+ <i class="fas fa-chart-line text-xl"></i>
78
+ </div>
79
+ <h3 class="text-lg font-medium text-gray-700">Margem de Contribuição</h3>
80
+ </div>
81
+ <div class="flex items-end justify-between">
82
+ <div>
83
+ <p class="text-3xl font-bold text-green-600">79%</p>
84
+ <p class="text-gray-500">Julho</p>
85
+ </div>
86
+ <div class="text-right">
87
+ <p class="text-sm text-gray-500">Média Trimestral</p>
88
+ <p class="text-xl font-semibold">78%</p>
89
+ </div>
90
+ </div>
91
+ <div class="mt-4">
92
+ <div class="flex items-center">
93
+ <span class="text-xs font-medium mr-2">Jan: 77%</span>
94
+ <span class="text-xs font-medium">Jul: 79%</span>
95
+ </div>
96
+ <div class="w-full bg-gray-200 rounded-full h-2.5 mt-1">
97
+ <div class="bg-green-600 h-2.5 rounded-full" style="width: 79%"></div>
98
+ </div>
99
+ </div>
100
+ </div>
101
+
102
+ <!-- Resultado Operacional -->
103
+ <div class="bg-white p-6 rounded-xl shadow-md card-hover transition-all">
104
+ <div class="flex items-center mb-3">
105
+ <div class="p-3 rounded-full bg-blue-100 text-blue-600 mr-4">
106
+ <i class="fas fa-calculator text-xl"></i>
107
+ </div>
108
+ <h3 class="text-lg font-medium text-gray-700">Resultado Operacional</h3>
109
+ </div>
110
+ <div class="flex items-end justify-between">
111
+ <div>
112
+ <p class="text-3xl font-bold text-blue-600">R$11.024</p>
113
+ <p class="text-gray-500">Julho</p>
114
+ </div>
115
+ <div class="text-right">
116
+ <p class="text-sm text-gray-500">2º Trimestre</p>
117
+ <p class="text-xl font-semibold">R$15.821</p>
118
+ </div>
119
+ </div>
120
+ <div class="mt-4">
121
+ <div class="flex justify-between text-xs">
122
+ <span>Jan: -R$3.254</span>
123
+ <span>Jul: R$11.024</span>
124
+ </div>
125
+ <div class="w-full bg-gray-200 rounded-full h-2.5 mt-1">
126
+ <div class="bg-blue-600 h-2.5 rounded-full" style="width: 65%"></div>
127
+ </div>
128
+ </div>
129
+ </div>
130
+
131
+ <!-- Lucro Líquido -->
132
+ <div class="bg-white p-6 rounded-xl shadow-md card-hover transition-all">
133
+ <div class="flex items-center mb-3">
134
+ <div class="p-3 rounded-full bg-purple-100 text-purple-600 mr-4">
135
+ <i class="fas fa-coins text-xl"></i>
136
+ </div>
137
+ <h3 class="text-lg font-medium text-gray-700">Lucro Líquido</h3>
138
+ </div>
139
+ <div class="flex items-end justify-between">
140
+ <div>
141
+ <p class="text-3xl font-bold text-purple-600">R$9.096</p>
142
+ <p class="text-gray-500">Julho</p>
143
+ </div>
144
+ <div class="text-right">
145
+ <p class="text-sm text-gray-500">2º Trimestre</p>
146
+ <p class="text-xl font-semibold">R$12.423</p>
147
+ </div>
148
+ </div>
149
+ <div class="mt-4">
150
+ <div class="flex justify-between text-xs">
151
+ <span>Jan: -R$3.654</span>
152
+ <span>Jul: R$9.096</span>
153
+ </div>
154
+ <div class="w-full bg-gray-200 rounded-full h-2.5 mt-1">
155
+ <div class="bg-purple-600 h-2.5 rounded-full" style="width: 72%"></div>
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ </section>
161
+
162
+ <!-- Main Charts Section -->
163
+ <section class="mb-12 fade-in">
164
+ <h2 class="text-2xl font-semibold mb-6 text-gray-700 border-b pb-2">Análise Gráfica</h2>
165
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
166
+ <!-- Fluxo de Atividades Operacionais -->
167
+ <div class="bg-white p-6 rounded-xl shadow-md">
168
+ <h3 class="text-lg font-medium mb-4 text-gray-700">Fluxo de Atividades Operacionais</h3>
169
+ <div class="h-80">
170
+ <canvas id="operationalFlowChart"></canvas>
171
+ </div>
172
+ <div class="mt-4 text-sm text-gray-600">
173
+ <p><span class="font-medium">Análise:</span> Em Julho, as receitas operacionais (R$61.425) superaram significativamente os custos e despesas operacionais (R$9.536 + R$37.385 = R$46.921), resultando em um fluxo positivo de R$14.504.</p>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- Resultado Operacional Mensal -->
178
+ <div class="bg-white p-6 rounded-xl shadow-md">
179
+ <h3 class="text-lg font-medium mb-4 text-gray-700">Resultado Operacional Mensal</h3>
180
+ <div class="h-80">
181
+ <canvas id="operationalResultChart"></canvas>
182
+ </div>
183
+ <div class="mt-4 text-sm text-gray-600">
184
+ <p><span class="font-medium">Tendência:</span> Após um primeiro trimestre volátil, o segundo trimestre apresentou resultados operacionais consistentemente positivos, com destaque para Março (R$22.308) e Julho (R$11.024).</p>
185
+ </div>
186
+ </div>
187
+ </div>
188
+ </section>
189
+
190
+ <!-- Detailed DRE Section -->
191
+ <section class="mb-12 fade-in">
192
+ <h2 class="text-2xl font-semibold mb-6 text-gray-700 border-b pb-2">Demonstrativo de Resultados Detalhado</h2>
193
+ <div class="overflow-x-auto bg-white rounded-xl shadow-md">
194
+ <table class="min-w-full divide-y divide-gray-200">
195
+ <thead class="bg-gray-50">
196
+ <tr>
197
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Categoria</th>
198
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Janeiro</th>
199
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Fevereiro</th>
200
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Março</th>
201
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Abril</th>
202
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Maio</th>
203
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Junho</th>
204
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Julho</th>
205
+ </tr>
206
+ </thead>
207
+ <tbody class="bg-white divide-y divide-gray-200">
208
+ <!-- Receitas Operacionais -->
209
+ <tr class="hover:bg-gray-50">
210
+ <td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">Receitas Operacionais</td>
211
+ <td class="px-6 py-4 whitespace-nowrap">R$35.611</td>
212
+ <td class="px-6 py-4 whitespace-nowrap">R$42.818</td>
213
+ <td class="px-6 py-4 whitespace-nowrap">R$66.173</td>
214
+ <td class="px-6 py-4 whitespace-nowrap">R$46.544</td>
215
+ <td class="px-6 py-4 whitespace-nowrap">R$58.101</td>
216
+ <td class="px-6 py-4 whitespace-nowrap">R$56.677</td>
217
+ <td class="px-6 py-4 whitespace-nowrap font-bold text-blue-600">R$61.425</td>
218
+ </tr>
219
+ <!-- Deduções da Receita Bruta -->
220
+ <tr class="hover:bg-gray-50">
221
+ <td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">Deduções da Receita Bruta</td>
222
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$1.857</td>
223
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$3.948</td>
224
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$4.391</td>
225
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$3.215</td>
226
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$6.752</td>
227
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$4.992</td>
228
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$3.480</td>
229
+ </tr>
230
+ <!-- Receita Líquida -->
231
+ <tr class="hover:bg-gray-50 bg-gray-50">
232
+ <td class="px-6 py-4 whitespace-nowrap font-bold text-gray-900">Receita Líquida de Vendas</td>
233
+ <td class="px-6 py-4 whitespace-nowrap font-bold">R$33.754</td>
234
+ <td class="px-6 py-4 whitespace-nowrap font-bold">R$38.870</td>
235
+ <td class="px-6 py-4 whitespace-nowrap font-bold">R$61.782</td>
236
+ <td class="px-6 py-4 whitespace-nowrap font-bold">R$43.329</td>
237
+ <td class="px-6 py-4 whitespace-nowrap font-bold">R$51.349</td>
238
+ <td class="px-6 py-4 whitespace-nowrap font-bold">R$51.686</td>
239
+ <td class="px-6 py-4 whitespace-nowrap font-bold text-blue-600">R$57.945</td>
240
+ </tr>
241
+ <!-- Custos Operacionais -->
242
+ <tr class="hover:bg-gray-50">
243
+ <td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">Custos Operacionais</td>
244
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$6.276</td>
245
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$14.004</td>
246
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$5.809</td>
247
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$16.528</td>
248
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$7.835</td>
249
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$5.819</td>
250
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$9.536</td>
251
+ </tr>
252
+ <!-- Lucro Bruto -->
253
+ <tr class="hover:bg-gray-50 bg-gray-50">
254
+ <td class="px-6 py-4 whitespace-nowrap font-bold text-gray-900">Lucro Bruto</td>
255
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$27.478</td>
256
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$24.866</td>
257
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$55.973</td>
258
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$26.801</td>
259
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$43.515</td>
260
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$45.866</td>
261
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$48.409</td>
262
+ </tr>
263
+ <!-- Despesas Operacionais -->
264
+ <tr class="hover:bg-gray-50">
265
+ <td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">Despesas Operacionais</td>
266
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$30.732</td>
267
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$36.300</td>
268
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$33.665</td>
269
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$32.358</td>
270
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$27.841</td>
271
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$36.103</td>
272
+ <td class="px-6 py-4 whitespace-nowrap negative">-R$37.385</td>
273
+ </tr>
274
+ <!-- Resultado Operacional -->
275
+ <tr class="hover:bg-gray-50 bg-blue-50">
276
+ <td class="px-6 py-4 whitespace-nowrap font-bold text-gray-900">Lucro/Prejuízo Operacional</td>
277
+ <td class="px-6 py-4 whitespace-nowrap font-bold negative">-R$3.254</td>
278
+ <td class="px-6 py-4 whitespace-nowrap font-bold negative">-R$11.434</td>
279
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$22.308</td>
280
+ <td class="px-6 py-4 whitespace-nowrap font-bold negative">-R$5.557</td>
281
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$15.674</td>
282
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$9.763</td>
283
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$11.024</td>
284
+ </tr>
285
+ <!-- Lucro Líquido -->
286
+ <tr class="hover:bg-gray-50 bg-purple-50">
287
+ <td class="px-6 py-4 whitespace-nowrap font-bold text-gray-900">Lucro/Prejuízo Líquido</td>
288
+ <td class="px-6 py-4 whitespace-nowrap font-bold negative">-R$3.654</td>
289
+ <td class="px-6 py-4 whitespace-nowrap font-bold negative">-R$10.337</td>
290
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$20.246</td>
291
+ <td class="px-6 py-4 whitespace-nowrap font-bold negative">-R$8.343</td>
292
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$15.306</td>
293
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$20.827</td>
294
+ <td class="px-6 py-4 whitespace-nowrap font-bold positive">R$9.096</td>
295
+ </tr>
296
+ </tbody>
297
+ </table>
298
+ </div>
299
+ </section>
300
+
301
+ <!-- Quarterly Analysis Section -->
302
+ <section class="mb-12 fade-in">
303
+ <h2 class="text-2xl font-semibold mb-6 text-gray-700 border-b pb-2">Análise Trimestral</h2>
304
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
305
+ <!-- 1º Trimestre -->
306
+ <div class="bg-white p-6 rounded-xl shadow-md">
307
+ <h3 class="text-lg font-medium mb-4 text-gray-700 flex items-center">
308
+ <span class="w-3 h-3 bg-red-500 rounded-full mr-2"></span>
309
+ 1º Trimestre (Jan-Mar)
310
+ </h3>
311
+ <div class="space-y-3">
312
+ <div>
313
+ <p class="text-sm text-gray-500">Receita Média</p>
314
+ <p class="text-xl font-semibold">R$48.200</p>
315
+ </div>
316
+ <div>
317
+ <p class="text-sm text-gray-500">Resultado Operacional</p>
318
+ <p class="text-xl font-semibold">R$7.620</p>
319
+ <p class="text-xs text-gray-500">(Média mensal)</p>
320
+ </div>
321
+ <div>
322
+ <p class="text-sm text-gray-500">Lucro Líquido</p>
323
+ <p class="text-xl font-semibold">R$6.255</p>
324
+ <p class="text-xs text-gray-500">(Média mensal)</p>
325
+ </div>
326
+ <div class="pt-2 border-t">
327
+ <p class="text-sm text-gray-500">Destaque</p>
328
+ <p class="text-sm">Março teve excelente desempenho com receita de R$66.173 e lucro líquido de R$20.246.</p>
329
+ </div>
330
+ </div>
331
+ </div>
332
+
333
+ <!-- 2º Trimestre -->
334
+ <div class="bg-white p-6 rounded-xl shadow-md">
335
+ <h3 class="text-lg font-medium mb-4 text-gray-700 flex items-center">
336
+ <span class="w-3 h-3 bg-green-500 rounded-full mr-2"></span>
337
+ 2º Trimestre (Abr-Jun)
338
+ </h3>
339
+ <div class="space-y-3">
340
+ <div>
341
+ <p class="text-sm text-gray-500">Receita Média</p>
342
+ <p class="text-xl font-semibold">R$53.774</p>
343
+ </div>
344
+ <div>
345
+ <p class="text-sm text-gray-500">Resultado Operacional</p>
346
+ <p class="text-xl font-semibold">R$6.627</p>
347
+ <p class="text-xs text-gray-500">(Média mensal)</p>
348
+ </div>
349
+ <div>
350
+ <p class="text-sm text-gray-500">Lucro Líquido</p>
351
+ <p class="text-xl font-semibold">R$9.263</p>
352
+ <p class="text-xs text-gray-500">(Média mensal)</p>
353
+ </div>
354
+ <div class="pt-2 border-t">
355
+ <p class="text-sm text-gray-500">Destaque</p>
356
+ <p class="text-sm">Maior consistência nos resultados, com todos os meses apresentando receitas acima de R$46K.</p>
357
+ </div>
358
+ </div>
359
+ </div>
360
+
361
+ <!-- Julho (Início 3º Trimestre) -->
362
+ <div class="bg-white p-6 rounded-xl shadow-md">
363
+ <h3 class="text-lg font-medium mb-4 text-gray-700 flex items-center">
364
+ <span class="w-3 h-3 bg-blue-500 rounded-full mr-2"></span>
365
+ Julho (Início 3º Trimestre)
366
+ </h3>
367
+ <div class="space-y-3">
368
+ <div>
369
+ <p class="text-sm text-gray-500">Receita Operacional</p>
370
+ <p class="text-xl font-semibold">R$61.425</p>
371
+ </div>
372
+ <div>
373
+ <p class="text-sm text-gray-500">Resultado Operacional</p>
374
+ <p class="text-xl font-semibold">R$11.024</p>
375
+ </div>
376
+ <div>
377
+ <p class="text-sm text-gray-500">Lucro Líquido</p>
378
+ <p class="text-xl font-semibold">R$9.096</p>
379
+ </div>
380
+ <div class="pt-2 border-t">
381
+ <p class="text-sm text-gray-500">Perspectiva</p>
382
+ <p class="text-sm">Bom início de trimestre com receita recorde e margem de contribuição saudável (79%).</p>
383
+ </div>
384
+ </div>
385
+ </div>
386
+ </div>
387
+ </section>
388
+
389
+ <!-- Recommendations Section -->
390
+ <section class="fade-in">
391
+ <h2 class="text-2xl font-semibold mb-6 text-gray-700 border-b pb-2">Recomendações Estratégicas</h2>
392
+ <div class="bg-white p-6 rounded-xl shadow-md">
393
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
394
+ <div>
395
+ <h3 class="text-lg font-medium mb-3 text-gray-700 flex items-center">
396
+ <i class="fas fa-chart-pie mr-2 text-indigo-600"></i> Gestão de Custos
397
+ </h3>
398
+ <ul class="space-y-2 text-gray-600">
399
+ <li class="flex items-start">
400
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
401
+ <span>Reduzir custos operacionais que apresentaram picos em Fevereiro (33%) e Abril (36%)</span>
402
+ </li>
403
+ <li class="flex items-start">
404
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
405
+ <span>Monitorar de perto os custos dos serviços prestados, principal componente dos custos operacionais</span>
406
+ </li>
407
+ </ul>
408
+ </div>
409
+ <div>
410
+ <h3 class="text-lg font-medium mb-3 text-gray-700 flex items-center">
411
+ <i class="fas fa-money-bill-wave mr-2 text-green-600"></i> Receitas e Margens
412
+ </h3>
413
+ <ul class="space-y-2 text-gray-600">
414
+ <li class="flex items-start">
415
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
416
+ <span>Manter estratégias que levaram às altas margens de contribuição (79% em Julho)</span>
417
+ </li>
418
+ <li class="flex items-start">
419
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
420
+ <span>Capitalizar no modelo que gerou receita recorde em Março (R$66.173)</span>
421
+ </li>
422
+ </ul>
423
+ </div>
424
+ <div>
425
+ <h3 class="text-lg font-medium mb-3 text-gray-700 flex items-center">
426
+ <i class="fas fa-cogs mr-2 text-blue-600"></i> Operações
427
+ </h3>
428
+ <ul class="space-y-2 text-gray-600">
429
+ <li class="flex items-start">
430
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
431
+ <span>Otimizar despesas administrativas que representaram ~80% das despesas operacionais</span>
432
+ </li>
433
+ <li class="flex items-start">
434
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
435
+ <span>Analisar variações nas comissões sobre vendas (pico em Maio: R$2.090)</span>
436
+ </li>
437
+ </ul>
438
+ </div>
439
+ <div>
440
+ <h3 class="text-lg font-medium mb-3 text-gray-700 flex items-center">
441
+ <i class="fas fa-piggy-bank mr-2 text-purple-600"></i> Investimentos
442
+ </h3>
443
+ <ul class="space-y-2 text-gray-600">
444
+ <li class="flex items-start">
445
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
446
+ <span>Planejar melhor os investimentos em imobilizado (picos em Maio e Junho)</span>
447
+ </li>
448
+ <li class="flex items-start">
449
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
450
+ <span>Gerenciar empréstimos para evitar impactos no lucro final</span>
451
+ </li>
452
+ </ul>
453
+ </div>
454
+ </div>
455
+ </div>
456
+ </section>
457
+
458
+ <footer class="mt-12 pt-6 border-t text-center text-gray-500 text-sm">
459
+ <p>Relatório gerado em Agosto de 2023 | Análise Financeira Completa</p>
460
+ <p class="mt-1">Dados referentes ao período de Janeiro a Julho de 2023</p>
461
+ </footer>
462
+ </div>
463
+
464
+ <script>
465
+ // Operational Flow Chart
466
+ const operationalFlowCtx = document.getElementById('operationalFlowChart').getContext('2d');
467
+ const operationalFlowChart = new Chart(operationalFlowCtx, {
468
+ type: 'bar',
469
+ data: {
470
+ labels: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul'],
471
+ datasets: [
472
+ {
473
+ label: 'Receitas Operacionais',
474
+ data: [35611, 42818, 66173, 46544, 58101, 56677, 61425],
475
+ backgroundColor: 'rgba(54, 162, 235, 0.7)',
476
+ borderColor: 'rgba(54, 162, 235, 1)',
477
+ borderWidth: 1
478
+ },
479
+ {
480
+ label: 'Custos + Despesas Operacionais',
481
+ data: [-37008, -50304, -39474, -48886, -35676, -41922, -46921],
482
+ backgroundColor: 'rgba(255, 99, 132, 0.7)',
483
+ borderColor: 'rgba(255, 99, 132, 1)',
484
+ borderWidth: 1
485
+ },
486
+ {
487
+ label: 'Resultado Operacional',
488
+ data: [-3254, -11434, 22308, -5557, 15674, 9763, 11024],
489
+ backgroundColor: 'rgba(75, 192, 192, 0.7)',
490
+ borderColor: 'rgba(75, 192, 192, 1)',
491
+ borderWidth: 1,
492
+ type: 'line',
493
+ fill: false
494
+ }
495
+ ]
496
+ },
497
+ options: {
498
+ responsive: true,
499
+ maintainAspectRatio: false,
500
+ scales: {
501
+ y: {
502
+ beginAtZero: false,
503
+ title: {
504
+ display: true,
505
+ text: 'Valores em R$'
506
+ }
507
+ },
508
+ x: {
509
+ grid: {
510
+ display: false
511
+ }
512
+ }
513
+ },
514
+ plugins: {
515
+ tooltip: {
516
+ callbacks: {
517
+ label: function(context) {
518
+ let label = context.dataset.label || '';
519
+ if (label) {
520
+ label += ': ';
521
+ }
522
+ if (context.parsed.y !== null) {
523
+ label += new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' }).format(context.parsed.y);
524
+ }
525
+ return label;
526
+ }
527
+ }
528
+ },
529
+ legend: {
530
+ position: 'top',
531
+ },
532
+ title: {
533
+ display: true,
534
+ text: 'Fluxo de Atividades Operacionais Mensal',
535
+ font: {
536
+ size: 16
537
+ }
538
+ }
539
+ }
540
+ }
541
+ });
542
+
543
+ // Operational Result Chart
544
+ const operationalResultCtx = document.getElementById('operationalResultChart').getContext('2d');
545
+ const operationalResultChart = new Chart(operationalResultCtx, {
546
+ type: 'bar',
547
+ data: {
548
+ labels: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul'],
549
+ datasets: [
550
+ {
551
+ label: 'Lucro/Prejuízo Operacional',
552
+ data: [-3254, -11434, 22308, -5557, 15674, 9763, 11024],
553
+ backgroundColor: [
554
+ 'rgba(255, 99, 132, 0.7)',
555
+ 'rgba(255, 99, 132, 0.7)',
556
+ 'rgba(75, 192, 192, 0.7)',
557
+ 'rgba(255, 99, 132, 0.7)',
558
+ 'rgba(75, 192, 192, 0.7)',
559
+ 'rgba(75, 192, 192, 0.7)',
560
+ 'rgba(75, 192, 192, 0.7)'
561
+ ],
562
+ borderColor: [
563
+ 'rgba(255, 99, 132, 1)',
564
+ 'rgba(255, 99, 132, 1)',
565
+ 'rgba(75, 192, 192, 1)',
566
+ 'rgba(255, 99, 132, 1)',
567
+ 'rgba(75, 192, 192, 1)',
568
+ 'rgba(75, 192, 192, 1)',
569
+ 'rgba(75, 192, 192, 1)'
570
+ ],
571
+ borderWidth: 1
572
+ }
573
+ ]
574
+ },
575
+ options: {
576
+ responsive: true,
577
+ maintainAspectRatio: false,
578
+ scales: {
579
+ y: {
580
+ beginAtZero: false,
581
+ title: {
582
+ display: true,
583
+ text: 'Valores em R$'
584
+ }
585
+ },
586
+ x: {
587
+ grid: {
588
+ display: false
589
+ }
590
+ }
591
+ },
592
+ plugins: {
593
+ tooltip: {
594
+ callbacks: {
595
+ label: function(context) {
596
+ let label = context.dataset.label || '';
597
+ if (label) {
598
+ label += ': ';
599
+ }
600
+ if (context.parsed.y !== null) {
601
+ label += new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' }).format(context.parsed.y);
602
+ }
603
+ return label;
604
+ }
605
+ }
606
+ },
607
+ legend: {
608
+ display: false
609
+ },
610
+ title: {
611
+ display: true,
612
+ text: 'Resultado Operacional Mensal',
613
+ font: {
614
+ size: 16
615
+ }
616
+ }
617
+ }
618
+ }
619
+ });
620
+ </script>
621
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=EraDigital/maha3d-dre-junho" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
622
+ </html>