@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#1a1f35;--bg-card-hover:#222845;--bg-elevated:#252b45;--border-color:hsla(0,0%,100%,.06);--border-color-hover:hsla(0,0%,100%,.12);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-blue:#3b82f6;--accent-blue-glow:rgba(59,130,246,.25);--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-green-glow:rgba(16,185,129,.15);--accent-red:#ef4444;--accent-red-glow:rgba(239,68,68,.15);--accent-amber:#f59e0b;--accent-purple:#8b5cf6;--accent-indigo:#6366f1;--gradient-hero:linear-gradient(135deg,#0a0e1a,#1a1040 50%,#0a0e1a);--gradient-card:linear-gradient(135deg,rgba(59,130,246,.08),rgba(99,102,241,.04));--gradient-accent:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-green:linear-gradient(135deg,#10b981,#06b6d4);--gradient-warm:linear-gradient(135deg,#f59e0b,#ef4444);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-card:0 4px 24px rgba(0,0,0,.25);--shadow-glow-blue:0 0 30px rgba(59,130,246,.15);--shadow-glow-green:0 0 30px rgba(16,185,129,.12);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-smooth:350ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-cyan)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--space-xl) var(--space-2xl);max-width:1440px;margin:0 auto;width:100%}.navbar{justify-content:space-between;padding:var(--space-md) var(--space-2xl);background:rgba(10,14,26,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.navbar,.navbar-brand{display:flex;align-items:center}.navbar-brand{gap:var(--space-sm)}.navbar-logo{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#fff}.navbar-logo,.navbar-title{background:var(--gradient-accent)}.navbar-title{font-size:1.25rem;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-subtitle{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:-2px}.navbar-links{display:flex;align-items:center;gap:var(--space-lg)}.navbar-link{color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:color var(--transition-fast);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.navbar-link.active,.navbar-link:hover{color:var(--text-primary)}.navbar-link.active{background:rgba(59,130,246,.1);color:var(--accent-blue)}.page-header{margin-bottom:var(--space-2xl)}.page-header h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-xs)}.page-header p{color:var(--text-secondary);font-size:1rem}.page-header-actions{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden;transition:all var(--transition-smooth)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:0;transition:opacity var(--transition-normal)}.kpi-card:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}.kpi-card:hover:before{opacity:1}.kpi-card.accent-green:before{background:var(--gradient-green)}.kpi-card.accent-warm:before{background:var(--gradient-warm)}.kpi-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.kpi-value{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.kpi-change{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;margin-top:var(--space-sm);padding:2px 8px;border-radius:var(--radius-full)}.kpi-change.positive{color:var(--accent-green);background:var(--accent-green-glow)}.kpi-change.negative{color:var(--accent-red);background:var(--accent-red-glow)}.section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);transition:border-color var(--transition-normal)}.section-card:hover{border-color:var(--border-color-hover)}.section-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-card-title{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:var(--space-sm)}.section-card-title .icon{color:var(--accent-blue)}.toggle-group{display:inline-flex;background:var(--bg-secondary);border-radius:var(--radius-full);padding:3px;border:1px solid var(--border-color)}.toggle-btn{padding:var(--space-xs) var(--space-md);font-size:.8rem;font-weight:600;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.toggle-btn:hover{color:var(--text-secondary)}.toggle-btn.active{background:var(--accent-blue);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.3)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--transition-normal)}.chart-container:hover{border-color:var(--border-color-hover)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.chart-title{font-size:1rem;font-weight:700}.chart-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:2px}.rankings-table{width:100%;border-collapse:separate;border-spacing:0}.rankings-table thead th{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}.rankings-table tbody tr{transition:background var(--transition-fast)}.rankings-table tbody tr:hover{background:var(--bg-card-hover)}.rankings-table tbody td{padding:var(--space-md);font-size:.9rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.rank-badge.gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rank-badge.silver{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.rank-badge.bronze{background:linear-gradient(135deg,#d97706,#92400e);color:#fff}.rank-badge.default{background:var(--bg-elevated);color:var(--text-muted)}.state-name{font-weight:600}.state-code{color:var(--text-muted);font-size:.8rem;margin-left:var(--space-xs)}.trend-bar{display:flex;align-items:center;gap:var(--space-sm)}.trend-bar-fill{height:6px;border-radius:var(--radius-full);transition:width var(--transition-smooth)}.trend-bar-fill.positive{background:var(--gradient-green)}.trend-bar-fill.negative{background:var(--gradient-warm)}.footer{padding:var(--space-xl) var(--space-2xl);border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);font-size:.8rem}.footer-links{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-md)}.footer-links a{color:var(--text-muted);font-weight:500}.footer-links a:hover{color:var(--text-secondary)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-card-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s ease-out forwards}.animate-delay-1{animation-delay:.1s;opacity:0}.animate-delay-2{animation-delay:.2s;opacity:0}.animate-delay-3{animation-delay:.3s;opacity:0}.animate-delay-4{animation-delay:.4s;opacity:0}.animate-delay-5{animation-delay:.5s;opacity:0}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,0)}50%{box-shadow:0 0 20px 4px rgba(59,130,246,.15)}}.pulse-glow{animation:pulse-glow 3s infinite}.map-container{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--bg-secondary)}.map-container svg{width:100%;height:100%}.map-tooltip{position:absolute;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:.8rem;pointer-events:none;z-index:10;box-shadow:var(--shadow-card);opacity:0;transition:opacity var(--transition-fast)}.map-tooltip.visible{opacity:1}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.main-content{padding:var(--space-lg)}.navbar{padding:var(--space-md) var(--space-lg)}}@media (max-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.navbar-links{display:none}.page-header h1{font-size:1.5rem}.page-header-actions{flex-wrap:wrap}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}.main-content{padding:var(--space-md)}}.region-search-container{position:relative;width:100%;max-width:320px}.region-search-input-wrap{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:6px 14px;gap:8px;transition:all var(--transition-normal)}.region-search-input-wrap:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.region-search-icon{font-size:.85rem;flex-shrink:0}.region-search-input{background:none;border:none;outline:none;color:var(--text-primary);font-size:.85rem;font-family:inherit;width:100%}.region-search-input::-moz-placeholder{color:var(--text-muted)}.region-search-input::placeholder{color:var(--text-muted)}.region-search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:2px;line-height:1;transition:color var(--transition-fast)}.region-search-clear:hover{color:var(--text-primary)}.region-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;max-height:300px;overflow-y:auto;z-index:50;box-shadow:0 12px 40px rgba(0,0,0,.4);backdrop-filter:blur(12px);animation:fadeInUp .15s ease-out}.region-search-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:none;background:none;color:var(--text-primary);font-size:.85rem;font-family:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);text-align:left}.region-search-item.active,.region-search-item:hover{background:var(--bg-card-hover)}.region-search-item-name{font-weight:600}.region-search-item-code{color:var(--text-muted);font-size:.75rem;font-weight:500}.compare-container{max-width:1000px;margin:0 auto}.compare-header{display:flex;align-items:flex-start;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.compare-search-panel{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.compare-search-panel .region-search-container{max-width:none}.compare-panel-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.compare-vs{padding-top:24px}.compare-vs,.compare-vs-circle{display:flex;align-items:center}.compare-vs-circle{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gradient-accent);justify-content:center;font-weight:800;font-size:.85rem;color:#fff;box-shadow:0 4px 16px rgba(59,130,246,.3);flex-shrink:0}.compare-selected{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--accent-blue);border-radius:var(--radius-sm)}.compare-selected-name{font-weight:700;font-size:.9rem}.compare-selected-code{color:var(--accent-blue);font-size:.75rem;font-weight:600}.compare-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.compare-row,.compare-table-header{display:grid;grid-template-columns:1fr auto 1fr;border-bottom:1px solid var(--border-color)}.compare-row{transition:background var(--transition-fast)}.compare-row:last-child{border-bottom:none}.compare-row:hover{background:var(--bg-card-hover)}.compare-cell{padding:14px 20px;font-size:.9rem;display:flex;align-items:center}.compare-cell.left{justify-content:flex-end;text-align:right;font-weight:600}.compare-cell.right{justify-content:flex-start;text-align:left;font-weight:600}.compare-cell.center{flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:140px;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background:rgba(0,0,0,.15)}.compare-cell.header{font-weight:700;font-size:1rem;gap:8px;padding:16px 20px;background:rgba(59,130,246,.06)}.compare-cell.header.center{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.compare-cell.winner{color:var(--accent-green);position:relative}.compare-cell.winner:after{content:"✓";margin-left:8px;font-size:.7rem;background:var(--accent-green-glow);color:var(--accent-green);padding:2px 6px;border-radius:var(--radius-full)}.compare-icon{font-size:.9rem}.compare-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.compare-diff{font-size:.65rem;color:var(--accent-blue);font-weight:500}.compare-placeholder{text-align:center;padding:var(--space-3xl) var(--space-xl);background:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-lg)}.compare-placeholder-icon{font-size:3rem;margin-bottom:var(--space-md)}.compare-placeholder-title{font-size:1.2rem;font-weight:700;margin-bottom:var(--space-sm)}.compare-placeholder-desc{color:var(--text-muted);font-size:.9rem;max-width:400px;margin:0 auto}.charts-full{margin-bottom:var(--space-xl)}@media (max-width:768px){.compare-header{flex-direction:column;gap:var(--space-md)}.compare-vs{align-self:center;padding-top:0}.compare-cell{padding:10px 12px;font-size:.8rem}.compare-cell.center{min-width:100px}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200}.modal-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:420px;position:relative;box-shadow:0 24px 64px rgba(0,0,0,.5)}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:4px;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-header{text-align:center;margin-bottom:var(--space-xl)}.modal-logo{width:48px;height:48px;background:var(--gradient-accent);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;color:#fff;margin-bottom:var(--space-md)}.modal-title{font-size:1.4rem;font-weight:800;margin-bottom:var(--space-xs)}.modal-subtitle{color:var(--text-muted);font-size:.85rem}.modal-form{gap:var(--space-md)}.modal-field,.modal-form{display:flex;flex-direction:column}.modal-field{gap:6px}.modal-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.modal-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:all var(--transition-normal)}.modal-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.modal-input::-moz-placeholder{color:var(--text-muted)}.modal-input::placeholder{color:var(--text-muted)}.modal-submit{background:var(--gradient-accent);border:none;color:#fff;padding:12px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all var(--transition-normal);margin-top:var(--space-xs)}.modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(59,130,246,.4)}.modal-submit:disabled{opacity:.6;cursor:not-allowed}.modal-alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:.8rem;display:flex;align-items:center;gap:8px}.modal-alert.error{background:var(--accent-red-glow);color:var(--accent-red);border:1px solid rgba(239,68,68,.2)}.modal-alert.success{background:var(--accent-green-glow);color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.modal-footer{text-align:center;margin-top:var(--space-lg);color:var(--text-muted);font-size:.85rem}.modal-switch{background:none;border:none;color:var(--accent-blue);font-weight:600;cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:underline}.modal-switch:hover{color:var(--accent-cyan)}.export-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.export-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.export-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;min-width:180px;z-index:50;box-shadow:0 12px 40px rgba(0,0,0,.4);animation:fadeInUp .15s ease-out}.export-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;color:var(--text-primary);font-size:.8rem;font-family:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);text-align:left}.export-option:hover{background:var(--bg-card-hover)}.navbar-auth{gap:var(--space-sm)}.navbar-auth,.navbar-avatar{display:flex;align-items:center}.navbar-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--gradient-green);justify-content:center;font-weight:700;font-size:.8rem;color:#fff}.navbar-user-info{text-align:right}.navbar-user-email{font-size:.75rem;color:var(--text-secondary);font-weight:500}.navbar-signout{background:none;border:1px solid var(--border-color);color:var(--text-muted);padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.navbar-signout:hover{border-color:var(--accent-red);color:var(--accent-red)}.navbar-signin{background:var(--gradient-accent);border:none;color:#fff;padding:6px 16px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--transition-fast);box-shadow:0 2px 8px rgba(59,130,246,.3)}.navbar-signin:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(59,130,246,.4)}.footer-disclaimer-brief{color:var(--text-muted);font-size:.75rem;margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.footer-disclaimer-link{background:none;border:none;color:var(--accent-blue);font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;padding:0}.footer-disclaimer-link:hover{color:var(--accent-cyan)}