*{margin:0;padding:0;box-sizing:border-box}:root{--ndma-green: #2ecc71;--ndma-green-opaque: rgba(9, 106, 11, .75);--ndma-green-light: rgba(9, 106, 11, .35);--ndma-green-glow: rgba(9, 106, 11, .25);--ndma-green-gradient: linear-gradient(to right, rgba(28, 169, 30, .6), rgba(9, 106, 11, .9));--ndma-blue: #46b2ff;--ndma-blue-opaque: rgba(70, 178, 255, .75);--ndma-blue-light: rgba(70, 178, 255, .35);--ndma-blue-glow: rgba(70, 178, 255, .25);--ndma-blue-gradient: linear-gradient(to right, rgba(70, 178, 255, .9), rgba(30, 144, 255, .6));--ndma-red: #ff0000;--ndma-red-opaque: rgba(255, 0, 0, .75);--ndma-red-light: rgba(255, 0, 0, .35);--ndma-red-glow: rgba(255, 0, 0, .25);--ndma-red-gradient: linear-gradient(to right, rgba(255, 76, 76, .7), rgba(255, 0, 0, .9));--glass-dark: rgba(0, 0, 0, .6);--glass-medium: rgba(0, 0, 0, .4);--glass-light: rgba(255, 255, 255, .2);--glass-lighter: rgba(255, 255, 255, .15);--glass-highlight: rgba(255, 255, 255, .25);--primary-bg: var(--glass-dark);--secondary-bg: var(--glass-medium);--tertiary-bg: var(--glass-light);--accent-bg-green: var(--ndma-green-opaque);--accent-bg-blue: var(--ndma-blue-opaque);--overlay-bg: rgba(255, 255, 255, .05);--frost-bg: rgba(255, 255, 255, .12);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .55);--text-inverse: rgba(0, 0, 0, .85);--border-dark: rgba(255, 255, 255, .2);--border-light: rgba(255, 255, 255, .7);--border-strong: rgba(0, 0, 0, .2);--btn-green-bg: var(--ndma-green-opaque);--btn-green-hover: var(--ndma-green-gradient);--btn-blue-bg: var(--ndma-blue-opaque);--btn-blue-hover: var(--ndma-blue-gradient);--focus-ring: var(--ndma-blue-light);--hover-bg: rgba(255, 255, 255, .08);--active-bg: rgba(255, 255, 255, .12);--success-bg: var(--ndma-green-glow);--shadow-soft: 0 8px 16px rgba(0, 0, 0, .25);--shadow-glow-green: 0 0 12px 2px var(--ndma-green-glow);--shadow-glow-blue: 0 0 12px 2px var(--ndma-blue-glow)}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.header{background:linear-gradient(135deg,#0a161ef7,#142c3af7,#1c3a4cf7);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);color:var(--text-primary);text-align:center;position:sticky;top:0;z-index:10006;height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(70,178,255,.2);box-shadow:0 4px 32px #00000080,inset 0 1px #ffffff12}.menu-toggle-btn{position:absolute;top:50%;left:.65rem;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border-radius:10px;border:1px solid rgba(70,178,255,.45);background:linear-gradient(135deg,#46b2ff40,#0a161eb3);color:var(--text-primary);box-shadow:0 6px 14px #00000059,inset 0 1px #ffffff2e;z-index:10007;text-transform:none;font-weight:700;font-size:.78rem;letter-spacing:.02em}.menu-toggle-icon{width:15px;height:12px;display:inline-flex;flex-direction:column;justify-content:space-between}.menu-toggle-icon span{width:100%;height:2px;border-radius:999px;background:#e0f2fff2;box-shadow:0 0 6px #46b2ffa6;transition:transform .25s ease,opacity .25s ease}.menu-toggle-btn:hover:not(:disabled){transform:translateY(-50%) translateY(-1px);border-color:#46b2ffb3;background:linear-gradient(135deg,#46b2ff6b,#0a161ed6);box-shadow:var(--shadow-glow-blue),inset 0 1px #fff3}.menu-toggle-btn.is-open .menu-toggle-icon span:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-toggle-btn.is-open .menu-toggle-icon span:nth-child(2){opacity:0}.menu-toggle-btn.is-open .menu-toggle-icon span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.header-title{font-size:clamp(1.1rem,3.5vw,1.6rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;width:100%;text-align:center;background:linear-gradient(90deg,#46b2ff,#e0f2ff,#46b2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 14px rgba(70,178,255,.45))}.api-status{display:flex;justify-content:center;gap:clamp(.5rem,2vw,1rem);margin-top:1rem;flex-wrap:wrap}.api-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-dark);transition:all .3s ease;background:var(--secondary-bg)}.api-badge.loading{background:#fbbf244d;color:#fbbf24;border-color:#fbbf2466}.api-badge.success{background:var(--success-bg);color:var(--ndma-green);border-color:var(--ndma-green-light)}.api-badge.error{background:var(--ndma-red-glow);color:var(--ndma-red);border-color:var(--ndma-red-light)}.container{max-width:100%;padding:clamp(.5rem,3vw,.5rem);position:relative}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff40;border-radius:24px;cursor:pointer;transition:background .3s ease;border:1px solid var(--border-dark)}.toggle-switch .slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:2px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-switch input:checked+.slider{background:var(--ndma-green-opaque)}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.toggle-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.controls{background:var(--primary-bg);backdrop-filter:blur(20px) saturate(110%);-webkit-backdrop-filter:blur(20px) saturate(110%);padding:clamp(.75rem,2vw,1.25rem);border-radius:12px;margin-bottom:clamp(.75rem,2vw,1.25rem);box-shadow:var(--shadow-soft),inset 0 1px 0 var(--glass-highlight);border:2px solid var(--border-dark);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:clamp(.5rem,1.5vw,.875rem);align-items:end;width:100%;max-width:100%}.controls-drawer{position:fixed;top:0;left:0;width:min(420px,calc(100vw - 1rem));height:100dvh;padding:5rem .5rem .75rem;background:linear-gradient(165deg,#0a161ef5,#0f2330f5 55%,#142c3af0);border-right:1px solid rgba(70,178,255,.32);box-shadow:14px 0 34px #0000007a;overflow-y:auto;transform:translate(-110%);opacity:0;visibility:hidden;pointer-events:none;z-index:10004;transition:transform .32s ease,opacity .26s ease,visibility .26s ease}.controls-drawer.open{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}.controls-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;z-index:10003;transition:opacity .24s ease,visibility .24s ease}.controls-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.controls-drawer .controls{min-width:100%;margin-bottom:0}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-weight:700;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}select,button{padding:.5rem .75rem;border:2px solid var(--border-dark);border-radius:10px;font-size:.8rem;font-weight:500;transition:all .3s ease;font-family:inherit}select{background:#08ffa4b0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#000000f2;cursor:pointer}select:hover,select:focus{border-color:var(--border-light);background:var(--glass-highlight);outline:none;box-shadow:0 0 0 3px var(--focus-ring)}button{background:var(--btn-blue-bg);-webkit-backdrop-filter:blur(12px) saturate(105%);backdrop-filter:blur(12px) saturate(105%);color:var(--text-primary);border:2px solid var(--border-dark);font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-soft),inset 0 1px 0 var(--glass-highlight)}button:hover:not(:disabled){background:var(--btn-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow-blue),inset 0 1px 0 var(--glass-highlight)}button:disabled{opacity:.6;cursor:not-allowed}.top-row{display:flex;gap:20px;align-items:flex-start;width:100%}.stats{flex:1.5;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}@media (max-width: 1024px){.top-row{flex-direction:column}.controls{max-width:100%;width:100%}.controls-drawer{width:min(420px,calc(100vw - .75rem));padding:5rem .375rem .6rem}.stats{width:100%;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:clamp(.5rem,1.5vw,1rem);margin-bottom:clamp(.75rem,2vw,1.25rem)}.stat-card{background:var(--primary-bg);backdrop-filter:blur(20px) saturate(110%);-webkit-backdrop-filter:blur(20px) saturate(110%);padding:clamp(.6rem,1.5vw,1rem) clamp(.5rem,1.5vw,.875rem);border-radius:12px;box-shadow:var(--shadow-soft),inset 0 1px 0 var(--glass-highlight);border:2px solid var(--border-dark);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--ndma-blue-gradient)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-blue),inset 0 1px 0 var(--glass-highlight);border-color:var(--border-light)}.stat-card h3{font-size:.6rem;color:var(--text-secondary);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.stat-card .value{font-size:clamp(1.05rem,2.6vw,1.45rem);font-weight:900;color:var(--ndma-blue);text-shadow:0 2px 8px var(--ndma-blue-glow);line-height:1}.main-grid{display:flex;flex-direction:column;gap:16px;align-items:stretch;margin-bottom:clamp(.75rem,2vw,1.25rem)}#map{height:320px;width:100%;border-radius:12px;box-shadow:var(--shadow-soft);overflow:hidden;background:var(--primary-bg);border:2px solid var(--border-dark);position:relative;margin-top:0;box-sizing:border-box}.charts-grid{display:grid;grid-template-columns:1fr;gap:12px;width:100%}.chart-card-right{background:var(--primary-bg);backdrop-filter:blur(20px) saturate(110%);-webkit-backdrop-filter:blur(20px) saturate(110%);padding:.6rem .6rem .5rem;border-radius:12px;box-shadow:var(--shadow-soft),inset 0 1px 0 var(--glass-highlight);border:2px solid var(--border-dark);transition:all .3s ease;display:flex;flex-direction:column;width:100%;height:auto;box-sizing:border-box;position:relative;overflow:hidden}.chart-card-right .chart-header{flex-shrink:0}.chart-card-right .chart-label{flex-shrink:0;color:var(--text-primary);font-size:.7rem;font-weight:700;text-align:center;padding-bottom:4px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-canvas-wrap{position:relative;width:100%;height:260px;flex-shrink:0}.chart-canvas-wrap canvas{display:block;width:100%!important;height:260px!important}.chart-card canvas{height:260px!important}.chart-canvas-wrap--tall{height:300px}.chart-canvas-wrap--tall canvas{height:300px!important}@media (max-width: 1200px){.main-grid{flex-direction:column}#map{width:100%;height:clamp(320px,55vh,550px);margin-top:0}.charts-grid{grid-template-columns:1fr;gap:16px;width:100%}.chart-card-right{width:100%;height:auto}.charts{grid-template-columns:1fr;top:0;gap:16px}.chart-card{width:100%;height:auto;min-height:0}}.side-panel{display:flex;flex-direction:row;gap:clamp(1rem,2vw,1.5rem)}.side-panel-overlay{position:absolute;top:70px;right:0;z-index:10}.panel{background:var(--primary-bg);backdrop-filter:blur(20px) saturate(110%);-webkit-backdrop-filter:blur(20px) saturate(110%);padding:clamp(.6rem,2vw,1rem);border-radius:16px;box-shadow:var(--shadow-soft),inset 0 1px 0 var(--glass-highlight);border:2px solid var(--border-dark);max-height:90vh;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:#00000040;border-radius:10px}.panel::-webkit-scrollbar-thumb:hover{background:#0006}.panel{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.panel h2{color:var(--ndma-blue);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-dark);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2)}.cp-header{text-align:center;padding:.75rem 1rem;background:linear-gradient(135deg,#46b2ff40,#1e64c859);border-radius:12px;border:1px solid rgba(70,178,255,.35);margin-bottom:.6rem;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a}.cp-name{font-size:clamp(1rem,4vw,1.35rem);font-weight:900;color:var(--text-primary);letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.4)}.cp-region{font-size:.7rem;color:#ffffffa6;margin-top:.15rem;letter-spacing:.04em}.cp-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-bottom:.6rem}.cp-score-card{background:var(--secondary-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.55rem .3rem;text-align:center;transition:transform .2s,border-color .2s}.cp-score-card:hover{transform:translateY(-2px);border-color:#46b2ff66}.cp-score-icon{font-size:1rem;line-height:1;margin-bottom:.2rem}.cp-score-label{font-size:.52rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.cp-score-val{font-size:clamp(1rem,4vw,1.35rem);font-weight:900;color:var(--ndma-blue);line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.3)}.cp-section-title{font-size:.72rem;font-weight:700;color:var(--ndma-blue);margin-bottom:.4rem;letter-spacing:.03em}.cp-wb{background:var(--secondary-bg);border:1px solid rgba(70,178,255,.2);border-left:3px solid var(--ndma-blue);border-radius:10px;padding:.55rem .7rem;margin-bottom:.6rem}.cp-wb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.cp-wb-item{background:#ffffff0d;border-radius:7px;padding:.45rem .5rem;text-align:center;border:1px solid rgba(255,255,255,.07)}.cp-wb-label{font-size:.58rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}.cp-wb-val{font-size:.95rem;font-weight:800;color:var(--text-primary);line-height:1.1}.cp-trends-section{background:var(--secondary-bg);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.6rem .7rem;margin-bottom:.6rem}.cp-trends-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.cp-info-btn{width:18px;height:18px;border-radius:50%;background:#46b2ffd9;color:#fff;border:1px solid rgba(255,255,255,.25);font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:1}.cp-goal-row{margin-bottom:.4rem}.cp-label{display:block;font-size:.6rem;color:var(--text-secondary);margin-bottom:.2rem;letter-spacing:.03em}.cp-select{width:100%;padding:.3rem .5rem;background:var(--primary-bg);color:var(--text-primary);border:1px solid var(--border-dark);border-radius:7px;font-size:.7rem;cursor:pointer;transition:border-color .2s;font-family:inherit}.cp-select:hover,.cp-select:focus{border-color:var(--ndma-blue);outline:none}.cp-chart-wrap{height:210px;position:relative;background:#00000040;border-radius:7px;overflow:hidden}.cp-chart-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.cp-goals-header{display:flex;align-items:baseline;justify-content:space-between;margin:.5rem 0 .4rem;font-size:.72rem;font-weight:700;color:var(--ndma-blue);letter-spacing:.03em}.cp-goals-hint{font-size:.55rem;color:var(--text-muted);font-weight:400}.cp-goals{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem;margin-bottom:.6rem}.cp-progress{background:var(--secondary-bg);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.55rem .7rem}.cp-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;text-align:center;margin-top:.35rem}.cp-progress-item{background:#ffffff0a;border-radius:7px;padding:.45rem .3rem;border:1px solid rgba(255,255,255,.07)}.cp-progress-val{font-size:1rem;font-weight:900;line-height:1;margin-bottom:.2rem}.cp-progress-label{font-size:.55rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.country-header,.score-grid{display:none}.goals-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem}.goal{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.35rem .2rem;border-radius:8px;font-weight:700;transition:all .3s ease;cursor:pointer;box-shadow:var(--shadow-soft);position:relative;border:2px solid rgba(255,255,255,.1)}.goal .number{font-size:clamp(.75rem,2vw,.95rem)}.goal .trend{font-size:.55rem;position:absolute;top:2px;right:2px}.goal.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.goal.yellow{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.goal.orange{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.goal.red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.goal.gray{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.legend{padding:1rem;background:var(--secondary-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;border:2px solid var(--border-dark)}.legend h3{color:var(--ndma-blue);margin-bottom:1rem;font-size:1rem;font-weight:800}.legend-item{display:flex;align-items:center;margin-bottom:.75rem}.legend-color{width:32px;height:20px;border-radius:6px;margin-right:.75rem;box-shadow:0 2px 4px #0003}.charts{display:grid;grid-template-columns:1fr;gap:12px;width:100%;margin-bottom:clamp(.75rem,2vw,1.25rem)}.chart-card{background:var(--primary-bg);backdrop-filter:blur(20px) saturate(110%);-webkit-backdrop-filter:blur(20px) saturate(110%);padding:.6rem .6rem .5rem;border-radius:12px;box-shadow:var(--shadow-soft),inset 0 1px 0 var(--glass-highlight);border:2px solid var(--border-dark);transition:all .3s ease;width:100%;height:auto;display:flex;flex-direction:column;box-sizing:border-box;position:relative;overflow:hidden}.chart-card:hover{box-shadow:var(--shadow-glow-blue),inset 0 1px 0 var(--glass-highlight);border-color:var(--border-light)}.chart-card .chart-label{flex-shrink:0;color:var(--text-primary);font-size:.7rem;font-weight:700;text-align:center;padding-bottom:4px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-dark);flex-wrap:wrap;gap:.5rem}.chart-card h3{color:var(--ndma-blue);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:800;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.badge{padding:.375rem .75rem;background:var(--btn-blue-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid var(--border-dark)}.badge.country{background:var(--btn-green-bg)}.loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f2027f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;z-index:10000}.loading.hidden{display:none}.loading-content{text-align:center;color:var(--text-primary);max-width:600px;padding:2rem}.spinner{border:6px solid var(--glass-light);border-top:6px solid var(--ndma-blue);border-radius:50%;width:80px;height:80px;animation:spin 1s linear infinite;margin:0 auto 2rem;box-shadow:var(--shadow-glow-blue)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content h2{font-size:1.75rem;margin-bottom:1rem;font-weight:800}.loading-content p{font-size:1.125rem;opacity:.8;color:var(--text-secondary)}.progress{width:100%;height:8px;background:var(--glass-dark);border-radius:4px;overflow:hidden;margin-top:1rem;border:1px solid var(--border-dark)}.progress-fill{height:100%;background:var(--ndma-blue-gradient);width:0%;transition:width .5s ease;box-shadow:var(--shadow-glow-blue)}.wb-data-section{margin-top:.5rem;padding:.6rem .75rem;background:var(--secondary-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;border:2px solid var(--border-dark);border-left:3px solid var(--ndma-blue)}.wb-data-section h4{color:var(--ndma-blue);margin-bottom:.4rem;font-size:.75rem;font-weight:700}.wb-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.wb-data-item{background:var(--tertiary-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.4rem .5rem;border-radius:6px;text-align:center;border:1px solid var(--border-dark)}.wb-data-item .label{font-size:.7rem;color:var(--text-muted);margin-bottom:.25rem}.wb-data-item .label{font-size:.6rem;color:var(--text-muted);margin-bottom:.15rem}.wb-data-item .value{font-size:.95rem;font-weight:700;color:var(--ndma-blue)}@media (max-width: 768px){.controls{grid-template-columns:1fr;max-width:100%;padding:1rem}.chart-header{flex-direction:column;align-items:flex-start}.header{height:auto;min-height:60px;padding:.5rem 1rem .5rem 3.1rem;flex-wrap:wrap;gap:.5rem}.header h1{font-size:clamp(1rem,4vw,1.5rem)}.navbar-logo{height:36px;position:static}.header-left{display:flex;align-items:center;gap:.5rem}.header-right{position:static;transform:none;gap:8px}.navbar-right .status-label{font-size:1.25rem;min-width:36px;min-height:28px;padding:2px 8px}#map{height:300px}.charts-grid{grid-template-columns:1fr;gap:16px}.chart-card-right{height:auto}.charts{grid-template-columns:1fr;top:0;gap:16px}.chart-card{width:100%;height:auto;min-height:0}.report-header{padding:1.25rem 1rem}.report-body{padding:1rem}.report-actions{padding:1rem;gap:.5rem}.report-actions button{flex:1 1 auto;font-size:.8125rem;padding:.75rem .5rem}.side-panel,.side-panel-overlay{position:static!important;display:block!important;width:100%;margin-top:1rem}.embedded-chart-iframe{height:360px}.score-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.score-box{padding:.875rem .5rem}.score-box .score{font-size:1.75rem}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;overflow-y:auto}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background:var(--primary-bg);backdrop-filter:blur(20px) saturate(110%);-webkit-backdrop-filter:blur(20px) saturate(110%);max-width:900px;width:90%;max-height:90vh;overflow-y:auto;border-radius:16px;box-shadow:var(--shadow-soft),inset 0 1px 0 var(--glass-highlight);border:2px solid var(--border-dark);position:relative}.report-header{background:var(--btn-blue-bg);-webkit-backdrop-filter:blur(12px) saturate(105%);backdrop-filter:blur(12px) saturate(105%);color:var(--text-primary);padding:2rem;text-align:center;position:relative;border-bottom:2px solid var(--border-dark)}.report-body{padding:2rem}.report-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--border-dark)}.report-section:last-child{border-bottom:none}.report-section h3{color:var(--ndma-blue);margin-bottom:1rem;font-size:1.5rem}.report-actions{display:flex;gap:1rem;padding:1.5rem;background:var(--secondary-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:2px solid var(--border-dark);justify-content:center;flex-wrap:wrap}.close-modal{position:absolute;top:1rem;right:1rem;background:var(--glass-light);color:var(--text-primary);border:2px solid var(--border-dark);width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-modal:hover{background:var(--glass-highlight);transform:scale(1.1)}.goal-detail-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10002;align-items:flex-end;justify-content:center;padding:0}.goal-detail-modal.active{display:flex}.goal-detail-content{background:linear-gradient(160deg,#0a1622fa,#122638fa);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);width:100%;max-width:540px;max-height:88dvh;border-radius:20px 20px 0 0;border:1px solid rgba(70,178,255,.2);border-bottom:none;box-shadow:0 -8px 40px #0009;display:flex;flex-direction:column;overflow:hidden;position:relative}.goal-detail-content:before{display:none}.goal-detail-header{background:linear-gradient(135deg,#46b2ff40,#1e64c859);border-bottom:1px solid rgba(70,178,255,.2);padding:.65rem .75rem .7rem 1rem;flex-shrink:0;display:flex;align-items:center;gap:.75rem;overflow:hidden}.goal-detail-header-text{flex:1 1 auto;min-width:0;overflow:hidden}.goal-detail-header h2{font-size:clamp(.85rem,3.5vw,1rem);font-weight:800;color:var(--text-primary);margin-bottom:.12rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.goal-detail-header p{font-size:.65rem;color:#ffffff8c;margin:0;font-weight:500;letter-spacing:.03em;overflow-wrap:anywhere;word-break:break-word}.goal-detail-header .close-modal{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.24);color:#f0f8ffeb;font-size:1.1rem;font-weight:500;line-height:0;display:inline-grid;place-items:center;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease;padding:0 0 1px;position:static;box-shadow:none;text-shadow:none;text-align:center;vertical-align:middle}.goal-detail-header .close-modal:hover{background:#ffffff14;border-color:#fff6;color:#fff;transform:none;box-shadow:none}.goal-detail-header .close-modal:active{transform:scale(.94)}.goal-detail-body{padding:.65rem .75rem 1rem;overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:rgba(70,178,255,.3) transparent}.goal-detail-body::-webkit-scrollbar{width:4px}.goal-detail-body::-webkit-scrollbar-thumb{background:#46b2ff4d;border-radius:2px}.owid-resource-card{background:#46b2ff14;border:1px solid rgba(70,178,255,.2);border-left:3px solid var(--ndma-blue);border-radius:10px;padding:.6rem .75rem;margin-bottom:.6rem}.owid-resource-title{font-size:.72rem;font-weight:700;color:var(--ndma-blue);display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.target-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--ndma-blue);padding:.6rem .7rem;margin-bottom:.5rem;border-radius:10px;transition:border-color .2s}.target-section:hover{border-color:#46b2ff59}.target-section h4{color:var(--text-primary);font-size:.76rem;font-weight:700;margin-bottom:.45rem;display:flex;align-items:flex-start;gap:.45rem;line-height:1.4}.target-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--ndma-blue);color:#fff;font-size:.6rem;font-weight:800;padding:.18rem .45rem;border-radius:6px;white-space:nowrap;flex-shrink:0;margin-top:1px;letter-spacing:.02em}.target-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--ndma-blue);text-decoration:none;font-size:.73rem;font-weight:600;transition:color .2s,gap .2s;margin-bottom:.45rem}.target-link:hover{color:var(--ndma-green);gap:.5rem}.indicators-list{display:flex;flex-direction:column;gap:.35rem}.indicator-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.45rem .6rem;transition:border-color .2s}.indicator-item:hover{border-color:#46b2ff4d}.indicator-link{color:#ffffffbf;text-decoration:none;display:flex;align-items:center;gap:.4rem;font-size:.73rem;line-height:1.4}.indicator-link:hover{color:var(--ndma-blue)}.chart-indicator{background:#2ecc710f;border-color:#2ecc7133}.embedded-chart-container{margin-top:.45rem;background:#0000004d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.embedded-chart-header{background:#2ecc7133;padding:.4rem .6rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);gap:.5rem}.embedded-chart-header span{color:var(--text-primary);font-weight:700;font-size:.7rem;display:flex;align-items:center;gap:.35rem}.embedded-chart-header a{color:#fff;text-decoration:none;font-size:.68rem;font-weight:700;padding:.25rem .6rem;background:#2ecc7180;border-radius:6px;border:1px solid rgba(46,204,113,.4);transition:background .2s;display:flex;align-items:center;gap:.3rem;white-space:nowrap;flex-shrink:0}.embedded-chart-header a:hover{background:#2ecc71b3;transform:none}.embedded-chart-iframe{width:100%;height:300px;border:none;display:block;background:#fff}.external-link-icon{width:11px;height:11px;opacity:.75;flex-shrink:0}.owid-badge{display:flex;align-items:flex-start;gap:.4rem;background:#46b2ff12;color:#ffffff8c;padding:.5rem .7rem;border-radius:8px;font-size:.65rem;font-weight:500;margin-top:.5rem;border:1px solid rgba(70,178,255,.15);line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--glass-dark)}::-webkit-scrollbar-thumb{background:var(--glass-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--glass-highlight)}@media print{body *{visibility:hidden}.modal-content,.modal-content *{visibility:visible}.modal-content{position:absolute;left:0;top:0;width:100%}.report-actions,.close-modal{display:none!important}}.chart-description{position:absolute;bottom:1px;left:50%;transform:translate(-50%);background:#000c;padding:0 16px;border-radius:14px;font-size:.75rem;color:#fffffff2;text-align:center;max-width:90%;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 12px #0000004d;transition:all .3s ease;opacity:.9;line-height:1.4}.chart-description:hover{opacity:1;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #0006}.time-series-section{margin-top:.5rem;padding:.6rem .75rem;background:var(--secondary-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:10px;border:2px solid var(--border-dark);animation:slideInFromBottom .5s ease-out}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.time-series-section h4{color:var(--ndma-blue);margin-bottom:.4rem;font-size:.75rem;display:flex;align-items:center;gap:.4rem}#goalSelector{width:100%;padding:.3rem .5rem;background:var(--primary-bg);color:var(--text-primary);border:1px solid var(--border-dark);border-radius:6px;font-size:.72rem;cursor:pointer;transition:all .3s ease;margin-bottom:.4rem}#goalSelector:hover{border-color:var(--ndma-blue);background:var(--secondary-bg)}#goalSelector:focus{outline:none;border-color:var(--ndma-blue);box-shadow:0 0 0 3px var(--ndma-blue-light)}.chart-card,.chart-card-right{position:relative;transition:transform .3s ease,box-shadow .3s ease}.chart-card:hover,.chart-card-right:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000004d}.loading{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--ndma-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{background:#ffffff1a;border-radius:10px;overflow:hidden;height:8px;margin-top:1rem}.progress-fill{background:linear-gradient(90deg,var(--ndma-green),var(--ndma-blue));height:100%;transition:width 1.5s ease-in-out;border-radius:10px}.modal.active{animation:fadeIn .3s ease-out}.modal-content{animation:slideInUp .4s ease-out}.score-box{background:linear-gradient(135deg,#46b2ff26,#2ecc7126);border-radius:12px;padding:1.25rem;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.score-box:hover{transform:scale(1.05);border-color:var(--ndma-blue);box-shadow:0 8px 16px #46b2ff33}.score-box h4{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.score-box .score{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--ndma-blue),var(--ndma-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:.8rem;margin:1.5rem 0}.goal{position:relative;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid;overflow:hidden}.goal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.goal:hover:before{opacity:1}.goal:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 24px #0006}.goal .trend{position:absolute;top:4px;right:6px;font-size:.85rem;opacity:.8}.goal .number{font-size:1.5rem;font-weight:700;text-align:center;margin-top:8px}.wb-data-section{margin:1.5rem 0;padding:1.25rem;background:var(--secondary-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:2px solid var(--border-dark);transition:all .3s ease}.wb-data-section:hover{border-color:var(--ndma-blue);box-shadow:0 8px 16px #46b2ff33}.wb-data-section h4{color:var(--ndma-blue);margin-bottom:1rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.wb-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.wb-data-item{background:#ffffff0d;padding:1rem;border-radius:8px;transition:all .3s ease}.wb-data-item:hover{background:#ffffff14;transform:translateY(-2px)}.wb-data-item .label{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.wb-data-item .value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}button{position:relative;overflow:hidden;transition:all .3s ease}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:active:before{width:300px;height:300px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--ndma-blue),var(--ndma-green));border-radius:5px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--ndma-green),var(--ndma-blue))}.stat-card{position:relative;overflow:hidden;transition:all .3s ease}.stat-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.stat-card:hover:after{left:100%}.panel{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.chart-description{font-size:.65rem;padding:6px 12px}.time-series-section{padding:1rem}.goals-grid{grid-template-columns:repeat(auto-fill,minmax(55px,1fr));gap:.6rem}.score-box .score{font-size:2rem}}@media print{.chart-description{display:none}.modal-content{box-shadow:none;max-height:none;overflow:visible}.report-actions{display:none}body{background:#fff;color:#000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:3px solid var(--ndma-blue);outline-offset:2px;border-radius:4px}@media (prefers-contrast: high){.chart-description{background:#000000f2;border:2px solid white}.goal{border-width:3px}}.modal#timeSeriesInfoModal{animation:fadeIn .3s ease-out}.modal#timeSeriesInfoModal .modal-content{animation:slideInUp .4s cubic-bezier(.4,0,.2,1);position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.modal#timeSeriesInfoModal .modal-content::-webkit-scrollbar{width:8px}.modal#timeSeriesInfoModal .modal-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.modal#timeSeriesInfoModal .modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--ndma-blue),var(--ndma-green));border-radius:4px}.chart-info-button{box-sizing:border-box;padding:0;margin:0;outline:none;-webkit-tap-highlight-color:transparent}.chart-info-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #46b2ff66}.chart-info-button:active{transform:scale(.95)}#timeSeriesInfoContent h3{border-bottom:2px solid var(--ndma-blue);padding-bottom:.5rem}#timeSeriesInfoContent h4{margin-top:1rem}#timeSeriesInfoContent ul{line-height:1.8}#timeSeriesInfoContent ul li{margin-bottom:.5rem}#timeSeriesInfoContent p{line-height:1.6}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal#timeSeriesInfoModal .modal-content{width:95%;margin:10% auto;padding:1.5rem;max-height:85vh}#timeSeriesInfoContent h3{font-size:1rem}#timeSeriesInfoContent h4{font-size:.9rem}#timeSeriesInfoContent p,#timeSeriesInfoContent li{font-size:.85rem}}.chart-label{pointer-events:none;-webkit-user-select:none;user-select:none}.chart-card-right{position:relative;pointer-events:auto}.chart-card-right canvas{pointer-events:auto;cursor:pointer}.chart-info-button svg{display:block;pointer-events:none}.chart-info-button:hover svg{transform:scale(1.1)}@media (max-width: 480px){.header{flex-direction:column;align-items:flex-start;padding:.5rem .75rem .5rem 2.95rem;height:auto}.menu-toggle-btn{left:.45rem;width:34px;height:34px;padding:0;border-radius:8px;display:inline-grid;place-items:center}.menu-toggle-text{display:none}.controls-drawer{width:calc(100vw - .4rem);padding-top:4.7rem}.header-left{width:100%}.header h1{font-size:clamp(.875rem,5vw,1.125rem)}.navbar-logo{height:30px}.header-right{width:100%;justify-content:flex-end}.navbar-right .status-label{font-size:1rem}.controls{padding:.75rem;gap:.75rem}.controls button{padding:.75rem;font-size:.75rem}.stats{grid-template-columns:repeat(2,1fr);gap:.625rem}.stat-card{padding:.875rem .625rem}#map{height:250px}.charts-grid{grid-template-columns:1fr;gap:12px}.chart-card-right{height:auto}.charts{grid-template-columns:1fr;gap:12px}.chart-card{min-height:0}.modal.active{align-items:flex-end}.modal-content{width:100%;border-radius:12px 12px 0 0;max-height:92vh}.side-panel,.side-panel-overlay{position:static!important;display:block!important;width:100%;margin-top:1rem}.goal-detail-content{max-height:92dvh}.embedded-chart-iframe{height:260px}.goals-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.375rem}.goal{padding:.5rem}.goal .number{font-size:1.1rem}.wb-data-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.spinner{width:42px;height:42px}.loading-content h2{font-size:1.25rem}.loading-content p{font-size:.875rem}.country-header{padding:.875rem}}