@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap");:root{--bg-primary:#fff8e7;--bg-secondary:#fff3d0;--bg-card:#fff;--bg-card-hover:#fffbf0;--bg-elevated:#f5ecd7;--border-color:#1a1a2e;--border-color-hover:#1a1a2e;--border-width:3px;--text-primary:#1a1a2e;--text-secondary:#4a4a5a;--text-muted:#7a7a8a;--accent-blue:#4361ee;--accent-blue-glow:rgba(67,97,238,.15);--accent-cyan:#4cc9f0;--accent-green:#06d6a0;--accent-green-glow:rgba(6,214,160,.15);--accent-red:#ef476f;--accent-red-glow:rgba(239,71,111,.15);--accent-amber:#ffd166;--accent-purple:#7209b7;--accent-indigo:#560bad;--accent-coral:#ff6b35;--accent-pink:#ff006e;--accent-lime:#c7f464;--gradient-hero:#fff8e7;--gradient-card:none;--gradient-accent:#4361ee;--gradient-green:#06d6a0;--gradient-warm:#ef476f;--card-blue:#dbeafe;--card-green:#d1fae5;--card-coral:#ffe0d0;--card-purple:#ede9fe;--card-yellow:#fef3c7;--card-pink:#fce7f3;--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:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-card:5px 5px 0px #1a1a2e;--shadow-card-hover:7px 7px 0px #1a1a2e;--shadow-sm:3px 3px 0px #1a1a2e;--shadow-lg:8px 8px 0px #1a1a2e;--shadow-glow-blue:5px 5px 0px #4361ee;--shadow-glow-green:5px 5px 0px #06d6a0;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-smooth:300ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-family:Space Grotesk,-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;font-weight:600;transition:color var(--transition-fast)}a:hover{color:var(--accent-coral)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:var(--border-width) solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--accent-amber);border:2px solid var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent-coral)}.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:var(--accent-amber);border-bottom:var(--border-width) 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:40px;height:40px;background:var(--border-color);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;box-shadow:var(--shadow-sm)}.navbar-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);-webkit-text-fill-color:initial;background:none}.navbar-subtitle{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:-2px}.navbar-links{display:flex;align-items:center;gap:var(--space-sm)}.navbar-link{color:var(--text-primary);font-size:.875rem;font-weight:600;transition:all var(--transition-fast);padding:6px 14px;border-radius:var(--radius-sm);border:2px solid transparent}.navbar-link:hover{background:hsla(0,0%,100%,.5);border-color:var(--border-color)}.navbar-link.active{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--border-color)}.page-header{margin-bottom:var(--space-2xl)}.page-header h1{font-size:2.2rem;font-weight:700;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(--card-blue);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-card);transition:all var(--transition-fast);cursor:pointer}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--accent-blue);opacity:1}.kpi-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-card-hover)}.kpi-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-color)}.kpi-card.accent-green{background:var(--card-green)}.kpi-card.accent-green:before{background:var(--accent-green)}.kpi-card.accent-warm{background:var(--card-coral)}.kpi-card.accent-warm:before{background:var(--accent-coral)}.kpi-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.kpi-value{font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;font-family:Space Mono,monospace}.kpi-change{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;margin-top:var(--space-sm);padding:3px 10px;border-radius:var(--radius-sm);border:2px solid}.kpi-change.positive{color:#065f46;background:rgba(6,214,160,.2);border-color:#065f46}.kpi-change.negative{color:#9b1c31;background:rgba(239,71,111,.2);border-color:#9b1c31}.kpi-card-wrapper{display:flex;flex-direction:column}.kpi-card.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:5px 0 0 var(--border-color),-3px 0 0 var(--border-color)}.kpi-toggle-hint{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;color:var(--text-muted);margin-top:var(--space-sm);text-transform:uppercase;letter-spacing:.06em}.kpi-toggle-arrow{display:inline-block;transition:transform .2s ease;font-size:.6rem}.kpi-toggle-arrow.open{transform:rotate(180deg)}.kpi-card.accent-purple{background:var(--card-purple)}.kpi-card.accent-purple:before{background:var(--accent-purple)}.kpi-dropdown{background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-card);animation:dropdownSlide .25s ease-out;overflow-x:auto;overflow-y:hidden}@keyframes dropdownSlide{0%{opacity:0;max-height:0}to{opacity:1;max-height:800px}}.kpi-dropdown-summary{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:var(--space-sm);background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.kpi-dropdown-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--bg-card);border-radius:var(--radius-sm)}.kpi-dropdown-stat-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.kpi-dropdown-stat-value{font-size:.8rem;font-weight:700;color:var(--text-primary)}.kpi-dropdown-stat-num{font-size:.85rem;font-weight:700;font-family:Space Mono,monospace;color:var(--accent-blue)}.kpi-dropdown-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.kpi-dropdown-table thead th{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:6px;text-align:left;background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-dropdown-table thead th:first-child{width:28px}.kpi-dropdown-table thead th:nth-child(2){width:40%}.kpi-dropdown-table thead th:nth-child(3),.kpi-dropdown-table thead th:nth-child(4){width:30%}.kpi-th-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.kpi-th-sortable:hover{background:var(--card-yellow)!important}.kpi-dropdown-table tbody tr{transition:background .15s}.kpi-dropdown-table tbody tr:hover{background:var(--card-yellow)}.kpi-dropdown-table tbody td{padding:5px 6px;font-size:.75rem;font-weight:600;border-bottom:1px solid rgba(26,26,46,.15);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-dropdown-table .rank-badge{width:22px;height:22px;font-size:.65rem}.kpi-dropdown-table .state-name{font-size:.72rem}.kpi-dropdown-table .state-code{font-size:.6rem}.kpi-dropdown-table .kpi-change{font-size:.62rem;padding:1px 4px;margin-top:0;white-space:nowrap}.section-card{background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.section-card:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-card-hover)}.section-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-card-title{font-size:1.15rem;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-primary);border-radius:var(--radius-sm);padding:3px;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-sm)}.toggle-btn{padding:var(--space-xs) var(--space-md);font-size:.8rem;font-weight:700;border:2px solid transparent;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.toggle-btn:hover{color:var(--text-primary);background:hsla(0,0%,100%,.5)}.toggle-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--border-color);box-shadow:2px 2px 0 var(--border-color)}.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:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.chart-container:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-card-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;font-weight:600}.rankings-table{width:100%;border-collapse:separate;border-spacing:0}.rankings-table thead th{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-secondary)}.rankings-table tbody tr{transition:background var(--transition-fast)}.rankings-table tbody tr:hover{background:var(--card-yellow)}.rankings-table tbody td{padding:var(--space-md);font-size:.9rem;font-weight:500;border-bottom:2px solid var(--border-color);vertical-align:middle}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;border:2px solid var(--border-color)}.rank-badge.gold{background:var(--accent-amber);color:var(--text-primary)}.rank-badge.silver{background:#e5e7eb;color:var(--text-primary)}.rank-badge.bronze{background:#fdba74;color:var(--text-primary)}.rank-badge.default{background:var(--bg-primary);color:var(--text-muted)}.state-name{font-weight:700}.state-code{color:var(--text-muted);font-size:.8rem;margin-left:var(--space-xs);font-weight:600}.trend-bar{display:flex;align-items:center;gap:var(--space-sm)}.trend-bar-fill{height:8px;border-radius:4px;border:2px solid var(--border-color);transition:width var(--transition-smooth)}.trend-bar-fill.positive{background:var(--accent-green)}.trend-bar-fill.negative{background:var(--accent-red)}.footer{padding:var(--space-xl) var(--space-2xl);border-top:var(--border-width) solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:.85rem;background:var(--bg-secondary);font-weight:500}.footer-links{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap}.footer-links a{color:var(--text-primary);font-weight:700;padding:4px 12px;border:2px solid transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.footer-links a:hover{border-color:var(--border-color);background:var(--bg-card);box-shadow:2px 2px 0 var(--border-color)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-primary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);border:2px solid var(--border-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-in{animation:popIn .4s 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:var(--shadow-card)}50%{box-shadow:var(--shadow-card-hover)}}.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);border:var(--border-width) solid var(--border-color)}.map-container svg{width:100%;height:100%}.map-tooltip{position:absolute;background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:.8rem;font-weight:600;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-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);padding:8px 14px;gap:8px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.region-search-input-wrap:focus-within{box-shadow:var(--shadow-glow-blue);border-color:var(--accent-blue)}.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;font-weight:600;width:100%}.region-search-input::-moz-placeholder{color:var(--text-muted);font-weight:500}.region-search-input::placeholder{color:var(--text-muted);font-weight:500}.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(--accent-red)}.region-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:4px;max-height:300px;overflow-y:auto;z-index:50;box-shadow:var(--shadow-lg);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-weight:600;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(--card-yellow)}.region-search-item-name{font-weight:700}.region-search-item-code{color:var(--text-muted);font-size:.75rem;font-weight:600}.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:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.compare-vs{display:flex;align-items:center;padding-top:24px}.compare-vs-circle{width:52px;height:52px;border-radius:var(--radius-sm);background:var(--accent-coral);justify-content:center;font-weight:700;font-size:.9rem;color:#fff;box-shadow:var(--shadow-card);flex-shrink:0}.compare-selected,.compare-vs-circle{border:var(--border-width) solid var(--border-color);display:flex;align-items:center}.compare-selected{gap:8px;padding:10px 14px;background:var(--card-blue);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.compare-selected-name{font-weight:700;font-size:.9rem}.compare-selected-code{color:var(--accent-blue);font-size:.75rem;font-weight:700}.compare-table{background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.compare-table-header{border-bottom:var(--border-width) solid var(--border-color)}.compare-row,.compare-table-header{display:grid;grid-template-columns:1fr auto 1fr}.compare-row{border-bottom:2px solid var(--border-color);transition:background var(--transition-fast)}.compare-row:last-child{border-bottom:none}.compare-row:hover{background:var(--card-yellow)}.compare-cell{padding:14px 20px;font-size:.9rem;font-weight:600;display:flex;align-items:center}.compare-cell.left{justify-content:flex-end;text-align:right;font-weight:700}.compare-cell.right{justify-content:flex-start;text-align:left;font-weight:700}.compare-cell.center{flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:140px;border-left:2px solid var(--border-color);border-right:2px solid var(--border-color);background:var(--bg-secondary)}.compare-cell.header{font-weight:700;font-size:1rem;gap:8px;padding:16px 20px;background:var(--card-blue)}.compare-cell.header.center{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;background:var(--bg-secondary)}.compare-cell.winner{color:#065f46;position:relative}.compare-cell.winner:after{content:"✓";margin-left:8px;font-size:.7rem;background:var(--accent-green);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);border:2px solid var(--border-color);font-weight:700}.compare-icon{font-size:.9rem}.compare-label{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.compare-diff{font-size:.65rem;color:var(--accent-blue);font-weight:700}.compare-placeholder{text-align:center;padding:var(--space-3xl) var(--space-xl);background:var(--bg-card);border:3px dashed var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.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;font-weight:500;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(26,26,46,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200}.modal-container{background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:420px;position:relative;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:16px;right:16px;background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary);font-size:.9rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);font-weight:700;transition:all var(--transition-fast);box-shadow:2px 2px 0 var(--border-color)}.modal-close:hover{background:var(--accent-red);color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border-color)}.modal-header{text-align:center;margin-bottom:var(--space-xl)}.modal-logo{width:52px;height:52px;background:var(--accent-amber);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;color:var(--text-primary);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}.modal-title{font-size:1.4rem;font-weight:700;margin-bottom:var(--space-xs)}.modal-subtitle{color:var(--text-muted);font-size:.85rem;font-weight:500}.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:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.modal-input{background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:.9rem;font-family:inherit;font-weight:600;outline:none;box-shadow:inset 2px 2px 0 rgba(0,0,0,.05);transition:all var(--transition-normal)}.modal-input:focus{border-color:var(--accent-blue);box-shadow:var(--shadow-glow-blue)}.modal-input::-moz-placeholder{color:var(--text-muted);font-weight:500}.modal-input::placeholder{color:var(--text-muted);font-weight:500}.modal-submit{background:var(--accent-blue);border:var(--border-width) solid var(--border-color);color:#fff;padding:12px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);margin-top:var(--space-xs)}.modal-submit:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow-card)}.modal-submit:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-color)}.modal-submit:disabled{opacity:.6;cursor:not-allowed}.modal-alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:8px;border:2px solid}.modal-alert.error{background:rgba(239,71,111,.1);color:#9b1c31;border-color:#9b1c31}.modal-alert.success{background:rgba(6,214,160,.1);color:#065f46;border-color:#065f46}.modal-footer{text-align:center;margin-top:var(--space-lg);color:var(--text-muted);font-size:.85rem;font-weight:500}.modal-switch{background:none;border:none;color:var(--accent-blue);font-weight:700;cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.modal-switch:hover{color:var(--accent-coral)}.export-btn{background:var(--bg-card);border:var(--border-width) solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.export-btn:hover{background:var(--accent-amber);transform:translate(-1px,-1px);box-shadow:var(--shadow-card)}.export-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:4px;min-width:180px;z-index:50;box-shadow:var(--shadow-lg);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-weight:600;font-family:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);text-align:left}.export-option:hover{background:var(--card-yellow)}.navbar-auth{gap:var(--space-sm)}.navbar-auth,.navbar-avatar{display:flex;align-items:center}.navbar-avatar{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--accent-green);border:2px solid var(--border-color);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:600}.navbar-signout{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary);padding:4px 12px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:2px 2px 0 var(--border-color);transition:all var(--transition-fast)}.navbar-signout:hover{background:var(--accent-red);color:#fff}.navbar-signin{background:var(--text-primary);border:var(--border-width) solid var(--border-color);color:#fff;padding:8px 18px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.navbar-signin:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-card)}.footer-disclaimer-brief{color:var(--text-muted);font-size:.75rem;font-weight:600;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;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}.footer-disclaimer-link:hover{color:var(--accent-coral)}.kpi-detail-page{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-2xl)}.kpi-detail-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.kpi-detail-back{background:var(--bg-card);border:var(--border-width) solid var(--border-color);padding:10px 18px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);color:var(--text-primary);text-decoration:none}.kpi-detail-back:hover{background:var(--accent-amber);transform:translate(-1px,-1px);box-shadow:var(--shadow-card);color:var(--text-primary)}.kpi-detail-title{font-size:1.8rem;font-weight:700}.kpi-detail-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--space-xl);font-weight:500}.kpi-detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.kpi-detail-summary-card{background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);text-align:center}.kpi-detail-summary-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-xs)}.kpi-detail-summary-value{font-size:1.6rem;font-weight:700;font-family:Space Mono,monospace}.kpi-detail-chart-container{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.kpi-detail-chart-container,.kpi-detail-table{background:var(--bg-card);box-shadow:var(--shadow-card)}.kpi-detail-table{width:100%;border-collapse:separate;border-spacing:0;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.kpi-detail-table thead th{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:14px var(--space-md);text-align:left;background:var(--accent-amber);border-bottom:var(--border-width) solid var(--border-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--transition-fast)}.kpi-detail-table thead th:hover{background:#f0c940}.kpi-detail-table tbody tr{transition:background var(--transition-fast)}.kpi-detail-table tbody tr:hover{background:var(--card-yellow)}.kpi-detail-table tbody td{padding:12px var(--space-md);font-size:.9rem;font-weight:600;border-bottom:2px solid var(--border-color)}.kpi-detail-table tbody td:first-child{font-weight:700}@media (max-width:768px){.kpi-detail-summary{grid-template-columns:1fr}.kpi-detail-header{flex-direction:column;align-items:flex-start}.kpi-dropdown-summary{grid-template-columns:1fr}.kpi-dropdown-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.kpi-dropdown-table tbody,.kpi-dropdown-table thead,.kpi-dropdown-table tr{display:table;width:100%;table-layout:fixed}.heatmap-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.heatmap-container svg{min-width:600px}.compare-grid{grid-template-columns:1fr}.compare-vs{padding:var(--space-sm) 0}.footer-links{flex-wrap:wrap;gap:var(--space-sm)}.footer{padding:var(--space-lg) var(--space-md);font-size:.75rem}.rankings-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.export-btn{font-size:.75rem;padding:8px 14px}.state-detail-panel{width:100%!important;max-width:100%!important;border-left:none!important;border-radius:0!important}}.state-detail-backdrop{position:fixed;inset:0;background:rgba(26,26,46,.4);z-index:200;animation:backdropIn .25s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.state-detail-panel{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:var(--bg-card);border-left:var(--border-width) solid var(--border-color);box-shadow:-8px 0 0 var(--border-color);z-index:201;overflow-y:auto;animation:panelSlideIn .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}@keyframes panelSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.state-detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:var(--border-width) solid var(--border-color);background:var(--accent-amber)}.state-detail-name{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;margin:0}.state-detail-code{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-sm);border:2px solid var(--border-color);margin-left:8px}.state-detail-close,.state-detail-code{font-weight:700;background:var(--bg-card)}.state-detail-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;font-size:1rem;transition:all var(--transition-fast);color:var(--text-primary)}.state-detail-close:hover{background:var(--accent-red);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border-color)}.state-detail-close:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--border-color)}.state-detail-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;padding:var(--space-md);background:var(--bg-secondary);border-bottom:var(--border-width) solid var(--border-color)}.state-detail-metric{background:var(--bg-card);padding:var(--space-md);text-align:center;border-radius:var(--radius-sm)}.state-detail-metric-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.state-detail-metric-value{font-size:1.05rem;font-weight:700;font-family:Space Mono,monospace}.state-detail-metric-value.positive{color:#065f46}.state-detail-metric-value.negative{color:#9b1c31}.state-detail-chart{padding:var(--space-xl);flex:1}.state-detail-chart-title{font-size:.85rem;font-weight:700;margin-bottom:var(--space-md)}.state-detail-summary{padding:var(--space-md) var(--space-xl) var(--space-xl);border-top:2px solid var(--border-color);background:var(--bg-secondary)}