From 1321b949e4f6542b9428ad5565a479cf9420d382 Mon Sep 17 00:00:00 2001
From: root <root@devAI.cassel>
Date: Sun, 8 Feb 2026 13:20:05 -0500
Subject: [PATCH] feat: design system unificado com template e cores CambioReal

- Cria src/ui-template.js com header, footer e estilos compartilhados
- Atualiza admin-home.js e admin-panel.js para usar template
- Atualiza dashboard.js com logo e cores CambioReal (#7600be)
- Atualiza login.html com novo branding BI-CCC
- Adiciona public/logo.png (CambioReal original)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 public/login.html  |  50 ++++----
 public/logo.png    | Bin 0 -> 22387 bytes
 src/admin-home.js  | 127 +++----------------
 src/admin-panel.js | 131 ++++---------------
 src/dashboard.js   |  30 +++--
 src/ui-template.js | 307 +++++++++++++++++++++++++++++++++++++++++++++
 6 files changed, 390 insertions(+), 255 deletions(-)
 create mode 100644 public/logo.png
 create mode 100644 src/ui-template.js

diff --git a/public/login.html b/public/login.html
index 9cbfa0f..2de2fc2 100644
--- a/public/login.html
+++ b/public/login.html
@@ -7,9 +7,9 @@
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
 <style>
   :root {
-    --primary: #6C3FA0;
-    --primary-light: #8B5FBF;
-    --primary-dark: #4A2570;
+    --primary: #7600be;
+    --primary-light: #9B2DE5;
+    --primary-dark: #5A0091;
     --bg: #F0F2F5;
     --card: #FFFFFF;
     --text: #1A1D23;
@@ -45,31 +45,32 @@
     margin-bottom: 32px;
   }
   .login-header .logo {
-    width: 80px; height: 80px;
-    margin: 0 auto 16px;
+    width: 180px;
+    margin: 0 auto 24px;
   }
   .login-header .logo img {
-    width: 100%; height: 100%;
+    width: 100%;
+    height: auto;
     object-fit: contain;
   }
-  .login-header h1 {
-    font-size: 24px;
+  .login-header .app-name {
+    display: inline-block;
+    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
+    color: white;
+    font-size: 18px;
     font-weight: 800;
-    color: var(--text);
-    letter-spacing: -0.5px;
+    padding: 8px 20px;
+    border-radius: 8px;
+    letter-spacing: 1px;
+    margin-bottom: 8px;
   }
   .login-header .subtitle {
-    font-size: 12px;
-    color: var(--primary);
-    margin-top: 4px;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 1px;
-  }
-  .login-header p {
-    font-size: 13px;
+    font-size: 11px;
     color: var(--text-secondary);
     margin-top: 8px;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 2px;
   }
   .form-group {
     margin-bottom: 20px;
@@ -97,7 +98,7 @@
   .form-group input:focus {
     outline: none;
     border-color: var(--primary);
-    box-shadow: 0 0 0 3px rgba(108,63,160,0.12);
+    box-shadow: 0 0 0 3px rgba(118,0,190,0.12);
   }
   .btn-login {
     width: 100%;
@@ -111,12 +112,12 @@
     font-family: inherit;
     cursor: pointer;
     transition: all 0.15s;
-    box-shadow: 0 2px 8px rgba(108,63,160,0.3);
+    box-shadow: 0 2px 8px rgba(118,0,190,0.3);
     margin-top: 4px;
   }
   .btn-login:hover {
     transform: translateY(-1px);
-    box-shadow: 0 4px 12px rgba(108,63,160,0.4);
+    box-shadow: 0 4px 12px rgba(118,0,190,0.4);
   }
   .btn-login:active { transform: translateY(0); }
   .error-msg {
@@ -141,10 +142,9 @@
   <div class="login-container">
     <div class="login-card">
       <div class="login-header">
-        <div class="logo"><img src="/public/logo-small.png" alt="CambioReal"></div>
-        <h1>BI - CCC</h1>
+        <div class="logo"><img src="/public/logo.png" alt="CambioReal"></div>
+        <div class="app-name">BI - CCC</div>
         <div class="subtitle">Central Command Center</div>
-        <p>Acesso unificado para agentes e admins</p>
       </div>
       <div class="error-msg" id="errorMsg"></div>
       <form id="loginForm" method="POST" action="/login">
diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..134ec93e3479292499924454dd693f9f669f4ad0
GIT binary patch
literal 22387
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

literal 0
HcmV?d00001

diff --git a/src/admin-home.js b/src/admin-home.js
index 3d9a39c..3aa07cc 100644
--- a/src/admin-home.js
+++ b/src/admin-home.js
@@ -2,6 +2,7 @@
  * Admin Home Dashboard - Fast daily overview
  * 3 flows: BRL→USD, USD→BRL, USD→USD (balance)
  */
+const { buildHeader, buildFooter, buildHead } = require('./ui-template');
 
 function buildAdminHomeHTML(stats, admin) {
   const now = new Date().toLocaleString('pt-BR');
@@ -23,64 +24,9 @@ function buildAdminHomeHTML(stats, admin) {
   const totalOntem = stats.brlUsd.ontem.qtd + stats.usdBrl.ontem.qtd + stats.usdUsd.ontem.qtd;
   const totalVar = calcVar(totalHoje, totalOntem);
 
-  return `<!DOCTYPE html>
-<html lang="pt-BR">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>BI - CCC - Home</title>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
-<style>
-  :root {
-    --primary: #6C3FA0;
-    --bg: #F0F2F5;
-    --card: #FFFFFF;
-    --text: #1A1D23;
-    --text-secondary: #5F6368;
-    --text-muted: #9AA0A6;
-    --border: #E8EAED;
-    --green: #1E8E3E;
-    --green-bg: #E6F4EA;
-    --blue: #1A73E8;
-    --blue-bg: #E8F0FE;
-    --orange: #E8710A;
-    --orange-bg: #FEF3E8;
-    --purple: #7B1FA2;
-    --purple-bg: #F3E5F5;
-    --red: #D93025;
-    --admin-accent: #2E7D32;
-  }
-  * { margin: 0; padding: 0; box-sizing: border-box; }
-  body {
-    font-family: 'Inter', -apple-system, sans-serif;
-    background: var(--bg); color: var(--text); line-height: 1.5;
-  }
-  .header {
-    background: linear-gradient(135deg, var(--admin-accent) 0%, #1B5E20 100%);
-    color: white; padding: 24px 40px;
-    display: flex; justify-content: space-between; align-items: center;
-    box-shadow: 0 2px 8px rgba(27,94,32,0.3);
-  }
-  .header h1 { font-size: 24px; font-weight: 800; }
-  .header .subtitle { font-size: 13px; opacity: 0.8; margin-top: 4px; }
-  .header-right { display: flex; align-items: center; gap: 12px; }
-  .badge {
-    background: rgba(255,255,255,0.15); padding: 8px 16px;
-    border-radius: 24px; font-size: 12px; font-weight: 600;
-  }
-  .btn {
-    padding: 8px 16px; border-radius: 8px; font-size: 12px; font-weight: 600;
-    cursor: pointer; text-decoration: none; font-family: inherit;
-    transition: all 0.15s; border: 1px solid rgba(255,255,255,0.3);
-    background: rgba(255,255,255,0.15); color: white;
-  }
-  .btn:hover { background: rgba(255,255,255,0.25); }
-  .btn-blue { background: #1A73E8; border-color: #1A73E8; }
-  .btn-blue:hover { background: #1557B0; }
-
-  .container { padding: 28px 40px; max-width: 1600px; margin: 0 auto; }
-
+  const pageCSS = `
+  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
+  <style>
   .date-banner {
     background: var(--card); border-radius: 12px; padding: 16px 24px;
     margin-bottom: 24px; border: 1px solid var(--border);
@@ -107,7 +53,7 @@ function buildAdminHomeHTML(stats, admin) {
     font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 12px;
   }
   .kpi-badge.up { background: var(--green-bg); color: var(--green); }
-  .kpi-badge.down { background: #FDE7E7; color: var(--red); }
+  .kpi-badge.down { background: var(--red-bg); color: var(--red); }
   .kpi-badge.neutral { background: var(--blue-bg); color: var(--blue); }
   .kpi-value { font-size: 36px; font-weight: 800; color: var(--text); margin-bottom: 4px; }
   .kpi-sub { font-size: 13px; color: var(--text-muted); }
@@ -152,52 +98,26 @@ function buildAdminHomeHTML(stats, admin) {
   .detail-value.green { color: var(--green); }
   .detail-value.red { color: var(--red); }
 
-  .nav-links {
-    display: flex; gap: 12px; margin-top: 28px;
-  }
-  .nav-card {
-    flex: 1; background: var(--card); border-radius: 12px; padding: 20px;
-    border: 1px solid var(--border); text-decoration: none; color: var(--text);
-    transition: all 0.15s; display: flex; align-items: center; gap: 16px;
-  }
-  .nav-card:hover { border-color: var(--admin-accent); box-shadow: 0 4px 12px rgba(46,125,50,0.1); }
-  .nav-card .icon {
-    width: 48px; height: 48px; border-radius: 12px; background: var(--green-bg);
-    display: flex; align-items: center; justify-content: center; font-size: 24px;
-  }
-  .nav-card h4 { font-size: 14px; font-weight: 700; margin-bottom: 4px; }
-  .nav-card p { font-size: 12px; color: var(--text-secondary); }
-
-  .footer { text-align: center; padding: 24px; font-size: 12px; color: var(--text-muted); }
-
   @media (max-width: 1200px) {
     .kpi-grid { grid-template-columns: repeat(2, 1fr); }
     .detail-grid { grid-template-columns: 1fr; }
   }
   @media (max-width: 768px) {
-    .container { padding: 20px; }
-    .header { padding: 20px; flex-direction: column; gap: 12px; }
     .kpi-grid, .charts-grid { grid-template-columns: 1fr; }
-    .nav-links { flex-direction: column; }
   }
-</style>
+  </style>
+  `;
+
+  return `<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+${buildHead('Home', pageCSS)}
 </head>
 <body>
 
-<div class="header">
-  <div>
-    <h1>BI - CCC</h1>
-    <div class="subtitle">CambioReal Central Command</div>
-  </div>
-  <div class="header-right">
-    <div class="badge">Admin: ${admin.nome}</div>
-    <a href="/admin/agentes" class="btn">Gerenciar Agentes</a>
-    <a href="/admin/dashboard" class="btn btn-blue">Dashboard Completo</a>
-    <a href="/logout" class="btn">Sair</a>
-  </div>
-</div>
+${buildHeader({ role: 'admin', userName: admin.nome, activePage: 'home' })}
 
-<div class="container">
+<div class="app-container">
   <div class="date-banner">
     <h2>${hoje}</h2>
     <div class="time">Atualizado: ${now}</div>
@@ -320,26 +240,9 @@ function buildAdminHomeHTML(stats, admin) {
       </div>
     </div>
   </div>
-
-  <div class="nav-links">
-    <a href="/admin/dashboard" class="nav-card">
-      <div class="icon">&#128200;</div>
-      <div>
-        <h4>Dashboard Completo</h4>
-        <p>Analise detalhada com graficos e filtros</p>
-      </div>
-    </a>
-    <a href="/admin/agentes" class="nav-card">
-      <div class="icon">&#128101;</div>
-      <div>
-        <h4>Gerenciar Agentes</h4>
-        <p>Cadastro, edicao e emulacao de agentes</p>
-      </div>
-    </a>
-  </div>
 </div>
 
-<div class="footer">BI - CCC - CambioReal Central Command</div>
+${buildFooter()}
 
 <script>
 const stats = ${JSON.stringify(stats)};
diff --git a/src/admin-panel.js b/src/admin-panel.js
index ff2a8bb..ba64672 100644
--- a/src/admin-panel.js
+++ b/src/admin-panel.js
@@ -1,68 +1,13 @@
 /**
- * Admin Panel - HTML builder for agent management
+ * Admin Panel - HTML builder for user management
  */
+const { buildHeader, buildFooter, buildHead } = require('./ui-template');
 
 function buildAdminHTML(agentes, admin) {
   const now = new Date().toLocaleString('pt-BR');
-  return `<!DOCTYPE html>
-<html lang="pt-BR">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>BI - CCC - CambioReal Central Command</title>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
-<style>
-  :root {
-    --primary: #6C3FA0;
-    --primary-light: #8B5FBF;
-    --primary-dark: #4A2570;
-    --primary-bg: #F3EEFA;
-    --bg: #F0F2F5;
-    --card: #FFFFFF;
-    --text: #1A1D23;
-    --text-secondary: #5F6368;
-    --text-muted: #9AA0A6;
-    --border: #E8EAED;
-    --green: #1E8E3E;
-    --green-bg: #E6F4EA;
-    --blue: #1A73E8;
-    --blue-bg: #E8F0FE;
-    --orange: #E8710A;
-    --orange-bg: #FEF3E8;
-    --red: #D93025;
-    --red-bg: #FDE7E7;
-    --admin-accent: #2E7D32;
-    --admin-bg: #E8F5E9;
-  }
-  * { margin: 0; padding: 0; box-sizing: border-box; }
-  body {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    background: var(--bg); color: var(--text); line-height: 1.5;
-    -webkit-font-smoothing: antialiased;
-  }
-  .header {
-    background: linear-gradient(135deg, var(--admin-accent) 0%, #1B5E20 100%);
-    color: white; padding: 24px 40px;
-    display: flex; justify-content: space-between; align-items: center;
-    box-shadow: 0 2px 8px rgba(27,94,32,0.3);
-  }
-  .header h1 { font-size: 24px; font-weight: 800; letter-spacing: -0.5px; }
-  .header .subtitle { font-size: 13px; opacity: 0.8; margin-top: 4px; font-weight: 400; }
-  .header-right { display: flex; align-items: center; gap: 16px; }
-  .header .badge {
-    background: rgba(255,255,255,0.15); backdrop-filter: blur(10px);
-    padding: 8px 16px; border-radius: 24px; font-size: 12px; font-weight: 600;
-    border: 1px solid rgba(255,255,255,0.2);
-  }
-  .btn-logout {
-    background: rgba(255,255,255,0.15); color: white; border: 1px solid rgba(255,255,255,0.3);
-    padding: 8px 16px; border-radius: 8px; font-size: 12px; font-weight: 600;
-    cursor: pointer; text-decoration: none; font-family: inherit; transition: all 0.15s;
-  }
-  .btn-logout:hover { background: rgba(255,255,255,0.25); }
-
-  .container { padding: 28px 40px; max-width: 1200px; margin: 0 auto; }
 
+  const pageCSS = `
+  <style>
   .toolbar {
     display: flex; justify-content: space-between; align-items: center;
     margin-bottom: 20px;
@@ -118,8 +63,6 @@ function buildAdminHTML(agentes, admin) {
   .btn-toggle:hover { background: #FDE7D8; }
   .btn-password { background: var(--primary-bg); color: var(--primary); }
   .btn-password:hover { background: #E8DCFA; }
-  .btn-delete { background: var(--red-bg); color: var(--red); }
-  .btn-delete:hover { background: #FBD5D5; }
 
   /* Modal */
   .modal-overlay {
@@ -149,28 +92,17 @@ function buildAdminHTML(agentes, admin) {
     color: var(--text-secondary); text-transform: uppercase;
     letter-spacing: 0.3px; margin-bottom: 6px;
   }
-  .form-group input {
+  .form-group input, .form-group select {
     width: 100%; padding: 10px 14px; border: 1.5px solid var(--border);
     border-radius: 8px; font-size: 14px; font-family: inherit;
     color: var(--text); transition: all 0.15s; background: white;
   }
-  .form-group input:focus {
-    outline: none; border-color: var(--admin-accent);
-    box-shadow: 0 0 0 3px rgba(46,125,50,0.12);
-  }
-  .form-group input:disabled {
-    background: #F5F5F5; color: var(--text-muted);
-  }
-  .form-group select {
-    width: 100%; padding: 10px 14px; border: 1.5px solid var(--border);
-    border-radius: 8px; font-size: 14px; font-family: inherit;
-    color: var(--text); transition: all 0.15s; background: white;
-    cursor: pointer;
-  }
-  .form-group select:focus {
+  .form-group select { cursor: pointer; }
+  .form-group input:focus, .form-group select:focus {
     outline: none; border-color: var(--admin-accent);
     box-shadow: 0 0 0 3px rgba(46,125,50,0.12);
   }
+  .form-group input:disabled { background: #F5F5F5; color: var(--text-muted); }
   .modal-footer {
     padding: 16px 24px; border-top: 1px solid var(--border);
     display: flex; justify-content: flex-end; gap: 10px;
@@ -197,31 +129,22 @@ function buildAdminHTML(agentes, admin) {
   .alert.error { background: var(--red-bg); color: var(--red); }
   .alert.show { display: block; }
 
-  .footer { text-align: center; padding: 20px; font-size: 12px; color: var(--text-muted); }
-
   @media (max-width: 768px) {
-    .container { padding: 20px; }
-    .header { padding: 20px; flex-direction: column; gap: 12px; }
-    .header-right { width: 100%; justify-content: space-between; }
     .toolbar { flex-direction: column; gap: 12px; align-items: flex-start; }
   }
-</style>
+  </style>
+  `;
+
+  return `<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+${buildHead('Usuarios', pageCSS)}
 </head>
 <body>
 
-<div class="header">
-  <div>
-    <h1>BI - CCC</h1>
-    <div class="subtitle">CambioReal Central Command</div>
-  </div>
-  <div class="header-right">
-    <div class="badge">Admin: ${admin.nome}</div>
-    <a href="/admin/dashboard" class="btn-logout" style="background:#1A73E8;margin-right:8px;">Dashboard Geral</a>
-    <a href="/logout" class="btn-logout">Sair</a>
-  </div>
-</div>
+${buildHeader({ role: 'admin', userName: admin.nome, activePage: 'users' })}
 
-<div class="container">
+<div class="app-container">
   <div id="alertBox" class="alert"></div>
 
   <div class="toolbar">
@@ -268,13 +191,13 @@ function buildAdminHTML(agentes, admin) {
   </div>
 </div>
 
-<div class="footer">BI - CCC - CambioReal Central Command - ${now}</div>
+${buildFooter()}
 
 <!-- Create/Edit Modal -->
 <div class="modal-overlay" id="agentModal">
   <div class="modal">
     <div class="modal-header">
-      <h3 id="modalTitle">Novo Agente</h3>
+      <h3 id="modalTitle">Novo Usuario</h3>
       <button class="modal-close" onclick="closeModal('agentModal')">&times;</button>
     </div>
     <form id="agentForm" onsubmit="submitAgentForm(event)">
@@ -306,7 +229,7 @@ function buildAdminHTML(agentes, admin) {
       </div>
       <div class="modal-footer">
         <button type="button" class="btn-cancel" onclick="closeModal('agentModal')">Cancelar</button>
-        <button type="submit" class="btn-submit" id="submitBtn">Criar Agente</button>
+        <button type="submit" class="btn-submit" id="submitBtn">Criar Usuario</button>
       </div>
     </form>
   </div>
@@ -486,7 +409,7 @@ async function submitPasswordForm(e) {
 
 async function toggleAgente(id, currentStatus) {
   const action = currentStatus ? 'desativar' : 'ativar';
-  if (!confirm('Deseja ' + action + ' este agente?')) return;
+  if (!confirm('Deseja ' + action + ' este usuario?')) return;
 
   try {
     const res = await fetch('/admin/agentes/' + id, {
@@ -496,7 +419,7 @@ async function toggleAgente(id, currentStatus) {
     });
     const result = await res.json();
     if (res.ok) {
-      showAlert('Agente ' + (currentStatus ? 'desativado' : 'ativado') + ' com sucesso!', 'success');
+      showAlert('Usuario ' + (currentStatus ? 'desativado' : 'ativado') + ' com sucesso!', 'success');
       setTimeout(() => location.reload(), 1000);
     } else {
       showAlert(result.error || 'Erro ao alterar status', 'error');
@@ -506,20 +429,16 @@ async function toggleAgente(id, currentStatus) {
   }
 }
 
-// Close modal on overlay click (not on modal content)
+// Close modal on overlay click
 document.querySelectorAll('.modal-overlay').forEach(overlay => {
   overlay.addEventListener('click', (e) => {
-    if (e.target === overlay) {
-      overlay.classList.remove('active');
-    }
+    if (e.target === overlay) overlay.classList.remove('active');
   });
 });
 
 // Prevent clicks inside modal from closing it
 document.querySelectorAll('.modal').forEach(modal => {
-  modal.addEventListener('click', (e) => {
-    e.stopPropagation();
-  });
+  modal.addEventListener('click', (e) => e.stopPropagation());
 });
 
 // Close modal on Escape key
diff --git a/src/dashboard.js b/src/dashboard.js
index ec2f3ed..752c4e4 100644
--- a/src/dashboard.js
+++ b/src/dashboard.js
@@ -15,10 +15,10 @@ function buildHTML(data, agente, isAgentDashboard = true, diasPeriodo = null, as
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
 <style>
   :root {
-    --primary: #6C3FA0;
-    --primary-light: #8B5FBF;
-    --primary-dark: #4A2570;
-    --primary-bg: #F3EEFA;
+    --primary: #7600be;
+    --primary-light: #9B2DE5;
+    --primary-dark: #5A0091;
+    --primary-bg: #F5EAFA;
     --bg: #F0F2F5;
     --card: #FFFFFF;
     --text: #1A1D23;
@@ -428,9 +428,15 @@ ${isEmulating ? `
 </div>
 ` : ''}
 <div class="header">
-  <div>
-    <h1>${agente.nome}${agente.agente_id ? ` &mdash; Agente ${agente.agente_id}` : ''}</h1>
-    <div class="subtitle">Dashboard de Transacoes BRL &harr; USD ${isAdminDash ? `(${data.length.toLocaleString('pt-BR')} registros)` : ''}</div>
+  <div style="display:flex;align-items:center;gap:16px;">
+    <img src="/public/logo.png" alt="CambioReal" style="height:40px;width:auto;">
+    <div>
+      <h1 style="display:flex;align-items:center;gap:12px;">
+        <span style="background:rgba(255,255,255,0.2);padding:4px 12px;border-radius:6px;font-size:14px;">BI - CCC</span>
+        ${agente.nome}${agente.agente_id ? ` &mdash; Agente ${agente.agente_id}` : ''}
+      </h1>
+      <div class="subtitle">Dashboard de Transacoes BRL &harr; USD ${isAdminDash ? `(${data.length.toLocaleString('pt-BR')} registros)` : ''}</div>
+    </div>
   </div>
   <div class="header-right">
     ${isAdminDash ? `
@@ -596,7 +602,7 @@ function showLoading(msg) {
     overlay = document.createElement('div');
     overlay.id = 'loadingOverlay';
     overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column;gap:16px;';
-    overlay.innerHTML = '<div style="width:50px;height:50px;border:4px solid #fff;border-top-color:#6C3FA0;border-radius:50%;animation:spin 1s linear infinite;"></div><div style="color:#fff;font-size:16px;" id="loadingText">Carregando...</div><style>@keyframes spin{to{transform:rotate(360deg)}}</style>';
+    overlay.innerHTML = '<div style="width:50px;height:50px;border:4px solid #fff;border-top-color:#7600be;border-radius:50%;animation:spin 1s linear infinite;"></div><div style="color:#fff;font-size:16px;" id="loadingText">Carregando...</div><style>@keyframes spin{to{transform:rotate(360deg)}}</style>';
     document.body.appendChild(overlay);
   }
   document.getElementById('loadingText').textContent = msg || 'Carregando...';
@@ -816,7 +822,7 @@ function renderCharts(gran) {
   const clientMap = {};
   filtered.forEach(r => { clientMap[r.cliente] = (clientMap[r.cliente] || 0) + r.valor_dolar; });
   const topClientes = Object.entries(clientMap).sort((a,b) => b[1] - a[1]).slice(0, 10);
-  const colors = ['#6C3FA0','#8B5FBF','#2980B9','#27AE60','#E67E22','#E74C3C','#3498DB','#1ABC9C','#9B59B6','#F39C12'];
+  const colors = ['#7600be','#8B5FBF','#2980B9','#27AE60','#E67E22','#E74C3C','#3498DB','#1ABC9C','#9B59B6','#F39C12'];
   charts.clientes = new Chart(document.getElementById('chartClientes'), {
     type: 'bar',
     data: {
@@ -839,7 +845,7 @@ function renderCharts(gran) {
     data: {
       labels,
       datasets: [
-        { label: 'Taxa Cobrada', data: periods.map(p => p.taxaMedia), borderColor: '#6C3FA0', backgroundColor: 'rgba(108,63,160,0.08)', fill: true, tension: 0.4, pointRadius: 4, pointBackgroundColor: '#6C3FA0', borderWidth: 2 },
+        { label: 'Taxa Cobrada', data: periods.map(p => p.taxaMedia), borderColor: '#7600be', backgroundColor: 'rgba(108,63,160,0.08)', fill: true, tension: 0.4, pointRadius: 4, pointBackgroundColor: '#7600be', borderWidth: 2 },
         { label: 'PTAX', data: periods.map(p => p.ptaxMedia), borderColor: '#2980B9', backgroundColor: 'rgba(41,128,185,0.08)', fill: true, tension: 0.4, pointRadius: 4, pointBackgroundColor: '#2980B9', borderWidth: 2 }
       ]
     },
@@ -1660,12 +1666,12 @@ function renderNettingAnalysis(gran) {
       datasets: [{
         label: 'Eficiencia Netting %',
         data: efficiencyData,
-        borderColor: '#6C3FA0',
+        borderColor: '#7600be',
         backgroundColor: 'rgba(108,63,160,0.1)',
         fill: true,
         tension: 0.4,
         pointRadius: 5,
-        pointBackgroundColor: '#6C3FA0',
+        pointBackgroundColor: '#7600be',
         borderWidth: 3
       }, {
         label: 'Meta 100%',
diff --git a/src/ui-template.js b/src/ui-template.js
new file mode 100644
index 0000000..4ffb650
--- /dev/null
+++ b/src/ui-template.js
@@ -0,0 +1,307 @@
+/**
+ * UI Template - Design System Unificado BI-CCC
+ * Header, Footer e estilos compartilhados
+ */
+
+// CSS Variables compartilhadas - Cores CambioReal
+const cssVariables = `
+  :root {
+    --primary: #7600be;
+    --primary-light: #9B2DE5;
+    --primary-dark: #5A0091;
+    --primary-bg: #F5EAFA;
+    --admin-accent: #2E7D32;
+    --admin-dark: #1B5E20;
+    --admin-bg: #E8F5E9;
+    --bg: #F0F2F5;
+    --card: #FFFFFF;
+    --text: #1A1D23;
+    --text-secondary: #5F6368;
+    --text-muted: #9AA0A6;
+    --border: #E8EAED;
+    --green: #1E8E3E;
+    --green-bg: #E6F4EA;
+    --blue: #1A73E8;
+    --blue-bg: #E8F0FE;
+    --orange: #E8710A;
+    --orange-bg: #FEF3E8;
+    --red: #D93025;
+    --red-bg: #FDE7E7;
+    --purple: #7B1FA2;
+    --purple-bg: #F3E5F5;
+  }
+`;
+
+// CSS do Header unificado
+const headerCSS = `
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    background: var(--bg); color: var(--text); line-height: 1.5;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  /* Header Unificado */
+  .app-header {
+    background: linear-gradient(135deg, var(--header-color) 0%, var(--header-dark) 100%);
+    color: white;
+    padding: 0 40px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 64px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+  }
+  .app-header.admin {
+    --header-color: var(--admin-accent);
+    --header-dark: var(--admin-dark);
+  }
+  .app-header.agent {
+    --header-color: var(--primary);
+    --header-dark: var(--primary-dark);
+  }
+
+  .header-brand {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+  .header-brand .logo {
+    height: 36px;
+    width: auto;
+  }
+  .header-brand .app-name {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+  .header-brand .app-name-badge {
+    background: rgba(255,255,255,0.2);
+    padding: 6px 14px;
+    border-radius: 6px;
+    font-size: 14px;
+    font-weight: 800;
+    letter-spacing: 0.5px;
+  }
+  .header-brand .app-subtitle {
+    font-size: 11px;
+    opacity: 0.8;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+  }
+
+  .header-nav {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+  .header-nav a {
+    color: white;
+    text-decoration: none;
+    padding: 8px 16px;
+    border-radius: 6px;
+    font-size: 13px;
+    font-weight: 600;
+    transition: all 0.15s;
+    opacity: 0.85;
+  }
+  .header-nav a:hover {
+    background: rgba(255,255,255,0.15);
+    opacity: 1;
+  }
+  .header-nav a.active {
+    background: rgba(255,255,255,0.2);
+    opacity: 1;
+  }
+
+  .header-user {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+  .header-user .user-info {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    background: rgba(255,255,255,0.1);
+    padding: 6px 14px;
+    border-radius: 20px;
+    font-size: 13px;
+    font-weight: 500;
+  }
+  .header-user .user-avatar {
+    width: 28px;
+    height: 28px;
+    background: rgba(255,255,255,0.25);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    font-weight: 700;
+  }
+  .header-user .user-role {
+    font-size: 10px;
+    background: rgba(255,255,255,0.2);
+    padding: 2px 8px;
+    border-radius: 10px;
+    text-transform: uppercase;
+    font-weight: 700;
+    letter-spacing: 0.5px;
+  }
+  .header-user .btn-logout {
+    background: rgba(255,255,255,0.15);
+    color: white;
+    border: 1px solid rgba(255,255,255,0.3);
+    padding: 8px 16px;
+    border-radius: 6px;
+    font-size: 12px;
+    font-weight: 600;
+    cursor: pointer;
+    text-decoration: none;
+    font-family: inherit;
+    transition: all 0.15s;
+  }
+  .header-user .btn-logout:hover {
+    background: rgba(255,255,255,0.25);
+  }
+
+  /* Footer */
+  .app-footer {
+    text-align: center;
+    padding: 20px;
+    font-size: 12px;
+    color: var(--text-muted);
+    border-top: 1px solid var(--border);
+    background: var(--card);
+    margin-top: auto;
+  }
+
+  /* Container padrão */
+  .app-container {
+    padding: 28px 40px;
+    max-width: 1600px;
+    margin: 0 auto;
+  }
+
+  /* Responsive */
+  @media (max-width: 768px) {
+    .app-header {
+      padding: 0 20px;
+      height: auto;
+      flex-direction: column;
+      gap: 12px;
+      padding: 16px 20px;
+    }
+    .header-nav {
+      width: 100%;
+      justify-content: center;
+    }
+    .header-user {
+      width: 100%;
+      justify-content: center;
+    }
+    .app-container {
+      padding: 20px;
+    }
+    .header-brand .app-subtitle {
+      display: none;
+    }
+  }
+`;
+
+/**
+ * Gera o header HTML
+ * @param {Object} options
+ * @param {string} options.role - 'admin' ou 'agente'
+ * @param {string} options.userName - Nome do usuário
+ * @param {string} options.activePage - Página ativa para nav
+ * @param {boolean} options.showNav - Mostrar navegação
+ */
+function buildHeader(options = {}) {
+  const { role = 'agente', userName = '', activePage = '', showNav = true } = options;
+  const isAdmin = role === 'admin';
+  const headerClass = isAdmin ? 'admin' : 'agent';
+
+  const initials = userName
+    .split(' ')
+    .map(n => n[0])
+    .slice(0, 2)
+    .join('')
+    .toUpperCase();
+
+  const adminNav = `
+    <nav class="header-nav">
+      <a href="/admin" class="${activePage === 'home' ? 'active' : ''}">Home</a>
+      <a href="/admin/agentes" class="${activePage === 'users' ? 'active' : ''}">Usuarios</a>
+      <a href="/admin/dashboard" class="${activePage === 'dashboard' ? 'active' : ''}">Dashboard</a>
+    </nav>
+  `;
+
+  const agentNav = `
+    <nav class="header-nav">
+      <a href="/dashboard" class="active">Meu Dashboard</a>
+    </nav>
+  `;
+
+  return `
+    <header class="app-header ${headerClass}">
+      <div class="header-brand">
+        <img src="/public/logo.png" alt="CambioReal" class="logo">
+        <div class="app-name">
+          <span class="app-name-badge">BI - CCC</span>
+          <span class="app-subtitle">Central Command Center</span>
+        </div>
+      </div>
+      ${showNav ? (isAdmin ? adminNav : agentNav) : ''}
+      <div class="header-user">
+        <div class="user-info">
+          <span class="user-avatar">${initials}</span>
+          <span>${userName}</span>
+          <span class="user-role">${isAdmin ? 'Admin' : 'Agente'}</span>
+        </div>
+        <a href="/logout" class="btn-logout">Sair</a>
+      </div>
+    </header>
+  `;
+}
+
+/**
+ * Gera o footer HTML
+ */
+function buildFooter() {
+  const year = new Date().getFullYear();
+  return `
+    <footer class="app-footer">
+      CambioReal &copy; ${year} &mdash; BI - CCC (Central Command Center)
+    </footer>
+  `;
+}
+
+/**
+ * Gera o head HTML com estilos base
+ * @param {string} title - Título da página
+ * @param {string} additionalCSS - CSS adicional
+ */
+function buildHead(title, additionalCSS = '') {
+  return `
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>${title} | BI - CCC</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
+    <style>
+      ${cssVariables}
+      ${headerCSS}
+      ${additionalCSS}
+    </style>
+  `;
+}
+
+module.exports = {
+  buildHeader,
+  buildFooter,
+  buildHead,
+  cssVariables,
+  headerCSS
+};