:root{color:#111827;background:#f3f4f6;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0}#app{gap:16px;max-width:1100px;margin:0 auto;padding:24px;display:grid}.navbar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.navbar-brand{color:#0f172a;align-items:center;gap:0;font-weight:600;text-decoration:none;display:inline-flex}.navbar-logo{object-fit:contain;width:92px;height:92px}.navbar-links{align-items:center;gap:12px;display:flex}.navbar-links a{color:#374151;font-weight:500;text-decoration:none}.navbar-links a:hover{color:#111827}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.year-filter{color:#374151;font-size:.9rem}#yearSelect{min-width:98px}h1{margin:0;font-size:1.75rem}.subtitle{color:#4b5563;margin:4px 0 0}button,select{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:8px 12px}button:hover{background:#f9fafb}.status{border:1px solid #0000;border-radius:10px;flex:1;padding:10px 12px}.status.loading{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.status.ok{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.status.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.kpi-card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.kpi-card h3,.panel h2{margin:0;font-size:1rem}.kpi-card p{margin:8px 0 4px;font-size:1.15rem;font-weight:600}.kpi-card small{color:#6b7280}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.country-meta{color:#374151;margin-top:8px}.chart-wrap,.map-wrap{margin-top:10px}.world-map{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:100%;height:auto}.world-country{stroke:#fff;stroke-width:.45px;transition:opacity .15s}.world-country-group:hover .world-country-base,.world-country-no-data:hover{opacity:.7}.world-country-texture{pointer-events:none}.map-legend{color:#4b5563;align-items:center;gap:10px;margin-bottom:10px;font-size:.88rem;display:flex}.map-legend-stack{gap:8px;margin-bottom:10px;display:grid}.map-legend-secondary{color:#6b7280;flex-wrap:wrap;align-items:center;gap:8px;font-size:.83rem;display:flex}.map-filter{color:#1f2937;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:4px 10px;font-size:.82rem;line-height:1.1}.map-filter.is-off{color:#9ca3af;background:#f3f4f6;border-color:#e5e7eb}.texture-chip{color:#0f172a;background-color:#e5e7eb;border:1px solid #9ca3af;border-radius:999px;padding:2px 8px;font-size:.8rem}.texture-chip.low{background-image:repeating-linear-gradient(20deg,#11182747 0 1px,#0000 1px 9px)}.texture-chip.mid{background-image:radial-gradient(circle at 2px 2px,#11182773 1.1px,#0000 1.1px),radial-gradient(circle at 7px 7px,#11182773 1.1px,#0000 1.1px),radial-gradient(circle at 2px 7px,#11182773 1.1px,#0000 1.1px),radial-gradient(circle at 7px 2px,#11182773 1.1px,#0000 1.1px);background-size:10px 10px}.texture-chip.high{background-image:repeating-linear-gradient(35deg,#11182773 0 2px,#0000 2px 8px),repeating-linear-gradient(35deg,#11182773 4px 5px,#0000 5px 8px)}.texture-chip.nodata{color:#4b5563;background:#e5e7eb}.map-gradient{border:1px solid #d1d5db;border-radius:999px;flex:1;height:10px}.map-meta,.map-loading,.map-error{color:#6b7280;margin:8px 0 0}.map-error{color:#b91c1c}svg{width:100%;height:auto}.axis{stroke:#d1d5db;stroke-width:1px}.axis-zero{stroke:#374151;stroke-width:1.5px;stroke-dasharray:4 2}.series{fill:none;stroke:#2563eb;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-bar{cursor:pointer;transition:opacity .15s,filter .15s}.bar-positive{fill:#22c55e}.bar-negative{fill:#ef4444}.chart-bar:hover,.chart-bar.active{opacity:.8;filter:brightness(1.1)}table{border-collapse:collapse;width:100%;margin-top:10px}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:8px;font-size:.95rem}th{color:#374151;font-weight:600}.sources ul{margin:10px 0 0;padding-left:18px}.sources li{margin:4px 0}.sources-content{margin-top:16px}.sources-content h3{color:#0f172a;margin-top:16px;margin-bottom:8px;font-size:1rem}.sources-content p{color:#374151;margin:8px 0;line-height:1.5}.sources-content a{color:#2563eb;text-decoration:none}.sources-content a:hover{text-decoration:underline}.footer{background:#f9fafb;border-top:1px solid #e5e7eb;margin-top:40px;padding:32px 24px 16px}.footer-content{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto 24px;display:grid}.footer-section h4{color:#0f172a;margin:0 0 12px;font-size:.95rem}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section li{margin:6px 0}.footer-section a{color:#374151;text-decoration:none}.footer-section a:hover{color:#2563eb;text-decoration:underline}.footer-bottom{text-align:center;color:#6b7280;border-top:1px solid #e5e7eb;max-width:1100px;margin:0 auto;padding-top:16px;font-size:.85rem}.footer-bottom a{color:#2563eb;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.chart-container{position:relative}.chart-point{fill:#2563eb;stroke:#fff;stroke-width:2px;cursor:pointer;opacity:0;transition:all .15s}.chart-point:hover,.chart-point.active{opacity:1;r:7;filter:drop-shadow(0 2px 8px #2563eb66)}.monthly-point{fill:#059669;stroke:#fff;stroke-width:2px}.monthly-point:hover,.monthly-point.active{opacity:1;r:7;filter:drop-shadow(0 2px 8px #05966966)}.chart-tooltip{pointer-events:none;white-space:nowrap;z-index:10;opacity:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:.9rem;transition:opacity .15s;position:absolute;transform:translate(-50%,-120%);box-shadow:0 4px 12px #00000026}.chart-tooltip.visible{opacity:1}.tooltip-year,.tooltip-month{color:#111827;margin-bottom:4px;font-weight:600}.tooltip-value{color:#374151;font-size:.85rem}#closeMonthlyBtn{color:#fff;cursor:pointer;background-color:#ef4444;border:1px solid #dc2626;border-radius:6px;padding:6px 12px;font-size:.9rem;transition:background-color .15s}#closeMonthlyBtn:hover{background-color:#dc2626}.custom-select-wrapper{min-width:200px;display:inline-block;position:relative}.custom-select-btn{cursor:pointer;text-align:left;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:.95rem;transition:all .15s}.custom-select-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.custom-select-btn:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.custom-select-dropdown-container{z-index:100;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 6px #0000001a}.custom-select-search{box-sizing:border-box;border:none;border-bottom:1px solid #e5e7eb;width:100%;padding:8px 12px;font-size:.9rem}.custom-select-search:focus{background-color:#f9fafb;outline:none}.custom-select-dropdown{max-height:300px;overflow-y:auto}.custom-select-option{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:10px 12px;font-size:.95rem;transition:background-color .1s;overflow:hidden}.custom-select-option:hover{background-color:#f3f4f6}.custom-select-option:active{background-color:#e5e7eb}@media (width<=900px){#app{padding:14px}.footer-content{grid-template-columns:1fr;gap:16px}.navbar{flex-direction:column;align-items:flex-start}.navbar-links{flex-wrap:wrap}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{flex-wrap:wrap}.kpis{grid-template-columns:1fr}.panel-head{flex-direction:column;align-items:stretch}}