:root{--container-width: 1440px;--header-height: 80px;--section-padding: 24px;--card-padding: 20px;--border-radius: 12px;--border-radius-large: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 48px;--font-size-5xl: 64px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--color-primary: #2563eb;--color-secondary: #64748b;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #06b6d4;--aqi-good: #00e400;--aqi-moderate: #ffff00;--aqi-unhealthy-sensitive: #ff7e00;--aqi-unhealthy: #ff0000;--aqi-very-unhealthy: #8f3f97;--aqi-hazardous: #7e0023;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-800);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-lg)}.container-fluid{width:100%;padding:0 var(--spacing-lg)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:1000;display:flex;align-items:center;padding:0 var(--spacing-lg)}.header__content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--container-width);margin:0 auto}.header__logo{display:flex;align-items:center;gap:var(--spacing-sm)}.header__search{flex:1;max-width:400px;margin:0 var(--spacing-xl)}.header__search-input{width:100%;height:40px;padding:0 var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:var(--font-size-sm);background:var(--color-gray-50);transition:var(--transition-fast)}.header__search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px #2563eb1a}.header__nav{display:flex;align-items:center;gap:var(--spacing-md)}.main-content{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height))}.section{padding:var(--spacing-2xl) 0}.section--compact{padding:var(--spacing-lg) 0}.section--large{padding:var(--spacing-3xl) 0}.section__header{margin-bottom:var(--spacing-xl);text-align:center}.section__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);font-weight:var(--font-weight-normal)}.grid{display:grid;gap:var(--spacing-lg)}.grid--2-cols{grid-template-columns:repeat(2,1fr)}.grid--3-cols{grid-template-columns:repeat(3,1fr)}.grid--4-cols{grid-template-columns:repeat(4,1fr)}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.flex--column{flex-direction:column}.flex--row{flex-direction:row}.flex--wrap{flex-wrap:wrap}.flex--nowrap{flex-wrap:nowrap}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--around{justify-content:space-around}.flex--evenly{justify-content:space-evenly}.flex--start{align-items:flex-start}.flex--end{align-items:flex-end}.flex--stretch{align-items:stretch}.card{background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--elevated{box-shadow:var(--shadow-lg)}.card--flat{box-shadow:none;border:1px solid var(--color-gray-200)}.card__header{padding:var(--card-padding);border-bottom:1px solid var(--color-gray-200)}.card__body{padding:var(--card-padding)}.card__footer{padding:var(--card-padding);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.aqi-dial{position:relative;width:200px;height:200px;margin:0 auto}.aqi-dial__circle{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.aqi-dial__value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.aqi-dial__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.aqi-dial__status{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xs)}.aqi-status--good{color:var(--aqi-good)}.aqi-status--moderate{color:var(--aqi-moderate)}.aqi-status--unhealthy-sensitive{color:var(--aqi-unhealthy-sensitive)}.aqi-status--unhealthy{color:var(--aqi-unhealthy)}.aqi-status--very-unhealthy{color:var(--aqi-very-unhealthy)}.aqi-status--hazardous{color:var(--aqi-hazardous)}.location-cards{display:flex;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-md) 0;scrollbar-width:thin}.location-card{min-width:200px;background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:var(--transition-fast);cursor:pointer}.location-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.location-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-800);margin-bottom:var(--spacing-xs)}.location-card__distance{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-sm)}.location-card__aqi{display:flex;align-items:center;justify-content:space-between}.location-card__aqi-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.location-card__aqi-status{font-size:var(--font-size-xs);padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:var(--font-weight-medium)}.weather-forecast{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.weather-day{text-align:center;padding:var(--spacing-md);background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.weather-day__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);margin-bottom:var(--spacing-sm)}.weather-day__temp{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-800)}.weather-day__temp-range{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.data-table{width:100%;background:var(--color-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table__header{background:var(--color-gray-50);padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.data-table__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.data-table__content{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-gray-200)}.table th{background:var(--color-gray-50);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.table td{font-size:var(--font-size-sm);color:var(--color-gray-800)}.table tr:hover{background:var(--color-gray-50)}.chart-container{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.chart-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.chart-controls{display:flex;gap:var(--spacing-sm)}.chart-control{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-white);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.chart-control:hover,.chart-control--active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.map-container{position:relative;background:var(--color-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.map-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#2563eb1a,#06b6d41a);display:flex;align-items:center;justify-content:center}.aqi-cluster{position:absolute;background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-sm);box-shadow:var(--shadow-md);border:2px solid var(--color-primary);min-width:120px}.aqi-cluster__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-xs)}.aqi-cluster__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}.health-guidance{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.health-guidance__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:var(--spacing-md)}.health-guidance__recommendations{list-style:none;margin-bottom:var(--spacing-lg)}.health-guidance__recommendation{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-sm);color:var(--color-gray-700)}.health-guidance__recommendation:last-child{border-bottom:none}.aqi-scale{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.aqi-scale__item{flex:1;text-align:center;padding:var(--spacing-xs);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-white)}.pollutant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.pollutant-card{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.pollutant-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);margin-bottom:var(--spacing-sm)}.pollutant-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-800);margin-bottom:var(--spacing-xs)}.pollutant-card__unit{font-size:var(--font-size-xs);color:var(--color-gray-500)}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.news-card{background:var(--color-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.news-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.news-card__image{width:100%;height:200px;object-fit:cover}.news-card__content{padding:var(--spacing-lg)}.news-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.news-card__description{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.news-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-gray-500)}.calendar-container{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.calendar-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.calendar-day:hover{background:var(--color-gray-100)}.calendar-day--current{background:var(--color-primary);color:var(--color-white)}.calendar-day--aqi-high{background:var(--aqi-unhealthy);color:var(--color-white)}.calendar-day--aqi-moderate{background:var(--aqi-moderate);color:var(--color-gray-800)}@media(max-width:1200px){.container{padding:0 var(--spacing-md)}.grid--4-cols{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){:root{--section-padding: 16px;--card-padding: 16px}.header{padding:0 var(--spacing-md)}.header__search{margin:0 var(--spacing-md)}.grid--2-cols,.grid--3-cols,.grid--4-cols{grid-template-columns:1fr}.location-cards{flex-direction:column;gap:var(--spacing-sm)}.location-card{min-width:auto}.weather-forecast{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.pollutant-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{font-size:var(--font-size-xs)}}@media(max-width:480px){.header__nav{display:none}.header__search{margin:0}.pollutant-grid{grid-template-columns:1fr}.aqi-dial{width:150px;height:150px}.aqi-dial__value{font-size:var(--font-size-3xl)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-2xl)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:var(--border-radius-large)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-slide-in{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.focus-visible:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.header,.location-cards,.chart-controls,.news-card__image{display:none}.main-content{margin-top:0}.card{box-shadow:none;border:1px solid var(--color-gray-300)}.section{padding:var(--spacing-md) 0}}.dashboard-container{max-width:1512px;margin:0 auto;padding:0 20px}.hero-section{margin-bottom:2rem}.hero-content{position:relative}.main-aqi-card{background:#ea8c34;border-radius:20px;padding:2rem;color:#fff;position:relative;min-height:400px;display:flex;align-items:center;justify-content:space-between}.aqi-visual{display:flex;flex-direction:column;align-items:center;gap:1rem}.aqi-circle{width:200px;height:200px;border-radius:50%;background:#ffffff1a;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.aqi-value{font-size:4rem;font-weight:700;line-height:1}.aqi-label{font-size:1.2rem;opacity:.9}.aqi-status{text-align:center}.status-badge{background:#ffffffe6;color:#ea8c34;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:1.1rem}.aqi-details{flex:1;margin-left:2rem}.location-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.location-info{display:flex;align-items:center;gap:1rem;font-size:.9rem;opacity:.9}.separator{width:1px;height:20px;background:#ffffff4d}.live-indicator{position:absolute;top:1rem;right:1rem;background:#ffffffe6;color:#ea8c34;padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-weight:600}.live-dot{width:8px;height:8px;background:#ea8c34;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.city-cards-section{margin-bottom:2rem;background:#f9f9f9;border-radius:10px;padding:1rem;box-shadow:0 4px 15px #00000008}.city-cards-container{display:flex!important;align-items:center;gap:0;overflow-x:auto;padding:0;flex-direction:row!important}.city-card{background:transparent;border-radius:0;padding:.75rem 1rem;box-shadow:none;min-width:200px;display:flex!important;align-items:center;justify-content:space-between;position:relative;flex:1;flex-shrink:0}.city-card:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:43.5px;background:linear-gradient(to bottom,#0000 5%,#31343d40,#0000 95%)}.city-info{display:flex;flex-direction:column;gap:.25rem}.city-info h3{margin:0;font-size:.9rem;color:#31343d;font-weight:400;line-height:1.2}.distance{font-size:.75rem;color:#31343d;font-weight:400}.aqi-badge{background:#ea8c34;color:#fff;padding:.5rem .75rem;border-radius:6px;font-weight:400;font-size:.9rem;min-width:75px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.1rem}.aqi-badge .aqi-value{font-size:.9rem;font-weight:400;line-height:1}.aqi-badge .aqi-label{font-size:.7rem;font-weight:400;line-height:1;opacity:.9}.weather-section{margin-bottom:2rem}.weather-card{background:#4ba9ff;border-radius:20px;padding:2rem;color:#fff}.weather-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.weather-header h3{margin:0;font-size:1.5rem;font-weight:600}.weather-icon img{width:60px;height:60px}.weather-data{display:flex;gap:2rem}.weather-item{display:flex;align-items:center;gap:.75rem}.weather-icon-small img{width:24px;height:24px}.weather-info{display:flex;flex-direction:column}.weather-label{font-size:.8rem;opacity:.8}.weather-value{font-size:1rem;font-weight:600}.map-section{margin-bottom:2rem}.map-container{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.map-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #eee}.map-header h2{margin:0;font-size:1.2rem;font-weight:600}.map-button{display:flex;align-items:center;gap:.5rem;background:#4ba9ff;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600}.map-button img{width:16px;height:16px}.map-canvas{height:400px;width:100%}.aqi-info-section{margin-bottom:2rem}.aqi-info-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 2px 10px #0000001a}.aqi-info-card h3{margin:0 0 1.5rem;font-size:1.2rem;font-weight:600}.aqi-ranges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.aqi-range{display:flex;align-items:center;gap:.75rem}.range-color{width:40px;height:40px;border-radius:50%}.range-info{display:flex;flex-direction:column}.range-label{font-weight:600;font-size:.9rem}.range-values{font-size:.8rem;color:#666}.good .range-color{background:#59b61f}.moderate .range-color{background:#eec732}.poor .range-color{background:#ea8c34}.unhealthy .range-color{background:#e95478}.severe .range-color{background:#b33fba}.hazardous .range-color{background:#c92033}@media(max-width:768px){.main-aqi-card{flex-direction:column;text-align:center}.aqi-details{margin-left:0;margin-top:1rem}.weather-data{flex-direction:column;gap:1rem}.city-cards-container{flex-direction:column}.aqi-ranges{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-container{padding:0 10px}.main-aqi-card{padding:1rem;min-height:300px}.aqi-circle{width:150px;height:150px}.aqi-value{font-size:3rem}.location-title{font-size:1.4rem}.weather-card,.aqi-info-card{padding:1rem}.city-cards-container{flex-direction:column;gap:.5rem}.city-card{min-width:100%;border-bottom:1px solid rgba(49,52,61,.1);padding:1rem 0}.city-card:not(:last-child):after{display:none}.city-card:last-child{border-bottom:none}}.main-ticker-container{position:relative;width:100%;overflow:hidden;background:#f9f9f9;box-shadow:0 4px 15px #00000008;height:50px;padding:0 35px;margin-top:20px}.main-ticker-wrapper{display:flex;height:100%;align-items:center;gap:0;width:max-content}.main-ticker-card{display:flex;align-items:center;height:49.59px;width:324.25px;padding:0 17px;position:relative;cursor:pointer;transition:all .3s ease;border-right:1px solid rgba(49,52,61,.25);flex-shrink:0;margin-right:0}.main-ticker-card:hover{background:#ea8c341a;transform:translateY(-1px)}.main-ticker-card:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:43.5px;background:linear-gradient(to bottom,#0000 5%,#31343d,#0000 95%);opacity:.25}.station-name{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;font-size:14.8px;font-weight:400;color:#31343d;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:134px;height:20.8px}.station-distance{position:absolute;left:175.59px;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;font-size:12.2px;font-weight:400;color:#31343d;line-height:1.2;margin:0;height:16px;width:44.8px}.main-ticker-container .aqi-badge{position:absolute!important;left:231.49px!important;top:50%!important;transform:translateY(-50%)!important;border-radius:6.09px!important;width:85px!important;height:32.19px!important;display:flex!important;align-items:center!important;justify-content:center!important}.main-ticker-container .aqi-value{position:absolute!important;left:13.05px!important;top:50%!important;transform:translateY(-50%)!important;font-family:Arial,sans-serif!important;font-size:14.8px!important;font-weight:400!important;color:#fff!important;line-height:1!important;margin:0!important;height:14.79px!important;width:40px!important;text-align:center!important}.main-ticker-container .aqi-badge[style*="background-color: #FFFF00"] .aqi-value{color:#000!important}.main-ticker-container .aqi-label{position:absolute!important;left:58px!important;top:50%!important;transform:translateY(-50%)!important;font-family:Arial,sans-serif!important;font-size:10.4px!important;font-weight:400!important;color:#fff!important;line-height:1!important;margin:0!important;height:10.44px!important;width:18.5px!important}.main-ticker-container .aqi-badge[style*="background-color: #FFFF00"] .aqi-label{color:#000!important}.main-ticker-wrapper.main-ticker-scrolling{animation:mainTickerScroll 40s linear infinite}@keyframes mainTickerScroll{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.main-ticker-container:hover .main-ticker-wrapper.main-ticker-scrolling{animation-play-state:paused}@media(max-width:768px){.main-ticker-card{min-width:300px;max-width:350px;padding:15px}.main-ticker-aqi-badge .aqi-value{font-size:1.5rem}}.realtime-aqi-updates-component .main-ticker-container,.main-ticker-container .realtime-aqi-updates-component{display:none!important}:root{--color-primary: #1882ff;--color-primary-light: rgba(24, 130, 255, .1);--color-primary-dark: #0a1f44;--color-text-primary: #0a1f44;--color-text-secondary: #4a5565;--color-text-tertiary: #6a7282;--color-text-quaternary: #31343d;--color-text-light: #364153;--color-bg-white: #ffffff;--color-bg-card: rgba(255, 255, 255, .6);--color-bg-card-alt: rgba(255, 255, 255, .7);--color-bg-glass: rgba(255, 255, 255, .9);--color-bg-button: #1882ff;--weather-card-bg-start: #1a2332;--weather-card-bg-end: #2a3f5f;--weather-text-white: rgba(255, 255, 255, 1);--weather-text-light: rgba(255, 255, 255, .8);--weather-separator: rgba(255, 255, 255, .2);--color-border: #e5e7eb;--color-border-light: rgba(229, 231, 235, .5);--color-success: #00c950;--color-info: #2e8bc0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}h1,h2,h3,h4,h5,h6,p,span,ol,li,ul,address{font-family:SF Pro Display,sans-serif!important}.aqi-dial-container{background:var(--color-bg-card);border:.8px solid var(--color-border);border-radius:var(--radius-xl);padding:20px;width:100%;max-width:420px;height:fit-content;display:flex;flex-direction:column;gap:16px;overflow:visible;transition:all .3s ease}.aqi-dial-header{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.aqi-dial-title-group{display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center}.aqi-dial-subtitle{font-family:Arial,sans-serif;font-size:13.144px;line-height:19.666px;color:#1882ff;margin:0;font-weight:400}.aqi-dial-title{font-family:Segoe UI,sans-serif;font-size:25.116px;line-height:28.406px;color:#31343d;margin:0;font-weight:400}.aqi-dial-live-badge{background:var(--color-bg-button);border:1px solid var(--color-bg-white);border-radius:var(--radius-lg);padding:8px 16px;display:flex;align-items:center;gap:10px;min-width:117px;justify-content:center}.aqi-dial-live-indicator{width:14px;height:14px;background:#0f0;border-radius:50%;animation:pulse-live 2s infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.aqi-dial-live-text{font-family:Arial,sans-serif;font-size:15.7px;color:var(--color-bg-white);line-height:1.2}.aqi-dial-location{font-family:Arial,sans-serif;font-size:12.25px;color:var(--color-text-secondary);line-height:1.4;text-align:center}.aqi-dial-circle-container{position:relative;width:100%;height:auto;min-height:200px;margin:0 auto;padding:20px 0;display:flex;align-items:center;justify-content:center;overflow:visible}.aqi-dial-chart{width:340px!important;height:200px!important;max-width:100%;display:block;object-fit:contain}.aqi-dial-value-container{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:10;pointer-events:none}.aqi-dial-value{font-family:Montserrat,sans-serif;font-size:30px;font-weight:700;color:var(--color-primary);line-height:1}.aqi-dial-label{font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;color:#000;line-height:1}.aqi-dial-footer{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}.aqi-dial-status-badge{background:var(--color-primary-light);border-radius:var(--radius-full);padding:3.5px 10.5px;display:inline-flex;align-items:center}.aqi-dial-status-text{font-family:Arial,sans-serif;font-size:16px;color:var(--color-primary);line-height:1.4}.aqi-dial-confidence-container{display:flex;align-items:center;gap:12px}.aqi-dial-confidence-text{font-family:Arial,sans-serif;font-size:10.5px;color:var(--color-text-tertiary);line-height:1.3}.aqi-dial-confidence-bar{background:#0a1f4433;border-radius:var(--radius-full);width:56px;height:3.5px;overflow:hidden}.aqi-dial-confidence-fill{background:var(--color-success);height:100%;width:92%;transition:width var(--transition-base)}.weather-card-container{background:var(--color-bg-card-alt);border:.8px solid var(--color-border);border-radius:var(--radius-xl);padding:0;width:100%;overflow:hidden;display:flex;flex-direction:column}.weather-card-current{background:#1a2332;background:linear-gradient(135deg,var(--weather-card-bg-start, #1a2332) 0%,var(--weather-card-bg-end, #2a3f5f) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px 38px;position:relative;min-height:124px;overflow:hidden}.weather-card-background{position:absolute;inset:0;opacity:.06;pointer-events:none;background-image:url(/assets/global/images/888d34e7e05500770d1527a93223c86afdb25934.png);background-size:cover;background-position:center;background-repeat:no-repeat}.weather-card-content-wrapper{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:24px}.weather-card-left{flex:1;display:flex;flex-direction:column;gap:16px}.weather-card-condition-title{font-family:Arial,sans-serif;font-size:24px;font-weight:400;color:var(--weather-text-white);line-height:1}.weather-card-metrics{display:flex;gap:24px;align-items:flex-start}.weather-metric{display:flex;flex-direction:row;gap:8px;align-items:flex-start;padding-right:24px;border-right:1px solid rgba(255,255,255,.2);width:170px}.weather-metric:last-child{border-right:none;padding-right:0}.weather-metric-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26.1px;height:26.1px}.weather-metric-icon-img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.weather-metric-text{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.weather-metric-label{font-family:Arial,sans-serif;font-size:14px;color:#fffc;line-height:1.2;font-weight:400}.weather-metric-value{font-family:Arial,sans-serif;font-size:14px;color:#fff;font-weight:400;line-height:1.2}.weather-card-right{display:flex;align-items:center;gap:32px}.weather-card-temperature{font-family:Arial,sans-serif;font-size:48px;font-weight:300;color:var(--weather-text-white);line-height:1}.weather-card-animation{width:64px;height:59px;position:relative}.weather-card-animation img{width:100%;height:100%;object-fit:contain}.weather-compass-button{background:transparent;border:none;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.weather-compass-button:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.weather-compass-icon{width:42px;height:42px;color:var(--color-text-primary);object-fit:contain}.weather-forecast-section{width:100%}.weather-forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.weather-forecast-title-group{display:flex;flex-direction:column;gap:3px}.weather-forecast-subtitle{font-family:Arial,sans-serif;font-size:13.144px;line-height:19.666px;color:#1882ff;font-weight:400;margin:0}.weather-forecast-title{font-family:Segoe UI,sans-serif;font-size:25.116px;line-height:28.406px;color:#31343d;font-weight:400;margin:0}.weather-forecast-actions{display:flex;gap:15px;align-items:center}.weather-nav-btn{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:40px;height:40px;border-radius:50%;color:#0a1f44;box-shadow:0 2px 8px #0000001a}.weather-nav-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.weather-nav-btn:active{transform:scale(.95)}.weather-nav-btn:disabled{opacity:.4;cursor:not-allowed}.weather-nav-btn svg{width:24px;height:24px;display:block}.weather-nav-btn img{width:39.926px;height:auto;object-fit:contain}.weather-forecast-slider-container{position:relative;width:100%;overflow:hidden}.weather-forecast-slide{display:none;opacity:0;transition:opacity .5s ease-in-out;width:100%}.weather-forecast-slide.active{display:block;opacity:1}.weather-forecast-district-badge{position:relative;margin-bottom:12px;display:flex;align-items:center;justify-content:flex-start}.weather-forecast-section .district-name-badge{color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0;white-space:nowrap;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;display:inline-block;transition:all .3s ease}.weather-forecast-section .district-name-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.weather-forecast-section .weather-forecast-card{background:#4ba9ff;background:linear-gradient(90deg,#8cd2f4 0% 34.634%,#4ba9ff 54.406% 100%);border-radius:10px;padding:0;display:block;position:relative;height:281px;width:100%;overflow:hidden}.weather-forecast-section .weather-current-section{position:absolute;left:0;top:0;z-index:2;width:360px;height:100%}.weather-forecast-section .weather-current-info{display:flex;flex-direction:column;gap:12px;width:100%}.weather-forecast-section .weather-current-icon{position:absolute;left:46.5px;top:50px;width:141.301px;height:141.303px}.weather-forecast-section .weather-current-icon img{width:100%;height:100%;object-fit:contain}.weather-forecast-section .weather-current-temp{position:absolute;left:216.19px;top:120.65px;transform:translateY(-50%);font-family:Helvetica,Arial,sans-serif;font-size:84.782px;font-weight:700;color:#fff;line-height:normal;letter-spacing:-.3533px;white-space:pre}.weather-forecast-section .weather-current-details{position:absolute;left:46.5px;top:200px;display:flex;flex-direction:row;gap:24px;flex-wrap:nowrap;max-width:350px;align-items:center}.weather-forecast-section .weather-current-details .weather-detail-item{font-family:Helvetica,Arial,sans-serif;font-size:16.485px;color:#fff;letter-spacing:-.3533px;white-space:nowrap;flex-shrink:0;display:inline-block;position:relative;margin:0;padding:0;width:auto;height:auto}.weather-forecast-section .wind-direction-arrow{display:inline-block;margin-left:6px;font-size:18px;color:#fff;transition:transform .3s ease;vertical-align:middle;transform-origin:center center}.weather-forecast-section .weather-hourly-section{position:absolute;left:460px;top:30px;width:618px;height:84.502px;overflow-x:auto;overflow-y:hidden}.weather-forecast-section .weather-hourly-scroll{display:flex;gap:10.622px;min-width:max-content;height:100%}.weather-forecast-section .weather-hourly-item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:67.98px;width:67.98px}.weather-forecast-section .weather-hourly-time{font-family:Helvetica,Arial,sans-serif;font-size:16.995px;font-weight:400;color:#fff;letter-spacing:-.3187px;text-align:center;line-height:normal}.weather-forecast-section .weather-hourly-now .weather-hourly-time{font-weight:700}.weather-forecast-section .weather-hourly-icon{width:42.488px;height:29.743px;object-fit:contain}.weather-forecast-section .weather-hourly-temp{font-family:Helvetica,Arial,sans-serif;font-size:16.995px;font-weight:700;color:#fff;letter-spacing:-.3187px;text-align:center;line-height:normal}.weather-forecast-section .weather-sunset-text{color:#ffcd4a}.weather-weekly-section{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:636px;height:113.67px;overflow-x:auto;overflow-y:hidden}.weather-weekly-scroll{display:flex;gap:20px;min-width:max-content;height:100%;align-items:flex-end}.weather-weekly-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7.439px;width:111.59px;flex-shrink:0}.weather-weekly-day{font-family:Helvetica,Arial,sans-serif;font-size:20.458px;font-weight:400;color:#fff;letter-spacing:-.279px;text-align:center;line-height:normal}.weather-weekly-icon{width:55.795px;height:55.795px;object-fit:contain}.weather-weekly-temps{display:flex;gap:9.299px;align-items:center;justify-content:center}.weather-temp-high,.weather-temp-low{font-family:Helvetica,Arial,sans-serif;font-size:13.019px;font-weight:700;color:#fff;letter-spacing:-.279px;line-height:18.598px;text-align:center;min-width:37.197px}.weather-forecast-section .weather-weekly-section{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:636px;height:113.67px;overflow-x:auto;overflow-y:hidden}.weather-forecast-section .weather-weekly-scroll{display:flex;gap:20px;min-width:max-content;height:100%;align-items:flex-end}.weather-forecast-section .weather-weekly-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7.439px;width:111.59px;flex-shrink:0}.weather-forecast-section .weather-weekly-day{font-family:Helvetica,Arial,sans-serif;font-size:20.458px;font-weight:400;color:#fff;letter-spacing:-.279px;text-align:center;line-height:normal}.weather-forecast-section .weather-weekly-icon{width:55.795px;height:55.795px;object-fit:contain}.weather-forecast-section .weather-weekly-temps{display:flex;gap:9.299px;align-items:center;justify-content:center}.weather-forecast-section .weather-temp-high,.weather-forecast-section .weather-temp-low{font-family:Helvetica,Arial,sans-serif;font-size:13.019px;font-weight:700;color:#fff;letter-spacing:-.279px;line-height:18.598px;text-align:center;min-width:37.197px}.weather-forecast-section .weather-hourly-section::-webkit-scrollbar,.weather-forecast-section .weather-weekly-section::-webkit-scrollbar{height:4px}.weather-forecast-section .weather-hourly-section::-webkit-scrollbar-track,.weather-forecast-section .weather-weekly-section::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.weather-forecast-section .weather-hourly-section::-webkit-scrollbar-thumb,.weather-forecast-section .weather-weekly-section::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.weather-forecast-section .weather-hourly-section::-webkit-scrollbar-thumb:hover,.weather-forecast-section .weather-weekly-section::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media(max-width:1200px){.weather-forecast-section{max-width:100%;padding:0 20px}.weather-forecast-card{width:100%}}@media(max-width:1024px){.weather-forecast-section .weather-forecast-card{height:auto;padding:30px 24px;display:flex;flex-direction:column;gap:24px}.weather-forecast-section .weather-current-section{position:static;display:flex;flex-direction:row;align-items:center;gap:20px}.weather-forecast-section .weather-current-icon{position:static;width:100px;height:100px}.weather-forecast-section .weather-current-icon img{width:100%;height:100%;object-fit:contain}.weather-forecast-section .weather-current-temp{position:static;font-size:60px;width:auto;height:auto;transform:none}.weather-forecast-section .weather-current-details{position:static;margin-top:20px;max-width:100%;gap:15px}.weather-forecast-section .weather-hourly-section{position:static;width:100%;height:auto;left:auto;top:auto}.weather-forecast-section .weather-hourly-scroll{height:auto;overflow-x:auto;padding:16px 0}.weather-forecast-section .weather-weekly-section{position:static;width:100%;height:auto;right:auto;top:auto}.weather-forecast-section .weather-weekly-scroll{overflow-x:auto;padding:16px 0}.weather-nav-btn{width:36px;height:36px}.weather-nav-btn svg{width:20px;height:20px}}@media(max-width:768px){.weather-forecast-section{padding:24px 16px}.weather-forecast-section .weather-forecast-header{flex-direction:column;align-items:flex-start;gap:12px;padding:0 0 16px}.weather-forecast-section .weather-forecast-title{font-size:20px;line-height:24px;font-family:Segoe UI,sans-serif;color:#31343d;font-weight:400}.weather-forecast-section .weather-forecast-subtitle{font-size:12px;line-height:16px}.weather-forecast-section .district-name-badge{font-size:13px;padding:6px 12px;letter-spacing:.5px}.weather-forecast-section .weather-forecast-card{padding:20px 16px;border-radius:8px;gap:20px}.weather-forecast-section .weather-current-section{flex-direction:row;align-items:center;gap:12px;text-align:left;justify-content:flex-start}.weather-forecast-section .weather-current-icon{width:70px;height:70px;flex-shrink:0}.weather-forecast-section .weather-current-icon img{width:100%;height:100%}.weather-forecast-section .weather-current-info{display:flex;flex-direction:row;align-items:center;gap:12px;flex:1}.weather-forecast-section .weather-current-temp{font-size:40px;line-height:1;flex-shrink:0}.weather-forecast-section .weather-current-details{flex-direction:column;gap:6px;align-items:flex-start;flex:1}.weather-forecast-section .weather-detail-item{font-size:12px;line-height:1.3}.weather-forecast-section .wind-direction-arrow{font-size:14px;margin-left:3px}.weather-forecast-section .weather-hourly-section{margin-top:8px}.weather-forecast-section .weather-hourly-scroll{gap:12px;padding:12px 0}.weather-forecast-section .weather-hourly-item{min-width:60px;gap:8px}.weather-forecast-section .weather-hourly-time,.weather-forecast-section .weather-hourly-temp{font-size:13px}.weather-forecast-section .weather-hourly-icon{width:32px;height:32px}.weather-forecast-section .weather-weekly-section{margin-top:8px}.weather-forecast-section .weather-weekly-scroll{gap:12px;padding:12px 0}.weather-forecast-section .weather-weekly-item{min-width:80px;gap:8px}.weather-forecast-section .weather-weekly-day{font-size:14px}.weather-forecast-section .weather-weekly-icon{width:40px;height:40px}.weather-forecast-section .weather-temp-high,.weather-forecast-section .weather-temp-low{font-size:12px}.weather-forecast-section .weather-nav-btn{width:32px;height:32px;padding:6px}.weather-forecast-section .weather-nav-btn svg{width:18px;height:18px}}@media(max-width:480px){.weather-forecast-section{padding:20px 12px}.weather-forecast-section .weather-forecast-card{padding:16px 12px;gap:16px}.weather-forecast-section .weather-forecast-title{font-size:18px;line-height:22px;font-family:Segoe UI,sans-serif;color:#31343d;font-weight:400}.weather-forecast-section .district-name-badge{font-size:12px;padding:5px 10px}.weather-forecast-section .weather-current-section{align-items:center;gap:10px}.weather-forecast-section .weather-current-icon{width:60px;height:60px}.weather-forecast-section .weather-current-info{gap:10px}.weather-forecast-section .weather-current-temp{font-size:36px;line-height:1}.weather-forecast-section .weather-current-details{gap:5px}.weather-forecast-section .weather-detail-item{font-size:11px}.weather-forecast-section .wind-direction-arrow{font-size:13px}.weather-forecast-section .weather-hourly-item{min-width:50px}.weather-forecast-section .weather-hourly-icon{width:28px;height:28px}.weather-forecast-section .weather-weekly-item{min-width:70px}.weather-forecast-section .weather-weekly-icon{width:36px;height:36px}.weather-forecast-section .weather-nav-btn{width:28px;height:28px}.weather-forecast-section .weather-nav-btn svg{width:16px;height:16px}}.health-guidance-container{background:var(--color-bg-card-alt);border:.8px solid var(--color-border);border-radius:var(--radius-xl);padding:22px;width:100%}.health-guidance-content{display:flex;gap:14px;align-items:flex-start}.health-guidance-icon{background:var(--color-primary-light);border-radius:var(--radius-md);width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.health-guidance-icon svg{width:21px;height:21px;color:var(--color-primary)}.health-guidance-text{flex:1;display:flex;flex-direction:column;gap:7px}.health-guidance-title{font-family:Arial,sans-serif;font-size:15.75px;font-weight:700;color:var(--color-text-primary);line-height:1.5}.health-guidance-subtitle{font-family:Arial,sans-serif;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.health-guidance-recommendations{margin-top:8px}.health-guidance-recommendations-title{font-family:Arial,sans-serif;font-size:12.25px;color:var(--color-text-primary);line-height:1.4;margin-bottom:10px}.health-guidance-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3.5px}.health-guidance-list-item{display:flex;align-items:center;gap:7px}.health-guidance-list-bullet{width:5.25px;height:5.25px;background:var(--color-info);border-radius:50%;flex-shrink:0}.health-guidance-list-text{font-family:Arial,sans-serif;font-size:12.25px;color:var(--color-text-light);line-height:1.4}.info-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.info-card{background:var(--color-bg-card-alt);border:.8px solid var(--color-border);border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.info-card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:14px 16px;border-bottom:1px solid var(--color-border);min-height:60px;display:flex;align-items:center}.info-card-header-content{display:flex;align-items:center;gap:10px}.info-card-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.info-card-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:var(--color-text-dark);margin:0;line-height:1.4}.info-card-body{padding:16px;background:#fff}.info-card-label{font-family:Arial,sans-serif;font-size:11px;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-weight:500}.info-card-value{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;margin:0 0 8px;line-height:1.2}.info-card-text{font-family:Arial,sans-serif;font-size:13px;color:var(--color-text-light);line-height:1.6;margin:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.info-cards-grid-dual{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-bottom:24px}.info-cards-grid-triple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px}.info-card-content-wrapper.scrollable{max-height:180px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.info-card-content-wrapper.scrollable::-webkit-scrollbar{width:8px}.info-card-content-wrapper.scrollable::-webkit-scrollbar-track{background:#0000001a;border-radius:4px;margin:4px 0}.info-card-content-wrapper.scrollable::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px;border:2px solid transparent;background-clip:content-box}.info-card-content-wrapper.scrollable::-webkit-scrollbar-thumb:hover{background:#00000080;background-clip:content-box}.info-card-rotating{position:relative}.info-card-rotating .info-card-body{padding:16px}.info-card-content-wrapper{position:relative;min-height:100px;overflow:hidden}.rotating-content{position:absolute;top:0;left:0;right:0;opacity:0;transform:translateY(10px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.rotating-content.active{opacity:1;transform:translateY(0);position:relative;top:auto;left:auto;right:auto;pointer-events:auto}.info-card-list{margin:0;padding-left:20px;list-style-type:disc}.info-card-list-item{font-family:Arial,sans-serif;font-size:14px;color:var(--color-text-dark);line-height:1.7;margin-bottom:8px;text-align:left;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.info-card-list-item:last-child{margin-bottom:0}.info-card-list li{font-family:Arial,sans-serif;font-size:14px;color:var(--color-text-light);line-height:1.6;margin-bottom:8px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.info-card-list li:last-child{margin-bottom:0}.info-card-sentence{font-family:Arial,sans-serif;font-size:14px;color:var(--color-text-dark);line-height:1.7;margin:0;text-align:left}.rotating-card-title{transition:color .3s ease}.info-card-graph{display:flex;flex-direction:column}.info-card-graph .info-card-body{padding:16px;display:flex;align-items:center;justify-content:center;flex:1}.mini-aqi-graph{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mini-aqi-graph canvas{width:100%!important;max-width:450px;height:180px!important;display:block}.aqi-scale-container-compact{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(4.301px);backdrop-filter:blur(4.301px);border-radius:7.168px;padding:12px 14px;margin-top:20px;width:100%;max-width:100%}.aqi-scale-bar-compact{display:flex;height:16px;border-radius:4px;overflow:hidden;margin-bottom:12px}.aqi-scale-label-icon-compact{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aqi-scale-label-icon-compact img{width:100%;height:100%;object-fit:contain}.aqi-scale-labels-compact{display:flex;justify-content:space-between;gap:8px}.aqi-scale-label-compact{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.aqi-scale-label-name-compact{font-family:Arial,sans-serif;font-size:12px;font-weight:500;color:var(--color-text-dark);text-align:center;line-height:1.2}.aqi-scale-label-range-compact{font-family:Arial,sans-serif;font-size:11px;color:var(--color-text-light);text-align:center;line-height:1.2}.aqi-scale-container{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(4.301px);backdrop-filter:blur(4.301px);border-radius:7.168px;padding:16px;margin-top:16px}.aqi-scale-bar{display:flex;height:3.735px;border-radius:4.681px;overflow:hidden;margin-bottom:16px}.aqi-scale-segment{flex:1;height:100%}.aqi-scale-labels{display:flex;justify-content:space-between;gap:8px}.aqi-scale-label{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}.aqi-scale-label-icon{width:28.672px;height:28.672px}.aqi-scale-label-icon img{width:100%;height:100%;object-fit:contain}.aqi-scale-label-name{font-family:Arial,sans-serif;font-size:9.39px;color:var(--color-text-quaternary);line-height:1.5;text-align:center;text-transform:capitalize}.aqi-scale-label-range{font-family:Arial,sans-serif;font-size:9.39px;color:var(--color-text-quaternary);opacity:.7;line-height:1.5;text-align:center}.dashboard-container-bg{background:linear-gradient(0deg,#cbf5dd 30%,#fff);position:relative;padding:60px 0 40px;min-height:600px}.dashboard-container-bg:before{content:"";position:absolute;inset:0;background-image:url(/assets/global/images/888d34e7e05500770d1527a93223c86afdb25934.png);background-size:cover;background-position:center;opacity:.06;pointer-events:none;-webkit-mask-image:url(/assets/global/images/f5b5c658c5c7708b013341a91c8e6fe1215d5aa8.svg);mask-image:url(/assets/global/images/f5b5c658c5c7708b013341a91c8e6fe1215d5aa8.svg);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center}.dashboard-main-section{margin:0 auto;display:grid;gap:24px;grid-template-columns:336px 1fr;grid-template-rows:auto auto;align-items:start;position:relative;z-index:1}.dashboard-main-section .aqi-dial-container{grid-column:1;grid-row:1}.dashboard-main-section .weather-card-container{grid-column:2;grid-row:1}.dashboard-main-section .health-guidance-container{grid-column:2;grid-row:2}@media(max-width:1200px){.dashboard-main-section{gap:20px}}@media(max-width:992px){.dashboard-container-bg{padding:50px 0}.dashboard-main-section{grid-template-columns:1fr;grid-template-rows:auto}.dashboard-main-section .aqi-dial-container{grid-column:1;grid-row:1;max-width:100%;width:100%}.dashboard-main-section .weather-card-container{grid-column:1;grid-row:2}.dashboard-main-section .health-guidance-container{grid-column:1;grid-row:3}.weather-card-content-wrapper{flex-direction:column;align-items:flex-start}.weather-card-right{width:100%;justify-content:space-between}.info-card-header{min-height:60px}}@media(max-width:968px){.info-cards-grid{grid-template-columns:repeat(2,1fr);gap:14px}.info-cards-grid-triple{grid-template-columns:1fr;gap:14px}.info-cards-grid-single{max-width:100%}.info-card-header{min-height:60px}}@media(max-width:768px){.dashboard-main-section{gap:16px}.aqi-dial-container{padding:16px}.weather-card-current{padding:20px 24px}.weather-card-metrics{flex-direction:column;gap:12px;align-items:flex-start}.weather-metric{border-right:none;border-bottom:1px solid rgba(255,255,255,.2);padding-right:0;padding-bottom:12px;width:100%}.weather-metric:last-child{border-bottom:none;padding-bottom:0}.health-guidance-container{padding:18px}.info-cards-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.info-cards-grid-dual,.info-cards-grid-triple{grid-template-columns:1fr;gap:12px}.info-card-content-wrapper{min-height:70px}.info-card-content-wrapper.scrollable{max-height:150px}.mini-aqi-graph canvas{height:120px!important}.aqi-scale-container-compact{max-width:100%}.info-card-graph{display:block}.info-card-graph .info-card-body{flex:none}.aqi-scale-labels{flex-wrap:wrap}.aqi-scale-label{min-width:calc(33.333% - 8px)}.aqi-scale-labels-compact{flex-wrap:wrap;gap:6px}.aqi-scale-label-compact{min-width:calc(33.333% - 6px)}.info-card-header{min-height:60px}}@media(max-width:480px){.aqi-dial-subtitle{font-size:11px;line-height:16px}.aqi-dial-title{font-size:20px;line-height:24px;font-family:Segoe UI,sans-serif;color:#31343d;font-weight:400}.weather-card-condition-title{font-size:20px}.weather-card-temperature{font-size:36px}.health-guidance-title{font-size:14px}.aqi-scale-labels{gap:4px}.aqi-scale-label{min-width:calc(50% - 4px)}.aqi-scale-label-name,.aqi-scale-label-range{font-size:8px}.info-card-header{min-height:56px;padding:12px 14px}.info-card-title{font-size:13px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.animate-fade-in{animation:fadeIn .5s ease-out}.aqi-forecast-section{width:100%}.aqi-forecast-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:40px}.aqi-forecast-title-group{display:flex;flex-direction:column;gap:3px}.aqi-forecast-subtitle{font-family:Arial,sans-serif;font-size:13.144px;line-height:19.666px;color:#1882ff;margin:0;font-weight:400}.aqi-forecast-title{font-family:Segoe UI,sans-serif;font-size:25.116px;line-height:28.406px;color:#31343d;margin:0;font-weight:400}.aqi-forecast-nav{display:flex;align-items:center;gap:15px}.aqi-forecast-nav-btn{background:transparent;border:none;padding:6px;cursor:pointer;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.aqi-forecast-nav-btn:hover{opacity:.7}.aqi-forecast-nav-btn:disabled{opacity:.3;cursor:not-allowed}.aqi-forecast-district-badge{position:relative;margin-bottom:12px;display:flex;align-items:center;justify-content:flex-start}.aqi-forecast-section .district-name-badge{color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0;white-space:nowrap;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;display:inline-block;transition:all .3s ease}.aqi-forecast-section .district-name-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.aqi-forecast-container{width:100%;position:relative;overflow:visible}.aqi-forecast-scroll{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(208,213,221,.5) transparent}.aqi-forecast-scroll::-webkit-scrollbar{height:6px}.aqi-forecast-scroll::-webkit-scrollbar-track{background:transparent}.aqi-forecast-scroll::-webkit-scrollbar-thumb{background:#d0d5dd80;border-radius:3px}.aqi-forecast-scroll::-webkit-scrollbar-thumb:hover{background:#d0d5ddcc}.aqi-forecast-column{position:relative;width:100px;height:267.84px;flex-shrink:0;border-right:1.107px dashed #eaecf0;display:flex;flex-direction:column;align-items:center;padding:0}.aqi-forecast-column.is-current-day{background:#1882ff05}.aqi-forecast-column.has-day-label{width:100px}.aqi-forecast-column.no-wind{height:180px}.aqi-forecast-weather-icon img{width:70px;height:70px;margin:0 auto}.aqi-forecast-time{font-family:Segoe UI,sans-serif;font-size:15.163px;line-height:22.136px;color:#101828;text-align:center;margin:0;padding:2.214px 0;height:22.136px;display:flex;align-items:center;justify-content:center;font-weight:400}.aqi-forecast-time.is-now{font-size:15.163px}.aqi-forecast-aqi-badge{background:#4ba9ff;border-radius:4.427px;height:28.776px;width:55.339px;display:flex;align-items:center;justify-content:center;margin-top:8.854px}.aqi-forecast-aqi-value{font-family:Segoe UI,sans-serif;font-size:15.495px;line-height:22.136px;color:#fff;text-align:center;margin:0;font-weight:400}.aqi-forecast-value{border-radius:4.427px;height:28.776px;width:55.339px;display:flex;align-items:center;justify-content:center;margin-top:8.854px;font-family:Segoe UI,sans-serif;font-size:15.495px;line-height:22.136px;font-weight:400}.aqi-forecast-weather{width:35.417px;height:35.417px;margin-top:9px;display:flex;align-items:center;justify-content:center}.aqi-forecast-weather-icon{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.aqi-forecast-temperature{font-family:Segoe UI,sans-serif;font-size:15.495px;line-height:22.136px;color:#101828;text-align:center;margin:8px 0 0;font-weight:400}.aqi-forecast-temp{font-family:Segoe UI,sans-serif;font-size:15.495px;line-height:22.136px;color:#101828;text-align:center;margin:22.62px 0 0;font-weight:400}.aqi-forecast-wind{margin-top:5px;display:flex;flex-direction:column;align-items:center;gap:4px}.aqi-forecast-wind-icon{width:17.708px;height:17.708px;display:flex;align-items:center;justify-content:center;margin-bottom:8.13px}.aqi-forecast-wind-icon img{width:100%;height:100%;object-fit:contain}.wind-direction-arrow{color:#101828;transition:transform .3s ease}.aqi-forecast-wind-speed{font-family:Segoe UI,sans-serif;font-size:15.495px;line-height:22.136px;color:#101828;text-align:center;margin:0;font-weight:400}.aqi-forecast-wind-unit{font-family:Segoe UI,sans-serif;font-size:12.499px;line-height:18.136px;color:#667085;text-align:center;margin:0;font-weight:400}.aqi-forecast-humidity{margin-top:15px;display:flex;flex-direction:column;align-items:center;gap:17.71px}.aqi-forecast-humidity-icon{width:17.708px;height:17.708px;display:flex;align-items:center;justify-content:center}.aqi-forecast-humidity-icon img{width:100%;height:100%;object-fit:contain}.aqi-forecast-humidity-value{font-family:Segoe UI,sans-serif;font-size:15.495px;line-height:22.136px;color:#101828;text-align:center;margin:0;font-weight:400}.aqi-forecast-day-label{position:absolute;top:0;right:0;font-family:Segoe UI,sans-serif;font-size:15.495px;line-height:22.136px;color:#101828;text-align:center;padding:0 8px;font-weight:400}.aqi-forecast-day-divider,.aqi-forecast-divider{position:absolute;right:0;top:26.563px;bottom:0;width:1.107px;background:#eaecf0}@media(max-width:768px){.aqi-forecast-section{padding-top:50px;padding-bottom:50px}.aqi-forecast-header{flex-direction:column;align-items:flex-start;gap:16px}.aqi-forecast-nav{align-self:flex-end}.aqi-forecast-district-badge{padding:0 16px 10px}.aqi-forecast-section .district-name-badge{font-size:13px;padding:6px 12px;letter-spacing:.5px}}@media(max-width:480px){.aqi-forecast-district-badge{padding:0 12px 8px}.aqi-forecast-section .district-name-badge{font-size:12px;padding:5px 10px}}.realtime-aqi-updates-section{width:100%;max-width:1078px;margin:40px auto 0;padding:0}.realtime-aqi-updates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}.realtime-aqi-updates-title-group{display:flex;flex-direction:column;gap:3px;max-width:330px}.realtime-aqi-updates-subtitle{font-family:Arial,sans-serif;font-size:13.144px;line-height:19.666px;color:var(--color-primary);font-weight:400;margin:0}.realtime-aqi-updates-title{font-family:Arial,sans-serif;font-size:25.116px;line-height:28.406px;color:var(--color-text-quaternary);font-weight:400;margin:0}.realtime-aqi-updates-controls{display:flex;gap:20px;align-items:center}.aqi-scroll-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#666;box-shadow:0 2px 8px #00000014}.aqi-scroll-btn:hover{background:#f5f5f5;border-color:#d0d0d0;color:#333;box-shadow:0 4px 12px #0000001f;transform:scale(1.05)}.aqi-scroll-btn:active{transform:scale(.95)}.aqi-scroll-btn svg{width:20px;height:20px}.realtime-aqi-updates-controls{display:flex;gap:12px;align-items:center}.aqi-updates-btn{background:#c92033;border:none;border-radius:7.284px;height:34.325px;min-width:108.964px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:var(--transition-fast)}.aqi-updates-btn:hover{background:#a81a2a;transform:translateY(-1px)}.aqi-updates-btn-icon{width:auto;height:10px;flex-shrink:0}.aqi-updates-btn-icon img{height:100%;width:auto;object-fit:contain}.aqi-updates-btn-text{font-family:Roboto,sans-serif;font-size:10.967px;line-height:10.925px;color:#fff;white-space:nowrap;font-weight:400}.aqi-download-btn{background:#f9f9f9;border:.837px solid #cecece;border-radius:7.284px;height:34.325px;width:32.44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.aqi-download-btn:hover{background:#f0f0f0;border-color:#b0b0b0}.aqi-download-btn img{width:18px;height:18px;object-fit:contain}.realtime-aqi-updates-container{width:100%;position:relative;overflow:hidden;padding:30px 0;margin:20px 0}.realtime-aqi-updates-scroll{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(208,213,221,.3) transparent;padding:10px 5px 20px}.realtime-aqi-updates-scroll::-webkit-scrollbar{height:6px}.realtime-aqi-updates-scroll::-webkit-scrollbar-track{background:transparent}.realtime-aqi-updates-scroll::-webkit-scrollbar-thumb{background:#d0d5dd4d;border-radius:3px}.realtime-aqi-updates-scroll::-webkit-scrollbar-thumb:hover{background:#d0d5dd80}.aqi-city-card{background:#fafafa;border:1px solid rgba(163,163,200,.6);border-radius:16px;min-width:280px;width:280px;height:165px;flex-shrink:0;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.aqi-city-card:hover{transform:translateY(-2px)}.aqi-city-card[data-aqi-color]{box-shadow:0 0 0 2px var(--aqi-color),0 4px 12px #0000001a}.aqi-city-card[data-aqi-color]:hover{box-shadow:0 0 0 3px var(--aqi-color),0 6px 16px #00000026}.aqi-city-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:70px;height:70px;display:flex;align-items:center;justify-content:center;opacity:1;border-radius:10px;border:1px solid transparent;transition:all .3s ease}.aqi-city-icon img{max-width:100%;max-height:100%;object-fit:contain;border:none}.aqi-city-separator{position:absolute;left:100px;top:18px;bottom:18px;width:1px;background:linear-gradient(to bottom,#31343d00,#31343d40,#31343d00)}.aqi-city-content{position:absolute;left:115px;right:18px;top:0;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:18px}.aqi-city-name-container{display:flex;align-items:center;gap:8px;margin-bottom:5px}.aqi-city-name{font-family:Arial,sans-serif;font-size:16px;line-height:16px;color:var(--color-text-quaternary);font-weight:400;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.aqi-current-badge{position:absolute;top:10px;right:18px;font-family:Arial,sans-serif;font-size:10px;line-height:18px;color:#677580;font-weight:400;background:transparent;padding:0}.aqi-city-value-container{display:flex;align-items:center;gap:8px;margin:0 0 10px}.aqi-city-value-badge{font-family:Arial,sans-serif;font-size:22px;line-height:22px;font-weight:400;padding:6px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}.aqi-city-value{font-family:Arial,sans-serif;font-size:22px;line-height:22px;font-weight:400;margin:0 0 10px;display:flex;align-items:center;gap:8px}.aqi-city-value.good{color:var(--aqi-good)}.aqi-city-value.moderate{color:var(--aqi-moderate)}.aqi-city-value.unhealthy-sensitive{color:var(--aqi-unhealthy-sensitive)}.aqi-city-value.unhealthy{color:var(--aqi-unhealthy)}.aqi-city-value.very-unhealthy{color:var(--aqi-very-unhealthy)}.aqi-city-value.hazardous{color:var(--aqi-hazardous)}.aqi-city-metrics{display:flex;gap:0;align-items:flex-start;margin-bottom:6px;flex-wrap:wrap}.aqi-city-metric{flex:1;display:flex;flex-direction:column;gap:5px;padding-right:20px;position:relative;min-width:0}.aqi-city-metric:last-child{padding-right:0}.aqi-city-metric:not(:last-child):after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,#31343d00,#31343d40,#31343d00)}.aqi-city-metric-label{font-family:Arial,sans-serif;font-size:11px;line-height:11px;color:#677580;text-transform:capitalize;font-weight:500;margin:0}.aqi-city-metric-value{font-family:Arial,sans-serif;font-size:15px;line-height:15px;color:var(--color-text-quaternary);font-weight:600;margin:0;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.aqi-city-badge{position:absolute;top:8px;right:8px;width:32px;height:32px;z-index:10;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:50%;padding:2px;box-shadow:0 2px 6px #0000001a}.aqi-city-badge img{width:100%;height:100%;object-fit:contain}.aqi-city-rank{font-family:Arial,sans-serif;font-size:13px;font-weight:600;color:#31343d}.aqi-average-badge{font-size:11px;font-weight:400;color:#1882ff;margin-left:4px}.aqi-range-icon{width:12px;height:12px;border-radius:50%;background-color:var(--aqi-color);display:inline-block;flex-shrink:0}.aqi-city-last-updated{font-family:Arial,sans-serif;font-size:9px;line-height:11px;color:#677580;margin-top:auto;padding-top:5px;overflow-wrap:break-word;word-wrap:break-word;font-weight:400}.last-updated-label{font-weight:400;margin-right:3px}.last-updated-time{font-weight:400;color:#31343d}.no-districts-message{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#677580;font-family:Arial,sans-serif;font-size:16px}@media(max-width:1200px){.realtime-aqi-updates-section{max-width:100%;padding:0 20px}}@media(max-width:1024px){.aqi-city-card{min-width:260px;width:260px;height:155px}.aqi-city-icon{left:15px;width:60px;height:60px}.aqi-city-separator{left:88px;top:16px;bottom:16px}.aqi-city-content{left:100px;right:15px;padding-top:15px}.aqi-city-name{font-size:14px;line-height:14px}.aqi-city-value-container{margin-bottom:8px;gap:6px}.aqi-city-value-badge{font-size:20px;line-height:20px;padding:5px 10px;gap:5px}.aqi-city-value{font-size:20px;line-height:20px;margin-bottom:8px;gap:6px}.aqi-range-icon{width:11px;height:11px}.aqi-average-badge{font-size:10px}.aqi-city-metrics{margin-bottom:5px}.aqi-city-metric-label{font-size:10px;line-height:10px}.aqi-city-metric-value{font-size:14px;line-height:14px}.aqi-city-last-updated{font-size:8.5px;line-height:10px}}@media(max-width:768px){.realtime-aqi-updates-header{flex-direction:column;align-items:flex-start;gap:16px}.realtime-aqi-updates-controls{width:100%;justify-content:flex-end}.aqi-scroll-btn{width:36px;height:36px}.aqi-scroll-btn svg{width:18px;height:18px}.aqi-city-card{min-width:250px;width:250px;height:145px}.aqi-city-icon{left:12px;width:55px;height:55px}.aqi-city-separator{left:78px;top:15px;bottom:15px}.aqi-city-content{left:90px;right:12px;padding-top:12px}.aqi-city-name{font-size:13px;line-height:13px}.aqi-city-value-container{margin-bottom:7px;gap:5px}.aqi-city-value-badge{font-size:18px;line-height:18px;padding:4px 9px;gap:4px}.aqi-city-value{font-size:18px;line-height:18px;margin-bottom:7px;gap:6px}.aqi-range-icon{width:10px;height:10px}.aqi-average-badge{font-size:9px}.aqi-city-metrics{margin-bottom:5px}.aqi-city-metric{gap:3px;padding-right:12px}.aqi-city-metric-label{font-size:9px;line-height:9px}.aqi-city-metric-value{font-size:13px;line-height:13px}.aqi-city-badge{width:28px;height:28px;top:6px;right:6px}.aqi-city-rank{font-size:11px}.aqi-city-last-updated{font-size:8px;line-height:9.5px;padding-top:4px}.realtime-aqi-updates-container{padding:20px 0;margin:15px 0}}@media(max-width:480px){.realtime-aqi-updates-section{padding:0 16px}.realtime-aqi-updates-title{font-size:20px;line-height:24px}.realtime-aqi-updates-subtitle{font-size:12px;line-height:16px}.aqi-scroll-btn{width:32px;height:32px}.aqi-scroll-btn svg{width:16px;height:16px}.aqi-city-card{min-width:260px;width:260px;height:125px}.aqi-city-icon{left:12px;width:50px;height:50px;border-radius:8px}.aqi-city-separator{left:72px;top:14px;bottom:14px}.aqi-city-content{left:84px;right:12px;padding-top:12px}.aqi-city-name-container{margin-bottom:4px}.aqi-city-name{font-size:13px;line-height:13px}.aqi-city-value-container{margin-bottom:8px;gap:4px;flex-wrap:wrap}.aqi-city-value-badge{font-size:18px;line-height:18px;padding:4px 8px;gap:4px}.aqi-city-value{font-size:18px;line-height:18px;margin-bottom:8px;gap:4px;flex-wrap:wrap}.aqi-range-icon{width:9px;height:9px}.aqi-average-badge{font-size:9px;margin-left:2px}.aqi-city-metrics{margin-bottom:5px;flex-wrap:wrap;gap:4px 0}.aqi-city-metric{gap:2px;padding-right:10px;min-width:0;flex:1 1 auto}.aqi-city-metric:not(:last-child):after{display:none}.aqi-city-metric-label{font-size:9px;line-height:9px}.aqi-city-metric-value{font-size:13px;line-height:13px;word-break:normal;font-weight:600}.aqi-city-badge{width:26px;height:26px;top:6px;right:6px}.aqi-city-rank{font-size:11px}.aqi-city-last-updated{font-size:8px;line-height:9.5px;padding-top:4px;display:block}.last-updated-label,.last-updated-time{display:inline}.realtime-aqi-updates-container{padding:15px 0;margin:10px 0}.realtime-aqi-updates-scroll{gap:14px}}@media(max-width:375px){.aqi-city-card{min-width:240px;width:240px;height:115px}.aqi-city-icon{left:10px;width:45px;height:45px;border-radius:7px}.aqi-city-separator{left:65px;top:12px;bottom:12px}.aqi-city-content{left:75px;right:10px;padding-top:10px}.aqi-city-name-container{margin-bottom:3px}.aqi-city-name{font-size:12px;line-height:12px}.aqi-city-value-container{margin-bottom:6px;gap:3px;flex-wrap:wrap}.aqi-city-value-badge{font-size:16px;line-height:16px;padding:3px 7px;gap:3px}.aqi-city-value{font-size:16px;line-height:16px;margin-bottom:6px;gap:3px;flex-wrap:wrap}.aqi-range-icon{width:8px;height:8px}.aqi-average-badge{font-size:8px;margin-left:1px}.aqi-city-metrics{margin-bottom:4px;flex-wrap:wrap;gap:3px 0}.aqi-city-metric{gap:1px;padding-right:8px;min-width:0;flex:1 1 auto}.aqi-city-metric:not(:last-child):after{display:none}.aqi-city-metric-label{font-size:8px;line-height:8px}.aqi-city-metric-value{font-size:12px;line-height:12px;font-weight:600}.aqi-city-badge{width:22px;height:22px;top:5px;right:5px}.aqi-city-rank{font-size:10px}.aqi-city-last-updated{font-size:7.5px;line-height:8.5px;padding-top:3px;display:block}.realtime-aqi-updates-scroll{gap:12px}}@media(max-width:320px){.aqi-city-card{min-width:100%;width:100%;height:110px}.aqi-city-icon{left:8px;width:40px;height:40px}.aqi-city-separator{left:58px;top:10px;bottom:10px}.aqi-city-content{left:68px;right:8px;padding-top:8px}.aqi-city-name{font-size:11px;line-height:11px}.aqi-city-value-container{margin-bottom:5px;gap:3px}.aqi-city-value-badge{font-size:15px;line-height:15px;padding:3px 6px;gap:3px}.aqi-city-value{font-size:15px;line-height:15px;margin-bottom:5px}.aqi-range-icon{width:7px;height:7px}.aqi-average-badge{font-size:7px}.aqi-city-metrics{margin-bottom:3px}.aqi-city-metric-label{font-size:7.5px;line-height:7.5px}.aqi-city-metric-value{font-size:11px;line-height:11px;font-weight:600}.aqi-city-badge{width:20px;height:20px}.aqi-city-rank{font-size:9px}.aqi-city-last-updated{font-size:7px;line-height:8px}.realtime-aqi-updates-scroll{gap:10px;padding:10px 2px 20px}}.historical-aqi-graph-section{width:100%}.historical-aqi-graph-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.historical-header-left{display:flex;align-items:center;gap:20px}.historical-header-text{display:flex;flex-direction:column;gap:8.366px}.historical-header-district-selector{display:flex;align-items:center;gap:8px}.historical-district-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#31343d}.historical-district-label svg{flex-shrink:0;color:#677580}.historical-aqi-graph-header .station-selector{display:flex;flex-direction:column;gap:.5rem;min-width:300px;margin-top:1rem}.historical-aqi-graph-header .station-label{font-family:Arial,sans-serif;font-size:.875rem;font-weight:500;color:#374151;margin:0}.historical-aqi-graph-header .station-dropdown{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#374151;background-color:#fff;cursor:pointer;transition:all .2s ease;min-width:100%;font-family:Arial,sans-serif}.historical-aqi-graph-header .station-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.historical-aqi-graph-header .station-dropdown:hover{border-color:#9ca3af}.historical-aqi-graph-title-group{display:flex;flex-direction:column;gap:3px}.historical-aqi-graph-subtitle{font-family:Arial,sans-serif;font-size:13.144px;line-height:19.666px;color:#1882ff;font-weight:400;margin:0}.historical-aqi-graph-title{font-family:Segoe UI,sans-serif;font-size:25.116px;line-height:28.406px;color:#31343d;font-weight:400;margin:0}.historical-aqi-graph-location{font-family:Arial,sans-serif;font-size:16.731px;line-height:24.018px;color:#1882ff;font-weight:400;margin:0}.historical-aqi-graph-container{background:#fff;border-radius:14.556px;box-shadow:1.673px 4.183px 29.28px #00000012;padding:0 20px 20px;position:relative;width:100%;min-height:469.745px}.historical-aqi-graph-container .filter-dropdown{margin:0 -20px}.historical-aqi-graph-tabs{display:flex;gap:20px;align-items:center;margin-bottom:20px}.historical-stats-inline{display:flex;gap:clamp(1.5rem,3vw,3rem);align-items:flex-start;margin:.9rem 0 .6rem;padding:1rem;background:#f9f9f980;border-radius:.75rem;flex-wrap:wrap}.historical-stats-inline .stat-inline-item{display:flex;flex-direction:column;gap:.25rem;min-width:120px;position:relative;padding-left:20px}.historical-stats-inline .stat-color-bar{position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:4px;background-color:#ccc;transition:background-color .3s ease}.historical-stats-inline .stat-inline-label{font-family:Arial,sans-serif;font-size:clamp(.8rem,1.5vw,1rem);color:#31343d;font-weight:500}.historical-stats-inline .stat-inline-value{font-family:Arial,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#31343d;line-height:1.2}.historical-stats-inline .stat-inline-date{font-family:Arial,sans-serif;font-size:clamp(.65rem,1.2vw,.8rem);color:#677580;line-height:1.4}.aqi-bar-icon{position:absolute;top:8px;left:50%;transform:translate(-50%);width:24px;height:24px;pointer-events:none;transition:opacity .3s ease;z-index:10}.aqi-24h-bar{position:relative;min-width:8px;max-height:100%;border-radius:4px;transition:transform .2s ease;cursor:pointer}.aqi-24h-bar:hover{transform:translateY(-2px)}.aqi-24h-bar:hover .aqi-bar-icon{opacity:1!important}.historical-aqi-graph-tab{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 0;position:relative;transition:var(--transition-fast)}.historical-aqi-graph-tab.active{border-bottom:.84px solid #4ba9ff}.historical-aqi-graph-tab-icon{width:14.208px;height:14.235px;flex-shrink:0}.historical-aqi-graph-tab-icon img{width:100%;height:100%;object-fit:contain}.historical-aqi-graph-tab-text{font-family:Arial,sans-serif;font-size:14px;line-height:16px;font-weight:400;white-space:nowrap}.historical-aqi-graph-tab.active .historical-aqi-graph-tab-text{color:#4ba9ff}.historical-aqi-graph-tab:not(.active) .historical-aqi-graph-tab-text{color:#31343d}.historical-aqi-download-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;margin-left:auto;padding:8px 12px;transition:var(--transition-fast)}.historical-aqi-download-btn:hover{opacity:.7}.historical-aqi-download-btn-icon{width:14.208px;height:14.235px;flex-shrink:0}.historical-aqi-download-btn-icon img{width:100%;height:100%;object-fit:contain}.historical-aqi-download-btn-text{font-family:Arial,sans-serif;font-size:10.959px;line-height:10.917px;color:#31343d;font-weight:400}.historical-district-selector{display:flex;align-items:center;margin-left:0}.historical-district-dropdown,.station-district-dropdown{font-family:Arial,sans-serif;font-size:14px;font-weight:400;color:#31343d;background:#fff;border:1px solid rgba(163,163,200,.6);border-radius:8px;padding:10px 40px 10px 16px;cursor:pointer;outline:none;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2331343d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;min-width:150px}.historical-district-dropdown:hover,.station-district-dropdown:hover{border-color:#1882ff}.historical-district-dropdown:focus,.station-district-dropdown:focus{border-color:#1882ff;box-shadow:0 0 0 3px #1882ff1a}.station-district-selector{display:flex;align-items:center;gap:8px}.station-district-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#31343d}.station-district-label svg{flex-shrink:0;color:#677580}.historical-aqi-chart-wrapper{display:flex;gap:clamp(1rem,3vw,2.5rem);width:100%;align-items:flex-start;position:relative;padding:0 20px}.historical-aqi-chart-content{display:none;flex:1;min-width:0;position:relative}.historical-aqi-chart-content.active{display:block}.historical-aqi-chart-grid{position:relative;width:100%;min-height:350px;padding-left:60px;padding-bottom:100px;display:inline-block}.aqi-y-axis{position:absolute;left:0;top:20px;bottom:100px;width:60px;display:flex;flex-direction:column;justify-content:space-between}.aqi-y-axis-label{font-family:Arial,sans-serif;font-size:12.381px;line-height:18.563px;color:#677580;text-align:right;padding-right:10px}.aqi-y-axis-days{justify-content:flex-start;width:90px}.aqi-y-axis-days .aqi-y-axis-label{height:calc((100% - 12px) / 7);display:flex;align-items:center;justify-content:flex-end;margin-bottom:2px;font-size:13px;line-height:1.2;white-space:nowrap}.aqi-x-axis{position:absolute;bottom:0;left:60px;right:0;height:100px;display:flex;justify-content:space-between;align-items:flex-start;padding-top:15px;z-index:0}.aqi-x-axis-label{font-family:Arial,sans-serif;font-size:10.708px;line-height:18.563px;color:#677580;text-align:center;white-space:nowrap;flex:1}.aqi-x-axis-hours{left:100px;right:20px}.aqi-x-axis-hours .aqi-x-axis-label{font-size:12px}.aqi-24h-hour-label{font-family:Arial,sans-serif;font-size:10px;line-height:18.563px;color:#677580;text-align:center;white-space:nowrap;flex:1}.aqi-bars-container{position:absolute;inset:20px 20px 115px 72.71px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;z-index:1}.aqi-heatmap-grid{position:absolute;inset:20px 20px 115px 100px;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:2px}.aqi-heatmap-row{display:flex;gap:2px;height:calc((100% - 12px) / 7);flex-shrink:0}.aqi-heatmap-cell{flex:1;min-width:20px;border-radius:3px;cursor:pointer;position:relative;transition:transform .2s ease,z-index .2s ease;box-shadow:0 1px 2px #0000001a}.aqi-heatmap-cell:hover{transform:scale(1.1);z-index:10;box-shadow:0 4px 8px #0003}.aqi-bar-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:20px;max-width:50px;position:relative;height:100%}.aqi-bar-stack{width:100%;display:flex;flex-direction:column-reverse;gap:1px;align-items:center}.aqi-bar-segment{width:33.002px;border-radius:5.856px;transition:all var(--transition-fast);cursor:pointer;position:relative;flex-shrink:0}.aqi-bar-segment:hover{opacity:.8;transform:scaleY(1.02)}.aqi-bar-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:100}.aqi-bar-segment:hover .aqi-bar-tooltip{opacity:1}.historical-aqi-scale-container{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(4.301px);backdrop-filter:blur(4.301px);border-radius:7.168px;padding:12px 14px;margin:20px auto;max-width:100%;display:flex;flex-direction:column;align-items:center}.historical-aqi-scale-bar{display:flex;height:16px;border-radius:4px;overflow:hidden;margin-bottom:12px;width:100%;max-width:100%}.historical-aqi-scale-segment{flex:1}.historical-aqi-scale-labels{display:flex;justify-content:space-between;gap:8px;width:100%}.historical-aqi-scale-label{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.historical-aqi-scale-label-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.historical-aqi-scale-label-icon img{width:100%;height:100%;object-fit:contain}.historical-aqi-scale-label-text{font-family:Arial,sans-serif;font-size:12px;font-weight:500;color:var(--color-text-dark);text-align:center;line-height:1.2}.historical-aqi-scale-label-range{font-family:Arial,sans-serif;font-size:11px;color:var(--color-text-light);text-align:center;line-height:1.2}.historical-aqi-legend{display:flex;justify-content:flex-start;gap:20px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid rgba(163,163,200,.2)}.historical-aqi-legend-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:90px}.historical-aqi-legend-icon{width:33.431px;height:33.493px;flex-shrink:0}.historical-aqi-legend-icon img{width:100%;height:100%;object-fit:contain}.historical-aqi-legend-label{font-family:Arial,sans-serif;font-size:10.959px;line-height:14.737px;color:#31343d;text-align:center;text-transform:capitalize}.historical-aqi-legend-range{font-family:Arial,sans-serif;font-size:10.959px;line-height:16.38px;color:#31343d;opacity:.7;text-align:center}.historical-aqi-stats-sidebar{width:clamp(12rem,20vw,15rem);background:#f9f9f9cf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem 1rem;position:relative;flex-shrink:0;min-height:20rem;display:flex;flex-direction:column;gap:1.5rem}.historical-aqi-stat-item{display:flex;gap:12px;position:relative;align-items:flex-start}.stat-color-bar{width:6px;flex-shrink:0;border-radius:3px;min-height:70px;transition:background-color .3s ease}.stat-details{display:flex;flex-direction:column;gap:6px;flex:1}.historical-aqi-stat-item:before{display:none}.heatmap-cell{position:relative;cursor:pointer}.heatmap-cell-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:1000;box-shadow:0 4px 12px #0000004d}.heatmap-cell-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6}.heatmap-cell:hover .heatmap-cell-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.popup-date{font-weight:600;margin-bottom:4px}.popup-time{color:#b0b0b0;font-size:11px;margin-bottom:6px}.popup-aqi{margin-bottom:4px}.popup-aqi strong{font-weight:700;font-size:14px}.popup-category{font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.popup-no-data{color:#999;font-style:italic}.aqi-details-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}.aqi-details-modal.active{display:flex}.aqi-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.aqi-modal-content{position:relative;background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.aqi-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:1}.aqi-modal-close:hover{background:#e0e0e0;color:#333;transform:rotate(90deg)}.aqi-modal-header{padding:32px 32px 24px;border-bottom:1px solid #e5e5e5}.aqi-modal-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.aqi-modal-subtitle{font-size:14px;color:#666;margin:0}.aqi-modal-body{padding:32px}.aqi-value-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:24px;text-align:center;margin-bottom:24px}.aqi-value-main{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.aqi-value-number{font-size:64px;font-weight:700;color:#1a1a1a;line-height:1}.aqi-value-indicator{width:24px;height:64px;border-radius:12px;box-shadow:0 2px 8px #0003}.aqi-value-category{font-size:18px;font-weight:600;color:#666;margin:0;text-transform:uppercase;letter-spacing:1px}.pollutant-details{margin-bottom:24px}.pollutant-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.pollutant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.pollutant-item{background:#f8f9fa;border-radius:8px;padding:12px;text-align:center}.pollutant-name{font-size:12px;color:#666;margin-bottom:6px;font-weight:500}.pollutant-value{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:2px}.pollutant-unit{font-size:10px;color:#999}.loading-pollutants{text-align:center;color:#999;padding:20px;font-style:italic}.health-recommendation{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;padding:16px 20px}.health-rec-title{font-size:14px;font-weight:600;color:#1565c0;margin:0 0 8px}.health-rec-text{font-size:14px;color:#424242;line-height:1.6;margin:0}.historical-aqi-stat-label{font-family:Arial,sans-serif;font-size:14.556px;line-height:21.834px;color:#31343d;font-weight:400;margin:0}.historical-aqi-stat-value{font-family:Arial,sans-serif;font-size:24.26px;line-height:14.556px;color:#31343d;font-weight:700;margin:0}.historical-aqi-stat-time{font-family:Arial,sans-serif;font-size:10.708px;line-height:18.563px;color:#677580;margin:0;white-space:nowrap}@media(max-width:1200px){.historical-aqi-graph-section{max-width:100%;padding:0 20px}.historical-aqi-chart-wrapper{flex-direction:column;gap:1.5rem}.historical-aqi-stats-sidebar{position:relative;width:100%;height:auto;min-height:auto;margin-top:1rem}.historical-aqi-stat-item{flex:1;min-width:150px}.stat-color-bar{min-height:50px}.historical-aqi-chart-grid{width:100%}}@media(max-width:768px){.historical-aqi-graph-container{padding:24px 16px}.historical-aqi-graph-tabs{flex-wrap:wrap;gap:12px}.historical-aqi-download-btn{margin-left:0}.historical-district-selector,.station-district-selector{margin-left:0;width:100%}.historical-district-dropdown,.station-district-dropdown{width:100%;min-width:auto}.aqi-bars-container{left:50px;gap:5px}.aqi-bar-column{min-width:15px}.aqi-y-axis-days{width:70px;font-size:11px}.aqi-heatmap-grid,.aqi-x-axis-hours{left:78px;right:10px}.aqi-heatmap-cell{min-width:15px}.historical-aqi-legend{gap:12px}.historical-aqi-legend-item{min-width:70px}.historical-aqi-stats-sidebar{flex-direction:column;width:100%;padding:1rem .75rem}.historical-aqi-stat-item{width:100%}.stat-color-bar{min-height:45px}.aqi-modal-content{max-width:90%;margin:20px}.aqi-modal-header{padding:24px 20px 20px}.aqi-modal-title{font-size:20px}.aqi-modal-body{padding:24px 20px}.aqi-value-number{font-size:48px}.aqi-value-indicator{width:20px;height:48px}.pollutant-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.historical-aqi-graph-header{gap:6px}.historical-aqi-graph-header .station-selector{min-width:100%}.historical-aqi-graph-header .station-dropdown{font-size:.8rem;padding:.6rem .8rem}.historical-aqi-graph-header .station-label{font-size:.8rem}.historical-aqi-graph-subtitle{font-size:11px;line-height:16px}.historical-aqi-graph-title{font-size:20px;line-height:24px;font-family:Segoe UI,sans-serif;color:#31343d;font-weight:400}.historical-aqi-graph-location{font-size:14px;line-height:18px}.aqi-x-axis-label{font-size:8px;line-height:14px}.aqi-y-axis-label{font-size:10px}.aqi-y-axis-days{width:60px}.aqi-y-axis-days .aqi-y-axis-label{font-size:10px}.aqi-heatmap-grid{left:68px;right:5px}.aqi-x-axis-hours{left:68px;right:5px;font-size:10px;overflow-x:auto}.aqi-heatmap-cell{min-width:12px;font-size:10px}.aqi-y-axis-days{width:60px;font-size:10px}.historical-aqi-chart-wrapper{overflow-x:auto}.historical-aqi-legend-item{min-width:60px}.historical-aqi-legend-label,.historical-aqi-legend-range{font-size:9px}}@media(max-width:360px){.aqi-heatmap-grid{left:55px;right:5px}.aqi-x-axis-hours{left:55px;right:5px;font-size:9px}.aqi-heatmap-cell{min-width:10px;font-size:9px}.aqi-y-axis-days{width:50px;font-size:9px}.historical-aqi-legend{flex-wrap:wrap;justify-content:center}.historical-aqi-legend-item{min-width:55px}}.station-rankings-section{background:#fff;border-radius:15px;overflow:hidden;box-shadow:1.673px 4.183px 29.28px #00000012;width:100%;position:relative}.station-rankings-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.station-rankings-header .section-heading-container{flex:1;display:flex;flex-direction:column;gap:3px}.section-subheading{font-family:Arial,sans-serif;font-size:13.144px;line-height:19.666px;color:#1882ff;margin:0;font-weight:400}.section-heading{font-family:Segoe UI,sans-serif;font-size:25.116px;line-height:28.406px;color:#31343d;margin:0;font-weight:400}.station-rankings-header .station-district-selector{flex-shrink:0}.station-rankings-table{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;font-family:Arial,sans-serif}.station-rankings-table-wrapper{overflow-x:auto;width:100%}.station-rankings-table thead{height:68px}.station-rankings-table thead th{font-size:11.875px;font-weight:400;color:#677580;line-height:11.867px;text-align:center;padding:28px 8px;vertical-align:middle}.station-rankings-table thead th:first-child{text-align:left;padding-left:32.96px}.station-rankings-table thead th:nth-child(2){text-align:left}.station-rankings-table tbody tr{height:40.118px}.station-rankings-table tbody tr:nth-child(odd){background:#fafafa}.station-rankings-table tbody tr:nth-child(2n){background:#fff}.station-rankings-table tbody td{font-size:11.875px;font-weight:400;color:#31343d;line-height:17.804px;text-align:center;padding:11px 8px;vertical-align:middle}.station-rankings-table tbody td:first-child{text-align:left;padding-left:32.96px;font-size:11.318px}.station-rankings-table tbody td:nth-child(2){text-align:left}.aqi-badge{display:inline-flex;align-items:center;justify-content:center;background:#1882ff1a;border:.802px solid #1882ff;border-radius:5.616px;min-width:37.711px;width:37.711px;height:22.466px;font-family:Inter,sans-serif;font-weight:700;font-size:9.772px;color:#1882ff;line-height:1;white-space:nowrap;flex-shrink:0}.aqi-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#1882ff;border:.802px solid #1882ff;border-radius:5.616px;min-width:65.793px;width:65.793px;height:22.466px;font-family:Inter,sans-serif;font-weight:700;font-size:9.772px;color:#fff;line-height:1;position:relative;white-space:nowrap;flex-shrink:0}.aqi-status-icon{width:19.256px;height:19.256px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.aqi-status-icon img{width:100%;height:100%;display:block;max-width:none}.filter-dropdown{padding:20px;display:flex;justify-content:end}@media(max-width:1024px){.station-rankings-table{font-size:10px}.station-rankings-table thead th,.station-rankings-table tbody td{padding:8px 6px}.station-rankings-table thead th:first-child,.station-rankings-table tbody td:first-child{padding-left:16px}.aqi-badge{min-width:35px;width:35px;height:21px;font-size:9px}.aqi-status-badge{min-width:60px;width:60px;height:21px;font-size:9px;gap:3px}.aqi-status-icon{width:17px;height:17px}}@media(max-width:768px){.station-rankings-section{overflow-x:auto}.station-rankings-header{flex-direction:column;align-items:flex-start}.station-rankings-table{min-width:1100px}.historical-aqi-scale-labels{flex-wrap:wrap;gap:6px}.historical-aqi-scale-label{min-width:calc(33.333% - 6px)}}@media(max-width:480px){.station-rankings-table{min-width:1000px;font-size:9px}.historical-aqi-scale-label-icon{width:24px;height:24px}.historical-aqi-scale-label-text{font-size:10px}.historical-aqi-scale-label-range{font-size:9px}.aqi-badge{min-width:32px;width:32px;height:20px;font-size:8px;padding:0 4px}.aqi-status-badge{min-width:56px;width:56px;height:20px;font-size:8px;gap:2px}.aqi-status-icon{width:16px;height:16px}}@media(min-width:2560px){.historical-aqi-scale-label-icon{width:32px;height:32px}.historical-aqi-scale-label-text{font-size:12px}.historical-aqi-scale-label-range{font-size:11px}.station-rankings-table thead th,.station-rankings-table tbody td{font-size:14px;padding:14px 12px}.station-rankings-table tbody tr{height:50px}.aqi-badge{min-width:45px;width:45px;height:28px;font-size:12px}.aqi-status-badge{min-width:78px;width:78px;height:28px;font-size:12px;gap:6px}.aqi-status-icon{width:24px;height:24px}}.major-air-pollutants-section{width:100%;max-width:1178px;padding:0;background:transparent;margin:0 auto 60px}.major-pollutants-container{max-width:1178px;margin:0 auto;display:flex;flex-direction:column;gap:26px;padding:0 20px}.major-pollutants-header,.major-pollutants-title-section{display:flex;flex-direction:column;gap:8.377px}.major-pollutants-title{font-family:Segoe UI,sans-serif;font-size:25.116px;font-weight:400;line-height:28.406px;color:#31343d;margin:0}.major-pollutants-location{font-family:Arial,sans-serif;font-size:16.755px;font-weight:400;line-height:24.051px;color:#1882ff;margin:0}.major-pollutants-grid{display:grid;grid-template-columns:repeat(6,165.871px);gap:16.755px;width:100%;justify-content:flex-start}@media screen and (min-width:1201px){.major-pollutants-grid{justify-content:space-between}}.pollutant-card{position:relative;background:#dbf1fc80;border-radius:16.755px;width:165.871px;height:299.908px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.pollutant-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1882ff26}.pollutant-icon-wrapper{width:100%;display:flex;justify-content:center;align-items:center;padding-top:22.62px;height:87.124px;flex-shrink:0}.pollutant-icon{width:87.124px;height:87.124px;object-fit:contain}.pollutant-name-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:7.5px;padding:0 24.294px;margin-top:27.64px;flex-shrink:0;width:100%}.pollutant-name{font-family:Arial,sans-serif;font-size:13.823px;font-weight:400;line-height:13.848px;color:#31343d;margin:0;white-space:normal;text-align:center;width:100%}.pollutant-formula{font-family:Arial,sans-serif;font-size:13.823px;font-weight:400;line-height:13.848px;color:#31343d;margin:0;text-align:center;width:100%}.pollutant-value-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:auto;padding-bottom:44.73px;gap:6px;flex-shrink:0}.pollutant-value{font-family:Arial,sans-serif;font-size:37.195px;font-weight:400;line-height:35.52px;color:#31343d;margin:0}.pollutant-unit{font-family:Arial,sans-serif;font-size:13.823px;font-weight:400;line-height:13.848px;color:#31343d;margin:0}@media screen and (max-width:1200px){.major-pollutants-grid{grid-template-columns:repeat(3,1fr);justify-items:center}}@media screen and (max-width:768px){.major-air-pollutants-section{padding:30px 15px}.major-pollutants-subtitle{font-size:11px;line-height:16px}.major-pollutants-title{font-size:20px;line-height:24px;font-family:Segoe UI,sans-serif;color:#31343d;font-weight:400}.major-pollutants-location{font-size:14px;line-height:20px}.major-pollutants-grid{grid-template-columns:repeat(2,1fr);gap:12px;justify-items:center}.pollutant-card{width:145px;height:260px}.pollutant-icon-wrapper{padding-top:18px;height:75px}.pollutant-icon{width:75px;height:75px}.pollutant-name-section{margin-top:22px;padding:0 18px}.pollutant-name,.pollutant-formula{font-size:12px;line-height:12px}.pollutant-value-section{padding-bottom:35px}.pollutant-value{font-size:32px;line-height:30px}.pollutant-unit{font-size:12px;line-height:12px}}@media screen and (max-width:480px){.major-pollutants-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pollutant-card{width:calc(50vw - 25px);max-width:165.871px;height:auto;min-height:240px}}.dashboard-header{background-color:#fff;box-shadow:0 4px 15px #00000008;height:90px;position:sticky;top:0;z-index:100;width:100%}.header-container{max-width:100%;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 20px;gap:15px;overflow:hidden;box-sizing:border-box}.header-left-logo{flex-shrink:0;display:flex;align-items:center;gap:15px;min-width:0}.header-logo-link{display:flex;align-items:center;gap:8px;text-decoration:none}.header-favicon{height:32px;width:32px;object-fit:contain}.header-left-epa-logo{height:76px;width:auto;object-fit:contain}.header-aqi-logo{height:76px;width:auto;object-fit:contain;border-radius:8px;transition:all .3s ease}.epa-title{font-family:Montserrat,Arial,sans-serif;font-size:18px;font-weight:700;background:linear-gradient(135deg,#000,#1882ff,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;white-space:nowrap;flex-shrink:0;display:block;visibility:visible;opacity:1;position:relative;overflow:hidden;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) drop-shadow(0 4px 8px rgba(24,130,255,.2))}.epa-title:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shineEffect 4s infinite;pointer-events:none}.header-navigation{flex:0 1 auto;display:flex;justify-content:flex-end;min-width:0;margin-left:auto;margin-right:10px}.nav-menu{display:flex;list-style:none;margin:0;padding:8px;gap:4px;align-items:center;flex-wrap:nowrap;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.2)}.nav-item{position:relative}.nav-link{text-decoration:none;color:#4a5568;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;padding:10px 14px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;display:flex;align-items:center;gap:6px;letter-spacing:-.01em;background:transparent;border:1px solid transparent;overflow:hidden}.nav-link:before{content:"";position:absolute;inset:0;background:var(--nav-hover-color, #1882ff);border-radius:12px;opacity:0;transition:opacity .3s ease;z-index:-1}.nav-link:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:navShine 5s infinite;pointer-events:none}.nav-link:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #1882ff4d;border-color:#1882ff33}.nav-link:hover:before{opacity:1}.nav-link.active{color:#fff;background:var(--nav-active-color, #1882ff);font-weight:600;box-shadow:0 6px 20px #1882ff66,0 0 20px #1882ff4d,inset 0 0 20px #ffffff1a;transform:translateY(-1px);border:2px solid rgba(255,255,255,.2);animation:activeGlow 3s ease-in-out infinite}.nav-link.active:after{animation:navShineActive 3s infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.nav-icon{flex-shrink:0;width:16px;height:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes shineEffect{0%{left:-150%}to{left:150%}}@keyframes navShine{0%{left:-150%}to{left:150%}}@keyframes navShineActive{0%{left:-150%}50%{left:150%}to{left:150%}}@keyframes activeGlow{0%,to{box-shadow:0 6px 20px #1882ff66,0 0 20px #1882ff4d,inset 0 0 20px #ffffff1a}50%{box-shadow:0 6px 30px #1882ff99,0 0 30px #1882ff80,inset 0 0 30px #fff3}}@keyframes mobileActiveGlow{0%,to{box-shadow:0 6px 20px #0000004d,0 0 15px #fff3,inset 0 0 15px #ffffff26}50%{box-shadow:0 6px 30px #0006,0 0 25px #ffffff4d,inset 0 0 25px #ffffff40}}.mobile-menu-toggle{display:none;background:var(--nav-active-color, #1882ff);border:none;cursor:pointer;padding:12px;flex-direction:column;gap:4px;border-radius:12px;box-shadow:0 4px 16px #1882ff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex-shrink:0}.hamburger-line{width:20px;height:2px;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1px;position:relative;z-index:1}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.header-spacer{flex:1}.header-right-logos{flex-shrink:0;display:flex;align-items:center;gap:20px}.header-cm-logo{flex-shrink:0}.header-cm-logo a{display:block}.header-cm-logo img{height:76px;width:auto;object-fit:contain}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;display:none}.mobile-nav-overlay.active{display:block;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-nav-menu{position:fixed;top:0;right:-320px;width:320px;height:100%;background:var(--nav-active-color, #1882ff);box-shadow:-8px 0 32px #0003;z-index:1000;transition:right .4s cubic-bezier(.4,0,.2,1);padding:100px 0 20px;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-nav-menu.active{right:0}.mobile-menu-close{position:absolute;top:20px;right:20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;padding:0}.mobile-menu-close:hover{background:#ffffff4d;transform:rotate(90deg);box-shadow:0 4px 12px #0003}.mobile-menu-close svg{width:24px;height:24px}.mobile-nav-menu .nav-menu{flex-direction:column;gap:8px;align-items:stretch;padding:0 20px;background:transparent;box-shadow:none;border:none}.mobile-nav-menu .nav-item{border-bottom:none;margin-bottom:4px}.mobile-nav-menu .nav-link{display:flex;align-items:center;gap:12px;padding:16px 20px;font-size:16px;color:#ffffffe6;text-decoration:none;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;letter-spacing:-.01em}.mobile-nav-menu .nav-icon{width:20px;height:20px}.mobile-nav-menu .nav-link:hover{background:#fff3;color:#fff;transform:translate(8px);box-shadow:0 4px 16px #0003}.mobile-nav-menu .nav-link.active{background:#ffffff40;color:#fff;font-weight:600;box-shadow:0 6px 20px #0000004d,0 0 15px #fff3,inset 0 0 15px #ffffff26;transform:translate(4px);border:2px solid rgba(255,255,255,.3);animation:mobileActiveGlow 3s ease-in-out infinite}.footer-epa-logo{margin:-10px 0 15px;display:flex;justify-content:flex-start;align-items:center}.footer-epa-logo-img{height:80px;width:auto;object-fit:contain}@media(max-width:768px){.footer-epa-logo{justify-content:center}}@media(min-width:1600px){.header-left-logo{flex-shrink:0}.epa-title{flex-shrink:0;white-space:nowrap}.header-navigation{justify-content:flex-end;margin-right:15px;flex-shrink:1;min-width:0}.nav-link{font-size:15px;padding:12px 16px}.nav-menu{gap:6px;flex-wrap:nowrap}.header-right-logos{flex-shrink:0}}@media(min-width:1200px)and (max-width:1599px){.header-left-logo{flex-shrink:0}.epa-title{flex-shrink:0;white-space:nowrap;font-size:16px}.header-navigation{justify-content:flex-end;margin-right:12px;flex-shrink:1;min-width:0}.nav-link{font-size:14px;padding:9px 12px}.nav-menu{gap:3px;flex-wrap:nowrap}.header-right-logos{flex-shrink:0}}@media(min-width:1024px)and (max-width:1199px){.header-container{padding:0 15px;gap:10px}.header-left-logo{flex-shrink:0}.epa-title{flex-shrink:0;white-space:nowrap;font-size:15px}.header-navigation{justify-content:flex-end;margin-right:10px;flex-shrink:1;min-width:0}.nav-link{font-size:14px;padding:8px 10px;gap:4px}.nav-menu{gap:2px;flex-wrap:nowrap}.header-favicon{height:28px;width:28px}.header-left-epa-logo,.header-aqi-logo,.header-cm-logo img{height:65px}.header-right-logos{flex-shrink:0}}@media(min-width:769px)and (max-width:1023px){.header-container{padding:0 12px;gap:8px}.header-left-logo{gap:10px;flex-shrink:0}.epa-title{font-size:13px;flex-shrink:0;white-space:nowrap}.header-navigation{justify-content:flex-end;margin-right:8px;flex-shrink:1;min-width:0}.nav-link{font-size:12px;padding:7px 6px;gap:3px}.nav-link span{display:inline}.nav-menu{gap:1px;padding:5px;flex-wrap:nowrap}.nav-icon{width:13px;height:13px}.header-favicon{height:26px;width:26px}.header-left-epa-logo,.header-aqi-logo,.header-cm-logo img{height:60px}.header-right-logos{flex-shrink:0}}@media(max-width:768px){.dashboard-header{height:70px}.header-container{padding:0 10px;gap:6px;justify-content:space-between}.header-navigation{display:none!important}.mobile-menu-toggle{display:flex!important;margin-left:0}.header-left-logo{gap:6px;flex-shrink:0}.header-spacer{display:none!important}.header-right-logos{gap:10px;margin-left:auto;flex-shrink:0}.header-favicon{height:24px;width:24px}.header-left-epa-logo,.header-aqi-logo,.header-cm-logo img{height:50px}.epa-title{font-size:14px;white-space:nowrap;line-height:1.1;display:block!important;visibility:visible!important;opacity:1!important}.footer-epa-logo-img{height:60px}}@media(max-width:480px){.dashboard-header{height:60px}.header-container{padding:0 8px;gap:5px;justify-content:space-between}.header-left-logo{gap:5px;flex-shrink:0}.header-spacer{display:none!important}.header-right-logos{gap:8px;margin-left:auto;flex-shrink:0}.header-favicon{height:20px;width:20px}.header-left-epa-logo,.header-aqi-logo,.header-cm-logo img{height:40px}.epa-title{font-size:12px;line-height:1;white-space:nowrap;display:block!important;visibility:visible!important;opacity:1!important}.mobile-menu-toggle{padding:8px;flex-shrink:0}.hamburger-line{width:16px}.footer-epa-logo-img{height:50px}}.punjab-data-card-wind-toggle,.wind-toggle-button{display:none!important}.ah-container{max-width:1920px;padding-left:6%;padding-right:6%;margin:0 auto}.h2,.h2 h2,.h2 h3,.h2 h4{font-size:44px!important;line-height:1.2em!important;font-weight:600!important}.title,.title h2,.title h3,.title h4,.title h5,.title span{font-size:16px!important;line-height:1.6em!important}@media(max-width:992px){.h2,.h2 h2,.h2 h3,.h2 h4{font-size:40px!important}}@media(max-width:768px){.h2,.h2 h2,.h2 h3,.h2 h4{font-size:36px!important}}@media(max-width:575px){.h2,.h2 h2,.h2 h3,.h2 h4{font-size:32px!important}}.h4,.h4 h2,.h4 h3,.h4 h4{font-size:28px!important;line-height:1.2em!important;font-weight:600!important}@media(max-width:768px){.h4,.h4 h2,.h4 h3,.h4 h4{font-size:24px!important}}.station-rankings-section,.station-rankings-section-spacer,.station-rankings-table-wrapper,.station-rankings-table,.station-rankings-content{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important;transform:translateZ(0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}.station-rankings-table tbody td,.station-rankings-table thead th,.station-rankings-table .section-heading{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important;transform:translateZ(0)!important}[data-aos] .station-rankings-section,[data-aos] .station-rankings-table,[data-aos] .station-rankings-content{will-change:auto!important;transform:translateZ(0)!important}.station-rankings-table .station-table-status-icon img,.station-rankings-table .aqi-status-icon img{image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;transform:translateZ(0)!important;backface-visibility:hidden!important}.station-table-aqi-badge,.station-table-status-badge,.aqi-badge,.aqi-status-badge{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;transform:translateZ(0)!important;backface-visibility:hidden!important}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.station-rankings-section,.station-rankings-table{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.station-rankings-table tbody td,.station-rankings-table thead th{font-size:12px!important}.station-rankings-table tbody td:first-child{font-size:11.5px!important}}@media screen and (min-width:2560px){.station-rankings-section{transform:translateZ(0)!important;perspective:1000px!important}.station-rankings-table{transform-style:preserve-3d!important;transform:translateZ(0)!important}}.location-cards-container{background:#f9f9f9;box-shadow:0 4px 15px #00000008;height:50px;overflow:hidden;position:relative;width:100%;padding:0 35px;margin-top:20px}.location-cards-wrapper{display:flex;height:100%;align-items:center;gap:0;width:max-content}.location-card{display:flex;align-items:center;height:49.59px;width:324.25px;padding:0 17px;position:relative;cursor:pointer;transition:all .3s ease;border-right:1px solid rgba(49,52,61,.25);flex-shrink:0;margin-right:0}.location-card:last-child{border-right:1px solid rgba(49,52,61,.25)}.location-card:hover{background:#ea8c341a;transform:translateY(-1px)}.location-card-content{position:relative;width:100%;height:100%}.location-name{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;font-size:14.8px;font-weight:400;color:#31343d;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:134px;height:20.8px}.location-distance{position:absolute;left:175.59px;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;font-size:12.2px;font-weight:400;color:#31343d;line-height:1.2;margin:0;height:16px;width:44.8px}.aqi-badge{position:absolute;left:231.49px;top:50%;transform:translateY(-50%);background:#ea8c34;border-radius:6.09px;width:85px;height:32.19px;display:flex;align-items:center;justify-content:center}.location-card .aqi-value{position:absolute;left:13.05px;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;font-size:14.8px;font-weight:400;color:#fff;line-height:1;margin:0;height:14.79px;width:40px;text-align:center}.location-card .aqi-label{position:absolute;left:58px;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;font-size:10.4px;font-weight:400;color:#fff;line-height:1;margin:0;height:10.44px;width:18.5px}@media(max-width:768px){.location-cards-container{padding:0 20px}.location-card{width:280px}.location-name{max-width:120px}}@media(max-width:480px){.location-cards-container{padding:0 15px}.location-card{width:250px;padding:0 12px}.location-name{font-size:13px;max-width:100px}.location-distance{font-size:11px}.aqi-badge{width:75px;padding:6px 10px}.location-card .aqi-value{font-size:13px;width:35px}.location-card .aqi-label{font-size:9px;left:50px}}.weather-forecast-component{width:80%;margin:0 auto;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.weather-forecast-component .weather-forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}.weather-forecast-component .weather-forecast-title-section{display:flex;flex-direction:column;gap:3px}.weather-forecast-component .custom-global-forecast-text{color:#1882ff;font-size:12px;font-weight:400;margin:0;text-align:left;line-height:1.3;opacity:.9;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.weather-forecast-component .weather-forecast-subtitle{font-size:13.144px;font-weight:400;color:#1882ff;line-height:19.666px;margin:0}.weather-forecast-component .weather-forecast-title{font-size:25.116px;font-weight:400;color:#31343d;line-height:28.406px;margin:0;max-width:347px}.weather-forecast-component .weather-forecast-icon{width:39.926px;height:39.926px;flex-shrink:0}.weather-forecast-component .weather-forecast-card{background:linear-gradient(135deg,#8cd2f4 34.634%,#4ba9ff 54.406%);border-radius:10px;height:281px;position:relative;overflow:hidden;width:100%}.weather-forecast-component .current-weather-section{position:absolute;left:46.5px;top:50px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.weather-forecast-component .current-weather-icon{width:141.301px;height:141.303px;display:flex;align-items:center;justify-content:center}.weather-forecast-component .current-weather-icon img{width:100%;height:auto;max-width:141.302px;max-height:98.913px}.weather-forecast-component .current-temperature{position:absolute;left:216.19px;top:50%;transform:translateY(-50%);font-size:84.782px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.3533px;white-space:nowrap}.weather-forecast-component .weather-details{position:absolute;left:46.5px;bottom:50px;display:flex;gap:14.13px;align-items:center;font-size:16.485px;font-weight:400;color:#fff;letter-spacing:-.3533px;line-height:1}.weather-forecast-component .weather-detail-item{white-space:nowrap}.weather-forecast-component .hourly-forecast{position:absolute;left:426px;top:30px;display:flex;gap:10.622px;align-items:center;height:84.502px;width:618px}.weather-forecast-component .hourly-forecast-item{display:flex;flex-direction:column;align-items:center;gap:10.622px;min-width:67.98px;flex:1}.weather-forecast-component .hourly-forecast-time{font-size:16.995px;font-weight:400;color:#fff;text-align:center;letter-spacing:-.3187px;line-height:1;margin:0}.weather-forecast-component .hourly-forecast-time--current{font-weight:700}.weather-forecast-component .hourly-forecast-time--sunset{color:#ffcd4a;font-weight:700}.weather-forecast-component .hourly-forecast-icon{width:42.488px;height:29.743px;display:flex;align-items:center;justify-content:center}.weather-forecast-component .hourly-forecast-icon img{width:100%;height:100%;object-fit:contain}.weather-forecast-component .hourly-forecast-temp{font-size:16.995px;font-weight:700;color:#fff;text-align:center;letter-spacing:-.3187px;line-height:1;margin:0}.weather-forecast-component .weekly-forecast{position:absolute;left:416px;bottom:20px;display:flex;gap:20px;align-items:center;width:636px}.weather-forecast-component .weekly-forecast-item{display:flex;flex-direction:column;align-items:center;gap:7.439px;flex:1;min-width:111.59px}.weather-forecast-component .weekly-forecast-day{font-size:20.458px;font-weight:400;color:#fff;text-align:center;letter-spacing:-.279px;line-height:1;margin:0;width:100%}.weather-forecast-component .weekly-forecast-icon{width:55.795px;height:55.795px;display:flex;align-items:center;justify-content:center;position:relative}.weather-forecast-component .weekly-forecast-icon img{width:100%;height:100%;object-fit:contain}.weather-forecast-component .weekly-forecast-temps{display:flex;gap:9.299px;align-items:center;justify-content:center;font-size:13.019px;font-weight:700;color:#fff;text-align:center;letter-spacing:-.279px;line-height:18.598px}.weather-forecast-component .weekly-forecast-high,.weather-forecast-component .weekly-forecast-low{min-width:37.197px}@media(max-width:1200px){.weather-forecast-component{width:90%;padding:0 20px}.weather-forecast-component .weather-forecast-card{height:auto;min-height:400px;padding:20px}.weather-forecast-component .current-weather-section{position:static;align-items:center;margin-bottom:20px}.weather-forecast-component .current-temperature{position:static;transform:none;text-align:center;margin:20px 0}.weather-forecast-component .hourly-forecast{position:static;flex-wrap:wrap;justify-content:center;margin:20px 0 30px;width:100%;height:auto}.weather-forecast-component .weekly-forecast{position:static;flex-wrap:wrap;justify-content:center;margin:30px 0 20px;width:100%}.weather-forecast-component .weather-details{position:static;justify-content:center;flex-wrap:wrap;margin-top:20px}}@media(max-width:768px){.weather-forecast-component{width:95%}.weather-forecast-component .weather-forecast-header{flex-direction:column;align-items:flex-start;gap:15px}.weather-forecast-component .weather-forecast-title{font-size:20px;max-width:100%}.weather-forecast-component .weather-forecast-subtitle{font-size:12px}.weather-forecast-component .current-temperature{font-size:60px}.weather-forecast-component .current-weather-icon{width:100px;height:100px}.weather-forecast-component .hourly-forecast{gap:8px}.weather-forecast-component .hourly-forecast-item{min-width:60px}.weather-forecast-component .hourly-forecast-time,.weather-forecast-component .hourly-forecast-temp{font-size:14px}.weather-forecast-component .hourly-forecast-icon{width:35px;height:25px}.weather-forecast-component .weekly-forecast{gap:15px}.weather-forecast-component .weekly-forecast-item{min-width:90px}.weather-forecast-component .weekly-forecast-day{font-size:16px}.weather-forecast-component .weekly-forecast-icon{width:45px;height:45px}.weather-forecast-component .weekly-forecast-temps{font-size:12px}.weather-forecast-component .weather-details{font-size:14px;gap:10px}}@media(max-width:480px){.weather-forecast-component{width:95%;padding:0 15px}.weather-forecast-component .weather-forecast-card{padding:15px;min-height:350px}.weather-forecast-component .current-temperature{font-size:50px}.weather-forecast-component .current-weather-icon{width:80px;height:80px}.weather-forecast-component .hourly-forecast{gap:5px}.weather-forecast-component .hourly-forecast-item{min-width:50px}.weather-forecast-component .hourly-forecast-time,.weather-forecast-component .hourly-forecast-temp{font-size:12px}.weather-forecast-component .hourly-forecast-icon{width:30px;height:20px}.weather-forecast-component .weekly-forecast{gap:10px}.weather-forecast-component .weekly-forecast-item{min-width:70px}.weather-forecast-component .weekly-forecast-day{font-size:14px}.weather-forecast-component .weekly-forecast-icon{width:35px;height:35px}.weather-forecast-component .weekly-forecast-temps{font-size:11px;gap:5px}.weather-forecast-component .weather-details{font-size:12px;gap:8px;flex-direction:column;align-items:center}}.weather-forecast-component *:focus{outline:2px solid #1882ff;outline-offset:2px}.weather-forecast-component .weather-forecast-card{transition:transform .3s ease,box-shadow .3s ease}.weather-forecast-component .weather-forecast-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.weather-forecast-component .hourly-forecast-item,.weather-forecast-component .weekly-forecast-item{transition:transform .2s ease}.weather-forecast-component .hourly-forecast-item:hover,.weather-forecast-component .weekly-forecast-item:hover{transform:scale(1.05)}.realtime-aqi-updates-component .location-cards-container{display:flex;align-items:center;gap:20px;position:relative;background:transparent;box-shadow:none;height:auto;overflow:visible;padding:0;width:80%;margin:0 auto 50px}.realtime-aqi-updates-component .nav-arrow:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 6px 12px #0000001f}.realtime-aqi-updates-component .arrow-icon{width:18px;height:18px;opacity:.7;transition:opacity .2s ease}.realtime-aqi-updates-component .nav-arrow:hover .arrow-icon{opacity:1}.realtime-aqi-updates-component .district-card{position:relative;min-width:277px;height:135px;background:#f8f9fa;border:1px solid rgba(163,163,200,.6);border-radius:17.4px;padding:18px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease;cursor:pointer;flex-shrink:0;width:auto;margin-right:0;border-right:none;box-shadow:0 2px 8px #0000000f}.realtime-aqi-updates-component .district-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f;border-color:#a3a3c8cc}.realtime-aqi-updates-component .city-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fffc;border-radius:12px;flex-shrink:0;box-shadow:0 2px 8px #00000014;transition:all .3s ease;align-self:center}.realtime-aqi-updates-component .city-icon img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0px 1px 2px rgba(0,0,0,.1));transition:all .3s ease}.realtime-aqi-updates-component .city-icon img:hover{transform:scale(1.1)}.realtime-aqi-updates-component .city-icon:before{content:"🏙️";font-size:24px;display:none;position:absolute}.realtime-aqi-updates-component .city-icon img:not([src]),.realtime-aqi-updates-component .city-icon img[src=""]{display:none}.realtime-aqi-updates-component .city-icon img:not([src])+.city-icon:before,.realtime-aqi-updates-component .city-icon img[src=""]+.city-icon:before{display:block}.realtime-aqi-updates-component .district-card:hover .city-icon{transform:scale(1.05);box-shadow:0 4px 12px #0000001f}.realtime-aqi-updates-component .district-card:hover .city-icon{opacity:.9}.realtime-aqi-updates-component .district-card.active .city-icon{transform:scale(1.1);box-shadow:0 6px 16px #00000026}.realtime-aqi-updates-component .district-rank{position:absolute;top:12px;right:18px;font-size:12px;font-weight:600;color:#677580;background:#6775801a;padding:4px 8px;border-radius:6px;line-height:1;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;min-width:24px;height:20px}.realtime-aqi-updates-component .district-name{font-size:16px;font-weight:600;color:#31343d;line-height:1.3;margin:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;min-height:20px;padding:2px 0}.realtime-aqi-updates-component .card-content{display:flex;flex-direction:column;justify-content:flex-start;height:100%;min-width:0;flex:1;gap:6px;padding:4px 0}.realtime-aqi-updates-component .district-aqi{font-size:28px;font-weight:700;color:var(--aqi-color, #31343d);line-height:1;margin:0;display:flex;align-items:center;gap:4px;transition:color .3s ease}.realtime-aqi-updates-component .aqi-label{font-size:12px;font-weight:400;color:#000;opacity:.8;margin-left:2px;line-height:1}.realtime-aqi-updates-component .aqi-average-text{color:#000!important;opacity:.8!important}.realtime-aqi-updates-component .district-card .city-icon{background:#fffc;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.realtime-aqi-updates-component .district-card .district-aqi{transition:color .3s ease}.realtime-aqi-updates-component .district-info{display:flex;flex-direction:column;align-items:flex-start;margin:0;gap:4px;position:relative}.realtime-aqi-updates-component .district-stations{font-size:12px;font-weight:400;color:#677580;line-height:1;margin:0;display:flex;align-items:center;justify-content:flex-start;gap:4px;white-space:nowrap;order:1}.realtime-aqi-updates-component .district-temperature{font-size:12px;font-weight:500;color:#4a5568;line-height:1;background:#4a55681a;padding:2px 6px;border-radius:4px;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-height:18px;position:absolute;top:0;right:0}.realtime-aqi-updates-component .district-last-updated{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:4px;margin-right:60px;order:3}.realtime-aqi-updates-component .last-updated-label{font-size:10px;font-weight:400;color:#8b949e;line-height:1}.realtime-aqi-updates-component .last-updated-time{font-size:11px;font-weight:500;color:#677580;line-height:1}.realtime-aqi-updates-component .aqi-range-indicator{position:absolute;bottom:12px;right:18px;display:flex;align-items:center;justify-content:center;gap:4px;width:12px;height:12px}.realtime-aqi-updates-component .range-icon{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 2px #0000001a;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.realtime-aqi-updates-component .district-card:hover .range-icon{transform:scale(1.2);box-shadow:0 2px 4px #0003}.realtime-aqi-updates-component .district-stations:before{content:"📍";font-size:10px;opacity:.7}.realtime-aqi-updates-component .no-districts{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:277px;height:125px;background:#f8f9fa;border:2px dashed rgba(163,163,200,.4);border-radius:17.4px;color:#677580;text-align:center;padding:20px}.realtime-aqi-updates-component .no-districts-icon{font-size:32px;margin-bottom:8px;opacity:.6}.realtime-aqi-updates-component .no-districts p{font-size:14px;font-weight:400;margin:0;line-height:1.4}.realtime-aqi-updates-component .district-card:hover .district-rank{background:#67758026;transform:scale(1.05)}.realtime-aqi-updates-component .district-card:hover .district-name{color:#1a1d24}.realtime-aqi-updates-component .district-card:hover .district-stations{color:#4a5568}.realtime-aqi-updates-component .district-card.active{border-color:#2563eb;background:#f0f4ff;box-shadow:0 4px 16px #2563eb26}.realtime-aqi-updates-component .district-card.active .district-rank{background:#2563eb1a;color:#2563eb}.realtime-aqi-updates-component .district-card.active .district-name{color:#1e40af}@media(max-width:1200px){.realtime-aqi-updates-component .location-cards-container{width:90%}.realtime-aqi-updates-component .district-card{min-width:250px;height:125px;padding:16px}.realtime-aqi-updates-component .district-name{font-size:15px;max-width:180px}.realtime-aqi-updates-component .district-aqi{font-size:26px}.realtime-aqi-updates-component .aqi-label,.realtime-aqi-updates-component .district-stations{font-size:11px}}@media(max-width:768px){.realtime-aqi-updates-component .location-cards-container{width:95%;flex-direction:column;gap:12px}.realtime-aqi-updates-component .nav-arrow{display:none}.realtime-aqi-updates-component .location-cards-section{flex-direction:column;gap:12px;overflow-x:visible}.realtime-aqi-updates-component .district-cards-wrapper{flex-direction:column;gap:12px;width:100%}.realtime-aqi-updates-component .district-card{min-width:100%;height:auto;padding:16px;flex-direction:row;align-items:center;gap:12px}.realtime-aqi-updates-component .city-icon{width:50px;height:50px}.realtime-aqi-updates-component .city-icon img{width:32px;height:32px}.realtime-aqi-updates-component .card-content{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:auto}.realtime-aqi-updates-component .district-rank{position:static;order:3;margin-left:auto}.realtime-aqi-updates-component .district-name{font-size:16px;max-width:none;margin-bottom:0;order:1;flex:1;white-space:normal;line-height:1.3;min-height:auto}.realtime-aqi-updates-component .district-aqi{font-size:24px;margin-bottom:0;order:2;margin-right:16px}.realtime-aqi-updates-component .aqi-label{font-size:10px}.realtime-aqi-updates-component .district-stations{position:absolute;bottom:16px;left:16px;font-size:11px;order:4}}@media(max-width:480px){.realtime-aqi-updates-component .location-cards-container{width:95%}.realtime-aqi-updates-component .district-card{padding:12px;height:auto;min-height:100px}.realtime-aqi-updates-component .district-name{font-size:15px}.realtime-aqi-updates-component .district-aqi{font-size:22px;margin-right:12px}.realtime-aqi-updates-component .aqi-label{font-size:9px}.realtime-aqi-updates-component .district-stations{font-size:10px;bottom:12px;left:12px}.realtime-aqi-updates-component .district-temperature{position:absolute;top:12px;right:12px;font-size:11px;padding:2px 4px}.realtime-aqi-updates-component .district-last-updated{margin-right:50px}.realtime-aqi-updates-component .district-rank{font-size:11px;padding:3px 6px}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.realtime-aqi-updates-component .district-card{animation:cardSlideIn .4s ease-out}.realtime-aqi-updates-component .district-card:nth-child(1){animation-delay:.1s}.realtime-aqi-updates-component .district-card:nth-child(2){animation-delay:.2s}.realtime-aqi-updates-component .district-card:nth-child(3){animation-delay:.3s}.realtime-aqi-updates-component .district-card:nth-child(4){animation-delay:.4s}.realtime-aqi-updates-component .district-card:nth-child(5){animation-delay:.5s}.realtime-aqi-updates-component .district-card:focus{outline:2px solid #2563eb;outline-offset:2px}.realtime-aqi-updates-component .nav-arrow:focus{outline:2px solid #2563eb;outline-offset:2px}.realtime-aqi-updates-component .district-card.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-contrast:high){.realtime-aqi-updates-component .district-card{border-color:#000;background:#fff}.realtime-aqi-updates-component .district-name,.realtime-aqi-updates-component .district-aqi{color:#000}.realtime-aqi-updates-component .district-stations{color:#333}}@media(prefers-reduced-motion:reduce){.realtime-aqi-updates-component .district-card{animation:none;transition:none}.realtime-aqi-updates-component .district-card:hover,.realtime-aqi-updates-component .nav-arrow:hover{transform:none}}.realtime-aqi-updates-component{width:100%;max-width:1512px;margin:0 auto;padding:42px 110px 0;font-family:Arial,sans-serif}.component-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:35px}.header-content{display:flex;flex-direction:column;gap:10px}.section-title{font-size:15.7px;font-weight:400;color:#31343d;line-height:1.5;margin:0}.main-heading{font-size:30px;font-weight:400;color:#31343d;line-height:1.13;margin:0}.action-buttons{display:flex;gap:12px;align-items:center}.aqi-updates-btn{display:flex;align-items:center;gap:8px;padding:7px 15px;background:#c92033;border:none;border-radius:8.7px;font-size:13.1px;font-weight:400;color:#fff;cursor:pointer;transition:all .2s ease;font-family:Roboto,sans-serif}.aqi-updates-btn:hover{background:#a01d2a;transform:translateY(-1px)}.aqi-rank-btn{display:flex;align-items:center;gap:4px;padding:11px 22px;background:#f9f9f9;border:1px solid #cecece;border-radius:8px;font-size:10px;font-weight:400;color:#31343d;cursor:pointer;transition:all .2s ease;font-family:Roboto,sans-serif;letter-spacing:-.2944px}.aqi-rank-btn:hover{background:#e9ecef;transform:translateY(-1px)}.btn-icon{width:22px;height:22px}.btn-text{font-size:inherit;font-weight:inherit}.realtime-aqi-updates-component .location-cards-container{display:flex;align-items:center;gap:20px;margin-bottom:50px;position:relative;background:transparent;box-shadow:none;height:auto;overflow:visible;padding:0;margin-top:0}.realtime-aqi-updates-component .nav-arrow{width:40px;height:40px;background:#fff;border:1px solid #e9ecef;border-radius:10.44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 9px #00000014;flex-shrink:0;position:relative;z-index:10}.realtime-aqi-updates-component .nav-arrow:hover{background:#f8f9fa;transform:translateY(-1px)}.realtime-aqi-updates-component .arrow-icon{width:18px;height:18px}.realtime-aqi-updates-component .location-cards-section{display:flex;gap:20px;overflow-x:auto;padding:10px 0;scroll-behavior:smooth;flex:1;scrollbar-width:none;-ms-overflow-style:none;position:relative;width:100%;max-width:100%}.realtime-aqi-updates-component .location-cards-section::-webkit-scrollbar{display:none}.realtime-aqi-updates-component .district-cards-wrapper{display:flex;gap:20px;overflow:visible;width:max-content;position:relative}.realtime-aqi-updates-component .location-card{position:relative;min-width:277px;height:125px;background:#f8f9fa;border:1px solid rgba(163,163,200,.6);border-radius:17.4px;padding:18px;display:flex;align-items:center;gap:14px;transition:all .2s ease;cursor:pointer;flex-shrink:0;width:auto;margin-right:0;border-right:none}.realtime-aqi-updates-component .location-card-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:8px}.realtime-aqi-updates-component .location-name{font-size:16px;font-weight:600;color:#333;margin:0;line-height:1.2}.realtime-aqi-updates-component .location-distance{font-size:12px;color:#666;margin:0;line-height:1.2}.realtime-aqi-updates-component .aqi-badge{background:#ea8c34;border-radius:6px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:4px;align-self:flex-start}.realtime-aqi-updates-component .aqi-value{font-size:16px;font-weight:700;color:#fff;margin:0}.realtime-aqi-updates-component .aqi-label{font-size:12px;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.5px}.realtime-aqi-updates-component .current-location{border-color:#e95478}.realtime-aqi-updates-component .location-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.realtime-aqi-updates-component .location-icon{width:87px;height:89px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:8px;flex-shrink:0}.realtime-aqi-updates-component .location-image{width:65px;height:50px;object-fit:contain}.realtime-aqi-updates-component .location-separator{width:1px;height:89px;background:linear-gradient(to bottom,#0000 5%,#31343d,#0000 95%);opacity:.25;flex-shrink:0}.realtime-aqi-updates-component .location-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.realtime-aqi-updates-component .location-name{font-size:17.4px;font-weight:400;color:#31343d;line-height:1;margin:0;position:static;transform:none;max-width:none;height:auto;white-space:normal;overflow:visible;text-overflow:initial}.realtime-aqi-updates-component .aqi-value{font-size:23.5px;font-weight:400;line-height:1;margin:0;position:static;color:#31343d;display:block;transform:none;height:auto;width:auto}.realtime-aqi-updates-component .lahore-aqi{color:#e95478}.realtime-aqi-updates-component .jehlum-aqi,.realtime-aqi-updates-component .faisalabad-aqi,.realtime-aqi-updates-component .islamabad-aqi,.realtime-aqi-updates-component .multan-aqi{color:#ea8c34}.realtime-aqi-updates-component .weather-info{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:nowrap;flex-direction:row}.realtime-aqi-updates-component .temp-section,.realtime-aqi-updates-component .humidity-section{display:inline-flex;flex-direction:row;gap:2px;min-width:0;align-items:center;white-space:nowrap}.realtime-aqi-updates-component .temp-label,.realtime-aqi-updates-component .humidity-label{font-size:10.4px;color:#677580;line-height:1;text-transform:capitalize;margin:0}.realtime-aqi-updates-component .temp-value,.realtime-aqi-updates-component .humidity-value{font-size:13.9px;font-weight:400;color:#31343d;line-height:1;margin:0}.realtime-aqi-updates-component .humidity-separator{width:1px;height:31px;background:linear-gradient(to bottom,#0000 5%,#31343d,#0000 95%);opacity:.25;flex-shrink:0}.realtime-aqi-updates-component .current-badge{position:absolute;top:28px;right:18px;background:transparent;color:#677580;padding:0;font-size:10.1px;font-weight:400;line-height:1;margin:0}.realtime-aqi-updates-component .card-top-right-icon{position:absolute;top:.8px;right:.8px;width:34.8px;height:31.7px;display:flex;align-items:center;justify-content:center}.realtime-aqi-updates-component .top-icon{width:100%;height:100%;object-fit:contain}.aqi-data-table-section{margin-top:50px;width:100%}.table-container{width:100%;overflow-x:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a}.aqi-data-table{width:100%;border-collapse:collapse;background:#fff;font-family:Arial,sans-serif;font-size:14.8px;min-width:1200px}.aqi-data-table thead{background:#f8f9fa}.aqi-data-table th{padding:16px 12px;text-align:left;font-weight:400;color:#677580;font-size:14.8px;border-bottom:1px solid #e9ecef;white-space:nowrap}.aqi-data-table td{padding:16px 12px;border-bottom:1px solid #f1f3f4;color:#31343d;font-size:14.8px}.table-row:nth-child(2n){background:#f8f9fa}.table-row:nth-child(odd){background:#fff}.table-row:hover{background:#f0f0f0}.rank-col{width:60px;text-align:center}.station-col{width:150px;min-width:120px}.aqi-col{width:80px;text-align:center}.status-col{width:120px;text-align:center}.pm25-col,.pm10-col,.co-col,.so2-col,.no2-col,.o3-col{width:100px;text-align:center}.rank-cell{font-weight:400;color:#31343d;text-align:center}.station-cell{font-weight:400;color:#31343d}.aqi-data-table .aqi-badge{display:inline-block;background:#ea8c341a;border:1px solid #ea8c34;border-radius:7px;padding:4px 8px;color:#ea8c34;font-weight:700;font-size:12.179px;text-align:center;min-width:47px;position:static!important;float:none!important;clear:both!important;vertical-align:middle;line-height:1.2}.aqi-badge{display:inline-block;background:#ea8c341a;border:1px solid #ea8c34;border-radius:7px;padding:4px 8px;color:#ea8c34;font-weight:700;font-size:12.179px;text-align:center;min-width:47px}.status-badge{display:flex;align-items:center;justify-content:center;gap:6px;background:#ea8c34;color:#fff;border-radius:7px;padding:4px 8px;font-weight:700;font-size:12.179px;min-width:82px;white-space:nowrap}.status-icon{width:16px;height:16px;flex-shrink:0}.data-cell{font-weight:400;color:#31343d;text-align:center}@media(max-width:1200px){.realtime-aqi-updates-component{padding:32px 20px 0}.realtime-aqi-updates-component .location-cards-container{gap:16px}.realtime-aqi-updates-component .location-card{min-width:250px}}@media(max-width:768px){.realtime-aqi-updates-component .component-header{flex-direction:column;gap:20px;align-items:flex-start}.realtime-aqi-updates-component .action-buttons{width:100%;justify-content:flex-end}.realtime-aqi-updates-component .location-cards-container{flex-direction:column;gap:12px}.realtime-aqi-updates-component .nav-arrow{display:none}.realtime-aqi-updates-component .location-cards-section{flex-direction:column;gap:12px;overflow-x:visible}.realtime-aqi-updates-component .location-card{min-width:100%;height:auto;padding:16px}.realtime-aqi-updates-component .section-title{font-size:14px}.realtime-aqi-updates-component .main-heading{font-size:24px}.aqi-data-table{font-size:12px;min-width:800px}.aqi-data-table th,.aqi-data-table td{padding:8px 6px;font-size:12px}.aqi-badge{font-size:10px;padding:2px 6px;min-width:35px}.status-badge{font-size:10px;padding:2px 6px;min-width:60px}.status-icon{width:12px;height:12px}}@media(max-width:480px){.realtime-aqi-updates-component{padding:20px 16px 0}.realtime-aqi-updates-component .section-title{font-size:13px}.realtime-aqi-updates-component .main-heading{font-size:20px}.realtime-aqi-updates-component .location-card{padding:12px;gap:12px}.realtime-aqi-updates-component .location-icon{width:70px;height:70px}.realtime-aqi-updates-component .location-image{width:50px;height:40px}.realtime-aqi-updates-component .location-name{font-size:16px}.realtime-aqi-updates-component .aqi-value{font-size:20px}.aqi-data-table{font-size:10px;min-width:600px}.aqi-data-table th,.aqi-data-table td{padding:6px 4px;font-size:10px}.aqi-badge{font-size:8px;padding:1px 4px;min-width:30px}.status-badge{font-size:8px;padding:1px 4px;min-width:50px}.status-icon{width:10px;height:10px}}.realtime-aqi-map-component{position:relative;width:80%;height:400px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;margin:0 auto}.aqi-marker{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:100;transition:all .3s ease}.aqi-marker:hover{transform:translate(-50%,-50%) scale(1.1);z-index:101}.marker-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #0003;border:3px solid white;transition:all .3s ease}.marker-circle:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.marker-circle.good{background:#00e400}.marker-circle.moderate{background:#ff0;color:#333}.marker-circle.poor{background:#ff7e00}.marker-circle.unhealthy{background:red}.marker-circle.very-unhealthy{background:#8f3f97}.marker-circle.hazardous{background:#7e0023}.aqi-sidebar-popup{position:absolute;top:20px;left:20px;width:350px;max-height:calc(100vh - 40px);background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:1000;display:none;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.map-container{width:100%;height:100%;position:relative}.map-controls-overlay{position:absolute;top:20px;right:20px;z-index:10;max-height:calc(100vh - 100px);overflow-y:auto}.realtime-aqi-map-component .map-controls-overlay{display:none}.map-legend{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;min-width:200px}.legend-title{font-family:Roboto,sans-serif;font-weight:600;font-size:14px;color:#333;margin-bottom:12px;text-align:center}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.legend-color.good{background-color:#9bd379}.legend-color.moderate{background-color:#fdd64b}.legend-color.poor{background-color:#ea8c34}.legend-color.unhealthy{background-color:#b33fba}.legend-color.severe{background-color:#8b0000}.legend-label{font-family:Roboto,sans-serif;font-size:12px;color:#666;font-weight:400}.aqi-popup{background:#fff!important;border-radius:6px!important;box-shadow:0 2px 4px #0000003d!important;width:100%!important;max-width:400px!important;font-family:Roboto,sans-serif!important;position:relative!important;overflow:hidden!important}.popup-header{padding:1.5rem 1rem .5rem!important;border-bottom:1px solid #414141!important;position:relative!important;margin:0!important}.popup-title{font-family:Roboto,sans-serif!important;font-weight:700!important;font-size:clamp(1.125rem,4vw,1.5rem)!important;color:#414141!important;margin:0 0 .5rem!important;line-height:1.2!important}.popup-timestamp{font-family:Roboto,sans-serif!important;font-weight:700!important;font-size:.75rem!important;color:#31343d!important;letter-spacing:.5px!important;margin:0 1rem 1.5rem!important;display:flex!important;align-items:center!important}.popup-timestamp span{font-weight:400}.aqi-status-section{background:#abda8e!important;border-radius:7px 7px 0 0!important;margin:1rem 1rem 0!important;min-height:4.5rem!important;position:relative!important;display:flex!important;align-items:center!important;padding:.5rem 0!important}.aqi-icon-container{width:5.5rem;height:100%;background:#9bd379;border-radius:7px 0 0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aqi-icon{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center}.aqi-icon img{width:100%;height:100%;object-fit:contain}.aqi-content{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;position:relative;height:100%;gap:1rem}.aqi-value-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:80px}.aqi-value{font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(2rem,8vw,2.5rem);color:#607631;text-align:center;line-height:1;margin:0}.aqi-label{font-family:Roboto,sans-serif;font-weight:400;font-size:.75rem;color:#607631;text-align:center;margin:.25rem 0 0}.aqi-status{font-family:Roboto,sans-serif;font-weight:700;font-size:1.125rem;color:#607631;text-align:center;margin:0;flex-shrink:0;min-width:100px;display:block}.pm25-info{background:#fff;border-radius:3px;padding:.25rem .5rem;font-family:Roboto,sans-serif;font-weight:500;font-size:.7rem;color:#607631;text-transform:uppercase;position:absolute;right:.5rem;bottom:.5rem;min-width:6rem;display:flex;align-items:center;justify-content:center;z-index:10}.weather-section{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;border:1px solid #e6e6e6;border-top:none;border-bottom:1px solid #e6e6e6;min-height:2.5rem;margin:0 1rem;background:#fff;gap:.5rem}.weather-item{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;min-width:0}.weather-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.weather-icon img{width:100%;height:100%;object-fit:contain}.weather-temp,.weather-wind,.weather-humidity,.weather-direction{font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(.75rem,2.5vw,.875rem);color:#31343d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forecast-section{display:flex;border-bottom:1px solid #e6e6e6;border-radius:0 0 6px 6px;background:#fff;min-height:6rem}.forecast-day{flex:1;padding:1rem;border-right:1px solid #c6c6dc;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0}.forecast-day:last-child{border-right:none}.day-name{font-family:Roboto,sans-serif;font-weight:700;font-size:clamp(.625rem,2vw,.75rem);color:#3c3c3c;margin:0;display:flex;align-items:center;justify-content:center;line-height:1.2}.day-aqi-container{position:relative;width:100%;max-width:5rem;height:1.75rem;margin:0 auto}.day-aqi-bar{height:1.75rem;border-radius:7px;display:flex;align-items:center;justify-content:center;position:relative;width:100%}.day-aqi-bar.moderate{background:#eec732;border:1px solid #eec732}.day-aqi-bar.unhealthy{background:#ea8c34;border:1px solid #ea8c34}.day-aqi-bar.very-unhealthy{background:#b33fba;border:1px solid #b33fba}.day-aqi-number{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(.625rem,2vw,.75rem);color:#fff;text-align:center;line-height:1}.day-aqi-icon{position:absolute;top:.125rem;left:.75rem;width:1.5rem;height:1.5rem}.day-aqi-icon img{width:100%;height:100%;object-fit:contain}.day-temps{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:.5rem 0}.high-temp{font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(.75rem,2.5vw,.875rem);color:#3c3c3c;line-height:1}.low-temp{font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(.75rem,2.5vw,.875rem);color:#7d90a8;line-height:1}.day-weather-icon{width:1.75rem;height:1.5rem;margin:0 auto;flex-shrink:0}.day-weather-icon img{width:100%;height:100%;object-fit:contain}.gm-style-iw{padding:0!important;border-radius:6px!important;box-shadow:0 2px 4px #0000003d!important;max-width:400px!important;width:auto!important}.gm-style-iw-d{overflow:hidden!important;border-radius:6px!important;max-width:400px!important}.gm-style-iw-c{padding:0!important;border-radius:6px!important;max-width:400px!important}.gm-style-iw .aqi-popup{background:#fff!important;border-radius:6px!important;box-shadow:0 2px 4px #0000003d!important;width:100%!important;max-width:400px!important;font-family:Roboto,sans-serif!important;position:relative!important;overflow:hidden!important}.gm-style-iw-ch{display:none!important;width:10%!important;height:0!important;padding:0!important;margin:0!important;border:none!important;background:none!important;box-shadow:none!important;position:static!important;overflow:visible!important;transform:none!important;z-index:auto!important}.gm-style-iw-ch *{box-sizing:border-box!important}.aqi-sidebar-popup{position:absolute!important;top:20px!important;left:20px!important;width:350px!important;max-height:calc(100vh - 40px)!important;background:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;z-index:1000!important;overflow-y:auto!important;font-family:Roboto,sans-serif!important}.aqi-sidebar-popup .aqi-popup{background:#fff!important;border-radius:8px!important;box-shadow:none!important;width:100%!important;max-width:none!important;font-family:Roboto,sans-serif!important;position:relative!important;overflow:visible!important}.aqi-marker{position:relative;cursor:pointer}.aqi-marker-circle{width:28px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000001a;font-family:Inter,sans-serif;font-weight:500;font-size:8.906px;color:#0009;text-align:center;line-height:1}.aqi-marker-circle.good{background-color:#9bd379}.aqi-marker-circle.moderate{background-color:#fdd64b}.aqi-marker-circle.poor{background-color:#ea8c34}.aqi-marker-circle.unhealthy{background-color:#b33fba}.aqi-marker-circle.severe{background-color:#8b0000}.aqi-cluster{position:relative;cursor:pointer}.aqi-cluster-circle{width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#9bd379;box-shadow:0 1px 4px #0000001a;font-family:Inter,sans-serif;font-weight:500;font-size:10px;color:#0009;text-align:center;line-height:1}@media(max-width:768px){.realtime-aqi-map-component{height:400px;width:95%}.map-controls-overlay{top:.5rem;right:.5rem}.map-legend{padding:.75rem;min-width:10rem}.aqi-popup{max-width:95vw}.forecast-section{flex-direction:column}.forecast-day{border-right:none;border-bottom:1px solid #c6c6dc;padding:.75rem 1rem}.forecast-day:last-child{border-bottom:none}.weather-section{flex-wrap:wrap;min-height:auto;padding:.75rem .25rem;gap:.25rem}.weather-item{flex:1 1 50%;margin-bottom:.5rem;min-width:0}}@media(max-width:480px){.aqi-popup{max-width:98vw}.weather-item{flex:1 1 100%;justify-content:flex-start}.forecast-day{padding:.5rem .75rem}.aqi-status-section,.weather-section{margin:0 .5rem}}.map-controls{position:absolute;top:1rem;right:1rem;z-index:1000}.control-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:#374151;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.control-button:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.control-button.active{background:#3b82f6;color:#fff;border-color:#2563eb}.control-button.active:hover{background:#2563eb}.control-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.control-label{font-size:.875rem;font-weight:500;white-space:nowrap}@media(max-width:768px){.map-controls{top:.5rem;right:.5rem}.control-button{padding:.5rem .75rem;font-size:.75rem}.control-icon{width:1rem;height:1rem}.control-label{display:none}}.marker-popup{position:absolute;top:20px;left:20px;width:380px;min-height:700px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:2000;display:none;font-family:Roboto,sans-serif;overflow:hidden;max-height:95vh;overflow-y:auto;isolation:isolate;contain:layout style}.popup-content{padding:24px;position:relative;display:flex;flex-direction:column;gap:20px}.popup-header{margin-bottom:0}.location-title{font-family:Roboto,sans-serif;font-weight:700;font-size:20px;color:#414141;margin:0;line-height:1.2}.marker-popup .aqi-status-section{background:none!important;border-radius:0!important;margin:0!important;min-height:auto!important;position:static!important;display:block!important;align-items:stretch!important;padding:0!important;width:100%}.marker-popup .aqi-background{background:linear-gradient(135deg,#8cd2f4,#4ba9ff);border-radius:12px;padding:24px;position:relative;min-height:130px;display:flex!important;align-items:center!important;gap:20px!important;overflow:hidden;box-shadow:0 4px 12px #00000026;width:100%;box-sizing:border-box;flex-wrap:nowrap!important}.marker-popup .aqi-background.good{background:linear-gradient(135deg,#00c950,#00a041)}.marker-popup .aqi-background.satisfactory{background:linear-gradient(135deg,gold,#ffb300)}.marker-popup .aqi-background.moderate{background:linear-gradient(135deg,#ff8904,#ff6b00)}.marker-popup .aqi-background.poor{background:linear-gradient(135deg,#f44,#c00)}.marker-popup .aqi-background.unhealthy{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.marker-popup .aqi-background.very-unhealthy{background:linear-gradient(135deg,#7c2d12,#5c1a0a)}.marker-popup .aqi-background.hazardous{background:linear-gradient(135deg,#6b7280,#4b5563)}.marker-popup .aqi-icon-container{width:60px!important;height:60px!important;background:#fff3!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:2px solid rgba(255,255,255,.3)!important;position:relative!important;z-index:1!important}.marker-popup .aqi-face-icon{width:40px;height:40px;filter:brightness(0) invert(1)}.marker-popup .aqi-main-info{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;color:#fff!important;gap:6px!important;min-width:0!important;padding-left:12px!important;position:relative!important;z-index:1!important;overflow:visible!important}.marker-popup .aqi-value{font-family:Roboto,sans-serif!important;font-weight:700!important;font-size:36px!important;line-height:1.1!important;margin:0!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;position:relative!important;z-index:2!important;display:block!important;width:auto!important;height:auto!important;left:auto!important;top:auto!important;transform:none!important;text-align:left!important}.marker-popup .aqi-status{font-family:Roboto,sans-serif!important;font-weight:600!important;font-size:18px!important;line-height:1.2!important;margin:0!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;position:relative!important;z-index:2!important;display:block!important;width:auto!important;height:auto!important;left:auto!important;top:auto!important;transform:none!important;text-align:left!important}.marker-popup .aqi-label{font-family:Roboto,sans-serif!important;font-weight:400!important;font-size:12px!important;line-height:1.2!important;margin:0!important;color:#fffc!important;text-transform:uppercase!important;letter-spacing:.5px!important;position:relative!important;z-index:2!important;display:block!important;width:auto!important;height:auto!important;left:auto!important;top:auto!important;transform:none!important;text-align:left!important}.marker-popup .pm25-info{background:#fff3!important;border-radius:6px!important;padding:6px 12px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.3)!important;margin-top:8px!important;align-self:flex-start!important;width:fit-content!important;position:relative!important;z-index:2!important;display:block!important;left:auto!important;top:auto!important;transform:none!important}.marker-popup .pm25-text{font-family:Roboto,sans-serif!important;font-weight:500!important;font-size:11px!important;color:#fff!important;text-transform:uppercase!important;line-height:1.2!important;letter-spacing:.3px!important}.marker-popup .weather-info-section{border:1px solid #e6e6e6!important;border-radius:8px!important;padding:20px!important;background:#f8f9fa!important;margin-top:0!important}.marker-popup .weather-grid{display:flex!important;justify-content:space-between!important;align-items:stretch!important;gap:12px!important}.marker-popup .weather-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;position:relative!important;flex:1!important;min-width:0!important;padding:16px 12px!important;background:#fff!important;border-radius:8px!important;box-shadow:0 2px 6px #0000001a!important;min-height:90px!important}.marker-popup .weather-icon,.marker-popup .wind-icon,.marker-popup .humidity-icon,.marker-popup .direction-icon{width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.marker-popup .weather-sun-icon,.marker-popup .wind-arrow,.marker-popup .humidity-icon img,.marker-popup .direction-arrow{width:100%!important;height:100%!important}.marker-popup .weather-temp,.marker-popup .wind-speed,.marker-popup .humidity-value,.marker-popup .wind-direction{font-family:Roboto,sans-serif!important;font-weight:500!important;font-size:12px!important;color:#31343d!important;line-height:1.2!important;white-space:nowrap!important;text-align:center!important}.marker-popup .forecast-section{margin-top:0!important;border-top:1px solid #c6c6dc!important;padding-top:20px!important}.marker-popup .forecast-grid{display:flex!important;flex-direction:row!important;gap:0!important;width:100%!important;flex-wrap:nowrap!important}.marker-popup .forecast-day{flex:1!important;text-align:center!important;position:relative!important;padding:0 12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;min-height:100px!important;flex-shrink:0!important;flex-grow:1!important;flex-basis:0!important}.marker-popup .forecast-day:not(:last-child){border-right:1px solid #c6c6dc!important}.marker-popup .day-name{font-family:Roboto,sans-serif!important;font-weight:700!important;font-size:11px!important;color:#3c3c3c!important;margin-bottom:0!important;line-height:1.17!important;text-align:center!important;flex-shrink:0!important}.marker-popup .forecast-aqi-container{position:relative!important;margin-bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.marker-popup .forecast-aqi-badge{width:60px!important;height:22px!important;border-radius:6px!important;border:1px solid!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;position:relative!important}.marker-popup .forecast-aqi-badge.moderate{background:#eec732!important;border-color:#eec732!important}.marker-popup .forecast-aqi-badge.poor{background:#1882ff!important;border-color:#1882ff!important}.marker-popup .forecast-aqi-badge.severe{background:#b33fba!important;border-color:#b33fba!important}.marker-popup .forecast-aqi-value{font-family:Inter,sans-serif!important;font-weight:700!important;font-size:10px!important;color:#fff!important;line-height:1!important;position:relative!important;z-index:2!important}.marker-popup .forecast-aqi-icon{position:absolute!important;left:8px!important;top:2px!important;width:18px!important;height:18px!important;z-index:1!important}.marker-popup .aqi-status-icon{width:100%!important;height:100%!important}.marker-popup .forecast-temps{margin-bottom:0!important;text-align:center!important;flex-shrink:0!important}.marker-popup .temp-high{font-family:Roboto,sans-serif!important;font-weight:400!important;font-size:11px!important;color:#3c3c3c!important;line-height:1.14!important;margin-bottom:2px!important}.marker-popup .temp-low{font-family:Roboto,sans-serif!important;font-weight:400!important;font-size:11px!important;color:#7d90a8!important;line-height:1.14!important}.marker-popup .forecast-weather-icon{width:24px!important;height:22px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.marker-popup .weather-forecast-icon{width:100%!important;height:100%!important}@media(max-width:768px){.marker-popup{width:320px;left:10px;top:10px;min-height:550px;max-height:85vh}.popup-content{padding:16px;gap:16px}.marker-popup .location-title{font-size:18px!important}.marker-popup .aqi-value{font-size:28px!important}.marker-popup .weather-grid{flex-wrap:wrap!important;gap:8px!important}.marker-popup .weather-item{flex:1!important;min-width:calc(50% - 4px)!important}.marker-popup .forecast-grid{display:flex!important;flex-direction:row!important;gap:0!important;width:100%!important;flex-wrap:nowrap!important}.marker-popup .forecast-day{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:0 6px!important;min-height:70px!important}.marker-popup .forecast-day:not(:last-child){border-right:1px solid #c6c6dc!important;border-bottom:none!important;padding-bottom:0!important}}@media(max-width:480px){.marker-popup{width:calc(100vw - 20px);left:10px;right:10px;min-height:500px;max-height:80vh}.marker-popup .forecast-grid{display:flex!important;flex-direction:row!important;gap:0!important;width:100%!important;flex-wrap:nowrap!important}.marker-popup .forecast-day{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:0 2px!important;min-height:60px!important}.marker-popup .forecast-day:not(:last-child){border-right:1px solid #c6c6dc!important;border-bottom:none!important;padding-bottom:0!important}}.realtime-aqi-updates-table-component{width:100%;max-width:100%;margin:0 auto;padding:32px 60px 0;box-sizing:border-box;background:#fff;border-radius:12px;overflow:hidden;font-family:Arial,sans-serif;min-width:0}@media(min-width:1400px){.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(70px,1fr) minmax(220px,2fr) minmax(90px,1fr) minmax(220px,2fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(150px,1.5fr);min-width:0}}@media(min-width:1600px)and (max-width:1919px){.realtime-aqi-updates-table-component{max-width:100%;padding:36px 80px 0}.realtime-aqi-updates-table-component .main-heading{font-size:30px}.realtime-aqi-updates-table-component .section-title{font-size:15px}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(70px,1fr) minmax(220px,2fr) minmax(90px,1fr) minmax(220px,2fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(150px,1.5fr);font-size:18px;min-width:0}.realtime-aqi-updates-table-component .table-cell{padding:9px 12px;font-size:18px;height:42px}.realtime-aqi-updates-table-component .table-header .table-cell{font-size:18px;height:42px}.realtime-aqi-updates-table-component .table-aqi-badge{width:40px;height:24px;font-size:18px}.realtime-aqi-updates-table-component .status-badge{height:24px;padding:4px 8px}.realtime-aqi-updates-table-component .status-badge .status-icon{width:18px;height:18px}.realtime-aqi-updates-table-component .status-badge span{font-size:18px;padding-left:22px}.realtime-aqi-updates-table-component .component-header{margin-bottom:18px}.realtime-aqi-updates-table-component .district-select{min-width:120px}}@media(min-width:2560px){.realtime-aqi-updates-table-component{max-width:100%;padding:40px 80px 0}.realtime-aqi-updates-table-component .main-heading{font-size:36px}.realtime-aqi-updates-table-component .section-title{font-size:18px}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(70px,1fr) minmax(250px,2fr) minmax(90px,1fr) minmax(220px,2fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(160px,1.5fr);font-size:18px}}@media(min-width:3840px){.realtime-aqi-updates-table-component{max-width:100%;padding:50px 100px 0}.realtime-aqi-updates-table-component .main-heading{font-size:42px}.realtime-aqi-updates-table-component .section-title{font-size:20px}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(80px,1fr) minmax(300px,2fr) minmax(100px,1fr) minmax(250px,2fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(180px,1.5fr);font-size:18px}.realtime-aqi-updates-table-component .table-cell{padding:10px 14px;font-size:18px;height:45px}.realtime-aqi-updates-table-component .table-header .table-cell{font-size:18px;height:45px}.realtime-aqi-updates-table-component .table-aqi-badge{width:45px;height:26px;font-size:18px}.realtime-aqi-updates-table-component .status-badge{height:26px;padding:5px 10px}.realtime-aqi-updates-table-component .status-badge .status-icon{width:20px;height:20px}.realtime-aqi-updates-table-component .status-badge span{font-size:18px;padding-left:24px}.realtime-aqi-updates-table-component .component-header{margin-bottom:20px}.realtime-aqi-updates-table-component .district-select{min-width:130px}}@media(min-width:1920px)and (max-width:2559px){.realtime-aqi-updates-table-component{max-width:100%;padding:36px 70px 0}.realtime-aqi-updates-table-component .main-heading{font-size:32px}.realtime-aqi-updates-table-component .section-title{font-size:16px}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(65px,1fr) minmax(220px,2fr) minmax(85px,1fr) minmax(200px,2fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(150px,1.5fr);font-size:18px;min-width:0}.realtime-aqi-updates-table-component .table-cell{padding:9px 12px;font-size:18px;height:42px}.realtime-aqi-updates-table-component .table-header .table-cell{font-size:18px;height:42px}.realtime-aqi-updates-table-component .table-aqi-badge{width:42px;height:24px;font-size:18px}.realtime-aqi-updates-table-component .status-badge{height:24px;padding:4px 8px}.realtime-aqi-updates-table-component .status-badge .status-icon{width:18px;height:18px}.realtime-aqi-updates-table-component .status-badge span{font-size:18px;padding-left:22px}.realtime-aqi-updates-table-component .component-header{margin-bottom:18px}.realtime-aqi-updates-table-component .district-select{min-width:120px}}.realtime-aqi-updates-table-component .component-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.realtime-aqi-updates-table-component .header-content{text-align:left;flex:1}.realtime-aqi-updates-table-component .header-controls{display:flex;align-items:center;gap:16px}.realtime-aqi-updates-table-component .district-filter{display:flex;align-items:center;gap:8px}.realtime-aqi-updates-table-component .district-filter label{font-size:12px;font-weight:500;color:#6b7280;white-space:nowrap}.realtime-aqi-updates-table-component .district-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:12px;color:#374151;min-width:140px;cursor:pointer;transition:border-color .2s ease}.realtime-aqi-updates-table-component .district-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.realtime-aqi-updates-table-component .district-select:hover{border-color:#9ca3af}.realtime-aqi-updates-table-component .section-title{font-size:15.7px;font-weight:400;color:#31343d;margin-bottom:10px;line-height:1.5}.realtime-aqi-updates-table-component .main-heading{font-size:30px;font-weight:400;color:#31343d;margin:0;line-height:1.13}.realtime-aqi-updates-table-component .table-container{width:100%;background:#fff;border-radius:12px;overflow-x:auto;overflow-y:hidden;border:1px solid #e5e7eb;max-width:100%;min-width:0;box-sizing:border-box}.realtime-aqi-updates-table-component .aqi-data-table{width:100%;font-family:Arial,sans-serif;font-size:18px;display:grid;grid-template-columns:minmax(50px,.8fr) minmax(180px,2fr) minmax(70px,.8fr) minmax(180px,2fr) minmax(90px,1fr) minmax(90px,1fr) minmax(90px,1fr) minmax(90px,1fr) minmax(90px,1fr) minmax(90px,1fr) minmax(120px,1.5fr);gap:0;min-width:0;max-width:100%}.realtime-aqi-updates-table-component .table-header,.realtime-aqi-updates-table-component .table-body{display:contents}.realtime-aqi-updates-table-component .table-header .table-cell{padding:8px 12px;text-align:left;font-weight:400;font-size:18px;color:#677580;text-transform:none;letter-spacing:0;border:none;white-space:nowrap;height:40px;display:flex;align-items:center;background:transparent}.realtime-aqi-updates-table-component .table-row{display:contents;height:40px;border:none;transition:none}.realtime-aqi-updates-table-component .table-row:nth-child(odd) .table-cell{background-color:#f9fafb}.realtime-aqi-updates-table-component .table-row:nth-child(2n) .table-cell{background-color:#fff}.realtime-aqi-updates-table-component .table-row:hover .table-cell{background-color:#f3f4f6}.realtime-aqi-updates-table-component .table-cell{padding:8px 12px;font-size:18px;color:#31343d;border:none;height:40px;display:flex;align-items:center;min-height:40px}.realtime-aqi-updates-table-component .rank-col{min-width:50px;text-align:left;font-weight:400;color:#31343d;flex:0 0 auto}.realtime-aqi-updates-table-component .station-col{min-width:160px;font-weight:400;color:#31343d;flex:2 1 auto}.realtime-aqi-updates-table-component .aqi-col{min-width:70px;text-align:center;font-weight:700;font-size:18px;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.realtime-aqi-updates-table-component .status-col{min-width:160px;text-align:center;display:flex;align-items:center;justify-content:center;flex:2 1 auto}.realtime-aqi-updates-table-component .pm25-col,.realtime-aqi-updates-table-component .pm10-col,.realtime-aqi-updates-table-component .co-col,.realtime-aqi-updates-table-component .so2-col,.realtime-aqi-updates-table-component .no2-col,.realtime-aqi-updates-table-component .o3-col{min-width:85px;text-align:center;font-weight:400;color:#31343d;display:flex;align-items:center;justify-content:center;flex:1 1 auto}.realtime-aqi-updates-table-component .datetime-col{min-width:115px;text-align:center;font-weight:400;color:#31343d;display:flex;align-items:center;justify-content:center;flex:1.5 1 auto}.realtime-aqi-updates-table-component .datetime-cell{display:flex;align-items:center;justify-content:center}.realtime-aqi-updates-table-component .datetime-display{display:flex;flex-direction:column;align-items:center;gap:2px}.realtime-aqi-updates-table-component .datetime-date{font-size:18px;color:#6b7280;font-weight:500;line-height:1.2}.realtime-aqi-updates-table-component .datetime-time{font-size:18px;color:#374151;font-weight:600;line-height:1.2}.realtime-aqi-updates-table-component .status-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:5.616px;border:.802px solid;width:fit-content;height:22.466px;position:relative}.realtime-aqi-updates-table-component .status-badge .status-icon{width:19.256px;height:19.256px;flex-shrink:0;position:absolute;left:4px;top:50%;transform:translateY(-50%);filter:brightness(0) invert(1)}.realtime-aqi-updates-table-component .status-badge[style*="#FFFF00"] .status-icon{filter:brightness(0) invert(0)}.realtime-aqi-updates-table-component .status-badge span{font-size:18px;font-weight:700;font-family:Inter,sans-serif;white-space:nowrap;text-align:center;padding-left:20px}.realtime-aqi-updates-table-component .table-aqi-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:5.616px;border:.802px solid;width:37.711px;height:22.466px;font-size:18px;font-weight:700;font-family:Inter,sans-serif;text-align:center;position:relative;margin:0 auto}.realtime-aqi-updates-table-component .rank-cell{font-weight:600;color:#6b7280}.realtime-aqi-updates-table-component .data-cell{font-family:SF Mono,Monaco,Inconsolata,monospace;color:#4b5563}.realtime-aqi-updates-table-component .no-data-row{background:#f9fafb}.realtime-aqi-updates-table-component .no-data-cell{text-align:center;padding:40px 20px;color:#6b7280}.realtime-aqi-updates-table-component .no-data-icon{font-size:32px;margin-bottom:12px}.realtime-aqi-updates-table-component .no-data-cell span{font-size:14px;font-weight:500}@media(min-width:1024px)and (max-width:1440px){.realtime-aqi-updates-table-component{padding:28px 50px 0;max-width:100%;overflow:hidden}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(50px,1fr) minmax(180px,2fr) minmax(70px,1fr) minmax(180px,2fr) minmax(90px,1fr) minmax(90px,1fr) minmax(90px,1fr) minmax(90px,1fr) minmax(90px,1fr) minmax(90px,1fr) minmax(120px,1.5fr);min-width:0;width:100%}.realtime-aqi-updates-table-component .table-cell{padding:8px 10px;font-size:18px;height:38px}.realtime-aqi-updates-table-component .table-header .table-cell{font-size:18px;height:38px;padding:8px 10px}.realtime-aqi-updates-table-component .table-aqi-badge{width:36px;height:22px;font-size:18px}.realtime-aqi-updates-table-component .status-badge{height:22px;padding:3px 7px}.realtime-aqi-updates-table-component .status-badge .status-icon{width:17px;height:17px}.realtime-aqi-updates-table-component .status-badge span{font-size:18px;padding-left:19px}.realtime-aqi-updates-table-component .table-container{overflow-x:auto;max-width:100%}}@media(max-width:1440px)and (min-width:1201px){.realtime-aqi-updates-table-component{padding:32px 70px 0}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(50px,1fr) minmax(160px,2fr) minmax(70px,1fr) minmax(160px,2fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(115px,1.5fr);min-width:0}}@media(min-width:1200px)and (max-width:1440px){.realtime-aqi-updates-table-component{padding:30px 60px 0}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(50px,.8fr) minmax(170px,2fr) minmax(70px,.8fr) minmax(170px,2fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(115px,1.5fr);min-width:0;max-width:100%}.realtime-aqi-updates-table-component .table-cell{padding:8px 9px;font-size:18px;height:38px}.realtime-aqi-updates-table-component .table-header .table-cell{font-size:18px;height:38px;padding:8px 9px}}@media(max-width:1200px){.realtime-aqi-updates-table-component{padding:28px 60px 0}.realtime-aqi-updates-table-component .table-container{overflow-x:auto}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(50px,1fr) minmax(160px,2fr) minmax(70px,1fr) minmax(160px,2fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) minmax(120px,1.5fr);min-width:0}}@media(max-width:1024px)and (min-width:769px){.realtime-aqi-updates-table-component{padding:24px 50px 0}.realtime-aqi-updates-table-component .main-heading{font-size:22px}.realtime-aqi-updates-table-component .component-header{flex-direction:column;align-items:flex-start;gap:12px}.realtime-aqi-updates-table-component .header-controls{width:100%;justify-content:flex-end}.realtime-aqi-updates-table-component .table-container{overflow-x:auto}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(45px,1fr) minmax(130px,2fr) minmax(65px,1fr) minmax(130px,2fr) minmax(75px,1fr) minmax(75px,1fr) minmax(75px,1fr) minmax(75px,1fr) minmax(75px,1fr) minmax(75px,1fr) minmax(100px,1.5fr);min-width:0}.realtime-aqi-updates-table-component .table-cell{padding:8px;font-size:16px}.realtime-aqi-updates-table-component .table-aqi-badge{width:35px;height:20px;font-size:16px}.realtime-aqi-updates-table-component .status-badge{height:20px;padding:3px 6px}.realtime-aqi-updates-table-component .status-badge .status-icon{width:16px;height:16px}.realtime-aqi-updates-table-component .status-badge span{font-size:16px;padding-left:18px}}@media(max-width:768px){.realtime-aqi-updates-table-component{padding:24px 40px 0}.realtime-aqi-updates-table-component .main-heading{font-size:20px}.realtime-aqi-updates-table-component .component-header{flex-direction:column;align-items:flex-start;gap:12px}.realtime-aqi-updates-table-component .header-controls{width:100%;justify-content:flex-start}.realtime-aqi-updates-table-component .district-filter{flex-direction:column;align-items:flex-start;gap:4px}.realtime-aqi-updates-table-component .district-select{min-width:120px}.realtime-aqi-updates-table-component .table-cell{padding:8px 6px;font-size:16px}.realtime-aqi-updates-table-component .table-container{overflow-x:auto}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(40px,1fr) minmax(120px,2fr) minmax(60px,1fr) minmax(120px,2fr) minmax(70px,1fr) minmax(70px,1fr) minmax(70px,1fr) minmax(70px,1fr) minmax(70px,1fr) minmax(70px,1fr) minmax(90px,1.5fr);min-width:0}.realtime-aqi-updates-table-component .table-aqi-badge{width:30px;height:18px;font-size:16px}.realtime-aqi-updates-table-component .status-badge{height:18px;font-size:16px;padding:2px 4px}.realtime-aqi-updates-table-component .status-badge .status-icon{width:14px;height:14px}.realtime-aqi-updates-table-component .status-badge span{font-size:16px;padding-left:16px}}@media(max-width:480px){.realtime-aqi-updates-table-component{padding:20px 20px 0}.realtime-aqi-updates-table-component .main-heading{font-size:18px}.realtime-aqi-updates-table-component .section-title{font-size:13px}.realtime-aqi-updates-table-component .component-header{flex-direction:column;align-items:flex-start;gap:10px}.realtime-aqi-updates-table-component .header-controls{width:100%;justify-content:flex-start}.realtime-aqi-updates-table-component .district-filter{flex-direction:column;align-items:flex-start;gap:4px}.realtime-aqi-updates-table-component .district-filter label{font-size:11px}.realtime-aqi-updates-table-component .district-select{min-width:100px;font-size:11px;padding:4px 8px}.realtime-aqi-updates-table-component .table-cell{padding:6px 4px;font-size:14px}.realtime-aqi-updates-table-component .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(35px,1fr) minmax(100px,2fr) minmax(50px,1fr) minmax(100px,2fr) minmax(60px,1fr) minmax(60px,1fr) minmax(60px,1fr) minmax(60px,1fr) minmax(60px,1fr) minmax(60px,1fr) minmax(80px,1.5fr);min-width:0}.realtime-aqi-updates-table-component .table-aqi-badge{width:25px;height:16px;font-size:14px}.realtime-aqi-updates-table-component .status-badge{height:16px;font-size:14px;padding:2px 3px}.realtime-aqi-updates-table-component .status-badge .status-icon{width:12px;height:12px}.realtime-aqi-updates-table-component .status-badge span{font-size:14px;padding-left:14px}}@media(max-width:360px){.realtime-aqi-updates-table-component{padding:16px 16px 0}.realtime-aqi-updates-table-component .main-heading{font-size:16px}.realtime-aqi-updates-table-component .section-title{font-size:12px}.realtime-aqi-updates-table-component .component-header{flex-direction:column;align-items:flex-start;gap:8px}.realtime-aqi-updates-table-component .header-controls{width:100%;justify-content:flex-start}.realtime-aqi-updates-table-component .district-filter{flex-direction:column;align-items:flex-start;gap:3px}.realtime-aqi-updates-table-component .district-filter label{font-size:10px}.realtime-aqi-updates-table-component .district-select{min-width:90px;font-size:10px;padding:3px 6px}.realtime-aqi-updates-table-component .aqi-data-table{grid-template-columns:minmax(30px,1fr) minmax(90px,2fr) minmax(45px,1fr) minmax(90px,2fr) minmax(55px,1fr) minmax(55px,1fr) minmax(55px,1fr) minmax(55px,1fr) minmax(55px,1fr) minmax(55px,1fr) minmax(70px,1.5fr);min-width:0}.realtime-aqi-updates-table-component .table-cell{padding:5px 3px;font-size:12px}.realtime-aqi-updates-table-component .table-aqi-badge{width:22px;height:14px;font-size:12px}.realtime-aqi-updates-table-component .status-badge{height:14px;font-size:12px;padding:1px 2px}.realtime-aqi-updates-table-component .status-badge .status-icon{width:10px;height:10px}.realtime-aqi-updates-table-component .status-badge span{font-size:12px;padding-left:12px}}.loading-grid,.loading-stats{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666;font-size:14px}.loading-grid .loading-spinner,.loading-stats .loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.error-message{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#dc3545;font-size:14px;text-align:center}.heatmap-cell.no-data{background-color:#f8f9fa;border:1px solid #e9ecef;opacity:.5}.legend-color-indicator{width:16px;height:16px;border-radius:3px;display:inline-block;margin-right:8px;border:1px solid rgba(0,0,0,.1)}.heatmap-cell.unknown{background-color:#6b7280}.trend-graph-section{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.trend-graph-header{margin-bottom:1.5rem}.trend-graph-title{font-size:1.25rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.trend-graph-subtitle{font-size:.9rem;color:#6c757d;margin:0}.trend-district-selector{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.trend-district-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#495057;white-space:nowrap}.trend-district-label svg{flex-shrink:0}.trend-district-dropdown{flex:1;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:6px;font-size:.875rem;color:#495057;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.trend-district-dropdown:hover{border-color:#007bff}.trend-district-dropdown:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.trend-station-checklist-container{margin-top:1.5rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.trend-station-checklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e9ecef}.trend-station-checklist-title{font-size:1rem;font-weight:600;color:#2c3e50;margin:0}.trend-station-actions{display:flex;gap:.5rem}.trend-select-all-btn,.trend-clear-all-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;color:#495057;transition:all .2s ease}.trend-select-all-btn:hover{background:#007bff;color:#fff;border-color:#007bff}.trend-clear-all-btn:hover{background:#dc3545;color:#fff;border-color:#dc3545}.trend-select-all-btn svg,.trend-clear-all-btn svg{width:14px;height:14px}.trend-station-checklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.trend-station-checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.625rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease}.trend-station-checkbox-item:hover{background:#e9ecef;border-color:#007bff}.trend-station-checkbox-item.checked{background:#e7f3ff;border-color:#007bff}.trend-station-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007bff}.trend-station-checkbox-label{flex:1;font-size:.875rem;font-weight:500;color:#495057;cursor:pointer;-webkit-user-select:none;user-select:none}.trend-station-checkbox-item.checked .trend-station-checkbox-label{color:#007bff;font-weight:600}.trend-station-loading{text-align:center;color:#6c757d;font-size:.875rem;padding:1rem}.trend-graph-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.trend-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:#6c757d}.trend-tab:hover{background:#f8f9fa;color:#495057}.trend-tab.active{background:#007bff;color:#fff;border-color:#007bff}.trend-tab-icon{font-size:1rem}.trend-tab-text{white-space:nowrap}.trend-chart-container{background:#fff;border-radius:8px;padding:1rem;border:1px solid #e9ecef;margin-bottom:1rem}.trend-chart-wrapper{position:relative;width:100%;height:400px;overflow:hidden}#trendChart{width:100%!important;height:100%!important}.trend-chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;font-size:.875rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:12px;height:12px;border-radius:2px}.legend-label{color:#495057;font-weight:500}.trend-chart-controls{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-radius:6px;border:1px solid #e9ecef}.trend-time-range{display:flex;align-items:center;gap:.5rem}.trend-time-label{font-size:.875rem;color:#6c757d;font-weight:500}.trend-time-value{font-size:.875rem;color:#495057;font-weight:600}.trend-refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.trend-refresh-btn:hover{background:#0056b3}.trend-refresh-btn svg{width:16px;height:16px}.trend-chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#6c757d;font-size:.875rem}.trend-chart-loading .loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.trend-chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#dc3545;font-size:.875rem;text-align:center}.trend-chart-error-icon{font-size:2rem;margin-bottom:.5rem}@media(max-width:768px){.trend-graph-section{padding:1rem;margin-top:1rem}.trend-district-selector{flex-direction:column;align-items:stretch;gap:.5rem}.trend-district-label{justify-content:center}.trend-station-checklist-header{flex-direction:column;gap:.75rem;align-items:stretch}.trend-station-actions{width:100%;justify-content:center}.trend-station-checklist{grid-template-columns:1fr}.trend-graph-tabs{flex-direction:column;gap:.25rem}.trend-tab{justify-content:center;padding:.625rem .75rem}.trend-chart-wrapper{height:300px}.trend-chart-controls{flex-direction:column;gap:1rem;align-items:stretch}.trend-time-range,.trend-refresh-btn{justify-content:center}}@media(max-width:480px){.trend-graph-title{font-size:1.1rem}.trend-graph-subtitle{font-size:.8rem}.trend-tab{font-size:.8rem;padding:.5rem .625rem}.trend-chart-wrapper{height:250px}}.historical-aqi-section{background:#fff;border-radius:1.2rem;box-shadow:0 4px 20px #00000014;padding:2rem 1.5rem;margin:2rem 0;position:relative;width:100%;max-width:100%}.section-header{margin-bottom:2rem}.section-title{font-family:Arial,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:400;color:#31343d;margin:0 0 .5rem;line-height:1.2}.section-location{font-family:Arial,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;color:#ea8c34;margin:0;line-height:1.4}.section-controls{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;margin-top:1rem}.station-selector{display:flex;flex-direction:column;gap:.5rem;min-width:300px}.station-label{font-family:Arial,sans-serif;font-size:.875rem;font-weight:500;color:#374151;margin:0}.station-dropdown{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#374151;background-color:#fff;cursor:pointer;transition:all .2s ease;min-width:100%;font-family:Arial,sans-serif}.station-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.station-dropdown:hover{border-color:#9ca3af}@media(max-width:768px){.section-controls{gap:.75rem}.station-selector{min-width:100%;max-width:100%}.station-dropdown{font-size:.8rem;padding:.6rem .8rem}.station-label{font-size:.8rem}}@media(max-width:480px){.section-controls{gap:.5rem}.station-dropdown{font-size:.75rem;padding:.5rem .6rem}.station-label{font-size:.75rem}}.historical-content{display:flex;gap:clamp(1rem,3vw,2.5rem);position:relative;align-items:flex-start}.aqi-graph-container{flex:1;position:relative}.graph-header{margin-bottom:1.5rem}.time-period-headings{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:space-between}.week-stats-inline{display:flex;gap:clamp(1.5rem,3vw,3rem);align-items:flex-start;margin-top:1rem;padding:1rem;background:#f9f9f980;border-radius:.75rem;flex-wrap:wrap}.stat-inline-item{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.stat-inline-label{font-family:Arial,sans-serif;font-size:clamp(.8rem,1.5vw,1rem);color:#31343d;font-weight:500}.stat-inline-value{font-family:Arial,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#31343d;line-height:1.2}.stat-inline-date{font-family:Arial,sans-serif;font-size:clamp(.65rem,1.2vw,.8rem);color:#677580;line-height:1.4}.time-period-subheading{display:flex;align-items:center;gap:.75rem;margin:0;padding:0;font-family:Arial,sans-serif;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;color:#31343d;line-height:1.3;text-transform:none;letter-spacing:-.02em}.time-period-subheading:hover{color:#4ba9ff;transition:color .3s ease}.period-icon{width:clamp(1.25rem,2.5vw,1.75rem);height:clamp(1.25rem,2.5vw,1.75rem);flex-shrink:0}.aqi-heatmap-container{display:grid;grid-template-columns:clamp(50px,6vw,80px) 1fr;grid-template-rows:auto 1fr auto;gap:.5rem;margin-bottom:1.5rem;width:100%;max-width:calc(100% - 2rem)}.y-axis-labels{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:.5rem;width:clamp(50px,6vw,80px);height:clamp(140px,18vw,280px)}#historical-heatmap-grid{display:grid!important;grid-template-columns:repeat(24,1fr)!important;grid-template-rows:repeat(7,1fr)!important;gap:2px!important;height:clamp(140px,18vw,280px)!important;min-height:140px!important;max-height:280px!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-top:5px!important;grid-column:2!important;grid-row:1 / -1!important;justify-self:start!important}.heatmap-container,.heatmap-data-row{display:contents}.day-label{display:flex;align-items:center;justify-content:center;height:calc(clamp(140px,18vw,280px) / 7);font-size:clamp(9px,1.2vw,11px);font-weight:600;color:#666;text-align:center;padding:0;width:100%;box-sizing:border-box;flex-shrink:0}.heatmap-cell{border-radius:.25rem;cursor:pointer;position:relative;min-width:8px;min-height:8px}.heatmap-cell:hover{transform:scale(1.3);z-index:10;box-shadow:0 2px 8px #000000e6;border:2px solid #fff}.heatmap-cell.selected{border:3px solid #4ba9ff;box-shadow:0 0 0 2px #4ba9ff4d;z-index:15}.heatmap-tooltip{position:absolute;background:#000000e6;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d;max-width:200px;line-height:1.4;display:none}.legend-tooltip{position:absolute;background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:1000;box-shadow:0 2px 8px #0000004d;display:none}.x-axis-labels{grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(24,1fr);gap:2px;margin-top:.3rem}.hour-label{font-family:Arial,sans-serif;font-size:clamp(.55rem,1vw,.65rem);color:#677580;text-align:center;padding:.15rem 0;font-weight:500}.aqi-legend{display:flex;gap:clamp(.4rem,1.5vw,1rem);flex-wrap:wrap;margin-top:.5rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.3rem;font-family:Arial,sans-serif;font-size:clamp(.6rem,1.2vw,.75rem);color:#31343d;flex-direction:column;text-align:center;min-width:3.5rem}.legend-icon{width:clamp(1.5rem,3vw,2rem);height:clamp(1.5rem,3vw,2rem);flex-shrink:0}.legend-label{font-weight:400;text-transform:capitalize;margin-bottom:.25rem}.legend-range{opacity:.7;font-size:clamp(.6rem,1.2vw,.75rem)}.stats-panel{width:clamp(12rem,20vw,15rem);background:#f9f9f9cf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem 1rem;position:relative;flex-shrink:0;min-height:20rem}.stats-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.stats-icon{width:1rem;height:1rem;flex-shrink:0}.stats-title{font-family:Arial,sans-serif;font-size:clamp(.75rem,1.5vw,.875rem);color:#31343d}.stats-content{display:flex;flex-direction:column;gap:1rem}.stat-item{position:relative;padding-bottom:1rem}.stat-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#0000001a}.stat-label{font-family:Arial,sans-serif;font-size:clamp(.8rem,1.5vw,1rem);color:#31343d;margin-bottom:.25rem}.stat-value{font-family:Arial,sans-serif;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;color:#31343d;margin-bottom:.25rem}.stat-date,.stat-description{font-family:Arial,sans-serif;font-size:clamp(.6rem,1.2vw,.75rem);color:#677580;margin-bottom:.5rem}.stat-line{position:absolute;right:0;top:50%;transform:translateY(-50%)}.line-icon{width:clamp(3rem,6vw,4rem);height:2px}.floating-aqi-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(18rem,35vw,28rem);max-width:90vw;background:transparent;border-radius:.75rem;box-shadow:0 0 30px #ffb06666;overflow:hidden;z-index:20;display:none}.aqi-card-top-section{background:#eb9a33;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.aqi-card-header-row{display:flex;align-items:center;gap:1rem;position:relative}.aqi-status-icon-container{flex-shrink:0;width:clamp(1.5rem,3vw,2rem);height:clamp(1.5rem,3vw,2rem);display:flex;align-items:center;justify-content:center}.status-icon-img{width:100%;height:100%}.aqi-card-title-container{flex:1;display:flex;align-items:center}.aqi-card-title{font-family:Roboto,sans-serif;font-size:clamp(.9rem,2vw,1.1rem);font-weight:500;color:#fff;line-height:1.4;margin:0}.aqi-value-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.aqi-value-bg{background:#c26813;border-radius:.5rem;padding:.5rem;width:clamp(2rem,4vw,2.5rem);height:clamp(2rem,4vw,2.5rem);display:flex;align-items:center;justify-content:center}.aqi-value-text{font-family:Roboto,sans-serif;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:500;color:#fff;text-align:center}.aqi-card-divider{height:1px;background:#00000014;margin:0}.pollutant-info-row{display:flex;align-items:center;gap:.25rem;font-family:Roboto,sans-serif;color:#fff;font-size:clamp(.8rem,1.5vw,.9rem);flex-wrap:wrap}.pollutant-label{font-weight:400}.pollutant-name{font-weight:500;margin-left:.25rem}.pollutant-value{font-weight:500;margin-left:auto}.aqi-card-bottom-section{background:#fff;padding:.5rem 1rem;display:flex;gap:clamp(.5rem,2vw,1.5rem);justify-content:space-around;align-items:center;min-height:2.75rem}.weather-item{display:flex;align-items:center;gap:.5rem;flex:1;min-width:4rem;justify-content:center}.aqi-weather-icon{width:clamp(1rem,2vw,1.25rem);height:clamp(1rem,2vw,1.25rem);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.weather-item:nth-child(2) .aqi-weather-icon,.weather-item:nth-child(3) .aqi-weather-icon{width:clamp(1.25rem,2.5vw,1.5rem);height:clamp(1.25rem,2.5vw,1.5rem)}.aqi-sunny-icon{width:100%;height:100%;position:relative;overflow:hidden}.aqi-sunny-icon:before{content:"";position:absolute;inset:6.25%;border:1px solid #ffb347;border-radius:50%;z-index:1}.aqi-sunny-icon:after{content:"";position:absolute;inset:20%;background:#ffb347;border-radius:50%;z-index:2}.aqi-weather-icon-img{width:100%;height:100%;object-fit:contain;position:relative;z-index:3}.aqi-weather-value{font-family:Roboto,sans-serif;font-size:clamp(.7rem,1.5vw,.875rem);font-weight:500;color:#31343d}@media(min-width:2560px){.historical-aqi-section{max-width:2000px;margin:2rem auto}#historical-heatmap-grid{height:clamp(500px,40vw,800px)!important;min-height:500px!important;max-height:800px!important}.y-axis-labels{height:clamp(500px,40vw,800px)}.day-label{height:calc(clamp(500px,40vw,800px) / 7);font-size:clamp(16px,2.5vw,22px)}.aqi-24h-grid,.aqi-24h-y-axis{height:clamp(450px,35vw,700px)}.aqi-24h-main-container{grid-template-columns:clamp(100px,12vw,150px) 1fr}.y-axis-label{font-size:clamp(14px,1.8vw,20px)}.aqi-heatmap-container{grid-template-columns:clamp(4rem,10vw,8rem) 1fr}.y-axis-labels{width:clamp(80px,10vw,120px)}.day-label{width:clamp(80px,10vw,120px);min-width:clamp(80px,10vw,120px);max-width:clamp(80px,10vw,120px)}}@media(min-width:3840px){.historical-aqi-section{max-width:2400px;margin:2rem auto}#historical-heatmap-grid{height:clamp(600px,45vw,1000px)!important;min-height:600px!important;max-height:1000px!important}.y-axis-labels{height:clamp(600px,45vw,1000px)}.day-label{height:calc(clamp(600px,45vw,1000px) / 7);font-size:clamp(18px,3vw,26px)}.aqi-24h-grid,.aqi-24h-y-axis{height:clamp(550px,40vw,900px)}.aqi-24h-main-container{grid-template-columns:clamp(120px,15vw,180px) 1fr}.y-axis-label{font-size:clamp(16px,2.2vw,24px)}.aqi-heatmap-container{grid-template-columns:clamp(5rem,12vw,10rem) 1fr}.y-axis-labels{width:clamp(100px,12vw,150px)}.day-label{width:clamp(100px,12vw,150px);min-width:clamp(100px,12vw,150px);max-width:clamp(100px,12vw,150px)}}@media(min-width:1920px){.historical-aqi-section{max-width:1600px;margin:2rem auto}#historical-heatmap-grid{height:clamp(400px,35vw,600px)!important;min-height:400px!important;max-height:600px!important}.y-axis-labels{height:clamp(400px,35vw,600px)}.day-label{height:calc(clamp(400px,35vw,600px) / 7);font-size:clamp(14px,2vw,18px)}.aqi-24h-grid,.aqi-24h-y-axis{height:clamp(350px,30vw,500px)}.aqi-24h-main-container{grid-template-columns:clamp(80px,10vw,120px) 1fr}.y-axis-label{font-size:clamp(12px,1.4vw,16px)}}@media(min-width:1600px){.historical-aqi-section{max-width:1500px;margin:2rem auto}#historical-heatmap-grid{height:clamp(380px,32vw,550px)!important;min-height:380px!important;max-height:550px!important}.y-axis-labels{height:clamp(380px,32vw,550px)}.day-label{height:calc(clamp(380px,32vw,550px) / 7);font-size:clamp(13px,1.9vw,17px)}.aqi-24h-grid,.aqi-24h-y-axis{height:clamp(320px,27vw,480px)}.aqi-24h-main-container{grid-template-columns:clamp(75px,9vw,110px) 1fr}.y-axis-label{font-size:clamp(11px,1.4vw,16px)}.aqi-heatmap-container{grid-template-columns:clamp(3.5rem,9vw,7rem) 1fr}.y-axis-labels{width:clamp(70px,9vw,110px)}.day-label{width:clamp(70px,9vw,110px);min-width:clamp(70px,9vw,110px);max-width:clamp(70px,9vw,110px)}}@media(min-width:1400px){.historical-aqi-section{max-width:1400px;margin:2rem auto}#historical-heatmap-grid{height:clamp(350px,30vw,500px)!important;min-height:350px!important;max-height:500px!important}.y-axis-labels{height:clamp(350px,30vw,500px)}.day-label{height:calc(clamp(350px,30vw,500px) / 7);font-size:clamp(12px,1.8vw,16px)}.aqi-24h-grid,.aqi-24h-y-axis{height:clamp(300px,25vw,450px)}.aqi-24h-main-container{grid-template-columns:clamp(70px,8vw,100px) 1fr}.y-axis-label{font-size:clamp(11px,1.3vw,15px)}}@media(max-width:1200px){.historical-content{flex-direction:column;gap:1.5rem}.stats-panel{position:relative;width:100%;height:auto;margin-top:1rem}.floating-aqi-card{position:relative;transform:none;margin:1rem auto;left:auto;top:auto}}@media(max-width:768px){.historical-aqi-section{padding:1.5rem 1rem;margin:1rem 0}.time-period-subheading{font-size:clamp(1.125rem,2.2vw,1.5rem);gap:.625rem}.period-icon{width:clamp(1.125rem,2.2vw,1.5rem);height:clamp(1.125rem,2.2vw,1.5rem)}#historical-heatmap-grid{height:clamp(180px,30vw,250px)!important;min-height:180px!important;max-height:250px!important}.y-axis-labels{height:clamp(180px,30vw,250px)}.day-label{height:calc(clamp(180px,30vw,250px) / 7);font-size:clamp(9px,1.2vw,12px)}.floating-aqi-card{width:100%;max-width:90vw}.aqi-card-top-section{padding:.75rem;gap:.5rem}.aqi-card-header-row{gap:.75rem}.aqi-card-title{font-size:.8rem}.aqi-card-bottom-section{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.weather-item{min-width:auto;width:100%;justify-content:flex-start}.weather-item:nth-child(2) .aqi-weather-icon,.weather-item:nth-child(3) .aqi-weather-icon{width:clamp(1rem,2vw,1.25rem);height:clamp(1rem,2vw,1.25rem)}.aqi-legend{flex-direction:column;gap:.5rem;align-items:center}.legend-item{flex-direction:row;text-align:left;min-width:auto}}@media(max-width:480px){.time-period-headings{flex-direction:column;align-items:flex-start;gap:.75rem}.time-period-subheading{font-size:clamp(1rem,2vw,1.25rem);gap:.5rem}.period-icon{width:clamp(1rem,2vw,1.25rem);height:clamp(1rem,2vw,1.25rem)}#historical-heatmap-grid{height:clamp(150px,25vw,200px)!important;min-height:150px!important;max-height:200px!important}.y-axis-labels{height:clamp(150px,25vw,200px)}.day-label{height:calc(clamp(150px,25vw,200px) / 7);font-size:clamp(8px,1vw,10px)}.stats-panel{padding:1rem .75rem}.floating-aqi-card{margin:.5rem}.aqi-card-top-section{padding:.5rem;gap:.5rem}.aqi-card-header-row{gap:.5rem}.aqi-status-icon-container{width:1.25rem;height:1.25rem}.aqi-card-title{font-size:.7rem}.aqi-value-bg{width:1.5rem;height:1.5rem;padding:.25rem}.pollutant-info-row{font-size:.7rem;flex-direction:column;align-items:flex-start;gap:.25rem}.pollutant-value{margin-left:0}.weather-item:nth-child(2) .aqi-weather-icon,.weather-item:nth-child(3) .aqi-weather-icon{width:clamp(.9rem,1.8vw,1.1rem);height:clamp(.9rem,1.8vw,1.1rem)}}.aqi-24h-grid-container{background:#fff;border-radius:14.556px;box-shadow:1.673px 4.183px 29.28px #00000012;padding:2rem;margin:2rem 0;position:relative;width:100%;max-width:100%;display:flex;flex-direction:column;gap:2rem}.aqi-24h-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.aqi-24h-title-section{display:flex;align-items:center;gap:.5rem}.hour24-stats-inline{display:flex;gap:clamp(1.5rem,3vw,3rem);align-items:flex-start;padding:1rem;background:#f9f9f980;border-radius:.75rem;flex-wrap:wrap}.aqi-24h-title-content{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem}.aqi-24h-main-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;line-height:1.2}.aqi-24h-district-name{font-size:.875rem;font-weight:500;color:#6b7280;margin:0;line-height:1.2}.aqi-24h-icon{width:14.208px;height:14.235px;display:flex;align-items:center;justify-content:center}.title-icon{width:100%;height:100%}.aqi-24h-title{font-family:Arial,sans-serif;font-size:10.959px;color:#4ba9ff;font-weight:400}.aqi-24h-subtitle,.aqi-24h-data-label{font-family:Arial,sans-serif;font-size:10.959px;color:#31343d;font-weight:400}.aqi-24h-content-container{display:block;width:100%}.aqi-24h-main-container{display:grid;grid-template-columns:clamp(50px,6vw,80px) 1fr;grid-template-rows:auto 1fr auto;gap:.5rem;flex:1;max-width:100%;width:100%}.aqi-24h-y-axis{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:.5rem;height:clamp(200px,20vw,350px)}.y-axis-label{font-family:Arial,sans-serif;font-size:clamp(10px,1.2vw,14px);color:#677580;text-align:right;line-height:1.5;flex-shrink:0}.aqi-24h-grid{grid-column:2;grid-row:2;display:flex;align-items:flex-end;justify-content:space-between;gap:2px;height:clamp(200px,20vw,350px);background:#f8f9fa;border-radius:5.856px;padding:.5rem;width:100%!important;max-width:100%!important;margin-left:0!important;justify-self:start!important}.aqi-24h-bar{border-radius:5.856px;cursor:pointer;transition:all .2s ease;position:relative;min-height:4px;flex:1;max-width:calc(100% / 24);align-self:flex-end;display:flex;align-items:flex-end;overflow:visible}.aqi-24h-bar:hover{transform:scale(1.05);z-index:10;box-shadow:0 2px 8px #00000026}.aqi-24h-bar.selected{border:2px solid #007bff;box-shadow:0 0 0 2px #007bff40;z-index:15}.aqi-bar-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));pointer-events:none}.aqi-24h-bar .aqi-bar-icon{opacity:0;transition:opacity .2s ease}.aqi-24h-bar:hover .aqi-bar-icon{opacity:.9!important}.aqi-24h-bar.unknown{background-color:#6b7280}.aqi-24h-x-axis{grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(24,1fr);gap:1px;margin-top:.5rem;width:100%!important;max-width:100%!important;justify-self:start!important}.aqi-24h-hour-label{font-family:Arial,sans-serif;font-size:clamp(.6rem,1.2vw,.75rem);color:#677580;text-align:center;padding:.25rem 0;display:flex;align-items:center;justify-content:center}.x-axis-label{font-family:Arial,sans-serif;font-size:10.708px;color:#677580;text-align:center;padding:.25rem 0}.aqi-24h-legend{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem;justify-content:center}.aqi-24h-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-family:Arial,sans-serif;font-size:10.959px;color:#31343d;flex-direction:column;text-align:center;min-width:4rem}.aqi-24h-legend .legend-icon{width:33.431px;height:33.493px;flex-shrink:0}.legend-icon-img{width:100%;height:100%}.aqi-24h-legend .legend-text{display:flex;flex-direction:column;align-items:center;gap:.25rem}.aqi-24h-legend .legend-label{font-weight:400;text-transform:capitalize;font-size:10.959px}.aqi-24h-legend .legend-range{opacity:.7;font-size:10.959px}@media(max-width:1200px){.aqi-24h-content-container{display:block;width:100%}.aqi-24h-main-container{grid-template-columns:clamp(40px,5vw,60px) 1fr}.aqi-24h-y-axis{height:clamp(180px,20vw,250px)}.aqi-24h-grid{height:clamp(180px,20vw,250px);display:flex;align-items:flex-end;justify-content:space-between}.y-axis-label{font-size:clamp(9px,1.1vw,12px)}}@media(max-width:768px){.week-stats-inline,.hour24-stats-inline{flex-direction:column;gap:1rem;padding:.75rem}.stat-inline-item{min-width:100%;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.stat-inline-item:last-child{border-bottom:none}.aqi-24h-grid-container{padding:1.5rem;margin:1rem 0}.aqi-24h-header{flex-direction:column;gap:1rem;align-items:flex-start}.aqi-24h-title-section{flex-direction:column;align-items:flex-start;gap:.75rem}.aqi-24h-title-content{margin-left:0}.aqi-24h-main-title{font-size:1.125rem}.aqi-24h-district-name{font-size:.8rem}.aqi-24h-main-container{grid-template-columns:clamp(35px,4vw,45px) 1fr;gap:.25rem}.aqi-24h-y-axis{height:clamp(160px,18vw,200px)}.aqi-24h-grid{height:clamp(160px,18vw,200px);display:flex;align-items:flex-end;justify-content:space-between;width:100%!important;max-width:100%!important}.aqi-24h-x-axis{width:100%!important;max-width:100%!important}.y-axis-label{font-size:clamp(8px,1vw,10px)}.aqi-24h-legend{flex-direction:column;gap:1rem;align-items:center}.aqi-24h-legend .legend-item{flex-direction:row;text-align:left;min-width:auto;width:100%;justify-content:flex-start}}@media(max-width:480px){.week-stats-inline,.hour24-stats-inline{padding:.5rem;gap:.75rem}.stat-inline-value{font-size:clamp(1.25rem,2.5vw,1.5rem)}.stat-inline-label{font-size:clamp(.75rem,1.3vw,.875rem)}.stat-inline-date{font-size:clamp(.6rem,1vw,.7rem)}.aqi-24h-grid-container{padding:1rem}.aqi-24h-main-title{font-size:1rem}.aqi-24h-district-name{font-size:.75rem}.aqi-24h-main-container{grid-template-columns:clamp(30px,3.5vw,35px) 1fr}.aqi-24h-y-axis{height:clamp(140px,16vw,180px)}.aqi-24h-grid{height:clamp(140px,16vw,180px);display:flex;align-items:flex-end;justify-content:space-between;width:100%!important;max-width:100%!important}.aqi-24h-x-axis{width:100%!important;max-width:100%!important}.y-axis-label{font-size:clamp(7px,.9vw,9px)}.x-axis-label{font-size:clamp(7px,.8vw,9px)}.aqi-24h-legend .legend-item{gap:.25rem}.aqi-24h-legend .legend-icon{width:25px;height:25px}}.aqi-24h-tooltip{position:absolute;background:#000000e6;color:#fff;padding:12px 16px;border-radius:8px;font-size:12px;font-weight:500;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d;max-width:200px;line-height:1.4;display:none;font-family:Arial,sans-serif}.aqi-24h-tooltip .tooltip-time{font-weight:600;margin-bottom:4px;color:#4ba9ff}.aqi-24h-tooltip .tooltip-aqi{font-weight:600;margin-bottom:2px}.aqi-24h-tooltip .tooltip-level{text-transform:capitalize;margin-bottom:2px}.aqi-24h-tooltip .tooltip-pm25,.aqi-24h-tooltip .tooltip-pm10{font-size:11px;opacity:.8}.major-air-pollutants-section{width:100%;max-width:1178px;margin:0 auto 60px;padding:0;font-family:Arial,sans-serif;position:relative;overflow:visible;box-sizing:border-box}.major-pollutants-container{width:100%}.pollutants-slider-navigation{position:absolute;top:0;right:20px;z-index:10;display:flex;gap:8px;align-items:center}.pollutants-slider-navigation .slider-arrow{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014;color:#6b7280}.pollutants-slider-navigation .slider-arrow:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;box-shadow:0 2px 4px #0000001a}.pollutants-slider-navigation .slider-arrow:disabled{opacity:.4;cursor:not-allowed;background:#f3f4f6}.pollutants-slider-navigation .slider-arrow:disabled:hover{background:#f3f4f6;border-color:#e5e7eb;box-shadow:0 1px 3px #00000014}.pollutants-slider-container,.pollutants-slider-track{position:relative;width:100%}.pollutants-slide{width:100%!important;display:none!important;opacity:0;transition:opacity .5s ease;position:relative}.pollutants-slide.active{display:block!important;opacity:1!important}@media(min-width:1400px){.major-air-pollutants-section{max-width:1178px}}.major-pollutants-header{position:relative;width:100%;margin-bottom:24px;min-height:36px}.major-pollutants-title-section{display:flex;flex-direction:column;gap:8.377px;width:100%;max-width:100%}.major-pollutants-title-group{display:flex;flex-direction:column;gap:3px}.major-pollutants-subtitle{font-family:Arial,sans-serif;font-size:13.144px;line-height:19.666px;color:#1882ff;margin:0;font-weight:400}.major-pollutants-title{font-family:Segoe UI,sans-serif;font-size:25.116px;font-weight:400;line-height:28.406px;color:#31343d;margin:0;padding:0}.major-pollutants-location{font-family:Arial,sans-serif;font-size:16.755px;font-weight:400;color:#1882ff;line-height:24.051px;margin:0;padding:0}.district-aqi-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;color:#fff;text-align:center;box-shadow:0 2px 8px #00000026;border:2px solid rgba(255,255,255,.3);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.major-pollutants-grid{display:flex;gap:16.755px;align-items:center;width:100%;overflow-x:auto;padding:0;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.major-pollutants-grid::-webkit-scrollbar{height:6px}.major-pollutants-grid::-webkit-scrollbar-track{background:transparent}.major-pollutants-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.major-pollutants-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pollutant-card{position:relative;width:165.871px;height:299.908px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;margin:0;font-family:Arial,sans-serif}.pollutant-card-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dbf1fc;opacity:.5;border-radius:16.755px;z-index:1}.pollutant-icon-container{position:absolute;z-index:3;top:22.6px;left:50%;transform:translate(-50%);width:68.228px;height:54.251px;display:flex;align-items:center;justify-content:center}.pollutant-icon{width:100%;height:100%;object-fit:contain;display:block}.pollutant-info{position:absolute;z-index:3;top:137.388px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:100%}.pollutant-name,.pollutant-formula{font-size:13.823px;font-weight:400;color:#31343d;line-height:13.848px;margin:0;padding:0;white-space:nowrap}.pollutant-value{position:absolute;z-index:3;font-size:37.195px;font-weight:400;color:#31343d;line-height:35.52px;margin:0;padding:0;white-space:nowrap;top:233.297px;left:50%;transform:translate(-50%,-50%);text-align:center}.pollutant-unit{position:absolute;z-index:3;font-size:13.823px;font-weight:400;color:#31343d;line-height:13.848px;margin:0;padding:0;white-space:nowrap;top:264.556px;left:50%;transform:translate(-50%,-50%);text-align:center}@media(max-width:1200px){.major-air-pollutants-section{max-width:100%;padding:0 20px}.major-pollutants-header{margin-bottom:20px}.major-pollutants-subtitle{font-size:12px;line-height:18px}.major-pollutants-title{font-family:Segoe UI,sans-serif;font-size:22px;line-height:1.2;font-weight:400}.major-pollutants-location{font-size:15px;line-height:1.4}.district-aqi-badge{font-size:13px;padding:5px 14px}.pollutants-slider-navigation .slider-arrow{width:32px;height:32px}.major-pollutants-grid{gap:14px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.major-pollutants-grid::-webkit-scrollbar{height:8px}.pollutant-card{width:145px;height:260px}.pollutant-icon-container{width:58px;height:46px;top:19px}.pollutant-info{top:115px}.pollutant-value{font-size:32px;line-height:30px;top:200px}.pollutant-unit{font-size:12px;top:227px}}@media(max-width:768px){.major-air-pollutants-section{padding:0 20px}.major-pollutants-header{margin-bottom:18px}.major-pollutants-subtitle{font-size:11px;line-height:16px}.major-pollutants-title{font-family:Segoe UI,sans-serif;font-size:20px;line-height:1.2;font-weight:400}.major-pollutants-location{font-size:13px;line-height:1.4}.district-aqi-badge{font-size:12px;padding:4px 12px}.pollutants-slider-navigation{top:-2px}.pollutants-slider-navigation .slider-arrow{width:30px;height:30px}.major-pollutants-grid{gap:12px;padding-bottom:12px}.pollutant-card{width:130px;height:230px}.pollutant-card-background{border-radius:14px}.pollutant-icon-container{width:52px;height:42px;top:17px}.pollutant-info{top:100px}.pollutant-name,.pollutant-formula{font-size:11.5px;line-height:12px}.pollutant-value{font-size:30px;line-height:28px;top:175px}.pollutant-unit{font-size:11.5px;line-height:12px;top:200px}}@media(max-width:480px){.major-air-pollutants-section{padding:0 16px}.major-pollutants-header{margin-bottom:16px}.major-pollutants-subtitle{font-size:11px;line-height:16px}.major-pollutants-title{font-family:Segoe UI,sans-serif;font-size:18px;line-height:1.2;font-weight:400}.major-pollutants-location{font-size:12px;line-height:1.4}.district-aqi-badge{font-size:11px;padding:4px 10px}.pollutants-slider-navigation{top:-3px}.pollutants-slider-navigation .slider-arrow{width:28px;height:28px}.major-pollutants-grid{gap:10px;padding-bottom:10px}.pollutant-card{width:110px;height:195px}.pollutant-card-background{border-radius:12px}.pollutant-icon-container{width:44px;height:35px;top:14px}.pollutant-info{top:83px}.pollutant-name,.pollutant-formula{font-size:10px;line-height:11px}.pollutant-value{font-size:26px;line-height:24px;top:147px}.pollutant-unit{font-size:10px;line-height:11px;top:168px}}@media(max-width:360px){.major-air-pollutants-section{padding:0 12px}.major-pollutants-subtitle{font-size:10px;line-height:14px}.major-pollutants-title{font-family:Segoe UI,sans-serif;font-size:16px;font-weight:400}.major-pollutants-location{font-size:11px}.district-aqi-badge{font-size:10px;padding:3px 8px}.pollutants-slider-navigation{top:-4px}.pollutants-slider-navigation .slider-arrow{width:26px;height:26px}.major-pollutants-grid{gap:8px}.pollutant-card{width:95px;height:170px}.pollutant-card-background{border-radius:10px}.pollutant-icon-container{width:38px;height:30px;top:12px}.pollutant-info{top:70px}.pollutant-name,.pollutant-formula{font-size:9px;line-height:10px}.pollutant-value{font-size:22px;line-height:20px;top:127px}.pollutant-unit{font-size:9px;line-height:10px;top:145px}}.pollutant-card:focus-within{outline:2px solid #1882ff;outline-offset:2px}.pollutant-icon{pointer-events:none}@media print{.major-pollutants-section{break-inside:avoid}.major-pollutants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow:visible}.pollutant-card{width:auto;height:auto;min-height:200px}}.night-time-component{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;font-family:Roboto,sans-serif;box-shadow:0 4px 15px #0000004d}.night-time-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.night-time-bg-image{width:100%;height:100%;object-fit:cover;opacity:.4}.moon-icon{position:absolute;top:30px;right:40px;width:60px;height:60px;z-index:3;pointer-events:none}.moon-image{width:100%;height:100%;object-fit:contain;opacity:.9}.night-time-title-section{position:absolute;top:44px;left:38px;z-index:10;display:flex;align-items:center;gap:20px}.night-time-title{font-family:Roboto,sans-serif;font-size:24px;font-weight:400;color:#fff;margin:0;line-height:24px;text-shadow:0 0 10px rgba(255,255,255,.3)}.night-time-weather-details-grid{position:absolute;bottom:20px;left:38px;width:367.34px;height:43.5px;z-index:10;display:flex;align-items:center;gap:0}.night-time-weather-detail-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:42.1px}.night-time-weather-detail-item.humidity-item{width:86.95px}.night-time-weather-detail-item.wind-item{width:107.66px;margin-left:22px}.night-time-weather-detail-item.uv-item{width:87.34px;margin-left:22px}.night-time-weather-detail-item .night-time-detail-icon{position:absolute;left:0;top:0;width:26.1px;height:26.1px;display:flex;align-items:center;justify-content:center;filter:brightness(0) invert(1);opacity:.8}.night-time-weather-detail-item .night-time-detail-text{position:absolute;left:28.69px;top:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:42.1px}.night-time-weather-detail-item .night-time-detail-label{color:#fffc;font-family:Arial,sans-serif;font-size:13.9px;font-weight:400;line-height:13.92px;white-space:nowrap;margin-bottom:0;height:19.2px;display:flex;align-items:center}.night-time-weather-detail-item .night-time-detail-value{color:#fff;font-family:Arial,sans-serif;font-size:13.9px;font-weight:400;line-height:13.92px;white-space:nowrap;margin-top:0;height:19.2px;display:flex;align-items:center;text-shadow:0 0 5px rgba(255,255,255,.3)}.night-time-weather-separator{position:absolute;width:1px;height:43.5px;background:linear-gradient(to bottom,#fff0 5%,#fff3,#fff0 95%);top:0}.night-time-weather-separator.separator-1{left:108px}.night-time-weather-separator.separator-2{left:258px}.night-time-wind-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.night-time-wind-details .night-time-detail-value{margin-bottom:0;height:auto}.night-time-wind-direction{display:flex;align-items:center;gap:3px;margin-top:1px}.night-time-wind-arrow{font-size:10px;color:#fff;transition:transform .3s ease;line-height:1;text-shadow:0 0 5px rgba(255,255,255,.5)}.night-time-wind-direction-text{font-size:8px;color:#fffc;font-weight:400;line-height:1}.weather-card-container #weather-content{height:100%!important;min-height:100%!important;display:block!important;position:relative!important;overflow:visible!important}.weather-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:177px;color:#fff;font-family:Arial,sans-serif}.weather-loading .loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.weather-loading p{margin:0;font-size:14px;opacity:.8}.weather-metric-wind-details{display:flex;flex-direction:row;align-items:center;gap:6px}.weather-metric-wind-direction{display:flex;align-items:center;gap:3px}.weather-metric-wind-arrow{font-size:10px;color:#fff;transition:transform .3s ease;line-height:1}.weather-metric-wind-direction-text{font-size:10px;color:#fffc;font-weight:400;line-height:1}.weather-card-container .weather-metric-label{color:#fffc!important}.weather-card-container .weather-metric-value,.weather-card-container .weather-metric-wind-details .weather-metric-value,.weather-card-container .weather-metric-icon,.weather-card-container .weather-card-condition-title,.weather-card-container .weather-card-temperature{color:#fff!important}.weather-card-container .overcast-component{width:100%!important;height:100%!important;position:relative!important;transform:none!important;overflow:hidden!important;background:#000!important;border-radius:20px!important;box-shadow:0 4px 15px #0000001a!important}.weather-card-container .thunderstorm-bg{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1!important}.weather-card-container .thunderstorm-bg-image{width:100%!important;height:100%!important;object-fit:cover!important}.weather-card-container .night-time-bg{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1!important}.weather-card-container .night-time-bg-image{width:100%!important;height:100%!important;object-fit:cover!important;opacity:.4!important}.weather-card-container .thunderstorm-effects{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:2!important;pointer-events:none!important;overflow:hidden!important}.weather-card-container .rain-effects{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;transform:scale(.8)!important;transform-origin:center!important}.weather-card-container .rain-layer{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:.15!important}.weather-card-container .lightning-effects{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;transform:scale(.7)!important;transform-origin:center!important}.weather-card-container .lightning-bolt{position:absolute!important;width:100%!important;height:100%!important;opacity:0!important}.weather-card-container .cloud-effects{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;transform:scale(.9)!important;transform-origin:center!important}.weather-card-container .cloud-layer{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.weather-card-container .thunderstorm-content{position:relative!important;z-index:10!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:15px!important;box-sizing:border-box!important}.weather-card-container .thunderstorm-title-section{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important}.weather-card-container .thunderstorm-title{color:#fff!important;font-size:16px!important;font-weight:700!important;margin:0!important}.weather-card-container .night-time-title-section{position:absolute!important;top:44px!important;left:38px!important;z-index:10!important;display:flex!important;align-items:center!important;gap:20px!important}.weather-card-container .night-time-title{color:#fff!important;font-size:16px!important;font-weight:400!important;margin:0!important;text-shadow:0 0 10px rgba(255,255,255,.3)!important}.weather-card-container .temperature-display{display:flex!important;align-items:baseline!important;gap:2px!important}.weather-card-container .temperature-value{color:#fff!important;font-size:20px!important;font-weight:700!important}.weather-card-container .temperature-unit{color:#fff!important;font-size:14px!important;font-weight:400!important}.weather-card-container .weather-details-grid{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-top:auto!important}.weather-card-container .night-time-weather-details-grid{position:absolute!important;bottom:20px!important;left:38px!important;width:367.34px!important;height:43.5px!important;z-index:10!important;display:flex!important;align-items:center!important;gap:0!important}.weather-card-container .weather-detail-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;flex:1!important}.weather-card-container .night-time-weather-detail-item{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;height:42.1px!important}.weather-card-container .night-time-weather-detail-item.humidity-item{width:86.95px!important}.weather-card-container .night-time-weather-detail-item.wind-item{width:107.66px!important;margin-left:22px!important}.weather-card-container .night-time-weather-detail-item.uv-item{width:87.34px!important;margin-left:22px!important}.weather-card-container .detail-icon{width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important}.weather-card-container .night-time-weather-detail-item .night-time-detail-icon{position:absolute!important;left:0!important;top:0!important;width:26.1px!important;height:26.1px!important;display:flex!important;align-items:center!important;justify-content:center!important;filter:brightness(0) invert(1)!important;opacity:.8!important}.weather-card-container .night-time-weather-detail-item .night-time-detail-text{position:absolute!important;left:28.69px!important;top:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;height:42.1px!important}.weather-card-container .detail-text{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important}.weather-card-container .detail-label{color:#fff!important;font-size:9px!important;font-weight:400!important;text-align:center!important}.weather-card-container .detail-value{color:#fff!important;font-size:11px!important;font-weight:700!important;text-align:center!important}.weather-card-container .night-time-weather-detail-item .night-time-detail-label{color:#fffc!important;font-size:13.9px!important;font-weight:400!important;line-height:13.92px!important;white-space:nowrap!important;margin-bottom:0!important;height:19.2px!important;display:flex!important;align-items:center!important}.weather-card-container .night-time-weather-detail-item .night-time-detail-value{color:#fff!important;font-size:13.9px!important;font-weight:400!important;line-height:13.92px!important;white-space:nowrap!important;margin-top:0!important;height:19.2px!important;display:flex!important;align-items:center!important;text-shadow:0 0 5px rgba(255,255,255,.3)!important}.weather-card-container .detail-separator{width:1px!important;height:25px!important;background:#ffffff4d!important;flex-shrink:0!important}.weather-card-container .thunderstorm-main-icon{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(.6)!important;z-index:5!important}.weather-card-container .temperature-bg{position:absolute!important;top:0!important;right:0!important;transform:scale(.8)!important;transform-origin:top right!important;z-index:3!important}.weather-card-container .moon-icon{position:absolute!important;top:30px!important;right:40px!important;width:60px!important;height:60px!important;z-index:3!important;pointer-events:none!important}.weather-card-container .moon-image{width:100%!important;height:100%!important;object-fit:contain!important;opacity:.9!important}@media(max-width:768px){.weather-card-container .thunderstorm-component{padding:10px!important}.weather-card-container .thunderstorm-title{font-size:14px!important}.weather-card-container .temperature-value{font-size:18px!important}.weather-card-container .temperature-unit{font-size:12px!important}.weather-card-container .weather-details-grid{gap:8px!important}.weather-card-container .detail-icon{width:18px!important;height:18px!important}.weather-card-container .detail-label{font-size:8px!important}.weather-card-container .detail-value{font-size:10px!important}.weather-card-container .night-time-title-section{top:30px!important;left:20px!important;gap:15px!important}.weather-card-container .night-time-title{font-size:14px!important}.weather-card-container .night-time-weather-details-grid{bottom:15px!important;left:20px!important;width:280px!important;height:35px!important}.weather-card-container .moon-icon{right:20px!important;width:50px!important;height:50px!important}}@media(max-width:480px){.weather-card-container .thunderstorm-component{padding:8px!important}.weather-card-container .thunderstorm-title{font-size:12px!important}.weather-card-container .temperature-value{font-size:16px!important}.weather-card-container .temperature-unit{font-size:10px!important}.weather-card-container .weather-details-grid{gap:6px!important}.weather-card-container .detail-icon{width:16px!important;height:16px!important}.weather-card-container .detail-label{font-size:7px!important}.weather-card-container .detail-value{font-size:9px!important}.weather-card-container .night-time-title-section{top:20px!important;left:15px!important;gap:10px!important}.weather-card-container .night-time-title{font-size:12px!important}.weather-card-container .night-time-weather-details-grid{bottom:10px!important;left:15px!important;width:220px!important;height:30px!important}.weather-card-container .moon-icon{right:15px!important;width:40px!important;height:40px!important}}#punjab-map-section{padding:40px 0;width:100%}#punjab-map-section .section-heading-container{margin-bottom:32px;padding:0 20px}#punjab-map-section .section-subheading{font-family:Roboto,sans-serif;font-size:14px;font-weight:500;color:#1882ff;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}#punjab-map-section .section-heading{font-family:Roboto,sans-serif;font-size:32px;font-weight:700;color:#2c3e50;margin:0;line-height:1.2}.punjab-contour-map-container{position:relative;width:100%;height:550px;background-color:#f5f5f5;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000014;margin:0 20px;max-width:calc(100% - 40px)}#punjabContourMap{width:100%;height:100%}.aqi-map-data-card{position:absolute;top:13.395px;left:23.441px;width:303.063px;background:#fff;border-radius:5.023px;box-shadow:0 1.674px 3.349px #0000003d;z-index:10;padding:13.395px}.aqi-card-header{margin-bottom:15.907px}.aqi-card-location{font-family:Roboto,sans-serif;font-size:20.093px;font-weight:700;color:#414141;margin:0;line-height:1.125}.aqi-card-timestamp{font-family:Roboto,sans-serif;font-size:10.046px;font-weight:700;color:#31343d;margin:13.395px 0 0;letter-spacing:.419px}.aqi-card-timestamp .timestamp-value{font-weight:400}.aqi-card-value-section{background:linear-gradient(135deg,#4ba9ff,#8cd2f4);border-radius:5.86px 5.86px 0 0;padding:10px 0;display:flex;align-items:center;margin:13.395px 0 0}.aqi-value-icon-container{width:75.347px;height:62.789px;display:flex;align-items:center;justify-content:center;background:#4ba9ff}.aqi-value-icon{width:53.58px;height:53.58px}.aqi-value-display{flex:1;text-align:center}.aqi-value-number{font-family:Roboto,sans-serif;font-size:33.226px;font-weight:400;color:#1882ff;margin:0;line-height:1}.aqi-value-label{font-family:Roboto,sans-serif;font-size:10.046px;font-weight:400;color:#1882ff;margin:4px 0 0;line-height:1.667}.aqi-status-badge{text-align:center}.aqi-status-text{font-family:Roboto,sans-serif;font-size:15.069px;font-weight:700;color:#1882ff}.aqi-pollutant-badge{background:#fff;border-radius:2.512px;padding:4px 8px;margin-right:8px;display:inline-block}.aqi-pollutant-text{font-family:Roboto,sans-serif;font-size:9.732px;font-weight:500;color:#1882ff;text-transform:uppercase}.aqi-weather-metrics{border:1px solid #e6e6e6;border-top:none;border-radius:0 0 5.023px 5.023px;padding:7.535px 5.023px;display:flex;align-items:center;justify-content:space-between}.weather-metric-item{display:flex;align-items:center;gap:4px}.weather-metric-icon{width:30px;height:30px;object-fit:contain}.weather-metric-icon-humidity{width:19.255px;height:19.255px}.weather-metric-value{font-family:Roboto,sans-serif;font-size:11.721px;font-weight:400;color:#31343d}.weather-metric-icon-temp{width:21.767px;height:21.767px}.aqi-forecast-days{border-top:1px solid #c6c6dc;padding-top:13.395px;margin-top:13.395px;display:flex;justify-content:space-between;gap:2px}.forecast-day-column{flex:1;border-right:1px solid #c6c6dc;padding-right:5px}.forecast-day-column:last-child{border-right:none;padding-right:0}.forecast-day-name{font-family:Roboto,sans-serif;font-size:10.046px;font-weight:700;color:#3c3c3c;text-align:center;margin:0 0 16.744px}.forecast-aqi-badge{border-radius:5.86px;padding:5.651px;margin:0 10.046px 8px;position:relative;text-align:center}.forecast-aqi-badge.moderate{background:#eec732;border:.837px solid #eec732}.forecast-aqi-badge.unhealthy{background:#1882ff;border:.837px solid #1882ff}.forecast-aqi-badge.very-unhealthy{background:#b33fba;border:.837px solid #b33fba}.forecast-aqi-icon{width:20.093px;height:20.093px;position:absolute;left:12.558px;top:1.674px}.forecast-aqi-value{font-family:Inter,sans-serif;font-size:10.196px;font-weight:700;color:#fff;position:relative;z-index:1}.forecast-temps{text-align:center;padding:0 10px}.forecast-temp-high{font-family:Roboto,sans-serif;font-size:11.721px;font-weight:400;color:#3c3c3c;margin:0 0 6.698px}.forecast-temp-low{font-family:Roboto,sans-serif;font-size:11.721px;font-weight:400;color:#7d90a8;margin:0}.forecast-weather-icon{width:25.116px;height:23.023px;margin:0 auto 8px;display:block}.map-view-button{position:absolute;top:13.395px;right:85.58px;background:#fff;border-radius:8.74px;box-shadow:0 3.349px 7.535px #00000014;padding:10px 15px;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;z-index:10;transition:all .3s ease}.map-view-button:hover{box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.map-view-text{font-family:Arial,sans-serif;font-size:12.39px;color:#31343d;line-height:1}.map-view-icon{width:15.287px;height:15.287px}.aqi-marker{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:9.477px;font-weight:400;color:#fff;cursor:pointer;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.aqi-marker:hover{transform:scale(1.1);z-index:100}.aqi-marker.good{background:#00e400;border:2px solid #00b300}.aqi-marker.moderate{background:#ff0;border:2px solid #e6e600;color:#333}.aqi-marker.unhealthy-sensitive{background:#ff7e00;border:2px solid #e67200}.aqi-marker.unhealthy{background:red;border:2px solid #cc0000}.aqi-marker.very-unhealthy{background:#8f3f97;border:2px solid #7a357f}.aqi-marker.hazardous{background:#7e0023;border:2px solid #5e0018}.aqi-cluster-marker{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:9.209px;font-weight:400;color:#fff;cursor:pointer;transition:transform .2s ease;box-shadow:0 2px 6px #0000004d}.aqi-cluster-marker:hover{transform:scale(1.15)}.aqi-info-window{max-width:200px;padding:10px}.info-location-name{font-family:Roboto,sans-serif;font-size:14px;font-weight:700;color:#414141;margin:0 0 8px}.info-aqi-value{font-family:Roboto,sans-serif;font-size:24px;font-weight:700;margin:0 0 4px}.info-aqi-category{font-family:Roboto,sans-serif;font-size:12px;font-weight:500;margin:0 0 8px}.info-timestamp{font-family:Roboto,sans-serif;font-size:10px;color:#666;margin:0}@media(max-width:1200px){#punjab-map-section .section-heading{font-size:28px}.punjab-contour-map-container{height:500px}}@media(max-width:1024px){#punjab-map-section{padding:32px 0}#punjab-map-section .section-heading-container{margin-bottom:24px;padding:0 16px}#punjab-map-section .section-heading{font-size:26px}.punjab-contour-map-container{height:450px;margin:0 16px;max-width:calc(100% - 32px)}.aqi-map-data-card{width:280px;left:15px;top:15px}.map-view-button{right:15px;top:15px}}@media(max-width:768px){#punjab-map-section{padding:24px 0}#punjab-map-section .section-heading-container{margin-bottom:20px;padding:0 12px}#punjab-map-section .section-subheading{font-size:12px}#punjab-map-section .section-heading{font-size:22px}.punjab-contour-map-container{height:400px;margin:0 12px;max-width:calc(100% - 24px);border-radius:10px}.aqi-map-data-card{width:calc(100% - 30px);left:15px;top:15px;position:static;margin-bottom:15px}.map-view-button{right:15px;top:15px}.aqi-forecast-days{flex-direction:column;gap:10px}.forecast-day-column{border-right:none;border-bottom:1px solid #c6c6dc;padding-bottom:10px;padding-right:0}.forecast-day-column:last-child{border-bottom:none;padding-bottom:0}}@media(max-width:480px){#punjab-map-section{padding:20px 0}#punjab-map-section .section-heading-container{margin-bottom:16px;padding:0 10px}#punjab-map-section .section-subheading{font-size:11px}#punjab-map-section .section-heading{font-size:20px}.punjab-contour-map-container{height:350px;margin:0 10px;max-width:calc(100% - 20px);border-radius:8px}.aqi-card-location{font-size:16px}.aqi-value-number{font-size:28px}.map-view-button{padding:8px 12px}}.map-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5}.map-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1882ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-loading-text{font-family:Roboto,sans-serif;font-size:14px;color:#666;margin-top:10px}.map-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:5}.map-error-icon{font-size:48px;color:#e74c3c;margin-bottom:10px}.map-error-text{font-family:Roboto,sans-serif;font-size:14px;color:#666;margin:0}.gm-style .gm-style-iw-c{padding:0!important;border-radius:5.023px!important;box-shadow:0 1.674px 3.349px #0000003d!important;max-width:330px!important}.gm-style .gm-style-iw-d{overflow:auto!important;max-height:400px!important}.gm-style .gm-style-iw-tc{display:none}.map-info-window{width:303.063px;background:#fff;font-family:Roboto,Arial,sans-serif;border-radius:5.023px;position:relative;box-sizing:border-box}.map-info-header{padding:15.91px 13.39px 0}.map-info-location{font-size:20.093px;font-weight:700;color:#414141;margin:0;line-height:normal;height:28.465px;display:flex;align-items:center;border-bottom:.837px solid transparent}.map-info-timestamp{font-size:10.046px;font-weight:700;color:#31343d;margin:16.755px 0 0;line-height:15.069px;letter-spacing:.4186px}.map-info-timestamp strong{font-weight:700}.map-info-timestamp span{font-weight:400}.map-info-aqi-section{background:#8cd2f4;border-radius:5.86px 5.86px 0 0;height:62.789px;margin:11.11px 13.39px 0;position:relative;overflow:hidden}.map-info-aqi-icon-container{position:absolute;left:0;top:0;bottom:0;width:75.347px;background:#4ba9ff;display:flex;align-items:center;justify-content:center}.map-info-aqi-icon{width:53.58px;height:53.58px;object-fit:contain}.map-info-aqi-value-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;margin-left:-17.287px}.map-info-aqi-number{font-size:33.226px;font-weight:400;color:#1882ff;margin:0;line-height:normal;height:36.836px;display:flex;align-items:center;justify-content:center}.map-info-aqi-label{font-size:10.046px;font-weight:400;color:#1882ff;margin:0;line-height:16.744px;text-align:center}.map-info-aqi-status-container{position:absolute;right:0;top:50%;transform:translateY(-50%);margin-right:calc(50% - 74.51px);text-align:center}.map-info-aqi-status-text{font-size:15.069px;font-weight:700;color:#1882ff;line-height:normal;display:block}.map-info-pollutant-container{position:absolute;right:8.37px;top:41.86px;background:#fff;border-radius:2.512px;height:15.069px;display:flex;align-items:center;padding:0 8px}.map-info-pollutant-text{font-size:9.732px;font-weight:500;color:#1882ff;text-transform:uppercase;line-height:15.069px}.map-info-weather-metrics{border-right:.837px solid #e6e6e6;border-bottom:.837px solid #e6e6e6;border-left:.837px solid #e6e6e6;border-radius:0 0 5.023px 5.023px;height:35.999px;margin:0 13.39px;padding:7.54px 5.02px;display:flex;align-items:center;justify-content:space-between}.map-info-weather-item{display:flex;align-items:center;gap:4px;position:relative}.map-info-weather-icon{flex-shrink:0}.map-info-weather-item:nth-child(1) .map-info-weather-icon{width:21.767px;height:21.767px}.map-info-weather-item:nth-child(2) .map-info-weather-icon{width:11.721px;height:16.604px}.map-info-weather-item:nth-child(3) .map-info-weather-icon{width:19.255px;height:19.255px}.map-info-weather-item:nth-child(4) .map-info-weather-icon{width:15.287px;height:15.767px}.map-info-weather-value{font-size:11.721px;font-weight:400;color:#31343d;line-height:normal;white-space:nowrap}.map-info-forecast{border-top:.837px solid #c6c6dc;padding:0 13.39px 15.91px;margin-top:11.72px;display:flex;justify-content:space-between}.map-info-forecast-day{width:92.074px;position:relative;border-right:.837px solid #c6c6dc;padding-right:0}.map-info-forecast-day:last-child{border-right:none}.map-info-forecast-day-name{font-size:10.046px;font-weight:700;color:#3c3c3c;margin:5.86px 0 0;line-height:normal;text-align:center;padding:0 10px}.map-info-forecast-aqi-badge{width:68.65px;height:23.441px;border-radius:5.86px;border:.837px solid;margin:10.88px auto 0;position:relative;display:flex;align-items:center;justify-content:center}.map-info-forecast-aqi-badge.moderate{background:#eec732;border-color:#eec732}.map-info-forecast-aqi-badge.unhealthy{background:#1882ff;border-color:#1882ff}.map-info-forecast-aqi-badge.very-unhealthy{background:#b33fba;border-color:#b33fba}.map-info-forecast-aqi-icon{position:absolute;left:12.56px;top:1.67px;width:20.093px;height:20.093px}.map-info-forecast-aqi-value{font-size:10.196px;font-weight:700;color:#fff;line-height:normal;position:relative;z-index:1}.map-info-forecast-weather-icon{width:25.116px;height:23.023px;display:block;margin:9.16px auto 0}.map-info-forecast-temps{margin-top:8px;text-align:center}.map-info-forecast-temp-high{font-size:11.721px;font-weight:400;color:#3c3c3c;margin:0 0 6.7px;line-height:normal}.map-info-forecast-temp-low{font-size:11.721px;font-weight:400;color:#7d90a8;margin:0;line-height:normal}@media(max-width:480px){.map-info-window{width:280px}.map-info-location{font-size:18px}.map-info-aqi-number{font-size:28px}.map-info-forecast{flex-direction:column;gap:12px}.map-info-forecast-day{width:100%;border-right:none;border-bottom:.837px solid #c6c6dc;padding-bottom:12px;display:flex;align-items:center;justify-content:space-between}.map-info-forecast-day:last-child{border-bottom:none;padding-bottom:0}.map-info-forecast-day-name,.map-info-forecast-aqi-badge,.map-info-forecast-weather-icon{margin:0}.map-info-forecast-temps{margin-top:0}}.map-info-window *{box-sizing:border-box}.gm-style .gm-style-iw-d::-webkit-scrollbar{width:6px}.gm-style .gm-style-iw-d::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.gm-style .gm-style-iw-d::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.gm-style .gm-style-iw-d::-webkit-scrollbar-thumb:hover{background:#555}.aqi-calendar-wrapper{width:100%;padding:0;font-family:Arial,sans-serif}.aqi-calendar-container{position:relative;width:100%;background:transparent}.aqi-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.aqi-calendar-title-section{display:flex;flex-direction:column;gap:3px}.aqi-calendar-subtitle{font-family:Arial,sans-serif;font-size:13.144px;line-height:19.666px;color:#1882ff;margin:0;font-weight:400}.aqi-calendar-main-title{font-family:Segoe UI,sans-serif;font-size:25.116px;font-weight:400;color:#31343d;margin:0;line-height:28.406px}.aqi-calendar-main-title .district-name{font-size:inherit;font-weight:600;color:#1882ff}.aqi-calendar-controls{display:flex;align-items:center;gap:20px}.aqi-calendar-district-select{padding:10px 16px;font-size:14px;font-weight:400;color:#31343d;background:#fff;border:1px solid rgba(163,163,200,.6);border-radius:8px;cursor:pointer;outline:none;transition:all .2s ease;min-width:150px}.aqi-calendar-district-select:hover{border-color:#1882ff}.aqi-calendar-district-select:focus{border-color:#1882ff;box-shadow:0 0 0 3px #1882ff1a}.aqi-calendar-nav{display:flex;align-items:center;gap:12px}.aqi-calendar-nav-btn{width:40px;height:40px;background:#fff;border:1px solid rgba(163,163,200,.6);border-radius:8px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#31343d}.aqi-calendar-nav-btn:hover{background:#1882ff;border-color:#1882ff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #1882ff33}.aqi-calendar-nav-btn:active{transform:translateY(0)}.aqi-calendar-nav-btn svg{width:24px;height:24px}.aqi-calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.aqi-calendar-month-card{background:#fff;border:.78px solid rgba(163,163,200,.6);border-radius:15.6px;padding:20px 16px;box-sizing:border-box}.aqi-month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.aqi-month-title{font-size:21.37px;font-weight:400;color:#31343d;margin:0;line-height:20.36px}.aqi-month-year{font-size:21.37px;font-weight:400;color:#31343d;line-height:20.36px}.aqi-month-icon{width:31.14px;height:31.2px;object-fit:contain}.aqi-month-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px 0;margin-bottom:15px}.aqi-stat-card{display:flex;flex-direction:column;gap:8px}.aqi-stat-header{display:flex;justify-content:space-between;align-items:center}.aqi-stat-label{font-size:10.92px;font-weight:400;color:#31343da6;margin:0;line-height:1.2}.aqi-stat-value{font-size:21.06px;font-weight:700;color:#31343d;margin:0;line-height:1.2}.aqi-stat-bar{width:100%;height:8px;border-radius:4px;transition:all .3s ease}.aqi-stat-date{font-size:8.58px;font-weight:400;color:#31343d66;margin:0;line-height:1.2;text-align:center}.aqi-calendar-table{width:100%}.aqi-day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.aqi-day-header{font-family:Segoe UI,Arial,sans-serif;font-size:10.84px;font-weight:700;color:#677580;text-align:center;opacity:.75;padding:5px 2px}.aqi-weeks-container{display:flex;flex-direction:column;gap:6.75px}.aqi-week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.aqi-date-cell{aspect-ratio:1;display:flex;flex-direction:column;overflow:hidden;border-radius:4.07px;border:.78px solid rgba(103,117,128,.5);box-sizing:border-box}.aqi-date-header{flex:0 0 12.1px;display:flex;align-items:center;justify-content:center;font-size:8.11px;font-weight:400;color:#31343d;line-height:8.14px;padding:2px;box-sizing:border-box}.aqi-date-value{flex:1;display:flex;align-items:center;justify-content:center;font-size:10.22px;font-weight:400;color:#fff;line-height:10.18px}.aqi-date-value.aqi-no-data{background:#f9f9f9;color:#677580}.aqi-date-cell.empty{visibility:hidden}@media(max-width:1200px){.aqi-calendar-grid{gap:12px}.aqi-calendar-main-title{font-size:24px}}@media(max-width:992px){.aqi-calendar-grid{grid-template-columns:1fr;gap:20px}.aqi-month-header{margin-bottom:20px}.aqi-month-stats-grid{gap:10px}}@media(max-width:768px){.aqi-calendar-main-title{font-size:20px}.aqi-month-title,.aqi-month-year{font-size:18px}.aqi-stat-label{font-size:12px}.aqi-stat-value{font-size:18px}.aqi-day-header{font-size:9px}.aqi-date-header{font-size:7px}.aqi-date-value{font-size:9px}}@media(max-width:768px){.aqi-calendar-controls{flex-direction:column;align-items:stretch;gap:12px;width:100%}.aqi-calendar-district-select{width:100%}.aqi-calendar-nav{justify-content:center}}@media(max-width:480px){.aqi-calendar-container{padding:20px 0}.aqi-calendar-header{flex-direction:column;align-items:flex-start;gap:15px}.aqi-calendar-main-title{font-size:18px}.aqi-calendar-controls{width:100%}.aqi-month-stats-grid{grid-template-columns:1fr;gap:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.aqi-calendar-month-card{animation:fadeIn .5s ease forwards}.aqi-calendar-month-card:nth-child(1){animation-delay:.1s}.aqi-calendar-month-card:nth-child(2){animation-delay:.2s}.aqi-calendar-month-card:nth-child(3){animation-delay:.3s}.station-rankings-section .section-heading-container{max-width:100%;padding:0;margin-bottom:35px}.station-rankings-section .section-heading{font-size:25.116px;line-height:28.406px}.station-rankings-section .section-subheading{font-size:12px;line-height:16px}.station-rankings-content{width:100%;max-width:100%;margin:0 auto;padding:0 20px 20px}.station-table-controls{margin-bottom:20px;display:flex;justify-content:flex-end}.station-district-selector{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1882ff08,#1882ff15);padding:12px 20px;border-radius:12px;border:1px solid #1882ff30;box-shadow:0 2px 8px #1882ff14}.station-district-label{display:flex;align-items:center;gap:6px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;color:#1882ff;white-space:nowrap;margin:0}.station-district-label svg{width:18px;height:18px;color:#1882ff;flex-shrink:0}.station-district-dropdown{padding:8px 16px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;color:#31343d;background:#fff;border:2px solid #1882ff;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:180px}.station-district-dropdown:hover{background:#f5f8ff;box-shadow:0 2px 6px #1882ff26}.station-district-dropdown:focus{outline:none;border-color:#1882ff;box-shadow:0 0 0 4px #1882ff26}.station-rankings-table-wrapper{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a}.station-rankings-table{width:100%;border-collapse:collapse;font-family:Inter,Arial,sans-serif}.station-rankings-table thead{background:#fff;border-bottom:1px solid #e5e7eb}.station-rankings-table thead th{padding:16px 12px;font-size:15px;font-weight:500;color:#677580;text-align:left;white-space:nowrap}.station-rankings-table thead th:first-child{padding-left:20px;width:60px}.station-rankings-table thead th:nth-child(2){width:180px}.station-rankings-table thead th:nth-child(3),.station-rankings-table thead th:nth-child(4){text-align:center}.station-rankings-table thead th:not(:first-child):not(:nth-child(2)){text-align:center}.station-rankings-table tbody tr{background:#fff;transition:background-color .2s ease}.station-rankings-table tbody tr:nth-child(2n){background:#fafafa}.station-rankings-table tbody tr:hover{background:#f5f8ff}.station-rankings-table tbody td{padding:16px 12px;font-size:15px;font-weight:400;color:#31343d;border-bottom:1px solid #f0f0f0}.station-rankings-table tbody td:first-child{padding-left:20px;font-weight:400;color:#31343d}.station-rankings-table tbody td:not(:first-child):not(:nth-child(2)){text-align:center}.station-name-cell{font-weight:400;color:#31343d}.station-timestamp-cell{white-space:nowrap}.station-timestamp{font-size:13px;color:#677580;font-weight:400}.station-table-aqi-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;border-radius:6px;font-size:13px;font-weight:700;min-width:50px;border:1px solid;line-height:1.2}.station-table-status-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 14px;border-radius:6px;font-size:13px;font-weight:700;color:#fff;border:1px solid;min-width:90px;line-height:1.2}.station-table-status-icon{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.station-table-status-icon img{position:relative;width:20px;height:20px;object-fit:contain;display:block;filter:brightness(0) invert(1)}.station-table-loading{text-align:center;padding:40px 20px;color:#677580;font-size:14px}.station-table-loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid #f3f4f6;border-top-color:#1882ff;border-radius:50%;animation:spinner-rotate .8s linear infinite;margin-bottom:12px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.station-table-empty{text-align:center;padding:60px 20px;color:#677580;font-size:14px}.station-table-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}@media(max-width:1200px){.station-rankings-table{font-size:14px}.station-rankings-table thead th,.station-rankings-table tbody td{padding:12px 8px;font-size:14px}.station-table-aqi-badge,.station-table-status-badge{font-size:12px;padding:4px 10px;min-width:45px}.station-table-status-icon,.station-table-status-icon img{width:18px;height:18px}.station-timestamp{font-size:12px}}@media(max-width:992px){.station-rankings-section .section-heading-container{padding:0}.station-table-controls{justify-content:center}.station-district-selector{width:100%;max-width:100%}.station-district-dropdown{flex:1}}@media(max-width:768px){.station-rankings-content{padding:0 16px}.station-rankings-section .section-heading-container{padding:0;margin-bottom:20px}.station-district-selector{padding:10px 16px}.station-district-label{font-size:13px}.station-district-label svg{width:16px;height:16px}.station-district-dropdown{font-size:13px;padding:7px 12px;min-width:150px}.station-rankings-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.station-rankings-table{min-width:800px}.station-rankings-table thead th,.station-rankings-table tbody td{padding:10px 6px;font-size:13px}.station-rankings-table thead th:first-child,.station-rankings-table tbody td:first-child{padding-left:12px}.station-table-aqi-badge,.station-table-status-badge{font-size:11px;padding:3px 8px;min-width:40px}.station-table-status-icon,.station-table-status-icon img{width:16px;height:16px}.station-timestamp{font-size:11px}}@media(max-width:480px){.station-rankings-content{padding:0 16px}.station-rankings-section .section-heading-container{padding:0}.station-district-selector{padding:8px 12px;gap:8px}.station-district-label{font-size:12px}.station-district-label svg{width:14px;height:14px}.station-district-dropdown{font-size:12px;padding:6px 10px;min-width:130px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px}.toast{background:#fff;border-left:4px solid #e74c3c;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px 20px;margin-bottom:12px;display:flex;align-items:center;gap:12px;transform:translate(100%);opacity:0;transition:all .3s ease}.toast.show{transform:translate(0);opacity:1}.toast-icon{font-size:20px;color:#e74c3c}.toast-content{flex:1}.toast-title{font-weight:700;color:#2c3e50;margin:0 0 4px;font-size:14px}.toast-message{color:#7f8c8d;margin:0;font-size:13px;line-height:1.4}.toast-close{background:none;border:none;font-size:18px;color:#bdc3c7;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-close:hover{color:#7f8c8d}.overcast-component{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;background-color:#000;color:#fff;font-family:Roboto,sans-serif;box-shadow:0 4px 15px #0000001a}.weather-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#4ba9ff;border-radius:20px;z-index:0}.weather-title-section{position:absolute;top:39px;left:38px;z-index:10;display:flex;align-items:center;gap:20px}.weather-title{font-family:Roboto,sans-serif;font-size:22.5px;font-weight:400;color:#fff;margin:0;line-height:23.49px}.temperature-display{width:78.796px;height:30.29px;display:flex;align-items:center;justify-content:center}.temperature-value{font-family:Arial,sans-serif;font-size:18px;font-weight:600;color:#fff;text-align:center;line-height:1}.weather-details-grid{position:absolute;bottom:20px;left:38px;width:367.34px;height:43.5px;z-index:10}.dashboard-weather-detail-item{position:absolute;top:1px;height:42.1px}.humidity-item{left:0;width:86.95px}.wind-item{left:130px;width:107.66px}.uv-item{left:280px;width:87.34px}.detail-icon{position:absolute;top:0;left:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.detail-text{position:absolute;top:0;left:28.69px}.detail-label{position:absolute;top:2.89px;left:0;color:#fff;font-family:Arial,sans-serif;font-size:12px;font-weight:400;line-height:12px;display:flex;align-items:center}.detail-value{position:absolute;top:22.9px;left:0;color:#fff;font-family:Arial,sans-serif;font-size:14px;font-weight:400;line-height:14px;display:flex;align-items:center}.icon-image{width:100%;height:100%;object-fit:contain;display:block}.background-layer-1,.background-layer-2{position:absolute;right:38px;z-index:1;pointer-events:none}.background-layer-1{top:2px;width:202px;height:61px}.background-layer-2{top:47px;width:131px;height:40px}.bg-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2}.bg-image-src{width:100%;height:100%;object-fit:cover}.main-sun-icon{position:absolute;top:26px;right:38px;width:125px;height:125px;z-index:3;pointer-events:none}.main-sun-image{width:100%;height:100%;object-fit:contain}.dashboard-section{scroll-margin-top:120px;margin-bottom:20px}.section-heading-container{margin:0 auto 35px}.section-heading{font-size:30px;font-weight:400;color:#31343d;line-height:1.13;margin:0;font-family:Arial,sans-serif}.section-subheading{font-size:12px;font-weight:400;color:#1882ff;margin:3px 0 0;line-height:1.3;opacity:.9;font-family:Arial,sans-serif}@media(max-width:1200px){.section-heading{font-size:24px}}@media(max-width:768px){.section-heading-container{margin-bottom:20px}.section-heading{font-size:20px}}@media(max-width:480px){.section-heading{font-size:20px}}.dashboard-section:target{animation:highlightSection 2s ease-in-out}@keyframes highlightSection{0%{background-color:#1882ff1a}to{background-color:transparent}}.punjab-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.punjab-map-title-group{display:flex;flex-direction:column;gap:3px}.punjab-map-title{font-size:28px;font-weight:700;color:#1e293b;margin:0;line-height:1.2}.punjab-contour-map-section{width:100%;padding:0;border-radius:0;background:#fff}.punjab-contour-map-container{margin:0 auto;position:relative;padding:0;width:100%}.punjab-map-wrapper{position:relative;width:100%;height:675px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;background:transparent}#punjabContourMap{background:transparent}#punjabContourMap{width:100%;height:100%;position:relative;z-index:1}.leaflet-velocity-canvas{position:absolute!important;pointer-events:none!important;z-index:1000!important}.leaflet-velocity-container{position:absolute!important;pointer-events:none!important;z-index:1000!important;overflow:hidden!important}.punjab-data-card{position:absolute;top:20px;left:20px;width:320px;max-width:calc(100% - 40px);background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;overflow:hidden;display:none;transition:opacity .3s ease}.punjab-data-card.active{display:block}.punjab-data-card-header{padding:16px 18px;border-bottom:1px solid #e6e6e6;position:relative}.punjab-data-card-close{position:absolute;top:16px;right:18px;width:24px;height:24px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#666;padding:0;transition:color .2s ease}.punjab-data-card-close:hover{color:#333}.punjab-location-title{font-family:Roboto,sans-serif;font-weight:700;font-size:18px;color:#414141;margin:0 0 8px;line-height:1.3}.punjab-timestamp{font-family:Roboto,sans-serif;font-size:11px;color:#31343d;font-weight:700;letter-spacing:.4px}.punjab-timestamp span{font-weight:400}.punjab-aqi-display{background:linear-gradient(to right,#4ba9ff 75px,#8cd2f4 75px);padding:16px 18px;display:flex;align-items:center;gap:16px;min-height:70px}.punjab-aqi-icon-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.punjab-aqi-icon{width:50px;height:50px}.punjab-aqi-value-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.punjab-aqi-value{font-family:Roboto,sans-serif;font-size:32px;font-weight:400;color:#1882ff;line-height:1;margin-bottom:4px}.punjab-aqi-label{font-family:Roboto,sans-serif;font-size:11px;color:#1882ff;letter-spacing:.5px}.punjab-aqi-status-container{flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.punjab-aqi-status-text{font-family:Roboto,sans-serif;font-size:14px;font-weight:700;color:#1882ff}.punjab-pm-reading{background:#fff;padding:4px 12px;border-radius:4px;font-family:Roboto,sans-serif;font-size:10px;font-weight:500;color:#1882ff;text-transform:uppercase;letter-spacing:.3px}.punjab-weather-info{padding:12px 18px;border-bottom:1px solid #e6e6e6;display:flex;align-items:center;justify-content:space-between;gap:8px}.punjab-weather-item{display:flex;align-items:center;gap:6px}.punjab-weather-icon{width:14px;height:14px;flex-shrink:0}.punjab-weather-value{font-family:Roboto,sans-serif;font-size:11px;color:#31343d;white-space:nowrap}.punjab-forecast-container{padding:12px 18px 16px;display:flex;gap:0}.punjab-forecast-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 4px;border-right:1px solid #c6c6dc}.punjab-forecast-day:last-child{border-right:none}.punjab-forecast-day-name{font-family:Roboto,sans-serif;font-size:10px;font-weight:700;color:#3c3c3c;text-align:center;margin:0}.punjab-forecast-aqi-badge{position:relative;padding:6px 12px;border-radius:6px;min-width:60px;display:flex;align-items:center;justify-content:center;gap:4px}.punjab-forecast-aqi-badge.good{background:#eec732;border:1px solid #eec732}.punjab-forecast-aqi-badge.moderate{background:#1882ff;border:1px solid #1882ff}.punjab-forecast-aqi-badge.unhealthy{background:#b33fba;border:1px solid #b33fba}.punjab-forecast-aqi-icon{width:18px;height:18px}.punjab-forecast-aqi-number{font-family:Inter,sans-serif;font-size:10px;font-weight:700;color:#fff}.punjab-forecast-temps{display:flex;flex-direction:column;align-items:center;gap:4px}.punjab-forecast-temp-high,.punjab-forecast-temp-low{font-family:Roboto,sans-serif;font-size:11px;margin:0}.punjab-forecast-temp-high{color:#3c3c3c}.punjab-forecast-temp-low{color:#7d90a8}.punjab-forecast-weather-icon{width:18px;height:18px}.punjab-map-buttons-container{position:absolute;top:20px;right:20px;display:flex;flex-direction:row;gap:8px;z-index:10;align-items:center}.punjab-map-view-button{background:#fff;border:none;border-radius:8px;padding:10px 18px;box-shadow:0 4px 12px #0000001f;cursor:pointer;display:none;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.punjab-map-view-button:hover{box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.punjab-map-view-button:active{transform:translateY(0)}.punjab-map-view-text{font-family:Arial,sans-serif;font-size:12px;color:#31343d}.punjab-map-view-icon{width:14px;height:14px}.punjab-map-fullscreen-button,.punjab-map-gps-button{background:#fff;border:none;border-radius:8px;padding:10px;box-shadow:0 4px 12px #0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:40px;height:40px}.punjab-map-fullscreen-button:hover,.punjab-map-gps-button:hover{box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.punjab-map-fullscreen-button:active{transform:translateY(0)}.punjab-map-fullscreen-text{font-family:Arial,sans-serif;font-size:12px;color:#31343d}.punjab-map-fullscreen-icon{width:16px;height:16px;color:#31343d}.punjab-map-compass{position:absolute;top:20px;left:20px;z-index:2000;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000026;padding:8px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;pointer-events:auto}.leaflet-control-zoom{position:absolute!important;top:130px!important;left:20px!important;z-index:2000!important}@media(max-width:768px){.leaflet-control-zoom{top:120px!important;left:15px!important}}@media(max-width:480px){.leaflet-control-zoom{top:110px!important;left:12px!important}}.compass-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.compass-rose{position:relative;width:60px;height:60px;border-radius:50%;background:#f8f9fa;border:2px solid #e9ecef;display:flex;align-items:center;justify-content:center}.compass-needle{position:absolute;width:2px;height:20px;background:#dc3545;border-radius:1px;transform-origin:bottom center;transition:transform .3s ease;z-index:2}.compass-needle:before{content:"";position:absolute;top:-4px;left:-2px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:6px solid #dc3545}.compass-directions{position:absolute;width:100%;height:100%;top:0;left:0}.compass-n,.compass-e,.compass-s,.compass-w{position:absolute;font-family:Arial,sans-serif;font-size:10px;font-weight:700;color:#495057;line-height:1}.compass-n{top:2px;left:50%;transform:translate(-50%)}.compass-e{right:2px;top:50%;transform:translateY(-50%)}.compass-s{bottom:2px;left:50%;transform:translate(-50%)}.compass-w{left:2px;top:50%;transform:translateY(-50%)}.compass-direction-text{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-family:Arial,sans-serif;font-size:10px;font-weight:700;color:#495057;background:#fff;padding:2px 6px;border-radius:4px;box-shadow:0 1px 3px #0000001a;min-width:20px;text-align:center}.punjab-map-wrapper.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;border-radius:0!important;background:transparent}.punjab-map-wrapper.fullscreen #punjabContourMap{width:100%!important;height:100%!important}body.map-fullscreen{overflow:hidden}body.map-fullscreen .punjab-contour-map-section-spacing{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;background:#e8f4f8;padding:0}body.map-fullscreen .ah-container{width:100%;height:100%;padding:0}body.map-fullscreen .punjab-contour-map-section{width:100%;height:100%;padding:0;border-radius:0;background:transparent}body.map-fullscreen .punjab-contour-map-container{width:100%;height:100%;padding:0}.punjab-data-card-wind-toggle{margin:16px 0;display:flex;justify-content:center}.punjab-data-card .wind-toggle-button{background:#4ba9ff;color:#fff;border:none;border-radius:8px;padding:12px 24px;box-shadow:0 4px 12px #0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;font-family:Arial,sans-serif;font-size:14px;font-weight:500;width:100%;max-width:200px}.punjab-data-card .wind-toggle-button:hover{box-shadow:0 6px 16px #0000002e;transform:translateY(-1px);background:#3a98ee}.punjab-data-card .wind-toggle-button:active{transform:translateY(0)}.punjab-data-card .wind-toggle-button.active{background:#31343d;color:#fff}.aqi-heatmap-button{position:absolute;top:20px;right:260px;background:#fff;border:none;border-radius:8px;padding:10px 18px;box-shadow:0 4px 12px #0000001f;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;z-index:10;font-family:Arial,sans-serif;font-size:12px;color:#31343d}.aqi-heatmap-button:hover{box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.aqi-heatmap-button:active{transform:translateY(0)}.aqi-heatmap-button.active{background:#05df72;color:#fff}.punjab-aqi-marker{background:transparent;border:none;cursor:pointer;position:relative}.wind-arrow{background:transparent;border:none;cursor:pointer;position:relative;z-index:1000}.wind-arrow:hover{transform:scale(1.1);transition:transform .2s ease}.user-location-marker{background:transparent;border:none;cursor:pointer;position:relative;z-index:1500}.user-location-marker:hover{transform:scale(1.1);transition:transform .2s ease}.punjab-aqi-cluster{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:11px;font-weight:700;color:#fff;position:relative;box-shadow:0 2px 8px #0003;transition:transform .2s ease}.punjab-aqi-marker:hover .punjab-aqi-cluster{transform:scale(1.1)}.punjab-aqi-cluster.good{background:#00e400;border:2px solid #00b800}.punjab-aqi-cluster.moderate{background:#ff0;border:2px solid #cccc00;color:#333}.punjab-aqi-cluster.usg{background:#ff7e00;border:2px solid #cc6500}.punjab-aqi-cluster.unhealthy{background:red;border:2px solid #cc0000}.punjab-aqi-cluster.very-unhealthy{background:#8f3f97;border:2px solid #6f2f77}.punjab-aqi-cluster.hazardous{background:#7e0023;border:2px solid #5e0018}.punjab-info-window{padding:8px;max-width:200px}.punjab-info-title{font-family:Roboto,sans-serif;font-size:13px;font-weight:700;color:#414141;margin:0 0 6px}.punjab-info-aqi{font-family:Roboto,sans-serif;font-size:12px;color:#31343d;margin:0}@media(max-width:768px){.punjab-map-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.punjab-map-title{font-size:24px}.punjab-contour-map-section{padding:0}.punjab-map-wrapper{height:600px}.punjab-data-card{width:280px;top:12px;left:12px}.punjab-map-buttons-container{top:12px;right:12px;flex-direction:column;gap:6px}.punjab-map-view-button{padding:8px 14px;font-size:11px}.punjab-map-fullscreen-button,.punjab-map-gps-button{padding:8px;width:36px;height:36px}.map-toggle-btn{padding:8px 12px;font-size:11px}.aqi-heatmap-button{top:12px;right:240px;padding:8px 14px}.punjab-data-card-wind-toggle{margin:12px 0}.punjab-data-card .wind-toggle-button{padding:10px 20px;font-size:13px}.punjab-forecast-container{padding:10px 12px 14px}.punjab-forecast-day{padding:0 2px}.punjab-forecast-aqi-badge{min-width:52px;padding:5px 8px}}@media(max-width:480px){.punjab-map-header{margin-bottom:16px}.punjab-map-title{font-size:20px}.punjab-map-wrapper{height:525px}.punjab-data-card{width:calc(100% - 24px);max-height:calc(100vh - 80px);overflow-y:auto;left:12px;right:12px;top:50%;transform:translateY(-50%)}.punjab-data-card-close{width:32px;height:32px;font-size:24px;background:#fffffff2;border-radius:50%;box-shadow:0 2px 8px #00000026;z-index:100}.punjab-weather-info{flex-wrap:wrap;gap:6px}.punjab-weather-item{flex:0 0 calc(50% - 3px)}.punjab-forecast-day-name{font-size:9px}.punjab-forecast-aqi-badge{min-width:48px;padding:4px 6px}.punjab-forecast-aqi-number{font-size:9px}.punjab-map-buttons-container{top:8px;right:8px;gap:4px}.punjab-map-view-button,.punjab-map-fullscreen-button,.map-toggle-btn{padding:6px 10px;font-size:10px}.punjab-map-fullscreen-text,.punjab-map-view-text{font-size:10px}.punjab-map-compass{top:12px;left:12px;width:70px;height:70px;padding:6px;z-index:2000}.leaflet-control-zoom{top:100px!important;left:12px!important}.compass-rose{width:50px;height:50px}.compass-needle{height:16px}.compass-n,.compass-e,.compass-s,.compass-w{font-size:9px}.compass-direction-text{font-size:9px;bottom:-18px}}.punjab-map-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Roboto,sans-serif;font-size:14px;color:#31343d;z-index:5}.punjab-map-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:Roboto,sans-serif;font-size:13px;color:red;text-align:center;z-index:5}.map-toggle-btn{background:#fff;border:none;padding:10px 16px;border-radius:8px;box-shadow:0 2px 8px #00000026;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s ease;pointer-events:auto;white-space:nowrap}.map-toggle-btn:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.map-toggle-btn:active{transform:translateY(0)}.map-toggle-btn.hidden{display:none}.punjab-map-layer-controls{position:absolute;top:80px;right:10px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:1000;font-family:Montserrat,sans-serif;min-width:200px;max-height:200px;overflow-y:auto;pointer-events:auto;transition:all .3s ease}.punjab-map-layer-controls.hidden{display:none}.punjab-map-layer-controls h3{margin:0 0 10px;font-size:14px;font-weight:600;color:#1f2937;display:flex;justify-content:space-between;align-items:center}.panel-close-btn{background:transparent;border:none;cursor:pointer;padding:0;font-size:24px;line-height:1;color:#6b7280;transition:color .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.panel-close-btn:hover{color:#1f2937}.layer-control-item{margin:8px 0;display:flex;align-items:center;justify-content:space-between}.layer-control-item label{font-size:13px;color:#4b5563;cursor:pointer;flex-grow:1;display:flex;align-items:center}.layer-control-item input[type=checkbox]{margin-right:8px;cursor:pointer}.layer-control-item input[type=range]{width:100%;margin-top:5px;cursor:pointer}.opacity-value{font-size:11px;color:#6b7280;margin-top:2px;text-align:center}.punjab-map-aqi-legend{position:absolute;top:300px;right:10px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:1000;font-family:Montserrat,sans-serif;min-width:220px;max-width:280px;max-height:calc(100% - 320px);overflow-y:auto;pointer-events:auto;transition:all .3s ease}.punjab-map-aqi-legend.hidden{display:none}.punjab-map-windspeed-legend{position:absolute;top:300px;right:10px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:1000;font-family:Montserrat,sans-serif;min-width:220px;max-width:280px;max-height:calc(100% - 320px);overflow-y:auto;pointer-events:auto;transition:all .3s ease}.punjab-map-windspeed-legend.hidden{display:none}.punjab-map-aqi-legend h4{margin:0 0 8px;font-size:12px;font-weight:600;color:#1f2937}.punjab-map-aqi-legend::-webkit-scrollbar{width:6px}.punjab-map-aqi-legend::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.punjab-map-aqi-legend::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.punjab-map-aqi-legend::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.punjab-map-layer-controls{top:80px;right:10px;min-width:180px;max-height:180px;padding:12px}.punjab-map-layer-controls h3{font-size:13px}.layer-control-item label{font-size:12px}.punjab-map-aqi-legend{top:280px;right:10px;min-width:180px;max-width:200px;padding:10px;max-height:calc(100% - 300px)}.punjab-map-aqi-legend h4{font-size:11px}}@media(max-width:480px){.punjab-map-layer-controls{top:80px;left:10px;right:auto;min-width:160px;max-width:180px;max-height:160px;padding:10px}.punjab-map-layer-controls h3{font-size:12px}.layer-control-item label{font-size:11px}.punjab-map-aqi-legend{top:80px;right:10px;min-width:160px;max-width:180px;padding:10px;max-height:calc(100% - 100px)}.punjab-map-aqi-legend h4{font-size:10px}}.stations-page{background:linear-gradient(180deg,#f0f4f8,#e8edf2);min-height:100vh;padding:24px}.stations-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.location-title-card{background:#fff;border-radius:12px;padding:20px;grid-column:span 12;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 12px #00000014}.location-title{display:flex;flex-direction:column;gap:2px}.location-city{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;color:#000000f5;letter-spacing:.5px}.location-area{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;line-height:1.35;color:#000000b8}.location-date-controls{display:flex;gap:8px}.date-input-wrapper{flex:1;border:1px solid rgba(28,28,30,.12);border-radius:8px;padding:16px;display:flex;align-items:center;gap:8px;cursor:pointer}.date-input-text{flex:1;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;color:#1c1c1e8a;letter-spacing:.5px}.date-input-icon{width:24px;height:24px}.air-quality-card{background:#fff;border-radius:12px;padding:20px;grid-column:span 12;display:flex;flex-direction:column;gap:20px}@media(min-width:768px){.air-quality-card{grid-column:span 8}}.card-title-row{display:flex;align-items:center;justify-content:space-between}.card-title h2{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:20px;line-height:normal;color:#000000f5;margin:0}.info-icon{width:24px;height:24px;cursor:pointer}.pollutant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px}.pollutant-item{display:flex;align-items:center;gap:16px}.pollutant-status{background:#02db5c29;border-radius:8px;padding-top:30px;padding-bottom:0;display:flex;align-items:flex-start}.pollutant-slider{background:#02db5c;width:8px;height:100%;border-radius:8px}.pollutant-data{display:flex;flex-direction:column;gap:4px;padding:4px 0;flex:1}.pollutant-label{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;line-height:14px;color:#000000b8}.pollutant-value{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#000000f5;letter-spacing:.1px}.forecast-section{display:flex;flex-direction:column;gap:12px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08)}.forecast-label{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:14px;line-height:16px;color:#000000d9}.forecast-cards{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.forecast-cards::-webkit-scrollbar{display:none}.forecast-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px}.forecast-time{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:8px;line-height:8px;color:#000000b8;text-transform:uppercase;text-align:center}.forecast-icon{padding:4px}.forecast-icon img{width:16px;height:16px}.forecast-aqi{display:flex;align-items:center;justify-content:center;text-align:right}.forecast-aqi-value{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:16px;line-height:16px;color:#000000f5;letter-spacing:-.5px}.forecast-aqi-label{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;font-size:8px;line-height:normal;color:#000000b8;text-transform:uppercase}.slider-indicator{display:flex;gap:4px;align-items:center;justify-content:center;padding:2px 0}.slider-dot{width:6px;height:6px;border-radius:100px;background:#d1d5db}.slider-dot.active{width:20px;height:6px;background:#1882ff}.weather-card{background:#fff;border-radius:12px;padding:20px 20px 12px;grid-column:span 12;display:flex;flex-direction:column;box-shadow:0 2px 12px #00000014}@media(min-width:768px){.weather-card{grid-column:span 4}}.weather-current{display:flex;gap:16px;align-items:center;justify-content:center;padding:8px 0}.weather-info{flex:1;display:flex;flex-direction:column;gap:2px}.weather-now{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;line-height:10px;color:#000000b8;text-transform:uppercase;letter-spacing:1.5px}.weather-condition{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:16px;line-height:20px;color:#000000f5;letter-spacing:.5px}.weather-feels-like{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;line-height:14px;color:#000000b8}.weather-temp-display{display:flex;align-items:center;gap:4px}.weather-temp-value{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:24px;line-height:1.2;color:#000000f5;letter-spacing:.5px}.weather-temp-unit{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;line-height:14px;color:#000000b8}.weather-icon-large{width:48px;height:48px}.weather-hourly{display:flex;gap:4px;padding:8px 0 8px 16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.weather-hourly::-webkit-scrollbar{display:none}.weather-hourly-card{background:#fff;border-radius:8px;box-shadow:0 4px 30px #0000000f;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px}.weather-hourly-time{font-family:Roboto,sans-serif;font-weight:300;font-size:8px;line-height:8px;color:#000000b8;text-transform:uppercase;text-align:center}.weather-hourly-icon{width:32px;height:32px}.weather-hourly-temp{display:flex;align-items:flex-start;justify-content:center;text-align:right}.weather-hourly-temp-value{font-family:Roboto,sans-serif;font-weight:500;font-size:16px;line-height:16px;color:#000000f5;letter-spacing:-.5px}.weather-hourly-temp-unit{font-family:Roboto,sans-serif;font-weight:300;font-size:8px;line-height:normal;color:#000000b8;text-transform:uppercase}.map-section{grid-column:span 12;display:flex;flex-direction:column;gap:8px}@media(min-width:1024px){.map-section{grid-column:span 6}}.map-title{font-family:Roboto,sans-serif;font-size:10px;line-height:14px;color:#000000b8}.map-container{position:relative;width:100%;height:160px;border-radius:8px;overflow:hidden}.map-image{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.map-overlay{position:absolute;inset:0;mix-blend-mode:multiply;opacity:.6}.map-markers{position:absolute;inset:0;padding:5px 14.802px}.map-pin{position:absolute;width:24px;height:24px;cursor:pointer}.map-pin-inner{position:relative;width:100%;height:100%}.map-pin-value{position:absolute;inset:29.17% 12.5% 37.5%;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:8px;line-height:8px;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center}.aqi-forecast-card{background:#fff;border-radius:12px;padding:20px;grid-column:span 12;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 12px #00000014}@media(min-width:1024px){.aqi-forecast-card{grid-column:span 6}}.forecast-header{display:flex;align-items:center;justify-content:space-between}.forecast-title-section{display:flex;flex-direction:column;gap:2px}.forecast-title{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:20px;line-height:normal;color:#000000f5;margin:0}.forecast-subtitle{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;line-height:14px;color:#000000b8}.forecast-dropdown-btn{background:transparent;border:none;display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer}.forecast-dropdown-text{font-family:Outfit,sans-serif;font-weight:600;font-size:18px;line-height:28px;color:#1882ff;letter-spacing:.36px;text-transform:capitalize}.forecast-dropdown-icon{width:28px;height:28px}.forecast-chart-container{position:relative;width:100%;height:166px}.forecast-chart-bg{background:#fff;border-radius:8px;width:100%;height:150px}.forecast-chart-weeks{display:flex;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:10px;line-height:14px;color:#0006;text-align:center;margin-top:8px}.forecast-chart-weeks>span{width:40px;margin-left:12px}.forecast-chart-weeks>span:first-child{margin-left:28px}.forecast-chart-data{position:absolute;top:16px;left:16px;right:16px;height:96px;display:flex;align-items:flex-end;justify-content:space-between}.forecast-data-point{position:relative;width:32px;height:32px}.forecast-data-value{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:10px;line-height:10px;color:#fff;text-align:center;letter-spacing:-.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aqi-history-card{background:#fff;border-radius:12px;padding:20px;grid-column:span 12;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 12px #00000014}@media(min-width:1024px){.aqi-history-card{grid-column:span 6}}.station-weather-forecast-card{background:#fff;border-radius:12px;padding:20px;grid-column:span 12;display:flex;flex-direction:column;box-shadow:0 2px 12px #00000014}@media(min-width:1024px){.station-weather-forecast-card{grid-column:span 6}}.weather-forecast-list{display:flex;flex-direction:column;gap:4px;padding:16px 0 0}.weather-forecast-item{background:#fff;border-radius:8px;box-shadow:0 4px 30px #0000000f;padding:8px;display:flex;align-items:center;gap:16px}.weather-forecast-date{flex:1;display:flex;flex-direction:column;gap:4px}.weather-forecast-date-main{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:12px;line-height:12px;color:#000000f5;text-transform:uppercase}.weather-forecast-date-label{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:8px;line-height:8px;color:#0006;text-transform:uppercase;letter-spacing:1.5px}.weather-forecast-temps{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:8px}.weather-forecast-temp{display:flex;align-items:center;gap:4px}.weather-forecast-temp-value{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:16px;line-height:16px;color:#000000f5;letter-spacing:-.5px}.weather-forecast-temp-unit{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:8px;line-height:normal;color:#000000b8;text-transform:uppercase}.weather-forecast-temp-indicator{width:4px;height:6px}.weather-forecast-icon-small{width:24px;height:24px}.health-recommendations{grid-column:span 12;display:flex;flex-direction:column;gap:8px;padding-left:16px}.recommendations-title{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:22px;color:#000000b8;letter-spacing:.5px}.recommendations-scroller{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}.recommendations-scroller::-webkit-scrollbar{display:none}.recommendation-card{background:#fff;border-radius:8px;padding:12px 12px 12px 8px;display:flex;gap:4px;min-width:192px}.recommendation-icon{padding:4px}.recommendation-icon img{width:16px;height:16px}.recommendation-content{display:flex;flex-direction:column;gap:4px;color:#000000b8}.recommendation-category{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:12px;line-height:16px}.recommendation-text{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;font-size:10px;line-height:14px}.recommendation-more{font-family:Roboto,sans-serif;font-weight:700;color:#000000b8}@media(min-width:768px){.stations-page{padding:32px}.pollutant-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.stations-page{padding:40px}.stations-container{gap:32px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:2px}.gap-4{gap:4px}.gap-8{gap:8px}.gap-16{gap:16px}.aqi-forecasts-section{width:100%;max-width:1078px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.aqi-forecasts-container{position:relative}.aqi-forecasts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}.aqi-forecasts-title-group{display:flex;flex-direction:column;gap:3px}.aqi-forecasts-subtitle{font-size:13.144px;font-weight:400;color:#1882ff;line-height:19.666px;margin:0}.aqi-forecasts-title{font-size:25.116px;font-weight:400;color:#31343d;line-height:28.406px;margin:0;max-width:347px}.aqi-forecasts-icon{width:39.926px;height:39.926px;flex-shrink:0}.forecast-icon{width:100%;height:100%;object-fit:contain}.aqi-forecasts-navigation{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;justify-content:space-between;width:100%;pointer-events:none}.slider-arrow{background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;pointer-events:all;box-shadow:0 2px 8px #0000001a;color:#31343d}.slider-arrow:hover{background:#fff;transform:scale(1.1)}.slider-arrow--left{margin-left:20px}.slider-arrow--right{margin-right:20px}.aqi-forecasts-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:var(--spacing-md) 0}.aqi-forecasts-scroll::-webkit-scrollbar{display:none}.aqi-forecasts-track{display:flex;gap:0;min-width:max-content;padding:0 var(--spacing-sm)}.aqi-forecast-item{display:flex;flex-direction:column;align-items:center;min-width:78px;padding:var(--spacing-xs) var(--spacing-sm);position:relative;flex-shrink:0}.forecast-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);text-align:center;line-height:1.2}.forecast-aqi{width:55px;height:29px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);margin-bottom:var(--spacing-sm);text-align:center;line-height:1}.forecast-weather{width:35px;height:35px;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.weather-icon{width:100%;height:100%;object-fit:contain}.forecast-temperature{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);text-align:center}.forecast-wind{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-xs);gap:2px}.wind-icon{width:20px;height:20px;object-fit:contain;margin-bottom:2px}.wind-speed{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center}.wind-unit{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.forecast-humidity{display:flex;flex-direction:column;align-items:center;gap:2px}.humidity-icon{width:18px;height:18px;object-fit:contain;margin-bottom:2px}.humidity-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center}.forecast-day-label{position:absolute;top:0;right:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-background-primary);padding:2px 4px;border-radius:var(--border-radius-xs)}.forecast-divider{position:absolute;right:0;top:26px;bottom:0;width:1px;background:var(--color-border-light)}@media(max-width:768px){.aqi-forecasts-section{margin:var(--spacing-md) 0;padding:0 var(--spacing-sm)}.aqi-forecast-item{min-width:70px;padding:var(--spacing-xs)}.forecast-aqi{width:50px;height:26px;font-size:var(--font-size-xs)}.forecast-weather{width:30px;height:30px}.forecast-time,.forecast-temperature{font-size:var(--font-size-xs)}}@media(max-width:480px){.aqi-forecast-item{min-width:65px}.forecast-aqi{width:45px;height:24px}.forecast-weather{width:28px;height:28px}}.aqi-forecast-item:hover{background:var(--color-background-secondary);border-radius:var(--border-radius-sm);transition:background-color .2s ease}.aqi-forecast-item:focus-within{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.aqi-forecasts-section.loading .aqi-forecast-item{opacity:.6;pointer-events:none}.aqi-forecasts-section.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.no-forecast-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.no-forecast-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.no-forecast-data p{font-size:var(--font-size-md);margin:0}.aqi-forecast-graph-container{margin-top:40px;padding:30px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;position:relative;min-height:405px}#aqiForecastLineChart{max-height:375px;width:100%!important;height:375px!important}.chartjs-tooltip{background:#fffffffa;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:16px;pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity .2s ease;z-index:9999;min-width:200px;border:2px solid #1882ff;opacity:0}.chartjs-tooltip .tooltip-time{font-size:14px;font-weight:600;color:#31343d;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.chartjs-tooltip .tooltip-aqi{display:flex;align-items:center;gap:8px;margin-bottom:10px}.chartjs-tooltip .tooltip-aqi-label{font-size:12px;color:#666;font-weight:500}.chartjs-tooltip .tooltip-aqi-value{padding:4px 12px;border-radius:4px;font-weight:600;font-size:14px;color:#fff}.chartjs-tooltip .tooltip-weather{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0}.chartjs-tooltip .tooltip-weather-icon{width:32px;height:32px;object-fit:contain}.chartjs-tooltip .tooltip-weather-details{display:flex;flex-direction:column;gap:4px}.chartjs-tooltip .tooltip-temp{font-size:13px;font-weight:600;color:#31343d}.chartjs-tooltip .tooltip-wind{font-size:12px;color:#666;display:flex;align-items:center;gap:6px}.chartjs-tooltip .tooltip-wind-arrow{display:inline-block;width:16px;height:16px}@media(max-width:768px){.aqi-forecast-graph-container{margin-top:30px;padding:20px}#aqiForecastLineChart{max-height:263px;height:263px!important}.chartjs-tooltip{min-width:180px;padding:12px}}@media(max-width:480px){.aqi-forecast-graph-container{margin-top:20px;padding:15px}#aqiForecastLineChart{max-height:210px;height:210px!important}}.aqi-index-range-bar-component{width:100%;margin:0;padding:0}.aqi-index-range-bar-component .aqi-scale{display:flex;flex-direction:column;gap:12px;width:100%}.aqi-index-range-bar-component .scale-bar{display:flex;width:100%;height:8px;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.aqi-index-range-bar-component .scale-segment{flex:1;height:100%;transition:all .3s ease}.aqi-index-range-bar-component .scale-segment:hover{transform:scaleY(1.2);box-shadow:0 2px 4px #00000026}.aqi-index-range-bar-component .scale-labels{display:flex;justify-content:space-between;width:100%;gap:4px}.aqi-index-range-bar-component .scale-label{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}.aqi-index-range-bar-component .scale-icon{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 1px 2px #0000001a;transition:all .3s ease}.aqi-index-range-bar-component .scale-label:hover .scale-icon{transform:scale(1.2);box-shadow:0 2px 4px #0003}.aqi-index-range-bar-component .scale-name{font-size:10px;font-weight:600;color:#374151;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.aqi-index-range-bar-component .scale-range{font-size:9px;font-weight:400;color:#6b7280;text-align:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:768px){.aqi-index-range-bar-component .scale-labels{gap:2px}.aqi-index-range-bar-component .scale-name{font-size:9px}.aqi-index-range-bar-component .scale-range{font-size:8px}.aqi-index-range-bar-component .scale-icon{width:10px;height:10px}}@media(max-width:480px){.aqi-index-range-bar-component .scale-labels{flex-wrap:wrap;gap:8px}.aqi-index-range-bar-component .scale-label{flex:0 0 calc(50% - 4px);min-width:calc(50% - 4px)}.aqi-index-range-bar-component .scale-name{font-size:8px}.aqi-index-range-bar-component .scale-range{font-size:7px}}@media(prefers-color-scheme:dark){.aqi-index-range-bar-component .scale-name{color:#e5e7eb}.aqi-index-range-bar-component .scale-range{color:#9ca3af}.aqi-index-range-bar-component .scale-icon{border-color:#0000004d}}@media(prefers-contrast:high){.aqi-index-range-bar-component .scale-segment{border:1px solid rgba(0,0,0,.3)}.aqi-index-range-bar-component .scale-icon{border-width:3px;border-color:#000c}.aqi-index-range-bar-component .scale-name{font-weight:700}}@media(prefers-reduced-motion:reduce){.aqi-index-range-bar-component .scale-segment,.aqi-index-range-bar-component .scale-icon{transition:none}.aqi-index-range-bar-component .scale-segment:hover,.aqi-index-range-bar-component .scale-label:hover .scale-icon{transform:none}}