[CampaignPro] Dashboard Screen — Campaign Overview

Generate a mobile-first React component for a political campaign dashboard. **Context**: CampaignPro Mexico — Android-first campaign management app for Mexican political campaigns. **Screen: Dashboard (Inicio)** - Stats grid: 4 metric cards (Total Voters, New This Week, Team Members, Territories Covered) - Each card has: icon, large number, label - Sentiment breakdown: horizontal stacked bar (green=supporter, yellow=undecided, red=opposed) with legend - Activity feed: chronological list of recent events (voter captures, team joins, territory assignments) - Pull-to-refresh support **Design System**: - Background: #0f172a (slate-900) - Surface/Card: #1e293b (slate-800), border: #334155 (slate-700) - Primary text: #f1f5f9 (slate-50) - Secondary text: #94a3b8 (slate-400) - Accent: #e11d48 (rose-600) - Success: #22c55e, Warning: #eab308, Error: #ef4444 - Border radius: 12px - Language: Spanish (all labels in Spanish) **Data Schema**: ```typescript interface DashboardStats { votersTotal: number; votersThisWeek: number; teamMembers: number; territoriesCovered: number; supporterPct: number; undecidedPct: number; opposedPct: number; } ``` **Tech**: React with Tailwind CSS (V0 output). Will be adapted to React Native.