:root{--bg: #0a0e17;--surface: #111827;--surface-alt: #1a2235;--surface-hover: #1f2b3d;--border: #1e293b;--border-light: #334155;--text: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #f59e0b;--accent-dim: #d97706;--accent-glow: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-dim: rgba(239, 68, 68, .15);--success: #10b981;--success-dim: rgba(16, 185, 129, .15);--info: #3b82f6;--info-dim: rgba(59, 130, 246, .15);--purple: #8b5cf6;--purple-dim: rgba(139, 92, 246, .15);--pink: #ec4899;--cyan: #06b6d4;--orange: #f97316;--font-body: "IBM Plex Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Space Grotesk", sans-serif;--radius: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--surface);border-right:1px solid var(--border);padding:24px 0;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;z-index:100;transition:transform .3s ease}.sidebar-header{padding:0 20px 24px;border-bottom:1px solid var(--border);margin-bottom:16px}.sidebar-brand{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:4px}.sidebar-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text);line-height:1.3}.sidebar-subtitle{font-size:12px;color:var(--text-dim);margin-top:4px}.sidebar-section{padding:8px 12px}.sidebar-section-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);padding:0 8px;margin-bottom:4px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);color:var(--text-muted);font-size:13px;font-weight:400;cursor:pointer;transition:all .15s;text-decoration:none}.sidebar-link:hover{background:var(--surface-alt);color:var(--text);text-decoration:none}.sidebar-link.active{background:var(--accent-glow);color:var(--accent);font-weight:500}.sidebar-link svg{width:16px;height:16px;flex-shrink:0}.sidebar-link .num{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);min-width:18px}.main-content{margin-left:260px;flex:1;padding:32px;max-width:calc(100vw - 260px);min-width:0}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--accent);cursor:pointer;font-size:20px}.page-header{margin-bottom:28px}.page-header h1{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text);line-height:1.2}.page-header .page-desc{color:var(--text-muted);font-size:14px;margin-top:8px;max-width:800px;line-height:1.6}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.card-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text)}.card-subtitle{font-size:12px;color:var(--text-dim);margin-top:2px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2-auto{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.kpi-label{font-size:12px;color:var(--text-dim);margin-bottom:6px;font-weight:500}.kpi-value{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--text);line-height:1}.kpi-value.accent{color:var(--accent)}.kpi-value.success{color:var(--success)}.kpi-value.danger{color:var(--danger)}.kpi-value.info{color:var(--info)}.kpi-change{font-size:12px;margin-top:4px;font-weight:500}.kpi-change.up{color:var(--success)}.kpi-change.down{color:var(--danger)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.badge-success{background:var(--success-dim);color:var(--success)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-info{background:var(--info-dim);color:var(--info)}.badge-accent{background:var(--accent-glow);color:var(--accent)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .6s ease}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:10px 12px;border-bottom:1px solid var(--border)}.data-table td{padding:12px;font-size:13px;border-bottom:1px solid var(--border);color:var(--text-muted)}.data-table tr:hover td{background:var(--surface-alt)}.insight-box{background:var(--accent-glow);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius);padding:16px 20px;font-size:13px;color:var(--text);line-height:1.7}.insight-box .insight-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:6px}.narrative-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden}.narrative-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%}.narrative-card.oficialista:before{background:var(--info)}.narrative-card.opositora:before{background:var(--danger)}.narrative-card.social:before{background:var(--accent)}.sentiment-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.sentiment-dot.positive{background:var(--success)}.sentiment-dot.negative{background:var(--danger)}.sentiment-dot.neutral{background:var(--text-dim)}.sentiment-dot.mixed{background:var(--accent)}.section-divider{border:none;border-top:1px solid var(--border);margin:24px 0}.app-footer{text-align:center;padding:24px 20px;font-size:11px;color:var(--text-dim);border-top:1px solid var(--border);margin-top:40px;line-height:1.5}@media (max-width: 1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-kpi{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 1024px){.sidebar{width:220px}.main-content{margin-left:220px;max-width:calc(100vw - 220px);padding:24px}}@media (max-width: 900px){.grid-2-auto{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px;z-index:1000}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:999}.sidebar-overlay.open,.mobile-menu-btn{display:block}.main-content{margin-left:0;max-width:100vw;padding:56px 16px 16px}.grid-2,.grid-3,.grid-4,.grid-2-auto{grid-template-columns:1fr}.grid-kpi{grid-template-columns:1fr 1fr;gap:10px}.page-header h1{font-size:22px}.page-header .page-desc{font-size:13px}.card{padding:16px}.kpi-value{font-size:26px}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 6px}}@media (max-width: 480px){.grid-kpi{grid-template-columns:1fr}.main-content{padding:52px 12px 12px}.page-header h1{font-size:20px}.card{padding:14px}}