feat: implement secure multi-tenancy, RBAC, and premium dark mode

- Enforced tenant isolation and Role-Based Access Control across all API routes - Implemented secure profile avatar upload using multer and UUIDs - Redesigned UI with a premium "Onyx & Gold" Charcoal dark mode - Added Funnel Stage and Origin filters to Dashboard and User Detail pages - Replaced "Referral" with "Indicação" across the platform and database - Optimized Dockerfile and local environment setup for reliable deployments - Fixed frontend syntax errors and improved KPI/Chart visualizations
2026-03-03 17:16:55 -03:00
parent b7e73fce3d
commit 20bdf510fd
32 changed files with 2810 additions and 1140 deletions
--- a/index.html
+++ b/index.html
@@ -5,11 +5,43 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Fasto | Management</title>
    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+      tailwind.config = {
+        darkMode: 'class',
+        theme: {
+          extend: {
+            colors: {
+              brand: {
+                yellow: '#facc15'
+              },
+              dark: {
+                bg: '#0a0a0a', // Deep Charcoal (Not pure black)
+                card: '#141414', // Elevated surface
+                header: '#141414',
+                sidebar: '#141414',
+                border: '#222222', // Subtle border
+                input: '#1a1a1a',
+                text: '#ededed', // High contrast off-white
+                muted: '#888888' // Muted gray
+              }
+            }
+          }
+        }
+      }
+      
+      // Check for theme in cookie or system preference
+      const isDark = document.cookie.split('; ').find(row => row.startsWith('dark_mode='))?.split('=')[1] === '1';
+      if (isDark) {
+        document.documentElement.classList.add('dark');
+      }
+    </script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
-      body { font-family: 'Inter', sans-serif; background-color: #f8fafc; }
+      body { font-family: 'Inter', sans-serif; transition: background-color 0.3s ease; }
+      .dark body { background-color: #0a0a0a; color: #ededed; }
      ::-webkit-scrollbar { width: 6px; height: 6px; }
-      ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
+      ::-webkit-scrollbar-thumb { background: #d4d4d8; border-radius: 3px; }
+      .dark ::-webkit-scrollbar-thumb { background: #333333; }
    </style>
  </head>
  <body>