diff --git a/frontend/src/components/Header.css b/frontend/src/components/Header.css
index 369997f..3355293 100644
--- a/frontend/src/components/Header.css
+++ b/frontend/src/components/Header.css
@@ -41,12 +41,14 @@
align-items: center;
gap: 0.5rem;
margin-top: 0.6rem;
- padding: 0.4rem 0.75rem;
- background: rgba(255,255,255,0.08);
- border: 1px solid var(--stroke);
+ padding: 0.45rem 0.85rem;
+ background: rgba(0, 0, 0, 0.22);
+ border: 1px solid rgba(255,255,255,0.28);
border-radius: 999px;
- font-size: 0.85rem;
- color: var(--muted);
+ font-size: 0.9rem;
+ font-weight: 600;
+ color: #f4f7ff;
+ text-shadow: 0 1px 8px rgba(0,0,0,0.25);
}
.criteria-box {
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
index 344333c..fbc08ca 100644
--- a/frontend/src/components/Header.jsx
+++ b/frontend/src/components/Header.jsx
@@ -3,6 +3,9 @@ import './Header.css';
const Header = ({ total }) => {
const dataGeracao = new Date().toLocaleDateString('pt-BR');
+ const totalFormatado = new Intl.NumberFormat('pt-BR', {
+ maximumFractionDigits: 0,
+ }).format(Number(total) || 0);
return (