:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5e5e5de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f23;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{height:100%;height:100dvh;overflow:hidden}a{color:#4dabf7;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#74c0fc}body{min-width:320px;height:100vh;background-color:#0f0f23;place-items:center;height:100dvh;margin:0;padding:0;display:flex;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{color:#e5e5e5;cursor:pointer;background-color:#1a1a2e;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s,background-color .25s}button:hover{background-color:#16213e;border-color:#4dabf7}button:focus,button:focus-visible{outline-offset:2px;outline:2px solid #4dabf7}:root{--bg-primary:#0f0f23;--text-primary:#e5e5e5}body{background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{text-align:center;background-color:var(--bg-primary);box-sizing:border-box;width:100%;max-width:100%;height:100%;margin:0 auto;padding:1rem;overflow-y:auto}.container{background-color:var(--bg-primary);flex-direction:column;max-width:100%;min-height:100vh;margin:0 auto;padding:0;display:flex;position:relative}.container:before{content:"";background:linear-gradient(to bottom,var(--bg-primary)0%,var(--bg-primary)70%,#0f0f23cc 85%,transparent 100%);z-index:999;pointer-events:none;height:110px;position:fixed;top:0;left:0;right:0}.container:after{content:"";background:linear-gradient(to top,var(--bg-primary)0%,var(--bg-primary)70%,#0f0f23cc 85%,transparent 100%);z-index:999;pointer-events:none;height:110px;position:fixed;bottom:0;left:0;right:0}.container .content{flex:1;justify-content:center;align-items:flex-start;margin-top:90px;margin-bottom:90px;padding:15px;display:flex;overflow-y:auto}.container h4{color:#e5e5e5;letter-spacing:-.02em;margin:0 0 0 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.2em;font-weight:600}.container .messageErrorBox{color:#fcc;background-color:#300;border:1px solid red;border-radius:5px;margin-bottom:20px;padding:15px}.loaderContainer{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.loaderContainer .spinnerBox{background-color:#0000002f;border-radius:10px;padding:20px}.loaderContainer .spinnerImage{border-radius:10px;width:192px;margin-bottom:20px}.horizontal-spinner-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.horizontal-spinner{border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;position:relative;overflow:hidden}.horizontal-spinner-track{width:100%;height:var(--height);border-radius:var(--border-radius);position:relative;overflow:hidden}.horizontal-spinner-fill{background:linear-gradient(90deg,var(--color1)0%,var(--color2)25%,var(--color1)50%,var(--color2)75%,var(--color1)100%);border-radius:var(--border-radius);background-size:400% 100%;width:100%;height:100%;animation:2s ease-in-out infinite horizontal-wave;position:absolute;top:0;left:0}.horizontal-spinner-fill:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color1)25%,var(--color2)50%,var(--color1)75%,transparent 100%);border-radius:calc(var(--border-radius) + 2px);opacity:.6;filter:blur(4px);z-index:-1;background-size:400% 100%;animation:2s ease-in-out infinite horizontal-wave;position:absolute;inset:-2px -10px}.horizontal-spinner-label{text-align:center;opacity:.9;margin:0;font-size:.875rem;font-weight:500}@keyframes horizontal-wave{0%{background-position:0%;transform:translate(-100%)}50%{background-position:100%;transform:translate(0%)}to{background-position:200%;transform:translate(100%)}}@keyframes horizontal-wave-smooth{0%{background-position:-400%}to{background-position:400%}}@media (prefers-reduced-motion:reduce){.horizontal-spinner-fill,.horizontal-spinner-fill:before{animation:3s ease-in-out infinite horizontal-pulse}}@keyframes horizontal-pulse{0%,to{opacity:.6}50%{opacity:1}}.headerContainer{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#3c3c8db7;border:1px solid #4dabf72c;border-radius:35px;justify-content:space-between;align-items:center;width:calc(100% - 2rem);max-width:1160px;height:70px;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #ffffff1f,0 0 50px 2px #6969694f}.headerContainer .logoSide{align-items:center;display:flex}.headerContainer .titleBox{align-items:center;display:flex}.headerContainer .titleBox h4{color:#e5e5e5;letter-spacing:-.02em;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.2em;font-weight:600}.headerContainer .iconLeft{border-radius:40px;width:50px;height:50px;margin-left:1.5rem;box-shadow:0 2px 4px #0003,0 4px 6px #0000001a}.headerContainer .iconRight{border-radius:50px;width:55px;height:55px;overflow:visible}.headerContainer .zoneSelection{justify-content:center;align-items:center;height:100%;display:flex}.headerContainer .dateTimeBox{justify-content:end;align-items:center;height:100%;margin-right:1.5rem;display:flex}.headerContainer .dateTimeBox p{color:#e5e5e5;letter-spacing:-.02em;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.2em;font-weight:600}.time-status-indicator{-webkit-user-select:none;user-select:none;text-align:center;border-radius:12px;flex-direction:row;align-items:center;gap:8px;min-width:60px;padding:6px 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .2s ease-in-out;display:inline-flex}.time-status-indicator.clickable{cursor:pointer}.time-status-indicator.clickable:hover{transform:scale(1.05)}.time-status-indicator.clickable:active{transform:scale(.98)}.time-status-indicator--dual{gap:8px;min-width:60px;padding:6px 10px}.time-status-indicator--compact{gap:6px;min-width:50px;padding:4px 8px}.time-status-indicator--expanded{gap:10px;min-width:70px;padding:8px 12px}.time-status-indicator--excellent{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.time-status-indicator--warning{color:#facc15;background:#facc1526;border:1px solid #facc154d}.time-status-indicator--critical{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.time-status-indicator--offline{color:#9ca3af;background:#9ca3af26;border:1px solid #9ca3af4d}.time-status-indicator__sync-icon{color:currentColor;opacity:.8;justify-content:center;align-items:center;transition:opacity .2s ease-in-out;display:flex}.time-status-indicator__sync-icon svg{width:14px;height:14px;display:block}.time-status-indicator--compact .time-status-indicator__sync-icon svg{width:12px;height:12px}.time-status-indicator--expanded .time-status-indicator__sync-icon svg{width:16px;height:16px}.time-status-indicator__separator{opacity:.3;background-color:currentColor;width:1px;height:100%;min-height:20px}.time-status-indicator--compact .time-status-indicator__separator{min-height:16px}.time-status-indicator--expanded .time-status-indicator__separator{min-height:24px}.time-status-indicator__content{flex-direction:column;align-items:center;gap:2px;display:flex}.time-status-indicator--compact .time-status-indicator__content{gap:1px}.time-status-indicator--expanded .time-status-indicator__content{gap:4px}.time-status-indicator__current-time{justify-content:center;align-items:center;display:flex}.time-status-indicator__time-text{letter-spacing:-.02em;font-size:.9rem;font-weight:600;line-height:1}.time-status-indicator__update-status{justify-content:center;align-items:center;gap:3px;display:flex}.time-status-indicator__status-icon{font-size:.7em;line-height:1}.time-status-indicator__update-text{letter-spacing:-.02em;opacity:.9;font-size:.75rem;font-weight:500;line-height:1}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.time-status-indicator--excellent .time-status-indicator__status-icon{animation:1.5s ease-in-out infinite pulse}@media (max-width:768px){.time-status-indicator--dual{gap:6px;min-width:55px;padding:4px 8px}.time-status-indicator--compact{gap:4px;min-width:45px;padding:3px 6px}.time-status-indicator__content{gap:1px}.time-status-indicator__time-text{font-size:.8rem}.time-status-indicator__update-text{font-size:.7rem}.time-status-indicator__status-icon{font-size:.65em}.time-status-indicator__sync-icon svg{width:12px;height:12px}.time-status-indicator--compact .time-status-indicator__sync-icon svg{width:10px;height:10px}.time-status-indicator__separator{min-height:18px}.time-status-indicator--compact .time-status-indicator__separator{min-height:14px}}@media (max-width:480px){.time-status-indicator--dual{gap:4px;min-width:50px;padding:3px 6px}.time-status-indicator--compact{gap:3px;min-width:40px;padding:2px 5px}.time-status-indicator__content{gap:1px}.time-status-indicator__time-text{font-size:.75rem}.time-status-indicator__update-text{font-size:.65rem}.time-status-indicator__sync-icon svg{width:10px;height:10px}.time-status-indicator--compact .time-status-indicator__sync-icon svg{width:8px;height:8px}.time-status-indicator__separator{min-height:16px}.time-status-indicator--compact .time-status-indicator__separator{min-height:12px}}@media (prefers-color-scheme:dark){.time-status-indicator--excellent{color:#4ade80;background:#22c55e40;border-color:#22c55e66}.time-status-indicator--warning{color:#fde047;background:#facc1540;border-color:#facc1566}.time-status-indicator--critical{color:#f87171;background:#ef444440;border-color:#ef444466}.time-status-indicator--offline{color:#d1d5db;background:#9ca3af40;border-color:#9ca3af66}}.time-status-indicator--excellent.clickable:hover{background:#22c55e40;border-color:#22c55e80}.time-status-indicator--warning.clickable:hover{background:#facc1540;border-color:#facc1580}.time-status-indicator--critical.clickable:hover{background:#ef444440;border-color:#ef444480}.time-status-indicator__time-text{text-shadow:0 0 2px #0000001a}.time-status-indicator__update-text{text-shadow:0 0 1px #0000001a}.toggle-slider{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;animation:.3s ease-out slideIn;display:inline-block}.toggle-slider.disabled{opacity:.6;pointer-events:none}.slider-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:30px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.slider-container:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.slider-container:active{transform:scale(.98)}.slider-container:focus{border-color:#4aabf799;outline:none;box-shadow:0 0 0 3px #4aabf733}.background-icons{z-index:1;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 8px;display:flex;position:absolute;top:0;left:0}.home-icon,.sun-icon{justify-content:center;align-items:center;transition:all .3s;display:flex}.background-icons img{filter:grayscale()opacity(.6);transition:all .3s}.slider-thumb{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:3;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0003}.slider-thumb img{transition:all .3s;transform:scale(.8)}.toggle-slider.animating .slider-thumb{transition-duration:.5s}.toggle-slider.animating .slider-thumb img{transform:scale(.9)rotate(10deg)}.toggle-slider.small .slider-container{width:80px;height:36px}.toggle-slider.small .slider-thumb{width:28px;height:28px;left:4px}.toggle-slider.small.outside .slider-thumb{left:48px}.toggle-slider.small img{width:16px;height:16px}.toggle-slider.medium .slider-container{width:100px;height:44px}.toggle-slider.medium .slider-thumb{width:36px;height:36px;left:4px}.toggle-slider.medium.outside .slider-thumb{left:60px}.toggle-slider.medium img{width:20px;height:20px}.toggle-slider.large .slider-container{width:120px;height:52px}.toggle-slider.large .slider-thumb{width:44px;height:44px;left:4px}.toggle-slider.large.outside .slider-thumb{left:72px}.toggle-slider.large img{width:24px;height:24px}.toggle-slider.inside .slider-container{background:linear-gradient(135deg,#3b82f633,#9333ea1a);border-color:#3b82f64d}.toggle-slider.outside .slider-container{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border-color:#fbbf244d}@media (max-width:768px){.toggle-slider.medium .slider-container{width:90px;height:40px}.toggle-slider.medium .slider-thumb{width:32px;height:32px}.toggle-slider.medium.outside .slider-thumb{left:54px}}@media (max-width:480px){.toggle-slider.medium .slider-container{width:80px;height:36px}.toggle-slider.medium .slider-thumb{width:28px;height:28px}.toggle-slider.medium.outside .slider-thumb{left:48px}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.menu-banner{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#3c3c8db7;border:1px solid #4dabf72c;border-radius:35px;justify-content:center;align-items:center;gap:20%;width:calc(100% - 2rem);max-width:1160px;height:70px;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #ffffff1f,0 0 50px 2px #6969694f}.menu-banner .buttonIconContainer{cursor:pointer;z-index:3;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff4d;border-radius:35px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;box-shadow:0 4px 12px #0003}.menu-banner .buttonIconContainer_selection{z-index:3;background:#ffffff3b;border:1px solid #ffffff4d;border-radius:35px;justify-content:center;align-items:center;width:55px;height:55px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;box-shadow:0 4px 6px #ffffff13}.menu-banner .buttonIconContainer:hover{background:linear-gradient(135deg,#5c89d5b7,#5c5cd34e);box-shadow:0 4px 6px #ffffff13}.menu-banner .buttonIconContainer img{transition:all .3s;transform:scale(.2)}.menu-banner .buttonIconContainer_selection img{transition:all .3s;transform:scale(.3)}.mobile-history-card{color:#fff;box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;width:100%;max-width:500px;margin:20px 5px;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mobile-history-card .card_header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:8px;width:100%;padding-bottom:12px;display:flex}.mobile-history-card .header_title_group{flex:1;align-items:center;gap:10px;display:flex}.mobile-history-card .card_title{font-size:1.1rem;font-weight:600}.mobile-history-card__content{margin-top:15px;transition:max-height .3s ease-in-out,opacity .3s ease-in-out}.mobile-history-card__content.collapsed{opacity:0;max-height:0;margin-top:0;overflow:hidden}.mobile-history-card__content.expanded{opacity:1}.mobile-history-card__toggle-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:color .2s;display:flex}.mobile-history-card__toggle-btn:hover{color:#fff}.history-view-select{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #fff3;border-radius:8px;outline:none;padding:4px 8px;font-size:.85rem}.history-view-select option{color:#fff;background:#333}.history-module{justify-content:center;align-items:center}.history-module .historyContainerDextop{flex-flow:wrap;grid-auto-rows:max-content;justify-content:center;align-items:center;width:100%;max-width:90rem;display:flex}.history-module .historyContainerDextop .mobile-history-card{width:700px;max-width:700px;margin:10px}.history-module .timeSelection{flex-direction:row;justify-content:center;display:flex}.history-module .timeSelection .timeChip{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;background:#4d4d4d1a;border:1px solid #fff1;border-radius:35px;justify-content:center;align-items:center;width:fit-content;height:30px;margin:5px;padding:10px;font-size:1rem;font-weight:300;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.history-module .timeSelection .timeChip:hover{background:linear-gradient(135deg,#ffffff2a,#5c5cd329);box-shadow:0 4px 6px #ffffff13}.history-module .timeSelection .timeChip.selected{background:linear-gradient(135deg,#ffffff2a,#5c5cd329);border:1px solid #fff3;padding-right:8px}.history-module .timeSelection .check-icon{opacity:0;align-items:center;width:0;margin-left:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.history-module .timeSelection .timeChip.selected .check-icon{opacity:1;width:20px;margin-left:8px}.history-module .range-selection-container{flex-direction:row;justify-content:center;align-items:center;gap:10px;margin:10px 0;padding:0 10px;animation:.3s ease-in-out fadeIn;display:flex}.history-module .range-selection-container .date-picker{color:#fff;background:#4d4d4d1a;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px;font-family:inherit;font-size:.8rem}.history-module .range-selection-container .date-picker::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer;opacity:.6}.history-module .range-selection-container .date-picker:focus{background:#ffffff1a;border-color:#ffffff4d}.history-module .range-selection-container .apply-range-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5c5cd329,#4d4d4d1a);border:1px solid #fff3;border-radius:8px;padding:8px;font-family:inherit;font-weight:500;transition:all .2s}.history-module .range-selection-container .apply-range-btn:hover{background:linear-gradient(135deg,#5c5cd34a,#4d4d4d3a);transform:translateY(-1px)}.history-module .range-selection-container .apply-range-btn:active{transform:translateY(1px)}.history-module .range-selection-container .apply-range-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.air-quality-card__metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.air-quality-card__metric--good{background:linear-gradient(135deg,#34d39926 0%,#34d3990d 50%,#0000 100%);border-left:2px solid #34d399}.air-quality-card__metric--good .air-quality-card__icon-wrapper{color:#34d399;background:linear-gradient(135deg,#34d39933,#34d3991a)}.air-quality-card__icon-wrapper{background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.air-quality-card__icon{object-fit:contain;width:28px;height:28px;transition:all .3s;display:block}.air-quality-card__metric-value{flex:1;align-items:baseline;gap:4px;display:flex}.air-quality-card__text{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;line-height:1}.air-quality-card__unit{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.4rem;font-weight:800}.andamento-container{width:100%}.andamento-container .chart-wrapper-mobile{justify-content:center;align-items:center;width:100%;max-height:250px;display:flex;position:relative;overflow:hidden}.andamento-container .chart-wrapper-dextop{justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.custom-tooltip-aqi{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #fff3;border-radius:12px;padding:8px 12px;box-shadow:0 8px 32px #0000004d}.custom-tooltip-aqi p{color:#fff;margin:0;font-size:.9rem;font-weight:600}.air-quality-card__min-max-root{margin-top:5px}.air-quality-card__min-max-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#34d39926 0%,#ffffff08 50%,#60606026 100%);border-left:2px solid #529e82;border-right:2px solid #898989;border-radius:16px;justify-content:space-between;align-items:center;min-height:50px;padding:1px 10px 1px 5px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.air-quality-card__span-text-green{background:linear-gradient(135deg,#529e82 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.2rem;font-weight:800}.air-quality-card__span-text-red{background:linear-gradient(135deg,#898989 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.2rem;font-weight:800}.air-quality-card__separator{background:#ffffff96;align-self:center;width:1px;height:30px;margin:0 8px}.toogleContainer{flex-direction:row;justify-content:center;align-items:center;padding:10px;display:flex}.mobile-card{color:#fff;box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;width:100%;max-width:500px;margin:20px 5px;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mobile-card .card_header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:8px;width:100%;padding-bottom:12px;display:flex}.mobile-card .card_subtitle{margin-top:5px;margin-bottom:5px}.mobile-card .dots_indicator{opacity:.6;flex-direction:row;justify-content:center;align-items:center;display:flex}.mobile-card .dots_indicator .dot{background:#fff6;border-radius:50%;width:10px;height:10px;margin-left:5px;margin-right:5px}.mobile-card:before{content:"";background:linear-gradient(30deg,#4aacf784 0%,#9b33eaa5 100%);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 10px #4aacf799,0 0 20px #9b33ea99}.mobile-card.clickable{cursor:pointer}.mobile-card.clickable:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #00000026,0 6px 20px #0000001a,inset 0 1px 1px #fff3}.mobile-card.clickable:active{transform:translateY(-2px)scale(1.01)}.mobile-card__toggle-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:6px;transition:all .2s;display:flex}.mobile-card__toggle-btn:hover{background:#fff3;transform:scale(1.1)}.mobile-card__toggle-btn:active{transform:scale(.95)}.mobile-card__content{transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.mobile-card__content.expanded{opacity:1;max-height:700px;padding-top:0;transform:translateY(0)}.mobile-card__content.collapsed{opacity:0;max-height:0;margin-bottom:0;padding-top:0;transform:translateY(-15px)}.toggle-switch{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;display:inline-block;position:relative}.toggle-switch--disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.toggle-switch__container{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:99px;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000001a}.toggle-switch__container:hover{background:#ffffff26;border-color:#ffffff4d}.toggle-switch--small .toggle-switch__container{width:60px;height:32px;padding:2px}.toggle-switch--medium .toggle-switch__container{width:80px;height:40px;padding:4px}.toggle-switch--large .toggle-switch__container{width:100px;height:50px;padding:4px}.toggle-switch__track{box-sizing:border-box;pointer-events:none;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 8px;display:flex;position:absolute;top:0;left:0}.toggle-switch__content{color:#fff9;z-index:1;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;transition:color .3s;display:flex}.toggle-switch__content svg,.toggle-switch__content img{object-fit:contain;width:16px;height:16px}.toggle-switch--medium .toggle-switch__content svg,.toggle-switch--medium .toggle-switch__content img{width:20px;height:20px}.toggle-switch--large .toggle-switch__content svg,.toggle-switch--large .toggle-switch__content img{width:24px;height:24px}.toggle-switch__content--active{color:#fff}.toggle-switch__thumb{z-index:2;background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 5px #0003}.toggle-switch--small .toggle-switch__thumb{width:26px;height:26px}.toggle-switch--medium .toggle-switch__thumb{width:30px;height:30px}.toggle-switch--large .toggle-switch__thumb{width:40px;height:40px}.toggle-switch--checked .toggle-switch__thumb{background:linear-gradient(135deg,#4dabf7 0%,#3b8dbf 100%)}.toggle-switch--small .toggle-switch__thumb{transform:translate(0)}.toggle-switch--small.toggle-switch--checked .toggle-switch__thumb{transform:translate(28px)}.toggle-switch--medium.toggle-switch--checked .toggle-switch__thumb{transform:translate(40px)}.toggle-switch--large.toggle-switch--checked .toggle-switch__thumb{transform:translate(48px)}.humidity-card__metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.humidity-card__icon-wrapper{background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.humidity-card__icon{object-fit:contain;width:28px;height:28px;transition:all .3s;display:block}.humidity-card__metric--dry{background:linear-gradient(135deg,#fbbf2426 0%,#fbbf240d 50%,#0000 100%);border-left:2px solid #fbbf24}.humidity-card__metric--dry .humidity-card__icon-wrapper{color:#fbbf24;background:linear-gradient(135deg,#fbbf2433,#fbbf241a)}.humidity-card__metric--optimal{background:linear-gradient(135deg,#34d39926 0%,#34d3990d 50%,#0000 100%);border-left:2px solid #34d399}.humidity-card__metric--optimal .humidity-card__icon-wrapper{color:#34d399;background:linear-gradient(135deg,#34d39933,#34d3991a)}.humidity-card__metric--humid{background:linear-gradient(135deg,#60a5fa26 0%,#60a5fa0d 50%,#0000 100%);border-left:2px solid #60a5fa}.humidity-card__metric--humid .humidity-card__icon-wrapper{color:#60a5fa;background:linear-gradient(135deg,#60a5fa33,#60a5fa1a)}.humidity-card__metric-value{flex:1;align-items:baseline;gap:4px;display:flex}.humidity-card__number{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;line-height:1}.humidity-card__unit{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.8rem;font-weight:800}.humidity-card__metric-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.8px;text-align:right;min-width:85px;font-size:.85rem;font-weight:500;line-height:1.2}.minHumidityMaxRoot .minAndMaxContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf2426 0%,#93c5fd14 25%,#ffffff08 50%,#60a5fa14 75%,#60a5fa26 100%);border-left:2px solid #fbbf24;border-right:2px solid #60a5fa;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:10px 10px 10px 5px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.minHumidityMaxRoot .spanText{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:300}.minHumidityMaxRoot .spanTextYellow{background:linear-gradient(135deg,#fbbf24 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.2rem;font-weight:800}.minHumidityMaxRoot .spanTextBlue{background:linear-gradient(135deg,#60a5fa 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.2rem;font-weight:800}.minHumidityMaxRoot .humidity-separator{background:#ffffff96;align-self:center;width:1px;height:30px;margin:0 8px}.andamento-container{width:100%}.andamento-container .chart-wrapper-mobile{justify-content:center;align-items:center;width:100%;max-height:250px;display:flex;position:relative;overflow:hidden}.andamento-container .chart-wrapper-dextop{justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.custom-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #fff3;border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px #0000004d}.custom-tooltip .tooltip-time{color:#fffc;text-align:center;margin:0 0 6px;font-size:.85rem;font-weight:500}.custom-tooltip .tooltip-temp{text-align:center;margin:0;font-size:1rem;font-weight:700}.pressure-card__metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pressure-card__icon-wrapper{background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.pressure-card__icon{object-fit:contain;width:28px;height:28px;transition:all .3s;display:block}.pressure-card__metric--low{background:linear-gradient(135deg,#60a5fa26 0%,#60a5fa0d 50%,#0000 100%);border-left:2px solid #60a5fa}.pressure-card__metric--low .pressure-card__icon-wrapper{color:#60a5fa;background:linear-gradient(135deg,#60a5fa33,#60a5fa1a)}.pressure-card__metric--optimal{background:linear-gradient(135deg,#34d39926 0%,#34d3990d 50%,#0000 100%);border-left:2px solid #34d399}.pressure-card__metric--optimal .pressure-card__icon-wrapper{color:#34d399;background:linear-gradient(135deg,#34d39933,#34d3991a)}.pressure-card__metric--high{background:linear-gradient(135deg,#fbbf2426 0%,#fbbf240d 50%,#0000 100%);border-left:2px solid #fbbf24}.pressure-card__metric--high .pressure-card__icon-wrapper{color:#fbbf24;background:linear-gradient(135deg,#fbbf2433,#fbbf241a)}.pressure-card__metric-value{flex:1;align-items:baseline;gap:4px;display:flex}.pressure-card__number{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;line-height:1}.pressure-card__unit{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.4rem;font-weight:800}.pressure-card__metric-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.8px;text-align:right;min-width:85px;font-size:.85rem;font-weight:500;line-height:1.2}.andamento-container{width:100%}.andamento-container .chart-wrapper-mobile{justify-content:center;align-items:center;width:100%;max-height:250px;display:flex;position:relative;overflow:hidden}.andamento-container .chart-wrapper-dextop{justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.custom-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #fff3;border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px #0000004d}.custom-tooltip .tooltip-time{color:#fffc;text-align:center;margin:0 0 6px;font-size:.85rem;font-weight:500}.custom-tooltip .tooltip-temp{text-align:center;margin:0;font-size:1rem;font-weight:700}.pressure-card__min-max-root{margin-top:5px}.pressure-card__min-max-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#60a5fa26 0%,#ffffff08 50%,#fbbf2426 100%);border-left:2px solid #60a5fa;border-right:2px solid #fbbf24;border-radius:16px;justify-content:space-between;align-items:center;min-height:50px;padding:1px 10px 1px 5px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pressure-card__span-text-blue{background:linear-gradient(135deg,#60a5fa 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.2rem;font-weight:800}.pressure-card__span-text-yellow{background:linear-gradient(135deg,#fbbf24 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.2rem;font-weight:800}.pressure-card__separator{background:#ffffff96;align-self:center;width:1px;height:30px;margin:0 8px}.weather-forecast-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin:10px 0;padding:12px;transition:all .3s;display:flex}.weather-forecast-box--high{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border-color:#fbbf244d}.weather-forecast-box--low{background:linear-gradient(135deg,#60a5fa26,#60a5fa0d);border-color:#60a5fa4d}.weather-forecast-box--optimal{background:linear-gradient(135deg,#34d39926,#34d3990d);border-color:#34d3994d}.weather-forecast-icon{object-fit:contain;background-color:#f0ffff32;border-radius:50%;width:55px;height:55px;padding:5px}.weather-forecast-label{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.4rem;font-weight:800}.spanText{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:1rem;font-weight:300;display:block}.temperature-card__metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.temperature-card__icon-wrapper{background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.temperature-card__icon{object-fit:contain;width:28px;height:28px;transition:all .3s;display:block}.temperature-card__metric--low{background:linear-gradient(135deg,#60a5fa26 0%,#60a5fa0d 50%,#0000 100%);border-left:2px solid #60a5fa}.temperature-card__metric--low .temperature-card__icon-wrapper{color:#60a5fa;background:linear-gradient(135deg,#60a5fa33,#60a5fa1a)}.temperature-card__metric--comfort{background:linear-gradient(135deg,#34d39926 0%,#34d3990d 50%,#0000 100%);border-left:2px solid #34d399}.temperature-card__metric--comfort .temperature-card__icon-wrapper{color:#34d399;background:linear-gradient(135deg,#34d39933,#34d3991a)}.temperature-card__metric--high{background:linear-gradient(135deg,#ef444426 0%,#ef44440d 50%,#0000 100%);border-left:2px solid #ef4444}.temperature-card__metric--high .temperature-card__icon-wrapper{color:#ef4444;background:linear-gradient(135deg,#ef444433,#ef44441a);animation:2s ease-in-out infinite pulse-warm}.temperature-card__metric-value{flex:1;align-items:baseline;gap:4px;display:flex}.temperature-card__number{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;line-height:1}.temperature-card__unit{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.8rem;font-weight:800}.minMaxRoot{margin-top:5px}.minMaxRoot .minAndMaxContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#60a5fa26 0%,#93c5fd14 25%,#ffffff08 50%,#fca5a514 75%,#ef444426 100%);border-left:2px solid #60a5fa;border-right:2px solid #fa6060;border-radius:16px;justify-content:space-between;align-items:center;min-height:50px;padding:1px 10px 1px 5px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.minMaxRoot .spanText{background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:1rem;font-weight:300}.minMaxRoot .spanTextBlue{background:linear-gradient(135deg,#60a5fa 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.2rem;font-weight:800}.minMaxRoot .spanTextRed{background:linear-gradient(135deg,#fa8080 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.2rem;font-weight:800}.minMaxRoot .temperature-separator{background:#ffffff96;align-self:center;width:1px;height:30px;margin:0 8px}.minMaxRoot .andamento-container{width:100%;margin-top:5px}.minMaxRoot .andamento-container .chart-wrapper-mobile{justify-content:center;align-items:center;width:100%;max-height:250px;display:flex;position:relative;overflow:hidden}.minMaxRoot .andamento-container .chart-wrapper-dextop{justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.content-separator{background:#ffffff1a;width:100%;height:1px;margin:10px}.custom-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #fff3;border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px #0000004d}.custom-tooltip .tooltip-time{color:#fffc;text-align:center;margin:0 0 6px;font-size:.85rem;font-weight:500}.custom-tooltip .tooltip-temp{text-align:center;margin:0;font-size:1rem;font-weight:700}.live-data-container_mobile{flex-direction:column;align-items:center;width:100%;display:flex}.live-data-container_desktop{flex-flow:wrap;justify-content:center;gap:20px;width:100%;display:flex}.settings-module{color:#fff;height:100%;padding:20px;overflow-y:auto}.settings-module h2{opacity:.9;margin-bottom:20px;font-size:1.2rem;font-weight:500}.status-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:15px;padding:20px;display:flex}.status-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.status-item:last-child{border-bottom:none;padding-bottom:0}.status-item .label{opacity:.7;align-items:center;gap:8px;margin:10px;font-size:.9rem;font-weight:400;display:flex}.status-item .value{align-items:center;gap:8px;font-size:1rem;font-weight:500;display:flex}.wifi-icon{stroke:currentColor;width:20px;height:20px}.device-header-icon{vertical-align:middle;color:#4facfe;width:24px;height:24px;margin-right:10px}.settings-module h2{align-items:center;display:flex}.architecture-container{background:#0003;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:20px;padding:15px;display:flex}.arch-scene{justify-content:space-between;align-items:center;width:100%;max-width:300px;height:80px;padding:0 10px;display:flex;position:relative}.house-group,.cloud-group{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;box-shadow:0 4px 15px #0003}.house-svg,.cloud-svg{color:#fffc;z-index:2;width:28px;height:28px}.house-wifi{z-index:3;color:#4facfe;width:12px;height:12px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.house-wifi svg{width:100%;height:100%}.wifi-w1,.wifi-w2,.wifi-w3{opacity:0;animation:2s infinite wifi-pulse}.wifi-w1{animation-delay:0s}.wifi-w2{animation-delay:.4s}.wifi-w3{animation-delay:.8s}@keyframes wifi-pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}.connection-path{background:#ffffff1a;border-radius:2px;flex:1;justify-content:center;align-items:center;gap:30px;height:2px;margin:0 15px;display:flex;position:relative}.data-dot{opacity:.2;background:#00f260;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite sequential-light;box-shadow:0 0 8px #00f260}.d1{animation-delay:0s}.d2{animation-delay:.25s}.d3{animation-delay:.5s}@keyframes sequential-light{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.server-status{background:#00f260;border-radius:50%;width:5px;height:5px;animation:2s infinite blink;position:absolute;top:18px;right:18px;box-shadow:0 0 5px #00f260}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.arch-label{color:#fff6;letter-spacing:2px;text-transform:uppercase;margin-top:15px;font-family:monospace;font-size:.7rem}