.header-actions[data-v-0a9a0c72]{margin-left:auto;display:flex;gap:6px;align-items:center}.hdr-btn[data-v-0a9a0c72]{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:7px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .15s ease;white-space:nowrap}.hdr-btn[data-v-0a9a0c72]:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent)}.hdr-btn.accent[data-v-0a9a0c72]{background:var(--accent);color:#fff;border-color:var(--accent)}.hdr-btn.accent[data-v-0a9a0c72]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.hdr-btn .btn-label[data-v-0a9a0c72]{font-size:12px}.hamburger[data-v-0a9a0c72]{display:none;background:transparent;border:1px solid var(--border);color:var(--text);padding:7px 9px;border-radius:8px;cursor:pointer;align-items:center}@media (max-width: 900px){.hdr-btn .btn-label[data-v-0a9a0c72]{display:none}.hdr-btn[data-v-0a9a0c72]{padding:7px 9px}.hamburger[data-v-0a9a0c72]{display:flex}nav[data-v-0a9a0c72]{position:fixed;top:56px;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border);flex-direction:column;padding:8px 16px;gap:4px;z-index:100;display:none;box-shadow:0 4px 12px #0000004d}nav.open[data-v-0a9a0c72]{display:flex}nav button[data-v-0a9a0c72]{width:100%;text-align:left;padding:10px 14px}}:root{--bg: #0f172a;--bg-card: #1e293b;--bg-hover: #334155;--border: #334155;--text: #e2e8f0;--text-dim: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--green: #22c55e;--red: #ef4444;--orange: #f59e0b;--purple: #a855f7;--cyan: #06b6d4;--radius: 10px;--shadow: 0 4px 6px -1px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:100}header h1{font-size:20px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:8px}header h1 .globe{font-size:24px}nav{display:flex;gap:4px;flex-wrap:wrap}nav button{background:transparent;border:1px solid transparent;color:var(--text-dim);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s;white-space:nowrap}nav button:hover{background:var(--bg-hover);color:var(--text)}nav button.active{background:var(--accent);color:#fff;border-color:var(--accent)}main{padding:20px 24px;max-width:1600px;margin:0 auto}.tab-content{display:none}.tab-content.active{display:block}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px;background:var(--bg-card);padding:14px 18px;border-radius:var(--radius);border:1px solid var(--border)}.controls label{font-size:12px;color:var(--text-dim);font-weight:500;display:flex;flex-direction:column;gap:4px}.controls select,.controls input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:7px 10px;border-radius:6px;font-size:13px;min-width:140px;cursor:pointer}.controls select:focus,.controls input:focus{outline:none;border-color:var(--accent)}.country-select{max-width:220px}.reload-btn{background:var(--accent);color:#fff;border:1px solid var(--accent);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .15s ease;white-space:nowrap;flex-shrink:0;align-self:flex-end;margin-bottom:1px}.reload-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.reload-btn .btn-label{font-size:12px}.controls .spacer{flex:1}.controls .btn{background:var(--accent);color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s}.controls .btn:hover{background:var(--accent-hover)}.controls .btn.secondary{background:var(--bg-hover);color:var(--text)}.controls .btn.secondary:hover{background:var(--border)}.time-slider-inline{display:flex;align-items:center;gap:8px;min-width:300px}.time-slider-inline .play-btn{background:var(--accent);border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:14px;flex-shrink:0;transition:background .15s}.time-slider-inline .play-btn:hover{background:var(--accent-hover)}.time-slider-inline .year-display{font-size:18px;font-weight:700;color:var(--accent);min-width:50px;text-align:center}.time-slider-inline input[type=range]{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none}.time-slider-inline input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card)}.time-slider-inline input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card)}.time-slider-inline .speed-select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 8px;font-size:12px}.range-slider{display:flex;flex-direction:column;gap:6px;min-width:260px}.range-values{display:flex;align-items:center;gap:8px}.range-values .year-display{font-size:16px;font-weight:700;color:var(--accent);min-width:40px;text-align:center}.range-dash{color:var(--text-dim);font-size:14px}.dual-range{position:relative;height:24px;display:flex;align-items:center}.dual-range input[type=range]{position:absolute;width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none;pointer-events:none;margin:0}.dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);pointer-events:auto;position:relative;z-index:2}.dual-range input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);pointer-events:auto;position:relative;z-index:2}.dual-range:before{content:"";position:absolute;width:100%;height:6px;background:var(--border);border-radius:3px;z-index:0}.year-picker{display:flex;align-items:center;gap:4px}.year-input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:6px;font-size:14px;font-weight:600;width:70px;text-align:center}.year-input:focus{outline:none;border-color:var(--accent)}.year-nav-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s}.year-nav-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:18px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card h3{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--text)}.card .subtitle{font-size:12px;color:var(--text-dim);margin-bottom:14px}.chart-container{position:relative;width:100%;height:340px}.chart-container.tall{height:420px}.chart-container.map{height:520px}.card.map-card{grid-column:1 / -1}.card.map-card .chart-container.map{height:560px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-card .label{font-size:12px;color:var(--text-dim);margin-bottom:6px}.stat-card .value{font-size:26px;font-weight:700;color:var(--text)}.stat-card .delta{font-size:12px;margin-top:4px}.stat-card .delta.up{color:var(--green)}.stat-card .delta.down{color:var(--red)}.country-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;min-height:28px}.country-chips .chip{background:var(--bg-hover);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:12px;display:flex;align-items:center;gap:6px;cursor:default;transition:all .15s}.country-chips .chip.primary{background:var(--accent);border-color:var(--accent);color:#fff}.country-chips .chip .remove{cursor:pointer;opacity:.6;font-size:14px;line-height:1}.country-chips .chip .remove:hover{opacity:1}.no-data{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-dim);font-size:14px;text-align:center}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ab3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:100;color:var(--text-dim);font-size:14px}.loading-overlay .spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-dim);font-size:14px}.loading .spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;padding:20px;color:var(--text-dim);font-size:12px;border-top:1px solid var(--border);margin-top:30px}footer a{color:var(--accent);text-decoration:none}@media (max-width: 768px){header{flex-direction:column;gap:10px;padding:10px 14px}nav{overflow-x:auto}main{padding:14px}.grid{grid-template-columns:1fr}.chart-container{height:280px}.controls{flex-direction:column;align-items:stretch}.controls label{width:100%}.time-slider-inline{flex-wrap:wrap;min-width:100%}}body.light{--bg: #f1f5f9;--bg-card: #ffffff;--bg-hover: #e2e8f0;--border: #cbd5e1;--text: #1e293b;--text-dim: #64748b}body.light .chart-container{background:var(--bg-card)}.country-search{position:relative}.country-search input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:13px}.country-search .dropdown{display:none;position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;z-index:200}.country-search .dropdown.open{display:block}.country-search .dropdown div{padding:6px 10px;cursor:pointer;font-size:13px;color:var(--text)}.country-search .dropdown div:hover{background:var(--bg-hover)}.insights-controls label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-dim);font-weight:500}.insights-controls select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:7px 10px;border-radius:6px;font-size:13px;min-width:180px;cursor:pointer}.insights-controls select:focus{outline:none;border-color:var(--accent)}.insights-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.insights-stats .stat{font-size:13px;color:var(--text-dim)}.insights-stats .stat strong{color:var(--text);font-size:15px}@media (max-width: 900px){header{flex-wrap:wrap;padding:8px 14px;gap:6px}header h1{font-size:16px}.controls{flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px}.controls label{width:100%}.controls select,.controls input,.range-slider{min-width:0;width:100%}.year-picker{justify-content:flex-start}main{padding:12px 14px}.grid{grid-template-columns:1fr;gap:12px}.card{min-width:0}.chart-container{height:280px}.chart-container.tall{height:360px}.stats-row{overflow-x:auto;gap:8px;padding:8px 0}.stat-card{min-width:120px;flex-shrink:0}.insights-controls{flex-direction:column;gap:8px}.insights-controls select{min-width:0;width:100%}footer{font-size:11px;padding:10px 14px}}