@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_f3a568e1-module__IgKfaq__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_f3a568e1-module__IgKfaq__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_7a7ef1f4-module__jjo8ZG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_7a7ef1f4-module__jjo8ZG__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--bg-main:#090b0e;--bg-card:#12161ea6;--bg-card-hover:#1a202ccc;--border-card:#ffffff0f;--border-card-hover:#10b9814d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-green:#10b981;--color-green-glow:#10b98126;--color-teal:#0d9488;--color-cyan:#0891b2;--color-blue:#2563eb;--color-amber:#d97706;--color-red:#e11d48;--font-family-outfit:var(--font-outfit), sans-serif;--font-family-inter:var(--font-inter), sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--glow-shadow:0 0 20px #10b9811a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family-inter);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#10b9810d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#0891b20d 0%,#0000 40%);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-family-outfit);letter-spacing:-.02em;font-weight:600}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#090b0e}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.dashboard-container{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem;display:flex}.header{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-card);box-shadow:var(--glow-shadow);border-radius:16px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.5rem;display:flex}@media (min-width:768px){.header{flex-direction:row;align-items:center}}.header-title-section h1{color:var(--text-primary);background:linear-gradient(135deg,#fff 30%,#a7f3d0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.25rem;font-size:1.75rem}.header-title-section p{color:var(--text-secondary);font-size:.875rem}.header-stats{gap:1.5rem;display:flex}.stat-pill{border:1px solid var(--border-card);background:#ffffff08;border-radius:12px;flex-direction:column;gap:.25rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.stat-pill .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-pill .value{color:var(--color-green);font-weight:700;font-family:var(--font-family-outfit)}.main-grid{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}@media (min-width:1024px){.main-grid{grid-template-columns:320px 1fr}}.sidebar{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:16px;flex-direction:column;gap:1rem;max-height:calc(100vh - 180px);padding:1.25rem;display:flex;position:sticky;top:1.5rem}.search-input{border:1px solid var(--border-card);width:100%;color:var(--text-primary);font-family:var(--font-family-inter);transition:var(--transition-smooth);background:#ffffff08;border-radius:10px;outline:none;padding:.75rem 1rem}.search-input:focus{border-color:var(--color-green);box-shadow:0 0 10px #10b98133}.leaderboard-list{flex-direction:column;gap:.5rem;padding-right:2px;display:flex;overflow-y:auto}.leaderboard-item{cursor:pointer;transition:var(--transition-smooth);text-align:left;background:#ffffff03;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;display:flex}.leaderboard-item:hover{background:#ffffff0a;border-color:#ffffff0d;transform:translate(4px)}.leaderboard-item.active{background:var(--color-green-glow);border-color:var(--color-green)}.leaderboard-city-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.leaderboard-score-badge{font-size:.85rem;font-weight:700;font-family:var(--font-family-outfit);background:#ffffff0d;border-radius:6px;padding:.25rem .5rem}.score-high{color:#34d399;background:#34d3991a!important}.score-mid{color:#fbbf24;background:#fbbf241a!important}.score-low{color:#f87171;background:#f871711a!important}.detail-panel{flex-direction:column;gap:1.5rem;display:flex}.city-hero{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:16px;flex-direction:column;justify-content:space-between;gap:2rem;padding:2rem;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.city-hero{flex-direction:row;align-items:center}}.city-hero-info h2{color:#fff;margin-bottom:.5rem;font-size:2.25rem}.city-hero-info p{color:var(--text-secondary);font-size:.95rem}.overall-gauge-container{align-items:center;gap:1.5rem;display:flex}.gauge-svg-wrapper{width:120px;height:120px;position:relative}.gauge-svg-wrapper circle{fill:none;stroke-width:10px;transform-origin:50%;transform:rotate(-90deg)}.gauge-bg{stroke:#ffffff0a}.gauge-fill{stroke:var(--color-green);stroke-linecap:round;transition:stroke-dashoffset .8s ease-in-out}.gauge-text{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge-value{font-size:1.85rem;font-family:var(--font-family-outfit);color:#fff;font-weight:800}.gauge-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:-2px;font-size:.65rem}.category-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.category-grid{grid-template-columns:repeat(3,1fr)}}.category-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-card);transition:var(--transition-smooth);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:relative}.category-card:hover{border-color:var(--border-card-hover);box-shadow:var(--glow-shadow);transform:translateY(-4px)}.category-card-header{justify-content:space-between;align-items:center;display:flex}.category-icon-title{align-items:center;gap:.75rem;display:flex}.category-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.icon-solar{background:linear-gradient(135deg,#f59e0b,#d97706)}.icon-waste{background:linear-gradient(135deg,#059669,#047857)}.icon-transportation{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.icon-green-power{background:linear-gradient(135deg,#10b981,#059669)}.icon-buildings{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.category-card-header h3{color:#fff;font-size:1.15rem}.category-score-container{flex-direction:column;align-items:flex-end;display:flex}.category-score-value{font-size:1.5rem;font-family:var(--font-family-outfit);font-weight:700}.category-score-label{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.progress-bar-container{background:#ffffff0a;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.fill-solar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.fill-waste{background:linear-gradient(90deg,#10b981,#34d399)}.fill-transportation{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.fill-green-power{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.fill-buildings{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.metrics-list{flex-direction:column;gap:.75rem;display:flex}.metric-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:.85rem;display:flex}.metric-row:last-child{border-bottom:none;padding-bottom:0}.metric-name{color:var(--text-secondary)}.metric-values{flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.metric-raw{color:#fff;font-weight:600}.metric-subval{color:var(--text-muted);font-size:.7rem}.metric-score{font-weight:700;font-family:var(--font-family-outfit)}.supplementary-info{background:#ffffff03;border:1px dashed #ffffff0f;border-radius:10px;flex-direction:column;gap:.5rem;padding:.75rem;font-size:.8rem;display:flex}.supplementary-title{color:var(--text-secondary);font-weight:600;font-family:var(--font-family-outfit)}.supplementary-item{color:var(--text-muted);justify-content:space-between;display:flex}.supplementary-item span:last-child{color:var(--text-secondary);font-weight:500}.citation-footer{color:var(--text-muted);border-top:1px solid var(--border-card);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;font-size:.75rem;display:flex}.citation-link{color:var(--color-green);transition:var(--transition-smooth);text-decoration:none}.citation-link:hover{color:#34d399;text-decoration:underline}.footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0a;margin-top:auto;padding:2rem 0;font-size:.8rem}.footer p{max-width:600px;margin:.5rem auto 0;line-height:1.5}.loading-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:300px;display:flex}.spinner{border:3px solid #10b9811a;border-top-color:var(--color-green);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:.5rem}.data-table th{color:var(--text-muted);font-weight:500}