feat(dashboard): adicionar alerta de privacidade e ajustar estilos

- Adicionar alerta de privacidade na página de insights
- Ajustar classes de estilo para widgets de despesas e renda
- Atualizar .gitignore para incluir QWEN.md
- Modificar estilos de fundo e sombra no componente DashboardWelcome

.gitignore

@@ -106,6 +106,7 @@ docker-compose.override.yml
 .cursor/
 CLAUDE.md
 AGENTS.md
+QWEN.md
 claude.md
 agents.md
 

app/globals.css

@@ -88,35 +88,35 @@
 
 .dark {
   /* Base surfaces - true dark with minimal saturation */
-  --background: oklch(14% 0.004 285);
+  --background: oklch(18.674% 0.00002 271.152);
-  --foreground: oklch(95% 0.003 285);
+  --foreground: oklch(85.505% 0.02038 100.68);
-  --card: oklch(18% 0.005 285);
+  --card: oklch(24.039% 0.00151 16.27);
-  --card-foreground: oklch(95% 0.003 285);
+  --card-foreground: oklch(85.505% 0.02038 100.68);
-  --popover: oklch(20% 0.006 285);
+  --popover: oklch(24.039% 0.00151 16.27);
-  --popover-foreground: oklch(95% 0.003 285);
+  --popover-foreground: oklch(85.196% 0.0204 100.682);
 
   /* Primary - vibrant terracotta stands out on dark */
   --primary: oklch(69.18% 0.18855 38.353);
-  --primary-foreground: oklch(12% 0.008 285);
+  --primary-foreground: oklch(20.019% 0.00002 271.152);
 
   /* Secondary - elevated surface */
   --secondary: oklch(22% 0.004 285);
-  --secondary-foreground: oklch(93% 0.003 285);
+  --secondary-foreground: oklch(85.196% 0.0204 100.682);
 
   /* Muted - subtle surface variant */
-  --muted: oklch(20% 0.004 285);
+  --muted: oklch(33.674% 0.00531 91.552);
   --muted-foreground: oklch(72.285% 0.00436 286.016);
 
   /* Accent - subtle highlight */
-  --accent: oklch(26% 0.006 285);
+  --accent: oklch(26.893% 0.00391 84.539);
-  --accent-foreground: oklch(95% 0.003 285);
+  --accent-foreground: oklch(85.196% 0.0204 100.682);
 
   /* Destructive - accessible red for dark */
   --destructive: oklch(62% 0.2 28);
   --destructive-foreground: oklch(98% 0.005 30);
 
   /* Borders and inputs - visible but subtle */
-  --border: oklch(28% 0.004 285);
+  --border: oklch(37.332% 0.01493 101.928);
   --input: oklch(32% 0.005 285);
   --ring: oklch(69.18% 0.18855 38.353);
 
@@ -128,12 +128,12 @@
   --chart-5: oklch(74% 0.15 88);
 
   /* Sidebar - slight separation from main */
-  --sidebar: oklch(16% 0.004 285);
+  --sidebar: oklch(24.039% 0.00151 16.27);
-  --sidebar-foreground: oklch(95% 0.003 285);
+  --sidebar-foreground: oklch(85.196% 0.0204 100.682);
   --sidebar-primary: oklch(69.18% 0.18855 38.353);
-  --sidebar-primary-foreground: oklch(12% 0.008 285);
+  --sidebar-primary-foreground: oklch(12.897% 0.00619 87.19);
-  --sidebar-accent: oklch(24% 0.005 285);
+  --sidebar-accent: oklch(32.242% 0.00447 67.486);
-  --sidebar-accent-foreground: oklch(95% 0.003 285);
+  --sidebar-accent-foreground: oklch(85.196% 0.0204 100.682);
   --sidebar-border: oklch(26% 0.004 285);
   --sidebar-ring: oklch(69.18% 0.18855 38.353);
 
@@ -159,12 +159,12 @@
   --spacing: 0.25rem;
 
   /* Special components */
-  --month-picker: oklch(22% 0.006 285);
+  --month-picker: oklch(24.039% 0.00151 16.27);
-  --month-picker-foreground: oklch(85% 0.02 315);
+  --month-picker-foreground: oklch(85.196% 0.0204 100.682);
-  --dark: oklch(93% 0.003 285);
+  --dark: oklch(85.196% 0.0204 100.682);
-  --dark-foreground: oklch(18% 0.005 285);
+  --dark-foreground: oklch(18.711% 0.00427 84.566);
-  --welcome-banner: oklch(22% 0.006 285);
+  --welcome-banner: oklch(24.039% 0.00151 16.27);
-  --welcome-banner-foreground: oklch(95% 0.003 285);
+  --welcome-banner-foreground: oklch(85.196% 0.0204 100.682);
 }
 
 @theme inline {

components/dashboard/dashboard-welcome.tsx

@@ -51,7 +51,7 @@ export function DashboardWelcome({ name }: DashboardWelcomeProps) {
 
   return (
     <Card
-      className={`${main_font.className} relative px-6 py-12 bg-welcome-banner border-none shadow-lg overflow-hidden`}
+      className={`${main_font.className} relative px-6 py-12 bg-welcome-banner border-none shadow-none overflow-hidden`}
     >
       <div className="absolute inset-0 flex items-center justify-center opacity-20 pointer-events-none">
         <MagnetLines

components/dashboard/expenses-by-category-widget.tsx

@@ -127,9 +127,9 @@ export function ExpensesByCategoryWidget({
                   <span
                     className={`flex items-center gap-0.5 text-xs ${
                       hasIncrease
-                        ? "text-red-600"
+                        ? "text-red-600 dark:text-red-500"
                         : hasDecrease
-                        ? "text-green-600"
+                        ? "text-green-600 dark:text-green-500"
                         : "text-muted-foreground"
                     }`}
                   >

components/dashboard/income-by-category-widget.tsx

@@ -127,9 +127,9 @@ export function IncomeByCategoryWidget({
                   <span
                     className={`flex items-center gap-0.5 text-xs ${
                       hasIncrease
-                        ? "text-green-600"
+                        ? "text-green-600 dark:text-green-500"
                         : hasDecrease
-                        ? "text-red-600"
+                        ? "text-red-600 dark:text-red-500"
                         : "text-muted-foreground"
                     }`}
                   >

components/insights/insights-page.tsx

@@ -10,8 +10,9 @@ import { DEFAULT_MODEL } from "@/app/(dashboard)/insights/data";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
+import { Alert, AlertDescription } from "@/components/ui/alert";
 import type { InsightsResponse } from "@/lib/schemas/insights";
-import { RiDeleteBinLine, RiSaveLine, RiSparklingLine } from "@remixicon/react";
+import { RiDeleteBinLine, RiSaveLine, RiSparklingLine, RiAlertLine } from "@remixicon/react";
 import { useEffect, useState, useTransition } from "react";
 import { toast } from "sonner";
 import { EmptyState } from "../empty-state";
@@ -127,6 +128,15 @@ export function InsightsPage({ period, onAnalyze }: InsightsPageProps) {
 
   return (
     <div className="flex flex-col gap-6">
+      {/* Privacy Warning */}
+      <Alert>
+        <RiAlertLine className="size-4" />
+        <AlertDescription className="text-sm">
+          <strong>Aviso de privacidade:</strong> Ao gerar insights, seus dados financeiros serão enviados para o provedor de IA selecionado
+          (Anthropic, OpenAI, Google ou OpenRouter) para processamento. Certifique-se de que você confia no provedor escolhido antes de prosseguir.
+        </AlertDescription>
+      </Alert>
+
       {/* Model Selector */}
       <ModelSelector
         value={selectedModel}