@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);.auth-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh}.auth-box{background:var(--brand-white);border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:1rem;max-width:400px;padding:2rem;width:100%}.auth-box h1{color:var(--brand-primary);margin-bottom:1.5rem;text-align:center}.auth-form{gap:1rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.auth-button{background-color:var(--brand-primary);border:none;border-radius:4px;color:var(--brand-white);cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s}.auth-button:hover{background-color:#032918}.auth-button:disabled{background-color:#ccc;cursor:not-allowed}.auth-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;text-align:center}.auth-links a{color:var(--brand-primary);text-decoration:none}.auth-links a:hover{text-decoration:underline}.error-message,.success-message{border-radius:4px;padding:.75rem}.success-message{background-color:#dcfce7;color:#16a34a;margin-bottom:1rem}.ChartCommon_chartContainer__B2Cr3{background:var(--brand-bg);border-radius:12px;box-shadow:0 2px 4px #00000014;contain:layout;display:flex;flex-direction:column;gap:.75rem;isolation:isolate;margin:0 auto;max-height:800px;max-width:100%;min-height:600px;overflow:visible;padding:2rem;position:relative;width:100%}.ChartCommon_chartHeader__jFdSc{display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-bottom:.25rem}.ChartCommon_chartTitle__14dK5{color:var(--brand-primary);font-size:24px;font-weight:700;margin:0}.ChartCommon_chartLegend__DUPMs{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1rem;margin-top:1rem;padding:.5rem}.ChartCommon_legendItem__aMvKs{align-items:center;background:none;border:none;border-radius:20px;color:var(--brand-primary);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.ChartCommon_legendItem__aMvKs.ChartCommon_active__JlLyi{background:var(--brand-accent);color:var(--brand-primary)}.ChartCommon_legendDot__\+VQ0F{background-color:var(--brand-primary);border-radius:50%;height:12px;opacity:.3;width:12px}.ChartCommon_legendItem__aMvKs.ChartCommon_active__JlLyi .ChartCommon_legendDot__\+VQ0F{opacity:1}.ChartCommon_toggleGroup__RNGNN{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0;margin-top:.125rem}.ChartCommon_toggleBtn__LQV5X{align-items:center;background:#0000;border:2px solid var(--brand-accent);border-radius:20px;color:var(--brand-primary);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:8px 16px;transition:all .3s ease}.ChartCommon_toggleBtn__LQV5X.ChartCommon_selected__vL07k{background:var(--brand-accent);color:var(--brand-primary)}.ChartCommon_infoTooltipTrigger__tWbKy{cursor:help;position:absolute;right:1rem;top:1rem;z-index:1}.ChartCommon_infoTooltip__UHyGK{background:var(--brand-bg);border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:1rem;position:absolute;right:2rem;top:0;width:300px;z-index:10}.ChartCommon_chartContent__DPoJz{contain:layout size;flex:1 1;height:100%;margin-bottom:.5rem;min-height:450px;overflow:hidden;position:relative;width:100%}@media (max-width:1024px){.ChartCommon_chartContainer__B2Cr3{gap:.5rem;max-width:100%;min-height:550px;padding:1.5rem 1.5rem 2rem}.ChartCommon_chartHeader__jFdSc{gap:6px;margin-bottom:.125rem}.ChartCommon_chartTitle__14dK5{font-size:1.1rem}.ChartCommon_chartLegend__DUPMs{margin-bottom:.75rem;margin-top:.75rem}.ChartCommon_legendItem__aMvKs{font-size:.95rem;min-height:44px;min-width:44px;padding:.5rem .75rem}.ChartCommon_toggleGroup__RNGNN{gap:8px;justify-content:center;margin-top:.125rem}.ChartCommon_toggleBtn__LQV5X{font-size:.95rem;min-width:60px;padding:8px 12px}.ChartCommon_chartContent__DPoJz{height:400px;margin-bottom:.5rem}}@media (max-width:768px){.ChartCommon_chartContainer__B2Cr3{gap:.75rem;max-width:100%;min-height:550px;padding:1.5rem 1.5rem 2.5rem}.ChartCommon_chartHeader__jFdSc{gap:6px;margin-bottom:.125rem}.ChartCommon_chartTitle__14dK5{font-size:1.1rem}.ChartCommon_chartLegend__DUPMs{gap:1rem;margin-bottom:.75rem;margin-top:.75rem}.ChartCommon_legendItem__aMvKs{font-size:.95rem;min-height:44px;min-width:44px;padding:.5rem .75rem}.ChartCommon_toggleGroup__RNGNN{gap:6px;justify-content:center;margin-top:.125rem}.ChartCommon_toggleBtn__LQV5X{font-size:.95rem;min-width:55px;padding:8px 12px}.ChartCommon_chartContent__DPoJz{height:400px;margin-bottom:1rem}}@media (max-width:480px){.ChartCommon_chartContainer__B2Cr3{box-sizing:border-box;gap:1rem;height:auto;max-width:100%;min-height:650px;padding:1rem;position:relative;width:100%}.ChartCommon_chartHeader__jFdSc{gap:8px;margin-bottom:.5rem}.ChartCommon_chartTitle__14dK5{font-size:1rem;text-align:center}.ChartCommon_chartLegend__DUPMs{flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem;margin-top:1rem;padding:.5rem .25rem;position:relative;z-index:10}.ChartCommon_legendItem__aMvKs{font-size:.85rem;min-height:44px;min-width:44px;padding:.4rem .6rem}.ChartCommon_toggleGroup__RNGNN{flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:1rem;margin-top:.5rem;padding:.5rem .25rem;position:relative;z-index:10}.ChartCommon_toggleBtn__LQV5X{border-radius:16px;font-size:.85rem;min-height:40px;min-width:48px;padding:6px 10px}.ChartCommon_chartContent__DPoJz{height:350px;margin-bottom:1rem;overflow:hidden;width:100%}}@media (max-width:360px){.ChartCommon_chartContainer__B2Cr3{max-width:100%;min-height:600px;padding:1rem;width:100%}.ChartCommon_chartTitle__14dK5{font-size:.9rem}.ChartCommon_toggleBtn__LQV5X{font-size:.8rem;min-height:36px;min-width:44px;padding:4px 8px}.ChartCommon_legendItem__aMvKs{font-size:.8rem;padding:.3rem .5rem}.ChartCommon_chartContent__DPoJz{height:300px;margin-bottom:1rem}}.ChartCommon_chartSubtitle__oTjqr{color:#666;font-size:.9rem;font-weight:400;margin:0}.ChartCommon_errorContainer__0GKqk,.ChartCommon_loadingContainer__sBSm-,.ChartCommon_noDataContainer__w8XDn{align-items:center;color:#666;display:flex;font-size:1rem;justify-content:center;min-height:200px}.ChartCommon_errorContainer__0GKqk{color:#f44336}:root{--brand-green-light:#d9f6bb;--brand-green-dark:#043a24;--brand-green-medium:#a9ed8a;--brand-white:#fff;--brand-bg:var(--brand-white);--brand-primary:var(--brand-green-dark);--brand-accent:var(--brand-green-light);--brand-success:var(--brand-green-medium)}body{background-color:#f5f5f5;font-family:Montserrat,sans-serif;padding:20px}.dashboard,.form-container{background-color:#fff;border-radius:15px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:5000px;padding:40px}.chart-section,.charts-container{display:flex;gap:40px;justify-content:space-around;width:100%}h1,h2{text-align:center}h1,h2,h3{color:#333}h3{font-size:18px;font-weight:700;margin-bottom:15px}.key-data-points,.left-box,.right-box{background-color:#e6f4ea;border-radius:8px;box-shadow:0 0 8px #0000001a;padding:15px;text-align:left;width:100%}canvas{border-radius:8px}.chart-container{flex-direction:column;gap:2rem}.chart{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:calc(45vh - 2rem);min-height:400px;padding:1rem;position:relative;width:100%}.chart-wrapper{height:400px;margin-top:20px}.top-navbar{border-bottom:1px solid #eee;left:250px;padding:.75rem 1.5rem}.navbar-logo{height:40px}.navbar-logo img{height:100%;width:auto}.navbar-right{align-items:center;display:flex;gap:1rem}.navbar-icon-button{font-size:1.25rem;justify-content:center}.navbar-icon-button,.navbar-user-button{align-items:center;background:none;border:none;color:#043a24;cursor:pointer;display:flex;padding:.5rem}.navbar-user-button{font-size:1.5rem}.sidebar{background-color:#043a24;color:#fff;height:100vh;top:0}.nav-content{height:calc(100vh - 2rem);margin-top:1rem}.nav-link{border-radius:8px;font-size:1rem;margin-bottom:.5rem;transition:background-color .2s}.nav-link.active{background-color:#d9f6bb;color:#043a24;font-weight:500}.nav-link svg{font-size:1.1rem}.dashboard-container{margin-left:250px;margin-top:60px}@media (max-width:768px){.top-navbar{left:0}.dashboard-container{margin-left:0}.mobile-menu-toggle{display:block}}.dashboard{background-color:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:3rem}.dashboard-title{align-items:center;color:#043a24;display:flex;font-size:1.75rem;justify-content:space-between;margin-bottom:3rem}.refresh-container{align-items:center;display:flex;gap:12px}.refresh-timer{color:#666;font-size:.9rem}.refresh-button{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#043a24;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-button:hover{background-color:#f5f5f5}.refresh-button:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.dashboard-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:1rem;padding:2rem}.card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.card-header{border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1rem}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#043a24;font-size:1.1rem;font-weight:600;gap:.75rem;margin:0}.card-icon{align-items:center;display:flex;font-size:1.25rem;justify-content:center}.card.full-width{grid-column:1/-1}.chart-wrapper{height:300px}.loading-spinner{color:#043a24}@media (max-width:1024px){.dashboard{padding:2rem}.card{padding:1rem}.chart-wrapper{height:250px}}.health-impact-grid{grid-gap:1.5rem;background:#fff;border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}.card-header h2.card-title{color:#666;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.health-metric-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;text-align:center}.health-metric-card h3{color:#043a24;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.health-metric-card .description{color:#90a4ae;font-size:.9rem;margin-bottom:1rem;min-height:40px}.impact-level{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.impact-level-text{color:#043a24;font-weight:600}.impact-percentage{color:#043a24;font-size:2rem;font-weight:700;margin-top:.5rem}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-top:1rem;overflow:hidden;width:100%}.progress-bar-fill{background:#4caf50;border-radius:4px;height:100%;transition:width .3s ease}.dashboard-content{display:flex;flex-direction:column;gap:1.5rem}.metrics-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem}.charts-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media (max-width:1200px){.health-impact-grid{grid-template-columns:repeat(3,1fr)}.metrics-row{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}@media (max-width:768px){.health-impact-grid,.metrics-row{grid-template-columns:1fr}}.chart-legend{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.legend-item{background:none;border:none;border-radius:20px;color:var(--button-color);padding:.5rem 1rem;transition:all .3s ease}.legend-item .legend-dot{background-color:var(--button-color);border-radius:50%;height:12px;opacity:.3;width:12px}.legend-item.active .legend-dot{opacity:1}.legend-item:hover{background-color:#043a241a}.charts-grid{gap:2rem;margin-top:2rem;max-width:100%;width:100%}.chart-section,.charts-grid{display:flex;flex-direction:column}.chart-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:500px;overflow:hidden;padding:1.5rem}.chart-section h2{color:#043a24;flex-shrink:0;font-size:1.25rem;margin-bottom:1rem;text-align:left}.chart-wrapper{flex:1 1;min-height:0;overflow:hidden;position:relative;width:100%}.chart-card{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:1.5rem}.chart-card .chart-wrapper{flex:1 1;height:100%;min-height:0;position:relative;width:100%}.chart-container{bottom:0;height:100%;left:0;position:absolute;right:0;top:0}canvas.chartjs-render-monitor{height:100%!important;max-height:100%;max-width:100%;width:100%!important}.chart-card h2{color:#043a24;font-size:1.5rem;margin-bottom:1.5rem}.chart-side{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}@media (max-width:1024px){.chart-section{height:400px}}@media (max-width:768px){.dashboard{padding:1rem}.dashboard-title{font-size:1.5rem;margin-bottom:1.5rem}.dashboard-content{gap:1.5rem}.chart-section{height:350px}}@media (max-width:480px){.chart-wrapper{height:250px}}.dashboard-container{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-title{color:#333}.insights-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.insights-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.insight-section h2{color:#043a24;font-size:1.5rem;margin-bottom:1rem}.insight-content{background:#f8f9fa;border-radius:8px;padding:1.5rem}.improvements-section h2{color:#043a24;font-size:1.5rem;margin-bottom:1rem}.improvement-icon,.total-reduction{color:#043a24}input:checked+.toggle-slider{background-color:#043a24}.devices-section{margin-top:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#043a24;margin:0}.add-device-button{align-items:center;background:#d9f6bb;color:#043a24;display:flex;gap:.5rem}.device-card{background:#fff;border:1px solid #eee;border-radius:12px}.device-icon{background:#d9f6bb;border-radius:12px;color:#043a24;font-size:1.5rem}@media (max-width:768px){.insights-grid{grid-template-columns:1fr}.dashboard-container{padding:1rem}}.profile-cards-wrapper{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}.profile-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #043a2414;display:flex;flex:1 1 420px;flex-direction:column;gap:2rem;max-width:520px;min-width:340px;padding:2.5rem 2rem 2rem}.profile-card-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem;position:relative}.profile-avatar{align-items:center;background:#d9f6bb;background:var(--brand-accent);border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.profile-avatar-health{background:#d9f6bb}.profile-title{flex:1 1;font-size:1.5rem;font-weight:700;margin:0}.profile-edit-btn,.profile-title{color:#043a24;color:var(--brand-primary)}.profile-edit-btn{background:#d9f6bb;background:var(--brand-accent);border:2px solid #3a7c5a22;border-radius:2rem;box-shadow:0 1px 4px #043a2414;cursor:pointer;font-size:1rem;font-weight:600;margin-left:auto;padding:.75rem 1.5rem;transition:box-shadow .2s,border .2s}.profile-edit-btn:hover{border:2px solid #043a24;box-shadow:0 2px 8px #043a241f}.profile-info-grid{grid-gap:1.5rem 2rem;display:grid;gap:1.5rem 2rem;grid-template-columns:1fr 1fr}.profile-info-row{display:flex;flex-direction:column;gap:.25rem}.profile-info-label{color:#888;font-size:1.05rem;font-weight:500;margin-bottom:.25rem}.profile-info-value{align-items:center;color:#043a24;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;min-height:2.5rem}.form-input,.form-select{background:#f8f9fa;border:1px solid #ccc;border-radius:8px;color:#043a24;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:500;margin-bottom:0;padding:.5rem 1rem;transition:border .2s;width:100%}.form-input:focus,.form-select:focus{border:1.5px solid #043a24;outline:none}@media (max-width:900px){.profile-cards-wrapper{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.profile-card{max-width:100%;min-width:0}.profile-info-grid{grid-template-columns:1fr}}body.dark-mode{background-color:#043a24;color:#d9f6bb}body.dark-mode .card,body.dark-mode .dashboard,body.dark-mode .form-container,body.dark-mode .profile-card{background-color:#043a24;box-shadow:0 2px 8px #d9f6bb14;color:#d9f6bb}body.dark-mode .top-navbar{background-color:#043a24;border-bottom:1px solid #d9f6bb33;color:#d9f6bb}body.dark-mode .navbar-logo img{filter:brightness(0) invert(1)}body.dark-mode .navbar-icon-button,body.dark-mode .navbar-user-button{color:#d9f6bb}body.dark-mode .sidebar{background-color:#022616;color:#d9f6bb}body.dark-mode .nav-link{color:#d9f6bb}body.dark-mode .nav-link.active{background-color:#d9f6bb;color:#043a24}body.dark-mode .card-title,body.dark-mode .dashboard-title,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:#d9f6bb}body.dark-mode .card,body.dark-mode .insights-card,body.dark-mode .profile-card{background:#043a24;color:#d9f6bb}body.dark-mode .health-metric-card,body.dark-mode .improvement-item{background:#022616;color:#d9f6bb}body.dark-mode .toggle-slider,body.dark-mode input:checked+.toggle-slider{background-color:#d9f6bb}body.dark-mode .toggle-slider:before{background-color:#043a24}@media (max-width:900px){.dashboard-content{gap:2rem;grid-template-columns:1fr;padding:1rem}}@media (max-width:600px){.dashboard-content{gap:1rem;grid-template-columns:1fr;margin-top:.5rem;padding:.5rem}.dashboard-header{font-size:1.1rem!important;padding:1rem!important}.dashboard-title{font-size:1.2rem!important;margin-bottom:1rem!important}.card,.cardContainer,.chart-wrapper,.chartsRow{border-radius:10px!important;margin:.5rem 0!important;padding:1rem!important}.chartsRow{flex-direction:column!important;gap:1rem!important}.chart{height:30vh!important;min-height:200px!important;padding:.5rem!important}}.chartsRow{display:flex;flex-wrap:wrap;gap:2rem}@media (max-width:900px){.chartsRow{flex-direction:column!important;gap:1rem!important;grid-template-columns:1fr!important;margin:0!important;width:100%!important}.card,.cardContainer{margin:0!important;max-width:100%!important;padding:.5rem!important;width:100%!important}.card{box-sizing:border-box}.chart-wrapper{margin:0!important;padding:0!important}.chart-wrapper,canvas{min-width:0!important;width:100%!important}canvas{box-sizing:border-box;height:auto!important;max-width:100%!important}}.card,.chart-card,.chart-section,.chart-wrapper{box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.chart-controls,.insights-chart-controls,.time-range-controls{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-bottom:1rem;max-width:100%;width:100%}@media (max-width:600px){.card,.chart-card,.chart-section,.chart-wrapper{border-radius:10px!important;max-width:100%!important;overflow:hidden!important;padding:.5rem!important;width:100%!important}.chart-controls,.insights-chart-controls,.time-range-controls{flex-wrap:wrap;font-size:.95rem!important;gap:.25rem!important;justify-content:flex-start;max-width:100%!important;padding:.25rem .5rem!important;width:100%!important}}.charts-full-width-row{display:flex;gap:2rem;margin:2rem 0 0;max-width:100vw;width:100%}.charts-full-width-row .card{box-sizing:border-box;flex:1 1;margin:0;max-width:100%;min-width:0;width:100%}@media (max-width:900px){.charts-full-width-row{flex-direction:column;gap:1rem;max-width:100vw;width:100%}.charts-full-width-row .card{margin:0;max-width:100%;width:100%}}.disclaimer-section{margin-top:auto;padding-bottom:1.5rem;padding-top:1rem;position:relative}.disclaimer-button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;text-align:left;transition:background-color .2s;width:100%}.disclaimer-button:hover{background-color:#ffffff1a}.disclaimer-button svg{font-size:.9rem}.disclaimer-tooltip{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px #00000026;left:50%;max-height:80vh;max-width:600px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}.disclaimer-content{color:#333;line-height:1.6;padding:1.5rem;position:relative}.disclaimer-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;position:absolute;right:15px;top:10px;width:30px}.disclaimer-close:hover{color:#333}.disclaimer-content p{font-size:.9rem;margin:0;white-space:pre-line}body.dark-mode .disclaimer-tooltip{background:#2a2a2a;border-color:#444}body.dark-mode .disclaimer-content{color:#e0e0e0}body.dark-mode .disclaimer-close{color:#ccc}body.dark-mode .disclaimer-close:hover{color:#fff}.category-buttons-container{grid-gap:1.5rem;background:#fff;border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin:0 auto 2rem;max-width:1400px;padding:1.5rem}.category-button{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;min-width:0;padding:16px;transition:border .2s,box-shadow .2s;width:100%}.category-button.selected{border:2px solid var(--brand-primary);box-shadow:0 2px 8px #043a240f}.category-icon{color:var(--brand-primary);font-size:1.5rem}.category-label{color:var(--brand-primary);font-size:1rem;font-weight:600}@media (max-width:900px){.category-buttons-container{gap:1rem;grid-template-columns:repeat(2,1fr);padding:1rem}}@media (max-width:600px){.category-buttons-container{gap:.75rem;grid-template-columns:1fr;padding:.5rem}.category-button{border-radius:8px;padding:10px}.category-icon{font-size:1.1rem}.category-label{font-size:.95rem}}.CognitiveFunctionImpact_container__2hLZ5{background:#fff;border-radius:12px;padding:2rem}.CognitiveFunctionImpact_title__eG2TR{color:#043a24;font-size:1.75rem;margin-bottom:2rem;text-align:center}.CognitiveFunctionImpact_metricsGrid__rBh9L{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.CognitiveFunctionImpact_metricBox__3bvLU{background:#e6f4ea;border-radius:12px;flex:1 1 auto;max-width:200px;min-width:120px;padding:1.5rem;text-align:center}.CognitiveFunctionImpact_metricLabel__k\+dOt{color:#043a24;font-size:1.2rem;margin-bottom:.5rem}.CognitiveFunctionImpact_metricValue__NR9Ok{color:#043a24;font-size:2rem;font-weight:500}.CognitiveFunctionImpact_description__e9CAN{color:#666;font-size:1.1rem;margin:0;text-align:center}@media (max-width:768px){.CognitiveFunctionImpact_container__2hLZ5{padding:1.5rem}.CognitiveFunctionImpact_title__eG2TR{font-size:1.5rem;margin-bottom:1.5rem}.CognitiveFunctionImpact_metricsGrid__rBh9L{align-items:center;flex-direction:column;gap:1rem}.CognitiveFunctionImpact_metricBox__3bvLU{max-width:280px;min-width:0;min-width:auto;padding:1.25rem;width:100%}.CognitiveFunctionImpact_metricLabel__k\+dOt{font-size:1.1rem}.CognitiveFunctionImpact_metricValue__NR9Ok{font-size:1.75rem}.CognitiveFunctionImpact_description__e9CAN{font-size:1rem}}@media (max-width:480px){.CognitiveFunctionImpact_container__2hLZ5{padding:1rem}.CognitiveFunctionImpact_title__eG2TR{font-size:1.25rem;margin-bottom:1rem}.CognitiveFunctionImpact_metricBox__3bvLU{padding:1rem}.CognitiveFunctionImpact_metricLabel__k\+dOt{font-size:1rem}.CognitiveFunctionImpact_metricValue__NR9Ok{font-size:1.5rem}.CognitiveFunctionImpact_description__e9CAN{font-size:.9rem}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:.9;opacity:var(--rt-opacity);transition:opacity .15s ease-out;transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity .15s ease-in;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:-webkit-max-content;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:#222;background:var(--rt-color-dark);color:#fff;color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:#fff;background-color:var(--rt-color-white);color:#222;color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:#8dc572;background-color:var(--rt-color-success);color:#fff;color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:#f0ad4e;background-color:var(--rt-color-warning);color:#fff;color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:#be6464;background-color:var(--rt-color-error);color:#fff;color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:#337ab7;background-color:var(--rt-color-info);color:#fff;color:var(--rt-color-white)}.AQIGauge_container__O\+diT{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.5rem}.AQIGauge_gaugeContainer__opkja{align-items:center;display:flex;flex:1 1;justify-content:center;padding:1rem 0;width:100%}.AQIGauge_gauge__LQv3b{height:220px;position:relative;width:220px}.AQIGauge_gaugeCenter__JRXSo,.AQIGauge_gauge__LQv3b{align-items:center;border-radius:50%;display:flex;justify-content:center}.AQIGauge_gaugeCenter__JRXSo{background:#fff;flex-direction:column;height:180px;width:180px}.AQIGauge_aqiValue__Bj898{color:#111827;font-size:3.5rem;font-weight:700;line-height:1}.AQIGauge_aqiLabel__slehE{color:#6b7280;font-size:1.25rem;margin-top:.5rem}.AQIGauge_readingsContainer__UtGiu{display:flex;gap:.75rem;justify-content:space-between;margin-top:auto;width:100%}.AQIGauge_reading__bckQT{background:#e6f4ea;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:.75rem;text-align:center}.AQIGauge_readingLabel__rxRYv{color:#374151;font-size:1rem;font-weight:500}.AQIGauge_readingValue__wHP2u{color:#111827;font-size:1.5rem;font-weight:600}.AQIGauge_locationInfo__0Vxu8{color:#666;font-size:1rem;margin-bottom:1.5rem;text-align:left;width:100%}.AQIGauge_progress__bbw8X{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;transform:rotate(-90deg);width:100%}.AQIGauge_progress__bbw8X:before{background:#fff;border-radius:50%;content:"";inset:10px;position:absolute}.AQIGauge_center__UPjPp{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;transform:rotate(90deg);width:100%}.AQIGauge_value__FQWFV{color:#1a1a1a;font-size:3.5rem;font-weight:700;line-height:1}.AQIGauge_unit__8c5vS{color:#666;font-size:1.2rem;margin-top:.25rem}.AQIGauge_metrics__gh4tB{display:flex;justify-content:space-between;padding:0 1rem;width:100%}.AQIGauge_metric__hEWXQ{align-items:center;display:flex;flex-direction:column;gap:.5rem}.AQIGauge_label__QfyKz{color:#666;font-size:.9rem}.AQIGauge_metric__hEWXQ .AQIGauge_value__FQWFV{color:#1a1a1a;font-size:1.2rem;font-weight:500}@media (max-width:1024px){.AQIGauge_container__O\+diT{padding:1rem}.AQIGauge_gauge__LQv3b{height:180px;width:180px}.AQIGauge_gaugeCenter__JRXSo{height:140px;width:140px}.AQIGauge_aqiValue__Bj898{font-size:3rem}.AQIGauge_aqiLabel__slehE{font-size:1rem}}@media (max-width:768px){.AQIGauge_gauge__LQv3b{height:160px;width:160px}.AQIGauge_gaugeCenter__JRXSo{height:120px;width:120px}.AQIGauge_aqiValue__Bj898{font-size:2.5rem}.AQIGauge_reading__bckQT{padding:.5rem}.AQIGauge_readingLabel__rxRYv{font-size:.875rem}.AQIGauge_readingValue__wHP2u{font-size:1.25rem}}.AirQualityRecommendations_container__VUHvn{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden;padding:1.5rem}.AirQualityRecommendations_title__827D9{color:#043a24;flex-shrink:0;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.AirQualityRecommendations_loadingContainer__qHDxl{align-items:center;color:#666;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;padding:2rem}.AirQualityRecommendations_spinner__p02ev{animation:AirQualityRecommendations_spin__BcpgG 1s linear infinite;color:#043a24;font-size:1.5rem;margin-bottom:.5rem}@keyframes AirQualityRecommendations_spin__BcpgG{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.AirQualityRecommendations_errorContainer__Y7jpR{align-items:center;background:#fef3c7;border-radius:6px;display:flex;flex-shrink:0;gap:.5rem;margin-bottom:1rem;padding:.75rem}.AirQualityRecommendations_errorIcon__Lrn3n{color:#92400e;flex-shrink:0;font-size:1.1rem}.AirQualityRecommendations_errorContainer__Y7jpR p{color:#92400e;font-size:.9rem;line-height:1.4;margin:0}.AirQualityRecommendations_recommendationsList__YN3N8{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto}.AirQualityRecommendations_recommendationItem__V-wZH{align-items:flex-start;background:#e6f4ea;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:transform .2s ease}.AirQualityRecommendations_recommendationItem__V-wZH:hover{transform:translateY(-2px)}.AirQualityRecommendations_numberBadge__cptxB{align-items:center;background:#043a24;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:1.75rem;justify-content:center;width:1.75rem}.AirQualityRecommendations_recommendationContent__-LxlB{flex:1 1}.AirQualityRecommendations_recommendationTitle__S2Fjg{color:#043a24;font-size:1rem;font-weight:600;margin:0 0 .25rem}.AirQualityRecommendations_recommendationDescription__8OqC4{color:#2d5548;font-size:.9rem;line-height:1.4;margin:0}.AirQualityRecommendations_alert__6YYhi{align-items:center;background:#fef3c7;border-radius:6px;display:flex;flex-shrink:0;gap:.5rem;margin-top:auto;padding:.75rem}.AirQualityRecommendations_alertIcon__wi4Es{color:#92400e;flex-shrink:0;font-size:1.1rem}.AirQualityRecommendations_alert__6YYhi p{color:#92400e;font-size:.9rem;line-height:1.4;margin:0}.AirQualityRecommendations_skeleton__lgGhF{opacity:.6;pointer-events:none}.AirQualityRecommendations_skeletonText__RzkOa{animation:AirQualityRecommendations_loading__b0WzR 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:1rem;margin-bottom:.5rem}.AirQualityRecommendations_skeletonText__RzkOa:last-child{height:.8rem;width:80%}@keyframes AirQualityRecommendations_loading__b0WzR{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.AirQualityRecommendations_container__VUHvn{padding:1rem}.AirQualityRecommendations_title__827D9{font-size:1.25rem;margin-bottom:1rem}.AirQualityRecommendations_loadingContainer__qHDxl{min-height:0;padding:1.5rem}.AirQualityRecommendations_recommendationsList__YN3N8{gap:.75rem;min-height:0}.AirQualityRecommendations_recommendationItem__V-wZH{padding:.75rem}.AirQualityRecommendations_recommendationTitle__S2Fjg{font-size:.9rem}.AirQualityRecommendations_recommendationDescription__8OqC4{font-size:.8rem}}@media (max-width:480px){.AirQualityRecommendations_container__VUHvn{padding:.75rem}.AirQualityRecommendations_recommendationItem__V-wZH{align-items:center;flex-direction:column;gap:.5rem;text-align:center}.AirQualityRecommendations_numberBadge__cptxB{font-size:.8rem;height:1.5rem;width:1.5rem}}.AQICard_aqiCardContainer__sBJU1{margin-bottom:2rem;width:100%}.AQICard_aqiMainCard__mJqTz{background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000014;padding:2rem}.AQICard_cityName__msHXS{color:#043a24;font-size:1.75rem;margin:0 0 1.5rem}.AQICard_aqiDisplay__gDo9l{margin-bottom:2rem;text-align:center}.AQICard_aqiNumber__Dd8WK{font-size:4rem;font-weight:700;line-height:1;margin-bottom:.5rem}.AQICard_aqiLabel__Rlfu5{color:#666;font-size:1.2rem;margin-bottom:1rem}.AQICard_aqiLevel__dIiv0{border-radius:20px;color:#fff;display:inline-block;font-weight:500;margin-bottom:1rem;padding:.5rem 1rem}.AQICard_aqiDescription__OvMsU{color:#666;font-size:1rem;margin:0 auto;max-width:600px}.AQICard_pollutantGrid__TNffA{grid-gap:1.5rem;border-top:1px solid #eee;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem;padding-top:2rem}.AQICard_pollutant__9ra34{text-align:center}.AQICard_pollutantLabel__-T-Qy{color:#666;display:block;font-size:1rem;margin-bottom:.5rem}.AQICard_pollutantValue__5Mmtu{color:#043a24;display:block;font-size:1.5rem;font-weight:500}@media (max-width:600px){.AQICard_aqiMainCard__mJqTz{padding:1.5rem}.AQICard_cityName__msHXS{font-size:1.5rem;margin-bottom:1rem}.AQICard_aqiNumber__Dd8WK{font-size:3rem}.AQICard_pollutantGrid__TNffA{gap:1rem}.AQICard_pollutantValue__5Mmtu{font-size:1.25rem}}.Dashboard_dashboardContainer__xh8nt{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:2rem}.Dashboard_dashboardHeader__zb7AE{margin-bottom:1rem}.Dashboard_dashboardTitle__BDJEW{color:#043a24;font-size:1.75rem;margin-bottom:.5rem}.Dashboard_headerRow__F4VWQ{align-items:center;color:#666;display:flex;justify-content:space-between}.Dashboard_locationBadge__wfQNn{background:#e6f4ea;border-radius:20px;color:#043a24;font-weight:500;padding:.5rem 1rem}.Dashboard_cardGrid__HUkzw{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;width:100%}.Dashboard_card__LuexR{background:#fff;border-radius:24px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;height:auto;min-height:400px}.Dashboard_categorySection__qJWd1{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-top:1rem;padding:2rem;width:100%}.Dashboard_categoryButtons__QKVv\+{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.Dashboard_categoryButton__RlZfd{align-items:center;background:#fff;border:2px solid #e6f4ea;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem;transition:all .2s ease;width:100%}.Dashboard_categoryButton__RlZfd:hover{background:#e6f4ea}.Dashboard_categoryButton__RlZfd.Dashboard_active__rxUvX{background:#043a24;border-color:#043a24;color:#fff}.Dashboard_icon__72N0T{font-size:1.5rem;margin-bottom:.5rem}.Dashboard_label__B7asn{font-weight:500}.Dashboard_categoryContent__oH9\+D{min-height:300px}.Dashboard_chartsSection__fRCEC{display:flex;justify-content:center;margin-top:2rem;width:100%}.Dashboard_chartsGrid__KcTOl{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;max-width:1200px;width:100%}.Dashboard_chartCard__E8a-r{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.Dashboard_refreshInfo__5VG5l{color:#666;font-size:.9rem;margin-top:1rem;text-align:center}@media (max-width:1024px){.Dashboard_cardGrid__HUkzw{gap:1.5rem;grid-template-columns:1fr}.Dashboard_card__LuexR{margin:0 auto;min-height:350px;width:100%}.Dashboard_chartsGrid__KcTOl{gap:1.5rem}.Dashboard_categoryContent__oH9\+D{min-height:250px}}@media (max-width:768px){.Dashboard_dashboardContainer__xh8nt{gap:1.5rem;padding:1rem}.Dashboard_card__LuexR{height:400px;margin:0 auto;max-width:100%;min-height:400px;width:100%}.Dashboard_categoryButtons__QKVv\+{grid-template-columns:repeat(2,1fr)}.Dashboard_categorySection__qJWd1{margin:0 auto;max-width:100%;padding:1.5rem;width:100%}.Dashboard_categoryContent__oH9\+D{min-height:200px}.Dashboard_chartsGrid__KcTOl{gap:1.5rem}}@media (max-width:480px){.Dashboard_dashboardContainer__xh8nt{gap:1.5rem;max-width:100vw;overflow-x:hidden;padding:1rem}.Dashboard_headerRow__F4VWQ{align-items:flex-start;flex-direction:column;gap:.5rem}.Dashboard_card__LuexR{box-sizing:border-box;margin:0 auto;max-width:calc(100vw - 2rem);min-height:280px;width:100%}.Dashboard_categoryButtons__QKVv\+{gap:1rem;grid-template-columns:repeat(2,1fr)}.Dashboard_categoryButton__RlZfd{min-height:44px;padding:.75rem;width:100%}.Dashboard_categorySection__qJWd1{box-sizing:border-box;margin:0 auto;max-width:calc(100vw - 2rem);padding:1rem;width:100%}.Dashboard_categoryContent__oH9\+D{min-height:180px}.Dashboard_icon__72N0T{font-size:1.25rem;margin-bottom:.25rem}.Dashboard_label__B7asn{font-size:.9rem}.Dashboard_chartsGrid__KcTOl{gap:1.5rem}.Dashboard_chartsGrid__KcTOl,.Dashboard_chartsSection__fRCEC{overflow-x:hidden;padding-bottom:2rem;width:100%}}.insights-container{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-title{color:var(--brand-primary);font-size:2rem;margin-bottom:1.5rem}.insight-banner{background:var(--brand-accent);border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1.5rem}.insight-message{align-items:flex-start;display:flex;gap:1rem}.info-icon{color:#043a24;flex-shrink:0;font-size:1.25rem;margin-top:.25rem}.insight-message p{color:#333;line-height:1.5;margin:0}.main-content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.content-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;height:100%;padding:2rem}.devices-card .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.devices-card h2{color:var(--brand-primary);font-size:1.5rem;margin:0}.add-device-button{background:var(--brand-accent);border:none;border-radius:100px;color:var(--brand-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.devices-list{display:flex;flex:1 1 auto;flex-direction:column;gap:1rem;margin-top:1rem;max-height:none;overflow-y:auto;padding-right:4px}.device-card{background:#f8f9fa;border-radius:8px;justify-content:space-between;margin-bottom:0;padding:1rem}.device-card,.device-info{align-items:center;display:flex}.device-info{gap:1rem}.device-icon{align-items:center;background:var(--brand-accent);border-radius:8px;color:var(--brand-primary);display:flex;font-size:1.25rem;justify-content:center;padding:.75rem}.device-details h3{color:#043a24;font-size:1rem;margin:0 0 .25rem}.device-details p{color:#666;font-size:.875rem;margin:0}.device-status{align-items:center;display:flex;gap:1rem}.status-indicator{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.status-indicator:before{border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.status-indicator.connected:before{background:#4caf50}.status-indicator.disconnected:before{background:#f44336}.device-menu{background:#0000;border:none;color:#666;cursor:pointer;padding:.5rem}.improvements-card h2{font-size:1.5rem}.improvements-card h2,.total-reduction{color:var(--brand-primary);margin-bottom:1.5rem}.total-reduction{font-size:1.1rem}.improvements-list{display:flex;flex:1 1;flex-direction:column;gap:1rem}.improvement-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;padding:1rem}.improvement-icon{color:var(--brand-primary);font-size:1.25rem;margin-right:1rem}.improvement-item span{color:#333;flex:1 1}.toggle-switch{display:inline-block;height:24px;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:var(--brand-primary)}input:checked+.toggle-slider:before{transform:translateX(26px)}@media (max-width:1024px){.main-content-grid{grid-template-columns:1fr}}@media (max-width:768px){.insights-container{padding:1rem}.device-card{flex-direction:column;gap:1rem;text-align:center}.device-status{align-items:center;flex-direction:column}.improvement-item{flex-direction:column;gap:1rem;text-align:center}}.insights-charts-section{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}.insights-chart-card,.insights-main-row-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #043a2414;padding:2rem 2rem 2.5rem}.insights-main-row-card{margin-bottom:2.5rem}.insights-top-row{margin-bottom:2rem}.insights-bottom-row,.insights-top-row{align-items:stretch;display:flex;gap:2rem}.devices-card,.iaqi-card,.improvements-card,.pollutant-breakdown-card{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:500px}.iaqi-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;min-height:500px;padding:1.5rem}.iaqi-card h2{color:var(--brand-primary);flex-shrink:0;font-size:1.5rem;margin-bottom:1rem;text-align:center}.iaqi-card>div:last-child{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0}.pollutant-breakdown-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;min-height:500px;padding:1.5rem;position:relative}.pollutant-breakdown-card h2{color:var(--brand-primary);flex-shrink:0;font-size:1.5rem;margin-bottom:1rem;text-align:center}.pollutant-chart-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;position:relative;width:100%}@media (max-width:1200px){.insights-bottom-row,.insights-top-row{align-items:stretch;flex-direction:column;gap:1.5rem}.insights-main-row-card{padding:1rem}.devices-card,.iaqi-card,.improvements-card,.pollutant-breakdown-card{height:auto;min-height:400px}}.air-quality-controls .switch{display:inline-block;height:28px;position:relative;width:50px}.air-quality-controls .switch input{height:0;opacity:0;width:0}.air-quality-controls .slider{background-color:#e5e5ea;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s ease}.air-quality-controls .slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #00000026;content:"";height:24px;left:2px;position:absolute;transition:.3s ease;width:24px}.air-quality-controls input:checked+.slider{background-color:var(--brand-primary)}.air-quality-controls input:focus+.slider{box-shadow:0 0 1px var(--brand-primary)}.air-quality-controls input:checked+.slider:before{transform:translateX(22px)}.air-quality-controls .air-quality-control-row{align-items:center;background-color:#fafafa;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:24px}.air-quality-controls .control-label{align-items:center;display:flex;gap:16px}.air-quality-controls .label-content{align-items:center;display:flex;gap:8px}.air-quality-controls .control-label span{color:var(--brand-primary);font-size:16px;font-weight:500}.air-quality-controls .reduction-label{color:#666;font-size:16px;font-weight:400}.pollutant-donut-chart{box-sizing:border-box;contain:layout;flex-direction:column;gap:1rem;height:100%;max-width:100%;padding:.5rem}.chart-container,.pollutant-donut-chart{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.chart-container{flex-shrink:0;margin:0 auto;max-width:200px}.donut-chart{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center;margin:0;position:relative;transition:transform .3s ease}.donut-chart:hover{transform:scale(1.02)}.donut-chart:before{background:#fff;border-radius:50%;box-shadow:inset 0 0 0 2px #0000000d;content:"";height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.donut-center{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center;z-index:1}.donut-label{color:#043a24;color:var(--brand-primary,#043a24);font-weight:600}.donut-label,.donut-sublabel{display:block;line-height:1.2}.donut-sublabel{color:#666;margin-top:.25rem}.pollutant-legend{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;margin:0 auto;max-width:280px;position:relative;width:100%}.legend-item{align-items:center;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.25rem .5rem;transition:background-color .2s ease}.legend-item:hover{background-color:#043a240d;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.legend-color{border:1px solid #0000001a;border-radius:2px;flex-shrink:0;height:12px;width:12px}.legend-text{flex:1 1;font-weight:500}.legend-percentage{color:#666;font-size:.75rem;font-weight:600;min-width:35px;text-align:right}.pollutant-donut-chart.small{gap:1rem;padding:.5rem}.pollutant-donut-chart.small .chart-container{max-width:150px}.pollutant-donut-chart.small .pollutant-legend{max-width:250px}.pollutant-donut-chart.small .legend-item{font-size:.8rem;gap:.5rem;padding:.25rem}.pollutant-donut-chart.small .legend-color{height:12px;width:12px}.pollutant-donut-chart.medium{gap:1.25rem;padding:.75rem}.pollutant-donut-chart.medium .chart-container{max-width:200px}.pollutant-donut-chart.medium .pollutant-legend{max-width:275px}.pollutant-donut-chart.large{gap:1.5rem;padding:1rem}.pollutant-donut-chart.large .chart-container{max-width:250px}@media (max-width:768px){.pollutant-donut-chart{gap:1rem;padding:.5rem}.chart-container{max-width:180px}.pollutant-legend{max-width:100%}.legend-item{font-size:.85rem;gap:.5rem;padding:.4rem}.legend-color{height:14px;width:14px}.legend-percentage{font-size:.75rem;min-width:35px}}@media (max-width:480px){.pollutant-donut-chart{gap:.75rem;padding:.25rem}.chart-container{max-width:150px}.legend-item{font-size:.8rem;gap:.4rem;padding:.3rem}.legend-color{height:12px;width:12px}}.pollutant-tooltip{pointer-events:none;z-index:1000}.tooltip-content{background:#000c;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;font-size:12px;line-height:1.4;max-width:280px;padding:12px}.tooltip-header{align-items:center;display:flex;font-size:13px;font-weight:600;gap:.5rem;margin-bottom:.5rem}.tooltip-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.tooltip-text{font-size:12px;margin-bottom:.5rem;opacity:.9}.tooltip-value{color:#fff;font-size:12px;font-weight:600}.tooltip-content:after{border:6px solid #0000;border-top-color:#000c;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.settings-container{margin:0 auto;max-width:800px;padding:2rem}.settings-title{color:var(--brand-primary);font-size:2rem;margin-bottom:2rem}.error-message{background-color:#fee2e2;border-radius:.5rem;color:#dc2626;margin-bottom:1rem;padding:1rem}.loading-spinner{align-items:center;color:var(--brand-primary);display:flex;height:200px;justify-content:center}.settings-section{background-color:var(--brand-white);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.section-title{color:var(--brand-primary);font-size:1.25rem;margin-bottom:1.5rem}.setting-item{align-items:center;border-bottom:1px solid var(--brand-accent);display:flex;justify-content:space-between;padding:1rem 0}.setting-item:last-child{border-bottom:none}.setting-info{align-items:center;display:flex;gap:.75rem}.setting-icon{color:var(--brand-primary);font-size:1.25rem}.toggle-switch{background-color:var(--brand-accent);border-radius:9999px;cursor:pointer;height:2rem;position:relative;transition:background-color .2s;width:3.5rem}.toggle-switch.active{background-color:var(--brand-primary)}.toggle-slider{background-color:var(--brand-white);border-radius:50%;box-shadow:0 1px 2px #0000001a;height:1.5rem;left:.25rem;position:absolute;top:.25rem;transition:transform .2s;width:1.5rem}.toggle-switch.active .toggle-slider{transform:translateX(1.5rem)}.settings-footer{display:flex;justify-content:flex-end;margin-top:2rem}.save-button{background-color:var(--brand-accent);border-radius:.5rem;color:var(--brand-primary);cursor:not-allowed;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.save-button.active{background-color:var(--brand-primary);color:var(--brand-white);cursor:pointer}.save-button.active:hover{background-color:var(--brand-primary);opacity:.9}.save-button:disabled{cursor:not-allowed;opacity:.5}.app{display:flex;flex-direction:column;min-height:100vh}.main-layout{display:flex;flex:1 1;padding-top:60px}.main-content{background-color:#f8f9fa;flex:1 1;min-height:calc(100vh - 60px);overflow-y:auto;padding:2rem;transition:margin-left .3s ease}.top-navbar{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;height:60px;justify-content:space-between;left:0;padding:0 1.5rem;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-toggle{background:none;border:none;color:#043a24;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.sidebar{background-color:var(--brand-primary);bottom:0;left:0;min-height:100vh;overflow-y:auto;padding:0;position:fixed;top:60px;transition:transform .3s ease;width:250px;z-index:1100}.nav-content,.sidebar{display:flex;flex-direction:column}.nav-content{flex:1 0 auto;gap:.5rem;margin-bottom:1rem;padding:1rem}.nav-link{-webkit-tap-highlight-color:rgba(255,255,255,.1);align-items:center;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;position:relative;text-decoration:none;touch-action:manipulation;transition:background-color .2s ease;z-index:1}.nav-link:hover{background-color:#ffffff1a}.nav-link.active{background-color:var(--brand-accent);color:var(--brand-primary)}.nav-link svg{font-size:1.25rem}@media (max-width:768px){.mobile-menu-toggle{display:block}.sidebar{max-width:300px;transform:translateX(-100%);width:100%;z-index:1100}.sidebar.active{transform:translateX(0)}.nav-link{align-items:center;display:flex;font-size:1.1rem;min-height:48px;padding:1rem 1.5rem}.main-content{margin-left:0!important;padding:1rem}.main-layout{padding-top:60px}.main-content:before{background-color:#00000080;bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1050}.main-content.menu-open:before{opacity:1;visibility:visible}.top-navbar{padding:0 1rem}.navbar-logo img{height:32px}.navbar-right{gap:.5rem}.navbar-icon-button{padding:.5rem}}@media (min-width:769px){.main-content{margin-left:250px}.sidebar{transform:none!important}}.sidebar-overlay{background:#0000004d;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1050}