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

@@ -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">