@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-container{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.login-container,.login-content{display:flex;min-height:100vh;width:100%}.login-left{align-items:center;background:#fff;display:flex;flex:0 0 50%;justify-content:center;padding:40px 20px}.login-box{margin:0 auto;max-width:380px;width:100%}.uber-logo{align-items:center;display:flex;height:40px;margin-bottom:32px;width:120px}.uber-logo img{height:100%;object-fit:contain;width:100%}.stats-logo{gap:12px;margin-bottom:40px}.stats-icon,.stats-logo{align-items:center;display:flex}.stats-icon{color:#000;flex-shrink:0;height:40px;justify-content:center;width:40px}.stats-icon svg{height:100%;width:100%}.stats-logo h1{color:#000;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0}.stats-logo p{color:#666;font-size:12px;letter-spacing:.3px;margin:4px 0 0}.error-message{align-items:flex-start;background:#f5f5f5;border-left:3px solid #d32f2f;border-radius:4px;display:flex;gap:12px;margin-bottom:24px;padding:14px}.error-icon{color:#d32f2f;flex-shrink:0;height:20px;margin-top:2px;width:20px}.error-content{flex:1 1}.error-title{color:#000;font-size:13px;font-weight:600;margin:0 0 2px}.error-text{color:#666;font-size:12px;margin:0}.login-form{display:flex;flex-direction:column;gap:18px}.form-group{position:relative}.form-group label{align-items:center;color:#000;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:8px}.form-group label svg{color:#999;height:16px;width:16px}.form-group input[type=email],.form-group input[type=password]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.form-group input[type=email]::placeholder,.form-group input[type=password]::placeholder{color:#bbb}.form-group input:focus{border-color:#000;box-shadow:0 0 0 3px #0000000d;outline:none}.form-group.focused label svg{color:#000}.checkbox-group{margin-bottom:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-input{display:none}.checkbox-custom{align-items:center;background:#fff;border:1.5px solid #ddd;border-radius:3px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .2s ease;width:18px}.checkbox-custom svg{color:#fff;display:none;height:12px;width:12px}.checkbox-input:checked+.checkbox-custom{background:#000;border-color:#000}.checkbox-input:checked+.checkbox-custom svg{display:block}.checkbox-text{color:#333;font-size:13px;-webkit-user-select:none;user-select:none}.login-button{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.3px;margin-top:8px;overflow:hidden;padding:12px;position:relative;text-transform:uppercase;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){background:#1a1a1a}.login-button:active:not(:disabled){background:#000}.login-button:disabled{cursor:not-allowed;opacity:.6}.button-content{align-items:center;display:flex;gap:8px;justify-content:center}.button-icon{height:16px;transition:transform .2s ease;width:16px}.login-button:hover:not(:disabled) .button-icon{transform:translateX(2px)}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:12px;width:12px}.login-footer{border-top:1px solid #eee;margin-top:32px;padding-top:24px;text-align:center}.login-footer p{color:#999;font-size:11px;letter-spacing:.2px;margin:0}.login-footer strong{color:#666;font-weight:700}.login-right{align-items:center;background:#000;color:#fff;display:flex;flex:0 0 50%;justify-content:center;padding:40px 20px}.info-panel{max-width:400px;width:100%}.info-content h2{font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 16px}.info-content p{color:#fffc;font-size:14px;line-height:1.6;margin:0 0 32px}.features-list{display:flex;flex-direction:column;gap:16px}.feature-item{align-items:center;display:flex;gap:12px}.feature-item svg{color:#fff;flex-shrink:0;height:24px;width:24px}.feature-item span{color:#ffffffe6;font-size:14px;font-weight:500}@media (max-width:1024px){.login-left{flex:0 0 55%;padding:30px 20px}.login-right{flex:0 0 45%;padding:30px 20px}.login-box{max-width:100%}.stats-logo h1{font-size:22px}.info-content h2{font-size:26px}.info-content p{font-size:13px}}@media (max-width:900px){.login-left{flex:0 0 60%;padding:24px 16px}.login-right{flex:0 0 40%;padding:24px 16px}.stats-logo h1{font-size:20px}.info-content h2{font-size:24px}.info-content p{font-size:12px}.features-list{gap:12px}.feature-item span{font-size:12px}}@media (max-width:768px){.login-container{min-height:100vh;overflow-y:auto}.login-content{flex-direction:column;min-height:100vh}.login-left{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:auto;padding:24px 20px}.login-right{display:none}.login-box{max-width:100%;width:100%}.uber-logo{height:33px;margin-bottom:24px;width:100px}.stats-logo{gap:10px;margin-bottom:32px}.stats-icon{height:36px;width:36px}.stats-logo h1{font-size:20px}.error-message{margin-bottom:20px;padding:12px}.error-icon{height:18px;width:18px}.error-title{font-size:12px}.error-text{font-size:11px}.login-form{gap:16px}.form-group label{font-size:12px;margin-bottom:6px}.form-group label svg{height:14px;width:14px}.form-group input[type=email],.form-group input[type=password]{border-radius:8px;font-size:16px;padding:14px 16px}.checkbox-group{margin-bottom:4px}.checkbox-label{gap:10px}.checkbox-custom{height:20px;width:20px}.checkbox-text{font-size:12px}.login-button{border-radius:8px;font-size:14px;margin-top:4px;padding:14px}.login-footer{margin-top:24px;padding-top:20px}.login-footer p{font-size:10px}}@media (max-width:480px){.login-left{padding:20px 16px}.uber-logo{height:30px;margin-bottom:20px;width:90px}.stats-logo{gap:8px;margin-bottom:28px}.stats-icon{height:32px;width:32px}.stats-logo h1{font-size:18px}.error-message{margin-bottom:18px;padding:10px}.error-icon{height:16px;width:16px}.login-form{gap:14px}.form-group label{font-size:11px;margin-bottom:6px}.form-group label svg{height:13px;width:13px}.form-group input[type=email],.form-group input[type=password]{border-radius:8px;font-size:16px;padding:12px 14px}.checkbox-custom{height:18px;width:18px}.checkbox-text{font-size:11px}.login-button{font-size:13px;letter-spacing:.2px;padding:12px}.button-content{gap:6px}.button-icon{height:14px;width:14px}.login-footer{margin-top:20px;padding-top:16px}.login-footer p{font-size:9px}}@media (max-width:360px){.login-left{padding:16px 12px}.uber-logo{height:27px;margin-bottom:18px;width:80px}.stats-logo{gap:6px;margin-bottom:24px}.stats-icon{height:28px;width:28px}.stats-logo h1{font-size:16px}.login-form{gap:12px}.form-group input[type=email],.form-group input[type=password]{font-size:16px;padding:10px 12px}.login-button{font-size:12px;padding:10px}}.mapboxgl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.wallet-type-badge{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.wallet-connected-container{animation:slideIn .3s ease}.admin-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.admin-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.wallet-connected-container{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:8px;padding:4px}.wallet-info{gap:8px;padding:0 12px}.wallet-address{color:var(--text-primary);font-family:Courier New,monospace;font-size:14px}.admin-badge{background:#10b981;border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.disconnect-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .3s ease}.disconnect-btn:hover{background:var(--hover-bg);color:#ef4444}@media (max-width:768px){.wallet-connected-container{align-items:flex-end;flex-direction:column;position:absolute;right:20px;top:60px}.add-sensor-btn span,.admin-btn span{display:none}}.add-sensor-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.add-sensor-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.add-sensor-btn svg{height:18px;width:18px}.view-toggle{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:2px;padding:4px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.toggle-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.toggle-btn.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.toggle-btn.active svg{stroke:#fff;color:#fff}[data-theme=light] .toggle-btn{background:#0000;color:var(--text-primary)}[data-theme=light] .toggle-btn:hover{background:#0000000d;color:var(--text-primary)}[data-theme=light] .toggle-btn.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f666;color:#fff}[data-theme=light] .toggle-btn.active svg{stroke:#fff;color:#fff}[data-theme=dark] .toggle-btn.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f680;color:#fff}[data-theme=dark] .toggle-btn.active svg{stroke:#fff;color:#fff}.globe-container{background:var(--bg-primary);height:100vh;overflow:hidden;padding-top:64px;position:relative;width:100vw}[data-theme=light] .globe-container{background:#e8f4f8}.globe-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--nav-bg);border-bottom:1px solid var(--border-color);display:flex;gap:12px;height:64px;justify-content:space-between;left:0;min-width:0;padding:0 24px;position:absolute;right:0;top:0;z-index:200}[data-theme=light] .globe-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom-color:#0000001a;box-shadow:0 2px 8px #00000014}.header-logo{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;gap:10px;transition:all .3s ease}.header-logo:hover{transform:translateX(-5px)}.header-logo .logo-icon{color:var(--accent-primary);font-size:1.5rem}.header-logo .logo-text{font-weight:700;letter-spacing:.02em}.header-logo-section{align-items:center;display:flex;flex-shrink:0;gap:16px;max-width:50%;overflow:hidden}.header-logo-section img,.uber-logo-header{height:32px!important;max-width:120px!important;object-fit:contain!important;width:auto!important}.uber-logo-header{display:block!important;flex-shrink:0!important;position:relative!important}.uber-logo-header.logo-white{filter:brightness(0) invert(1)}.uber-logo-header.logo-black{filter:brightness(0)}.header-logo-section .logo-text{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}.header-actions{align-items:center;flex-shrink:0;gap:12px}.header-wallet-mobile{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:none;flex-shrink:0;font-size:.7rem;gap:6px;max-width:120px;overflow:hidden;padding:4px 8px}.wallet-type-badge-mobile{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;width:16px}.wallet-address-mobile{color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:.7rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge-mobile{background:#10b981;border-radius:4px;color:#fff;flex-shrink:0;font-size:.6rem;font-weight:600;letter-spacing:.3px;padding:1px 4px;text-transform:uppercase}.wallet-connected-container.mobile-hidden{display:none}.theme-toggle-btn{background:var(--toggle-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:grid;height:40px;place-items:center;transition:all .3s ease;width:40px}.theme-toggle-btn:hover{background:var(--toggle-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.connect-wallet{background:var(--accent-gradient);border:none;border-radius:8px;color:var(--button-text);cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.connect-wallet:hover{box-shadow:0 5px 20px var(--accent-primary-alpha);transform:translateY(-2px)}.mapboxgl-ctrl-top-right{display:none}.mapboxgl-popup-content{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 10px 40px #0000004d!important;padding:0!important}.mapboxgl-popup-close-button{color:var(--text-primary)!important;font-size:20px!important;padding:10px!important}.popup-content{color:var(--text-primary);padding:1.5rem}.popup-content h3{color:var(--accent-primary);font-size:1.1rem;margin:0 0 1rem}.popup-data{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.data-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.data-row span:first-child{color:var(--text-tertiary);font-size:.9rem}.data-row span:last-child{color:var(--text-primary);font-weight:500}.wallet-section{border-top:1px solid var(--border-color);padding-top:1rem}.wallet-address{color:var(--accent-primary)!important;font-family:monospace;font-size:.85rem}.earnings{color:var(--accent-secondary)!important;font-weight:700}.layer-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #00000026;left:20px;min-width:260px;padding:1.25rem;position:absolute;top:80px;transition:all .3s ease;z-index:100}[data-theme=light] .layer-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-color:#0000001a;box-shadow:0 8px 32px #0000001f}.layer-controls.collapsed{min-width:auto;padding:.75rem}.layer-controls.collapsed .panel-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.panel-header{border-bottom:2px solid var(--border-color);gap:12px;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.panel-header,.panel-header h3{align-items:center;display:flex}.panel-header h3{color:var(--text-primary);font-size:1.05rem;font-weight:700;gap:8px;letter-spacing:-.3px;margin:0}.panel-header h3 svg{stroke:currentColor;color:var(--text-primary);flex-shrink:0}.panel-header h3 span{white-space:nowrap}.collapse-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;padding:.4rem .6rem;transition:all .2s ease;width:32px}.collapse-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.05)}[data-theme=light] .collapse-btn{background:#0000000d;border-color:#00000026;color:var(--text-primary)}[data-theme=light] .collapse-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.globe-collapse-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;padding:.4rem .6rem;transition:all .2s ease;width:32px}.globe-collapse-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.05)}[data-theme=light] .globe-collapse-btn{background:#0000000d;border-color:#00000026;color:var(--text-primary)}[data-theme=light] .globe-collapse-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.control-group{margin-top:1.25rem}.control-group h4{color:var(--text-primary);font-size:.75rem;font-weight:600;letter-spacing:.15em;margin-bottom:.85rem;opacity:.7;text-transform:uppercase}.layer-buttons{display:flex;flex-direction:column;gap:.65rem}.layer-buttons button{align-items:center;background:var(--bg-secondary);border:2px solid #0000;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;overflow:hidden;padding:12px 14px;position:relative;text-align:left;transition:all .2s ease}.layer-buttons button:before{background:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.layer-buttons button:hover{background:var(--card-bg);border-color:var(--border-color);transform:translateX(2px)}.layer-buttons button:hover:before{transform:scaleY(.6)}.layer-buttons button.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 16px #3b82f64d;color:#fff;font-weight:600;transform:translateX(2px)}.layer-buttons button.active svg{stroke:#fff;color:#fff}.layer-buttons button.active:before{background:#ffffff4d;transform:scaleY(1)}[data-theme=light] .layer-buttons button.active{background:#3b82f6;border-color:#2563eb;box-shadow:0 4px 16px #3b82f666;color:#fff}[data-theme=light] .layer-buttons button.active svg{stroke:#fff;color:#fff}[data-theme=dark] .layer-buttons button.active{background:#3b82f6;border-color:#60a5fa;box-shadow:0 4px 16px #3b82f680;color:#fff}[data-theme=dark] .layer-buttons button.active svg{stroke:#fff;color:#fff}.legend{border-top:2px solid var(--border-color);margin-top:1.5rem;padding-top:1.25rem}.legend h4{color:var(--text-primary);font-size:.75rem;font-weight:600;letter-spacing:.15em;margin-bottom:.85rem;opacity:.7;text-transform:uppercase}.legend-items{display:flex;flex-direction:column;gap:.45rem}.legend-item{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;font-size:.8rem;gap:10px;justify-content:space-between;padding:6px 8px;transition:all .2s ease}.legend-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.color-box{border:2px solid #fff3;border-radius:5px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:18px;width:18px}.globe-ranking-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:calc(100vh - 100px);overflow:hidden;position:absolute;right:20px;top:80px;transition:all .3s ease;width:380px;z-index:100}[data-theme=light] .globe-ranking-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-color:#0000001a;box-shadow:0 8px 32px #0000001f}.globe-ranking-sidebar.collapsed{width:auto}.globe-ranking-header{background:linear-gradient(135deg,#00d4ff0d,#00ff880d);border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.globe-ranking-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.globe-ranking-title h2{color:var(--text-primary);font-size:1.15rem;font-weight:700;letter-spacing:-.5px;margin:0}.globe-ranking-title h2 svg{flex-shrink:0;height:20px;width:20px}.filter-buttons{display:flex;gap:.5rem}.filter-buttons button{background:var(--toggle-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;padding:.5rem;transition:all .3s ease}.filter-buttons button:hover{background:var(--toggle-hover);color:var(--text-primary)}.filter-buttons button.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}[data-theme=light] .filter-buttons button.active{background:#3b82f6;border-color:#2563eb;box-shadow:0 2px 8px #3b82f666;color:#fff}[data-theme=dark] .filter-buttons button.active{background:#3b82f6;border-color:#60a5fa;box-shadow:0 2px 8px #3b82f680;color:#fff}.ranking-list{flex:1 1;overflow-y:auto;padding:1rem}.ranking-item{background:var(--toggle-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.ranking-item:hover{background:var(--toggle-hover);border-color:var(--accent-primary-alpha)}.rank-number{color:var(--accent-primary);font-size:1.5rem;min-width:40px}.rank-info{flex:1 1}.rank-location{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.rank-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.stat{color:var(--text-tertiary);font-size:.85rem}.wallet-info{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.5rem}.wallet{color:var(--text-tertiary);font-family:monospace;font-size:.75rem}.globe-ranking-footer{border-top:1px solid var(--border-color);padding:1rem}.globe-stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.globe-summary-item{display:flex;flex-direction:column;gap:.25rem}.globe-summary-item .label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.globe-summary-item .value{color:var(--text-primary);font-size:1.25rem;font-weight:700}@media (max-width:1024px){.globe-header{height:56px;padding:0 16px}.header-actions{gap:8px}.header-logo{font-size:1rem}.layer-controls{left:10px;max-width:calc(100vw - 20px);min-width:240px;right:auto;top:70px}.globe-ranking-sidebar{max-width:calc(100vw - 20px);right:10px;top:70px;width:320px}.globe-stats-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.globe-header{gap:8px;height:52px;padding:0 12px}.header-logo .logo-text{display:none}.header-logo .logo-icon{font-size:1.25rem}.header-wallet-mobile{display:flex}.header-actions{flex-shrink:0;gap:6px}.theme-toggle-btn,.toggle-btn{height:32px;width:32px}.add-sensor-btn,.admin-btn{font-size:12px;padding:6px 10px}.add-sensor-btn span,.admin-btn span{display:none}.wallet-connected-container{padding:2px}.wallet-info{padding:0 8px}.wallet-address{font-size:11px}.admin-badge{font-size:8px;padding:1px 6px}.layer-controls.mobile-hidden{display:none}.layer-controls.mobile-open{animation:slideInLeft .3s ease forwards;border-radius:0 16px 16px 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:100vh;max-width:400px;padding:1rem;position:fixed;top:0;transform:translateX(-100%);width:85%;z-index:300}@keyframes slideInLeft{to{transform:translateX(0)}}.layer-controls.mobile-open.collapsed{padding:1rem}.layer-controls{bottom:10px;left:10px;max-width:calc(100vw - 20px);min-width:auto;padding:1rem;right:10px;top:auto}.layer-controls.collapsed{bottom:10px;left:10px;padding:.5rem;right:auto}.panel-header h3{font-size:.9rem}.control-group h4{font-size:.7rem}.layer-buttons button{font-size:.8rem;padding:10px 12px}.globe-ranking-sidebar{border-radius:16px 0 0 16px;bottom:0;box-shadow:-4px 0 24px #0003;max-height:100vh;max-width:400px;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:85%;z-index:300}@media (max-width:768px){.globe-ranking-sidebar:not(.mobile-open){display:none}}.globe-ranking-sidebar.mobile-open{display:flex;transform:translateX(0)}.mobile-overlay{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:#00000026;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:299}.mobile-overlay.mobile-open{opacity:1;pointer-events:all}.globe-container{position:relative;z-index:1}.mapboxgl-canvas-container,.mapboxgl-map{z-index:1!important}.mobile-floating-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 16px #0000004d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:250}.mobile-floating-btn:active{transform:scale(.9)}.mobile-floating-btn:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.mobile-ranking-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);bottom:100px;right:20px}.mobile-ranking-btn:hover{box-shadow:0 6px 20px #3b82f680}.mobile-controls-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);bottom:100px;left:20px}.mobile-controls-btn:hover{box-shadow:0 6px 20px #8b5cf680}@media (max-width:480px){.mobile-floating-btn{bottom:90px;height:48px;width:48px}.mobile-ranking-btn{right:16px}.mobile-controls-btn{left:16px}.mobile-floating-btn svg{height:18px;width:18px}}@media (max-width:360px){.mobile-floating-btn{bottom:85px;height:44px;width:44px}.mobile-ranking-btn{right:12px}.mobile-controls-btn{left:12px}}.globe-ranking-header{padding:1rem}.globe-ranking-title h2{font-size:1rem}.filter-buttons{gap:.375rem}.filter-buttons button{font-size:.75rem;padding:.4rem}.ranking-item{gap:.75rem;padding:.75rem}.rank-number{font-size:1.25rem;min-width:32px}.rank-location{font-size:.875rem}.stat{font-size:.75rem}.globe-stats-summary{gap:.75rem;grid-template-columns:1fr}.globe-summary-item .value{font-size:1.1rem}}@media (max-width:480px){.globe-header{gap:6px;height:48px;padding:0 8px}.header-logo{font-size:.9rem}.header-wallet-mobile{font-size:.65rem;gap:4px;max-width:100px;padding:3px 6px}.wallet-type-badge-mobile{font-size:9px;height:14px;width:14px}.wallet-address-mobile{font-size:.65rem}.admin-badge-mobile{font-size:.55rem;padding:1px 3px}.header-actions{gap:4px}.theme-toggle-btn,.toggle-btn{height:28px;width:28px}.add-sensor-btn,.admin-btn{padding:4px 8px}.wallet-address{font-size:10px}.layer-controls.mobile-open{max-width:360px;padding:.75rem;width:90%}.panel-header h3{font-size:.85rem}.layer-buttons button{font-size:.75rem;padding:8px 10px}.globe-ranking-sidebar{max-width:360px;width:90%}.globe-ranking-header{padding:.75rem}.globe-ranking-title h2{font-size:.9rem}.filter-buttons button{font-size:.7rem;padding:.35rem}.ranking-item{gap:.625rem;padding:.625rem}.rank-number{font-size:1.1rem;min-width:28px}.rank-location{font-size:.8rem}.globe-summary-item .label,.stat{font-size:.7rem}.globe-summary-item .value{font-size:1rem}}@media (max-width:414px){.globe-header{gap:4px;height:46px;padding:0 6px}.header-wallet-mobile{max-width:90px;padding:2px 5px}.wallet-address-mobile{font-size:.6rem}.layer-controls{bottom:6px;left:6px;right:6px}.globe-ranking-sidebar{max-width:340px;width:88%}}@media (max-width:360px){.globe-header{gap:3px;padding:0 6px}.header-wallet-mobile{gap:3px;max-width:80px;padding:2px 4px}.wallet-type-badge-mobile{font-size:8px;height:12px;width:12px}.wallet-address-mobile{font-size:.55rem}.admin-badge-mobile{font-size:.5rem;padding:.5px 2px}.header-actions{gap:3px}.theme-toggle-btn,.toggle-btn{height:26px;width:26px}.globe-ranking-sidebar{max-width:300px;width:85%}}.sensor-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}[data-theme=light] .sensor-modal-overlay{background:#0006}[data-theme=dark] .sensor-modal-overlay{background:#000000b3}.sensor-modal{background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}[data-theme=light] .sensor-modal{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffffa;border:1px solid #00000014;box-shadow:0 20px 60px #00000026}[data-theme=dark] .sensor-modal{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1a1a1af2;border:1px solid #ffffff1a;box-shadow:0 20px 60px #0009}.sensor-modal-header{align-items:flex-start;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:1.5rem}[data-theme=dark] .sensor-modal-header{border-bottom:1px solid #ffffff1a}.sensor-modal-title h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:0}[data-theme=dark] .sensor-modal-title h2{color:#fff;color:var(--text-primary,#fff)}.sensor-modal-subtitle{font-size:.875rem;margin:.25rem 0 0}.sensor-modal-close,.sensor-modal-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280)}.sensor-modal-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.sensor-modal-close:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}[data-theme=dark] .sensor-modal-close:hover{background:#333;background:var(--bg-hover,#333);color:#fff;color:var(--text-primary,#fff)}.sensor-modal-aggregated{border-bottom:1px solid #00000014;padding:1.5rem}[data-theme=dark] .sensor-modal-aggregated{border-bottom:1px solid #ffffff1a}.sensor-modal-aggregated h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0 0 1rem}[data-theme=dark] .sensor-modal-aggregated h3{color:#fff;color:var(--text-primary,#fff)}.sensor-modal-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.sensor-modal-stat{align-items:center;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.sensor-modal-stat:hover{background:#3b82f614;border-color:#3b82f633}[data-theme=dark] .sensor-modal-stat{background:#3b82f614;border:1px solid #3b82f626}[data-theme=dark] .sensor-modal-stat:hover{background:#3b82f61f;border-color:#3b82f640}.stat-icon{color:#3b82f6;color:var(--accent-primary,#3b82f6)}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#6b7280;color:var(--text-secondary,#6b7280)}.stat-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600}[data-theme=dark] .stat-value{color:#fff;color:var(--text-primary,#fff)}.sensor-modal-content{padding:1.5rem}.sensor-modal-no-data{color:#6b7280;color:var(--text-secondary,#6b7280);padding:2rem;text-align:center}.no-data-icon{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:3rem;margin-bottom:1rem}.sensor-modal-no-data p{font-weight:500;margin:.5rem 0}.sensor-modal-no-data small{font-size:.875rem}.sensor-modal-data-grid{grid-gap:1rem;display:grid;gap:1rem}.sensor-modal-data-item{align-items:center;background:#00000005;border:1px solid #0000000d;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.sensor-modal-data-item:hover{background:#0000000a;border-color:#0000001a}[data-theme=dark] .sensor-modal-data-item{background:#ffffff08;border:1px solid #ffffff14}[data-theme=dark] .sensor-modal-data-item:hover{background:#ffffff0d;border-color:#ffffff1f}.data-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}.data-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600}[data-theme=dark] .data-value{color:#fff;color:var(--text-primary,#fff)}.sensor-modal-location{align-items:center;background:#00000005;border:1px solid #0000000d;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.75rem;transition:all .2s ease}.sensor-modal-location:hover{background:#0000000a;border-color:#0000001a}[data-theme=dark] .sensor-modal-location{background:#ffffff08;border:1px solid #ffffff14}[data-theme=dark] .sensor-modal-location:hover{background:#ffffff0d;border-color:#ffffff1f}.location-icon{color:#3b82f6;color:var(--accent-primary,#3b82f6)}.sensor-modal-status{align-items:center;background:#10b9810d;border:1px solid #10b98126;border-radius:8px;color:#10b981;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem;transition:all .2s ease}.sensor-modal-status:hover{background:#10b98114;border-color:#10b98140}[data-theme=dark] .sensor-modal-status{background:#10b98114;border:1px solid #10b98133}[data-theme=dark] .sensor-modal-status:hover{background:#10b9811f;border-color:#10b9814d}.status-icon.online{color:#10b981}.status-icon.offline{color:#ef4444}.sensor-modal-footer{border-top:1px solid #00000014;padding:1.5rem}[data-theme=dark] .sensor-modal-footer{border-top:1px solid #ffffff1a}.sensor-modal-details-btn{background:#3b82f6;background:var(--accent-primary,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.sensor-modal-details-btn:hover{background:#2563eb;background:var(--accent-secondary,#2563eb);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.view-tabs{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #00000014;display:flex;gap:8px;padding:12px 20px}[data-theme=dark] .view-tabs{background:#ffffff08;border-bottom:1px solid #ffffff1a}.view-tab{align-items:center;background:#0000;border:1px solid #0000001a;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}[data-theme=dark] .view-tab{border-color:#ffffff1a}.view-tab:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}[data-theme=dark] .view-tab:hover{background:#ffffff0d;color:#fff;color:var(--text-primary,#fff)}.view-tab.active{background:#3b82f6;background:var(--accent-primary,#3b82f6);border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);color:#fff}.content-title{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:1rem;font-weight:600;margin:0 0 16px}[data-theme=dark] .content-title{color:#fff;color:var(--text-primary,#fff)}.compact-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.compact-stat-item{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #0000000d;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:10px}[data-theme=dark] .compact-stat-item{background:#ffffff08;border-color:#ffffff14}.compact-stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.compact-stat-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600}[data-theme=dark] .compact-stat-value{color:#fff;color:var(--text-primary,#fff)}.locations-list{display:flex;flex-direction:column;gap:10px}.location-card{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #0000000d;border-radius:10px;cursor:pointer;padding:14px;position:relative;transition:all .2s}[data-theme=dark] .location-card{background:#ffffff08;border-color:#ffffff14}.location-card:hover{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 2px 8px #0000001a;transform:translateX(2px)}.location-header{justify-content:space-between;margin-bottom:8px}.location-header,.location-info{align-items:flex-start;display:flex}.location-info{flex:1 1}.location-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.95rem;font-weight:600;margin:0 0 4px}[data-theme=dark] .location-name{color:#fff;color:var(--text-primary,#fff)}.location-city{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem;margin:0}.location-sensor-count{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.location-sensor-count>span:first-child{color:#3b82f6;color:var(--accent-primary,#3b82f6);font-size:1.1rem;font-weight:600}.sensor-label{font-size:.7rem;text-transform:lowercase}.location-address,.sensor-label{color:#6b7280;color:var(--text-secondary,#6b7280)}.location-address{font-size:.8rem;margin:8px 0}.location-preview-stats{display:flex;gap:12px;margin-top:8px}.preview-stat{font-size:.8rem}.location-arrow,.preview-stat{color:#6b7280;color:var(--text-secondary,#6b7280)}.location-arrow{opacity:.5;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.location-card:hover .location-arrow{color:#3b82f6;color:var(--accent-primary,#3b82f6);opacity:1}.location-back-header{margin-bottom:16px}.back-btn{background:none;border:none;color:#3b82f6;color:var(--accent-primary,#3b82f6);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:8px;padding:4px 0;transition:all .2s}.back-btn:hover{opacity:.8}.sensors-list{display:flex;flex-direction:column;gap:10px}.sensor-card-compact{background:#fff;background:var(--card-bg,#fff);border:1px solid #0000000d;border-radius:10px;cursor:pointer;padding:12px;transition:all .2s}[data-theme=dark] .sensor-card-compact{background:#ffffff08;border-color:#ffffff14}.sensor-card-compact:hover{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 2px 8px #0000001a}.sensor-card-header-compact{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.sensor-name-compact{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.9rem;font-weight:600;margin:0 0 4px}[data-theme=dark] .sensor-name-compact{color:#fff;color:var(--text-primary,#fff)}.sensor-location-compact{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;margin:0}.status-badge-compact{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.status-badge-compact.online{background:#10b9811a;color:#10b981}.status-badge-compact.offline{background:#f443361a;color:#f44336}.sensor-data-compact{margin-bottom:10px}.data-grid-compact{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.data-item-compact{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:6px;display:flex;justify-content:space-between;padding:6px 8px}[data-theme=dark] .data-item-compact{background:#ffffff08}.data-label-compact{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.data-value-compact{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.85rem;font-weight:600}[data-theme=dark] .data-value-compact{color:#fff;color:var(--text-primary,#fff)}.sensor-action-compact{align-items:center;border-top:1px solid #0000000d;color:#3b82f6;color:var(--accent-primary,#3b82f6);display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;padding-top:8px}[data-theme=dark] .sensor-action-compact{border-top-color:#ffffff14}.sensor-card-compact:hover .sensor-action-compact{color:#2563eb;color:var(--accent-secondary,#2563eb)}.sensor-modal-content{flex:1 1;overflow-y:auto}@media (max-width:768px){.sensor-modal{max-height:85vh;width:95%}.sensor-modal-stats-grid{grid-template-columns:1fr}.compact-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.data-grid-compact{grid-template-columns:1fr}}.improved-ranking{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:8px}.ranking-tabs{background:var(--bg-secondary);border-radius:10px;display:flex;gap:3px;margin-bottom:10px;padding:3px}.ranking-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.65rem;gap:2px;padding:6px 3px;transition:all .2s}.ranking-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.ranking-tab.active{background:#3b82f6;color:#fff}.ranking-tab.active .tab-icon,.ranking-tab.active .tab-label{color:#fff!important}[data-theme=light] .ranking-tab{color:var(--text-primary)}[data-theme=light] .ranking-tab:hover{background:#0000000d;color:var(--text-primary)}[data-theme=light] .ranking-tab.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f666;color:#fff}[data-theme=light] .ranking-tab.active .tab-icon,[data-theme=light] .ranking-tab.active .tab-label{color:#fff!important}[data-theme=dark] .ranking-tab.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f680;color:#fff}[data-theme=dark] .ranking-tab.active .tab-icon,[data-theme=dark] .ranking-tab.active .tab-label{color:#fff!important}.tab-icon{flex-shrink:0;height:14px;width:14px}.tab-label{font-size:.65rem;font-weight:500;line-height:1}.ranking-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-right:4px}.ranking-content::-webkit-scrollbar-track{background:#0000}.ranking-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.overview-content{gap:10px}.overview-content,.stats-grid{display:flex;flex-direction:column}.stats-grid{gap:8px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:default;gap:12px;justify-content:space-between;padding:12px 14px;transition:all .2s ease}.stat-card:hover{background:var(--card-bg);border-color:var(--primary-color)}.stat-icon{background:#00d4ff1a;border-radius:8px;height:36px;width:36px}.stat-info{align-items:center;display:flex;gap:8px;min-width:0}.stat-label{font-size:.75rem;line-height:1.2;white-space:nowrap}.stat-value{font-size:1.1rem;font-weight:700;white-space:nowrap}.stat-suffix{color:var(--text-secondary);font-size:.75rem;font-weight:400;margin-left:2px}.quick-insights{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:10px}.quick-insights h4{align-items:center;color:var(--text-primary);display:flex;font-size:.8rem;font-weight:600;gap:6px;margin:0 0 8px}.insight-list{display:flex;flex-direction:column;gap:6px}.insight-item{align-items:center;border-radius:6px;display:flex;font-size:.75rem;gap:8px;line-height:1.3;padding:8px 10px;transition:all .2s ease}.insight-item.alert{background:#f443361a;color:#ff6b6b}.insight-item.good{background:#00ff881a;color:#0f8}.insight-item.info{background:#00d4ff1a;color:#00d4ff}.ranking-list-enhanced{display:flex;flex-direction:column;gap:6px}.quality-card{background:var(--bg-secondary);border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:10px;min-width:0;padding:10px;transition:all .3s ease}.quality-card:hover{background:var(--card-bg);border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a;transform:translateX(3px)}.quality-rank{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:32px}.rank-number{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1}.trophy{flex-shrink:0;height:14px;margin-top:2px;width:14px}.quality-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.quality-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.sensor-name{color:var(--text-primary);flex:1 1;font-size:.75rem;font-weight:500;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-value{flex-shrink:0;font-size:.9rem;font-weight:700}.quality-bar{background:var(--bg-secondary);border-radius:2px;height:4px;overflow:hidden}.quality-fill{border-radius:2px;height:100%}.quality-details{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.65rem;gap:6px;margin-top:2px}.detail-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:3px;line-height:1.2;padding:3px 6px;transition:all .2s ease;white-space:nowrap}.detail-item:hover{background:var(--hover-bg);transform:translateY(-1px)}.detail-item svg{flex-shrink:0;height:12px;width:12px}.no-alerts{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.no-alerts-icon{color:#10b981;flex-shrink:0;margin-bottom:12px}.alert-list{display:flex;flex-direction:column;gap:8px}.alert-card{background:#f443360d;border:1px solid #f4433633;border-left:3px solid #f44336;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .3s ease}.alert-card:hover{background:#f443361a;box-shadow:0 2px 8px #f4433626;transform:translateX(3px)}.alert-indicator{align-items:center;color:#ef4444;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.alert-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.alert-location{color:var(--text-primary);font-size:.75rem;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-reason{color:var(--text-secondary);font-size:.65rem;line-height:1.3}.alert-metrics{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.metric-badge{border-radius:3px;font-size:.6rem;font-weight:500;line-height:1.2;padding:2px 5px}.metric-badge.bad{background:#f4433633;color:#f44}.metric-badge.warning{background:#ff980033;color:#ff9800}.earnings-content{display:flex;flex-direction:column;gap:12px}.earnings-header{align-items:center;padding:0 4px}.earnings-header h4{color:var(--text-primary);font-size:.9rem;margin:0}.total-distributed{color:var(--text-secondary);font-size:.8rem}.earnings-list{display:flex;flex-direction:column;gap:6px}.earnings-card{background:var(--bg-secondary);border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .3s ease}.earnings-card:hover{background:var(--card-bg);border-color:#9c27b0;box-shadow:0 2px 8px #9c27b026;transform:translateX(3px)}.earnings-rank{align-items:center;color:var(--primary-color);display:flex;font-size:.85rem;font-weight:700;justify-content:center;line-height:1;min-width:24px}.earnings-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.earnings-header{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.earnings-name{color:var(--text-primary);flex:1 1;font-size:.75rem;font-weight:500;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.earnings-amount{color:var(--primary-color);flex-shrink:0;font-size:.85rem;font-weight:700;line-height:1.2}.earnings-bar{background:var(--bg-secondary);border-radius:2px;height:4px;overflow:hidden}.earnings-fill{background:linear-gradient(90deg,var(--primary-color),#00d4ff);border-radius:2px;height:100%}.wallet-preview{color:var(--text-tertiary);font-family:monospace;font-size:.7rem}.city-list{display:flex;flex-direction:column;gap:8px}.city-card{background:var(--card-bg);border-radius:10px;cursor:pointer;padding:12px;transition:all .2s}.city-card:hover{background:var(--hover-bg)}.city-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.city-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.city-count{color:var(--text-secondary);font-size:.8rem}.city-stats{display:flex;flex-direction:column;gap:6px}.city-quality{align-items:center;display:flex;justify-content:space-between}.quality-label{color:var(--text-secondary);font-size:.75rem}.city-bar{background:var(--bg-secondary);border-radius:2px;height:4px;overflow:hidden}.city-bar-fill{border-radius:2px;height:100%;transition:width .5s ease}.ranking-content::-webkit-scrollbar{width:6px}.ranking-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.ranking-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.ranking-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:1200px){.stats-grid{grid-template-columns:1fr}.sensor-name{max-width:120px}}@media (max-width:768px){.improved-ranking{padding:6px}.ranking-tabs{gap:2px;margin-bottom:8px;padding:2px}.ranking-tab{font-size:.6rem;gap:1px;padding:5px 2px}.tab-icon{height:12px;width:12px}.tab-label{font-size:.6rem}.stat-card{gap:10px;padding:10px 12px}.stat-icon{height:32px;width:32px}.stat-label{font-size:.7rem}.stat-value{font-size:1rem}.stat-suffix{font-size:.7rem}.quick-insights{padding:8px}.quick-insights h4{font-size:.75rem;margin-bottom:6px}.insight-item{font-size:.7rem;padding:6px 8px}.quality-card{gap:8px;padding:8px}.quality-rank{min-width:28px}.rank-number{font-size:.9rem}.trophy{height:12px;width:12px}.sensor-name{font-size:.7rem;max-width:100px}.quality-value{font-size:.85rem}.quality-details{font-size:.6rem;gap:4px}.detail-item{font-size:.6rem;padding:2px 5px}.detail-item svg{height:10px;width:10px}.alert-card{gap:8px;padding:8px}.alert-indicator{height:14px;width:14px}.alert-location{font-size:.7rem}.alert-reason{font-size:.6rem}.metric-badge{font-size:.55rem;padding:1px 4px}.earnings-header h4{font-size:.85rem}.total-distributed{font-size:.75rem}.earnings-card{gap:8px;padding:8px}.earnings-rank{font-size:.8rem;min-width:20px}.earnings-name{font-size:.7rem}.earnings-amount{font-size:.8rem}.wallet-preview{font-size:.65rem}.city-card{padding:10px}.city-name{font-size:.85rem}.city-count{font-size:.75rem}.quality-label{font-size:.7rem}}@media (max-width:480px){.improved-ranking{padding:4px}.ranking-tabs{margin-bottom:6px}.ranking-tab{font-size:.55rem;padding:4px 1px}.tab-icon{height:10px;width:10px}.tab-label{font-size:.55rem}.stat-card{gap:8px;padding:8px 10px}.stat-icon{height:28px;width:28px}.stat-label{font-size:.65rem}.stat-value{font-size:.95rem}.sensor-name{font-size:.65rem;max-width:80px}.quality-value{font-size:.8rem}.quality-details{font-size:.55rem}.detail-item{padding:2px 4px}.alert-location{font-size:.65rem}.alert-reason{font-size:.55rem}.earnings-name{font-size:.65rem}.earnings-amount{font-size:.75rem}.city-name{font-size:.8rem}}@media (max-width:414px){.sensor-name{max-width:70px}}@media (max-width:360px){.ranking-tab{font-size:.5rem}.sensor-name{max-width:60px}}.user-profile-container{display:inline-block;position:relative;z-index:1000}.user-profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.user-profile-avatar:hover{box-shadow:0 6px 20px #3b82f666;transform:scale(1.05)}.user-profile-avatar:active{transform:scale(.95)}.avatar-initials{align-items:center;display:flex;font-size:16px;height:100%;justify-content:center;letter-spacing:-.5px;width:100%}.user-profile-dropdown{animation:dropdownSlideDown .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 50px #00000040;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:280px;z-index:1001}[data-theme=light] .user-profile-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-color:#0000001a;box-shadow:0 20px 50px #00000026}[data-theme=dark] .user-profile-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b!important;border-color:#334155;box-shadow:0 20px 50px #00000080;opacity:1}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);display:flex;gap:12px;padding:16px}[data-theme=light] .dropdown-header{background:linear-gradient(135deg,#3b82f614,#2563eb08)}[data-theme=dark] .dropdown-header{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-bottom:1px solid #334155}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #fff6;border-radius:50%;box-shadow:0 4px 12px #3b82f64d;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.avatar-initials-large{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.8px}.dropdown-info{flex:1 1;min-width:0}.user-name{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:2px;word-break:break-word}.user-email-dropdown{color:var(--text-secondary);font-size:12px;word-break:break-all}[data-theme=dark] .user-name{color:#f1f5f9}[data-theme=dark] .user-email-dropdown{color:#cbd5e1}.dropdown-divider{background:var(--border-color);height:1px;margin:8px 0}[data-theme=light] .dropdown-divider{background:#00000014}[data-theme=dark] .dropdown-divider{background:#334155}.dropdown-menu{display:flex;flex-direction:column;gap:2px;padding:8px}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;overflow:hidden;padding:12px 14px;position:relative;text-align:left;transition:all .2s ease}.dropdown-item:before{background:linear-gradient(135deg,#3b82f6,#2563eb);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform .2s ease;width:3px}.dropdown-item:hover{background:var(--hover-bg);color:#3b82f6;transform:translateX(2px)}[data-theme=dark] .dropdown-item{color:#e2e8f0}[data-theme=dark] .dropdown-item:hover{background:#3b82f626;color:#60a5fa}.dropdown-item:hover:before{transform:scaleY(1)}.dropdown-item svg{stroke:currentColor;color:currentColor;flex-shrink:0;height:18px;width:18px}.dropdown-logout{color:#ef4444;margin-top:4px}.dropdown-logout:hover{background:#ef44441a;color:#dc2626}.dropdown-logout:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.dropdown-logout svg{stroke:currentColor;color:currentColor}[data-theme=light] .dropdown-item{color:var(--text-primary)}[data-theme=light] .dropdown-item:hover{background:#3b82f61a;color:#3b82f6}[data-theme=light] .dropdown-logout:hover{background:#ef444414;color:#dc2626}[data-theme=dark] .dropdown-logout{color:#f87171}[data-theme=dark] .dropdown-logout:hover{background:#ef444433;color:#fca5a5}@media (max-width:1024px){.user-profile-avatar{font-size:12px;height:36px;width:36px}.avatar-initials{font-size:14px}.user-profile-dropdown{width:260px}.dropdown-header{padding:14px}.dropdown-avatar{height:44px;width:44px}.avatar-initials-large{font-size:16px}}@media (max-width:768px){.user-profile-avatar{border:2px solid #ffffff4d;height:36px;width:36px}.avatar-initials{font-size:14px}.user-profile-dropdown{animation:slideUpFromBottom .3s cubic-bezier(.4,0,.2,1);border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 20px #00000026;left:0;max-height:70vh;max-width:100%;overflow-y:auto;position:fixed;right:auto;top:auto;width:100%;z-index:2000}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:linear-gradient(135deg,#3b82f626,#2563eb14);padding:20px 16px}.dropdown-avatar{height:56px;width:56px}.avatar-initials-large{font-size:22px}.user-name{font-size:16px}.user-email-dropdown{font-size:13px}.dropdown-menu{padding:12px}.dropdown-item{border-radius:10px;font-size:15px;padding:14px 16px}.dropdown-item svg{height:20px;width:20px}}@media (max-width:480px){.user-profile-avatar{font-size:12px;height:32px;width:32px}.avatar-initials{font-size:12px}.user-profile-dropdown{max-height:80vh}.dropdown-header{gap:12px;padding:16px}.dropdown-avatar{height:48px;width:48px}.avatar-initials-large{font-size:18px}.user-name{font-size:14px}.user-email-dropdown{font-size:12px}.dropdown-item{font-size:14px;gap:10px;padding:12px 14px}.dropdown-item svg{height:18px;width:18px}}@media (max-width:768px){.user-profile-dropdown::-webkit-scrollbar{width:6px}.user-profile-dropdown::-webkit-scrollbar-track{background:#0000}.user-profile-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.user-profile-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}}:root{--gradient-comfort:linear-gradient(135deg,#667eea,#764ba2);--gradient-air:linear-gradient(135deg,#0ea5e9,#0284c7);--gradient-cognition:linear-gradient(135deg,#8b5cf6,#6366f1);--gradient-health:linear-gradient(135deg,#10b981,#059669);--gradient-efficiency:linear-gradient(135deg,#1e40af,#7c3aed);--gradient-ventilation:linear-gradient(135deg,#06b6d4,#0284c7);--shadow-soft:0 4px 6px #00000012;--shadow-medium:0 10px 20px #0000001a;--shadow-large:0 20px 40px #00000026;--shadow-glow:0 0 30px #667eea66}[data-theme=dark]{--text-color:#f8fafc}.metric-view-container{animation:fadeInUp .5s ease-out;margin:0 auto;max-width:1400px;padding:.5rem}.metric-header-premium{border-radius:20px;box-shadow:0 20px 40px #00000026;box-shadow:var(--shadow-large);margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative}.metric-header-premium.comfort-gradient{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-comfort)}.metric-header-premium.air-gradient{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--gradient-air)}.metric-header-premium.cognition-gradient{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:var(--gradient-cognition)}.metric-header-premium.health-gradient{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-health)}.metric-header-premium.efficiency-gradient{background:var(--gradient-efficiency)}.metric-header-premium.ventilation-gradient{background:var(--gradient-ventilation)}.header-pattern{animation:patternFloat 15s ease-in-out infinite;background-image:radial-gradient(circle at 20% 50%,#fff 0,#0000 50%),radial-gradient(circle at 80% 80%,#fff 0,#0000 50%);inset:0;opacity:.1;position:absolute}@keyframes patternFloat{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;position:relative;z-index:2}.header-left{gap:1.5rem}.header-icon-box{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;color:#fff;display:flex;height:72px;justify-content:center;width:72px}.header-title{color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .25rem;text-shadow:0 2px 10px #0003}.header-subtitle{color:#ffffffe6;font-size:.875rem;margin:0;max-width:500px}.header-right{text-align:right}.main-metric{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem}.metric-value-huge{color:#fff;font-size:3rem;font-weight:900;letter-spacing:-.03em;line-height:1;text-shadow:0 4px 20px #0003}.metric-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:100px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:.5rem 1.25rem;text-transform:uppercase}.kpi-cards-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.kpi-card-advanced{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:14px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-soft);cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .kpi-card-advanced{color:var(--text-color)}.kpi-card-advanced:hover{border-color:#cbd5e1;box-shadow:0 20px 40px #00000026;box-shadow:var(--shadow-large);transform:translateY(-5px)}.kpi-card-advanced:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.kpi-icon-container{align-items:center;border-radius:12px;display:flex;font-size:20px;height:40px;justify-content:center;margin-bottom:1rem;width:40px}.kpi-icon-container.blue{background:#3b82f61a;color:#3b82f6}.kpi-icon-container.orange{background:#f59e0b1a;color:#f59e0b}.kpi-icon-container.gray{background:#6b72801a;color:#6b7280}.kpi-content{position:relative}.kpi-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.kpi-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.75rem;font-weight:800;line-height:1;margin-bottom:.5rem}.kpi-trend{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.kpi-trend.up{background:#ef44441a;color:#ef4444}.kpi-trend.down{background:#10b9811a;color:#10b981}.kpi-status{color:#9ca3af;font-size:.75rem}.kpi-sparkline{margin-top:1rem;opacity:.6;transition:opacity .3s}.kpi-card-advanced:hover .kpi-sparkline{opacity:1}.kpi-progress{margin-top:1rem}.progress-bar{background:#f3f4f6;border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;transition:width 1s ease-out}.progress-fill.orange{background:linear-gradient(90deg,#f59e0b,#f97316)}.pmv-scale-container{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-soft);margin-bottom:2rem;padding:2rem}[data-theme=dark] .pmv-scale-container{color:var(--text-color)}.section-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.25rem;margin-bottom:1.5rem}.pmv-scale-visual{height:140px;margin:2rem 0;padding-top:20px;position:relative}.scale-gradient{border-radius:25px;box-shadow:0 4px 12px #0000001a,inset 0 2px 4px #0000001a;display:flex;height:50px;overflow:hidden;position:relative}.scale-segment{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative}.scale-segment,.scale-value{font-size:.75rem;font-weight:600}.scale-value{color:#6b7280;color:var(--text-secondary,#6b7280);position:absolute;top:-28px}.scale-label{bottom:-25px;color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.625rem;font-weight:500;position:absolute;white-space:nowrap}.pmv-indicator{position:absolute;top:-10px;transform:translateX(-50%);transition:left .5s cubic-bezier(.4,0,.2,1);z-index:10}.indicator-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.indicator-pin{height:60px;position:relative;width:24px}.indicator-pin:before{background:#1f2937;border-radius:2px;height:40px;top:0;width:4px}.indicator-pin:after,.indicator-pin:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.indicator-pin:after{background:#fff;border:3px solid #1f2937;border-radius:50%;bottom:0;box-shadow:0 4px 12px #0003;height:24px;width:24px}.indicator-value{animation:floatIndicator 2s ease-in-out infinite;background:#1f2937;border-radius:20px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.875rem;font-weight:700;left:50%;padding:.375rem .875rem;position:absolute;top:-45px;transform:translateX(-50%);white-space:nowrap;z-index:15}@keyframes floatIndicator{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.indicator-value:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #1f2937;bottom:-4px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.indicator-arrow{display:none}.chart-container-advanced .recharts-radar-chart text{fill:#4b5563!important;font-size:12px!important;font-weight:500!important}.chart-container-advanced .recharts-polar-angle-axis-tick text{fill:#6b7280!important;font-size:11px!important}.chart-container-advanced .recharts-polar-radius-axis-tick text{fill:#9ca3af!important;font-size:10px!important}.radar-chart-container{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #00000014;padding:2rem}[data-theme=dark] .radar-chart-container{color:var(--text-color)}.radar-chart-container .recharts-wrapper{margin:0 auto}.chart-container-advanced{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-soft);margin-bottom:2rem;padding:2rem}[data-theme=dark] .chart-container-advanced{color:var(--text-color)}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.chart-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:700}.time-selector{background:#f3f4f6;border-radius:10px;display:flex;gap:.25rem;padding:.25rem}.time-btn{border-radius:8px;color:#6b7280;font-weight:500}.time-btn:hover{background:#ffffff80;color:#1f2937}.time-btn.active{box-shadow:0 1px 3px #0000001a;color:#1f2937}.pollutant-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.pollutant-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-soft);padding:1.5rem;transition:all .3s}[data-theme=dark] .pollutant-card{color:var(--text-color)}.pollutant-card:hover{box-shadow:0 10px 20px #0000001a;box-shadow:var(--shadow-medium);transform:scale(1.02)}.pollutant-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.pollutant-name{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pollutant-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:700}.pollutant-gauge{margin:1rem 0;position:relative}.gauge-background{background:#f3f4f6;border-radius:4px;height:8px}.gauge-fill{border-radius:4px;height:8px;left:0;position:absolute;top:0;transition:width 1s ease-out}.gauge-markers{color:#9ca3af;display:flex;font-size:.625rem;justify-content:space-between;margin-top:.5rem}.pollutant-status{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-align:center;text-transform:uppercase}.pollutant-status.good{background:#10b9811a;color:#10b981}.pollutant-status.moderate{background:#f59e0b1a;color:#f59e0b}.pollutant-status.poor{background:#ef44441a;color:#ef4444}.pollutant-status.no-data{justify-content:center}.pollutant-status.no-data,.pollutant-warning{align-items:center;background:#9ca3af1a;color:#6b7280;display:flex;gap:.5rem}.pollutant-warning{border-left:3px solid #9ca3af;border-radius:8px;font-size:.75rem;margin-top:.75rem;padding:.75rem}.pollutant-warning svg{color:#9ca3af;flex-shrink:0}.reference-interpretation.no-data{background:#9ca3af1a;border-left:3px solid #9ca3af}.reference-interpretation.no-data p{color:#6b7280}.reference-section{margin:2rem 0}.reference-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:1.5rem}.reference-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-soft);padding:1.5rem;transition:all .3s ease}[data-theme=dark] .reference-card{background:#fff;background:var(--card-bg);border-color:#e5e7eb;border-color:var(--card-border)}.reference-card:hover{box-shadow:0 20px 40px #00000026;box-shadow:var(--shadow-large)}.reference-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--card-border,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.reference-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:700;margin:0}.reference-current{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.current-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.125rem;font-weight:700}.current-level-badge{border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.reference-interpretation{align-items:flex-start;background:#3b82f60d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.info-icon-small{color:#3b82f6;flex-shrink:0;font-size:1rem;margin-top:.125rem}.reference-interpretation p{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.875rem;line-height:1.5;margin:0}.reference-limits{margin-top:1rem}.limits-header{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.limits-table{display:flex;flex-direction:column;gap:.5rem}.limits-row{grid-gap:1rem;border-radius:6px;display:grid;font-size:.8125rem;gap:1rem;grid-template-columns:1fr 1fr;padding:.625rem .75rem;transition:all .2s ease}.limits-row.header-row{background:#00000005;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:600;margin-bottom:.25rem;padding-bottom:.75rem}.limits-row.active-limit{background:#3b82f61a;border:1px solid #3b82f64d;font-weight:600}.limit-level{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;gap:.5rem}.limit-indicator{border-radius:50%;display:inline-block;height:8px;width:8px}.limit-range{color:#6b7280;color:var(--text-secondary,#6b7280);text-align:right}.limits-row.active-limit .limit-range{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600}.cognitive-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.cognitive-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-soft);padding:1.75rem;text-align:center;transition:all .3s}[data-theme=dark] .cognitive-card{color:var(--text-color)}.cognitive-card:hover{box-shadow:0 20px 40px #00000026;box-shadow:var(--shadow-large);transform:translateY(-5px)}.cognitive-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff;display:flex;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.cognitive-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.cognitive-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.4;margin-bottom:1.5rem}.cognitive-meter{position:relative}.meter-background{background:#f3f4f6;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.meter-fill{border-radius:4px;height:100%;transition:width 1s ease-out}.meter-value{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.875rem;font-weight:600}.impact-analysis{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-soft);margin-bottom:2rem;padding:2rem}[data-theme=dark] .impact-analysis{color:var(--text-color)}.impact-factors{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.impact-factor{border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s}.impact-factor.positive{background:#10b9810d;border:1px solid #10b98133;color:#10b981}.impact-factor.negative{background:#ef44440d;border:1px solid #ef444433;color:#ef4444}.impact-factor:hover{transform:translateX(4px)}.impact-factor strong{color:#1f2937;color:var(--text-primary,#1f2937);display:block;margin-bottom:.5rem}.impact-factor p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0}.health-metrics-grid{grid-gap:2rem;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-soft);display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:2rem}[data-theme=dark] .health-metrics-grid{color:var(--text-color)}.health-metric-card{text-align:center;transition:all .3s}.health-metric-card:hover{transform:scale(1.05)}.metric-circle{height:120px;margin:0 auto 1rem;position:relative;width:120px}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg,.progress-ring-fill{transform-origin:50% 50%}.metric-center{align-items:center;display:flex;flex-direction:column;gap:.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.metric-percent{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:700}.metric-name{color:#4b5563;color:var(--text-secondary,#4b5563)}.health-factors{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-soft);padding:2rem}[data-theme=dark] .health-factors{color:var(--text-color)}.factors-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.factor-item{align-items:center;background:#ef44440d;border-left:4px solid #ef4444;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s}.factor-item:hover{background:#ef44441a;transform:translateX(4px)}.factor-icon{color:#ef4444}.metric-header-premium.efficiency-gradient{background:linear-gradient(135deg,#1e40af,#7c3aed)}.efficiency-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.efficiency-card{align-items:center;border:2px solid #e5e7eb;border:2px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;gap:1.5rem;padding:1.75rem;transition:all .3s}[data-theme=dark] .efficiency-card{color:var(--text-color)}.efficiency-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.card-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:14px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.card-content h4{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.card-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.75rem;font-weight:800;line-height:1;margin:.25rem 0}.card-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8125rem;font-weight:500}.metric-header-premium.ventilation-gradient{background:linear-gradient(135deg,#06b6d4,#0284c7)}.ventilation-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.ventilation-info .info-card{background:#fff;background:var(--card-bg);border:2px solid #e5e7eb;border:2px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #00000014;padding:2rem;transition:all .3s}[data-theme=dark] .ventilation-info .info-card{color:var(--text-color)}.info-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.ventilation-info .info-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.ventilation-info .info-header h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1rem;font-weight:700;margin:0}.ventilation-info .info-icon{align-items:center;background:linear-gradient(135deg,#06b6d4,#0284c7);border-radius:12px;box-shadow:0 4px 12px #06b6d44d;color:#fff;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.ventilation-info .info-value{color:#0f172a;color:var(--text-primary,#0f172a);font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.5rem}.ventilation-info .info-description{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.info-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.info-header h4{color:#1f2937;font-size:1.125rem;font-weight:700}.info-icon{align-items:center;background:#4facfe1a;border-radius:10px;color:#4facfe;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.info-value{color:#1f2937;font-size:2rem;font-weight:800;margin-bottom:.5rem}.info-description{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.info-indicator{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:1rem;padding-top:1rem}.indicator-label{color:#6b7280;font-size:.875rem;font-weight:600}.indicator-bars{display:flex;gap:.25rem}.indicator-bars .bar{background:#e5e7eb;border-radius:4px;height:8px;transition:all .3s;width:20px}.indicator-bars .bar.active{background:#4facfe}.co2-scale{margin-top:1rem}.scale-bar{background:#f3f4f6;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.scale-fill{border-radius:4px;height:100%;transition:width 1s ease-out}.scale-labels{color:#9ca3af;display:flex;font-size:.625rem;justify-content:space-between}.recommendations-section{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-soft);padding:2rem}[data-theme=dark] .recommendations-section{color:var(--text-color)}.recommendation-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.recommendation-card{align-items:center;background:var(--gray-200);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s}[data-theme=dark] .recommendation-card{background:var(--gray-100);border-color:var(--border-color)}.recommendation-card:hover{background:var(--gray-300);transform:translateX(4px)}[data-theme=dark] .recommendation-card:hover{background:var(--gray-200)}.recommendation-card p{color:var(--text-primary);font-size:.875rem;margin:0}.rec-icon{flex-shrink:0;font-size:20px}.rec-icon.success{color:#10b981}.rec-icon.info{color:#3b82f6}@media (max-width:1024px){.header-content{align-items:flex-start;flex-direction:column;gap:1.5rem}.header-right{text-align:left}.kpi-cards-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cognitive-grid,.pollutant-grid{grid-template-columns:1fr}}@media (max-width:768px){.metric-header-premium{margin-bottom:1rem;padding:1.25rem}.header-title{font-size:1.25rem}.header-subtitle{font-size:.8125rem}.metric-value-huge{font-size:2rem}.metric-status{font-size:.6875rem;padding:.375rem 1rem}.kpi-cards-row{gap:.75rem;grid-template-columns:1fr}.kpi-card-advanced{padding:1rem}.kpi-value{font-size:1.5rem}.efficiency-metrics,.ventilation-info{gap:1rem;grid-template-columns:1fr}.efficiency-card,.ventilation-info .info-card{padding:1.25rem}.pmv-scale-visual{height:100px;margin:1rem 0}.scale-gradient{height:40px}.indicator-value{font-size:.75rem;padding:.25rem .625rem}.efficiency-card .card-value{font-size:1.5rem}.ventilation-info .info-value{font-size:1.875rem}.chart-container-advanced{padding:1rem}.chart-title{font-size:1rem}.pollutant-card{padding:1.25rem}.pollutant-value{font-size:1.125rem}.cognitive-card{padding:1.25rem}.cognitive-name{font-size:1rem}.health-metrics-grid{gap:1rem;padding:1.5rem}.impact-analysis{padding:1.25rem}.impact-factors{grid-template-columns:1fr}}@media (max-width:480px){.metric-header-premium{padding:1rem}.header-title{font-size:1.125rem}.header-subtitle{font-size:.75rem}.metric-value-huge{font-size:1.75rem}.metric-status{font-size:.625rem;padding:.25rem .75rem}.kpi-cards-row{gap:.625rem}.kpi-card-advanced{padding:.875rem}.kpi-value{font-size:1.375rem}.kpi-label{font-size:.75rem}.chart-container-advanced{padding:.75rem}.chart-title{font-size:.9375rem}.section-title{font-size:1rem}.cognitive-card,.pollutant-card{padding:1rem}.cognitive-name,.pollutant-value{font-size:1rem}.recommendation-cards{gap:.75rem;grid-template-columns:1fr}.recommendation-card{padding:.875rem}.recommendation-card p{font-size:.8125rem}.health-metrics-grid{gap:.75rem;padding:1rem}.efficiency-card,.impact-analysis,.ventilation-info .info-card{padding:1rem}}@media (max-width:360px){.metric-header-premium{padding:.875rem}.header-title{font-size:1rem}.metric-value-huge{font-size:1.5rem}.kpi-card-advanced{padding:.75rem}.kpi-value{font-size:1.25rem}.chart-container-advanced{padding:.625rem}.cognitive-card,.pollutant-card{padding:.875rem}.recommendation-card{padding:.75rem}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.metric-view-container *{will-change:auto}.metric-view-container{isolation:isolate}.cognitive-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.info-icon-btn{align-items:center;background:#3b82f61a;border:none;border-radius:50%;color:#3b82f6;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.info-icon-btn:hover{background:#3b82f633;transform:scale(1.1)}.info-icon-btn-small{align-items:center;background:#3b82f61a;border:none;border-radius:50%;color:#3b82f6;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.info-icon-btn-small:hover{background:#3b82f633;transform:scale(1.1)}.reference-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.reference-modal{zoom:.9;-ms-zoom:.9;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;transform:scale(.9);transform-origin:center center;width:100%}[data-theme=dark] .reference-overlay{background:#000000d9}[data-theme=dark] .reference-modal{background:#1f2937;border-color:#374151;color:#f9fafb}.reference-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--card-border,#e5e7eb);display:flex;justify-content:space-between;padding:1.5rem}.reference-modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}[data-theme=dark] .reference-modal-header h3{color:#f9fafb}.close-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.close-btn:hover{color:#1f2937;transform:scale(1.1)}[data-theme=dark] .close-btn{color:#9ca3af}[data-theme=dark] .close-btn:hover{color:#f9fafb}.reference-modal-content{padding:1.5rem}.reference-description{color:#4b5563;font-size:.9375rem;line-height:1.6;margin-bottom:1rem}[data-theme=dark] .reference-description{color:#d1d5db}.reference-formula{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;font-size:.875rem;margin-bottom:1.5rem;padding:1rem}[data-theme=dark] .reference-formula{background:#3b82f626;border-color:#3b82f64d}.reference-formula strong{color:#1f2937;display:block;font-weight:600;margin-bottom:.5rem}[data-theme=dark] .reference-formula strong{color:#f9fafb}.reference-formula code{background:#3b82f60d;border-radius:4px;color:#3b82f6;display:block;font-family:Courier New,monospace;font-size:.875rem;margin-top:.5rem;padding:.5rem}[data-theme=dark] .reference-formula code{background:#3b82f633;color:#93c5fd}.formula-details{color:#6b7280;font-size:.8125rem;font-style:italic;line-height:1.5;margin-top:.75rem}[data-theme=dark] .formula-details{color:#9ca3af}.reference-list h4{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:1rem}[data-theme=dark] .reference-list h4{color:#f9fafb}.reference-item{background:#00000008;border-left:3px solid #3b82f6;border-radius:8px;margin-bottom:1rem;padding:1rem}[data-theme=dark] .reference-item{background:#ffffff0d;border-left-color:#60a5fa}.reference-author{color:#1f2937;font-size:.9375rem;font-weight:600;margin-bottom:.25rem}[data-theme=dark] .reference-author{color:#f9fafb}.reference-title{color:#6b7280;font-size:.875rem;font-style:italic;margin-bottom:.5rem}[data-theme=dark] .reference-title{color:#d1d5db}.reference-details{color:#4b5563;font-size:.8125rem;line-height:1.5;margin-bottom:.5rem}[data-theme=dark] .reference-details{color:#d1d5db}.reference-citation{color:#9ca3af;display:flex;font-size:.75rem;gap:1rem;margin-top:.5rem}[data-theme=dark] .reference-citation{color:#6b7280}.reference-page,.reference-pdf{font-family:Courier New,monospace}.cognition-factors-section{margin:2rem 0}.factors-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.factor-detail-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-soft);padding:1rem}[data-theme=dark] .factor-detail-card{background:#fff;background:var(--card-bg);border-color:#e5e7eb;border-color:var(--card-border)}.factor-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.factor-detail-header h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.9375rem;font-weight:600;margin:0}.factor-detail-content{display:flex;flex-direction:column;gap:.5rem}.factor-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.125rem;font-weight:700}.factor-multiplier{align-items:center;display:flex;font-size:.8125rem;justify-content:space-between}.factor-label{color:#6b7280;color:var(--text-secondary,#6b7280)}.factor-number{color:#3b82f6;font-family:Courier New,monospace;font-weight:600}.health-metric-card-header{align-items:flex-start;display:flex;justify-content:center;margin-bottom:1rem;position:relative}.info-icon-btn-health{align-items:center;background:#3b82f61a;border:none;border-radius:50%;color:#3b82f6;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:0;top:0;transition:all .2s ease;width:32px;z-index:10}.info-icon-btn-health:hover{background:#3b82f633;transform:scale(1.1)}.metric-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8125rem;line-height:1.4;margin-top:.5rem;text-align:center}.metric-no-data-badge{align-items:center;background:#9ca3af1a;border-radius:6px;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.5rem}.metric-no-data-badge svg{flex-shrink:0}.cognition-impact{margin:2rem 0}.impact-card{background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid #3b82f633;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.impact-icon{color:#3b82f6;flex-shrink:0;font-size:1.5rem;margin-top:.125rem}.impact-content h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0 0 .5rem}.impact-content p{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.9375rem;line-height:1.6;margin:0}.technical-view-container{animation:fadeInUp .5s ease-out;margin:0 auto;max-width:1400px}.technical-header-premium{border-radius:24px;box-shadow:0 20px 40px #00000026;margin-bottom:2rem;overflow:hidden;padding:3rem;position:relative}.technical-header-premium.runtime-gradient{background:linear-gradient(135deg,#1e293b,#334155)}.technical-header-premium.optimus-gradient{background:linear-gradient(135deg,#059669,#10b981)}.technical-header-premium.setpoint-gradient{background:linear-gradient(135deg,#dc2626,#f97316)}.header-glow{animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:200%;position:absolute;right:-20%;top:-50%;width:60%}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.header-content-tech{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.header-left-tech{align-items:center;display:flex;gap:2rem}.header-icon-tech{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.header-title-tech{color:#fff;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem;text-shadow:0 4px 12px #0003}.header-subtitle-tech{color:#ffffffe6;font-size:1.0625rem;line-height:1.6;margin:0;max-width:600px}.header-right-tech{text-align:right}.runtime-display{align-items:flex-end;display:flex;flex-direction:column}.runtime-value{color:#fff;font-size:4rem;font-weight:900;line-height:1;text-shadow:0 4px 20px #0000004d}.runtime-label{color:#fffc;font-size:1.125rem;font-weight:500;margin-top:.5rem}.status-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px}.status-card-tech{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:24px;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a,0 20px 25px -5px #0000000d;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.status-card-tech:before{background:linear-gradient(135deg,#3b82f680,#10b98180,#3b82f680);border-radius:24px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .3s}.status-card-tech:hover:before{opacity:1}.status-card-tech:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 30px 40px -10px #0000001a;transform:translateY(-8px) scale(1.02)}.status-card-tech.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b98133;position:relative}[data-theme=dark] .status-card-tech.active{background:linear-gradient(135deg,#064e3b,#065f46)}.status-card-tech.active:after{animation:rotateGlow 10s linear infinite;background:radial-gradient(circle,#10b9811a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes rotateGlow{to{transform:rotate(1turn)}}.status-card-tech.inactive{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border)}[data-theme=dark] .status-card-tech.inactive{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #64748b4d}.status-indicator{display:flex;flex-direction:column;gap:1rem}.status-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.status-label-small{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.1em;text-transform:uppercase}.status-label-small:before{animation:blink 2s infinite;background:currentColor;border-radius:50%;content:"";height:4px;width:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.status-light{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;position:relative;width:40px}.status-light.on{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 30px #10b98199,0 0 60px #10b98166,0 0 90px #10b98133,inset 0 0 15px #ffffff4d}.status-light.on:before{animation:pulse-light 2s infinite;background:radial-gradient(circle,#fffc 0,#0000 70%);border-radius:50%;content:"";height:100%;position:absolute;width:100%}@keyframes pulse-light{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.5;transform:scale(1.5)}}.status-light.off{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:inset 0 2px 4px #0003,0 1px 2px #0000001a}.status-info{flex:1 1}.status-main{align-items:center;display:flex;gap:1.5rem;margin-bottom:.75rem}.status-text{color:#0f172a;color:var(--text-primary);font-size:2.5rem;font-weight:900;letter-spacing:-.03em;line-height:1;margin:0;text-shadow:0 2px 4px #0000000d}.status-card-tech.active .status-text{color:#059669}.status-time-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#64748b;color:var(--text-secondary);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem 1rem}.status-time-badge svg{color:#10b981}.status-icon-animated{align-items:center;animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#10b981;display:flex;height:48px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;width:48px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.status-card-tech.inactive .status-icon-animated{animation:none;color:#9ca3af}.status-icon{display:none}.efficiency-card{background:#fff;background:var(--card-bg);border:1px solid #3b82f633;overflow:visible;position:relative}[data-theme=dark] .efficiency-card{background:linear-gradient(135deg,#1e293b,#0f172a)}.efficiency-meter{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.efficiency-gauge-wrapper{height:140px;position:relative;width:140px}.circular-gauge{height:100%;position:relative;width:100%}.gauge-background-circle{fill:none;stroke:#e2e8f0;stroke-width:12}.gauge-progress-circle{fill:none;stroke:url(#gaugeGradient);stroke-width:12;stroke-linecap:round;filter:drop-shadow(0 4px 6px rgba(59,130,246,.2));transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.gauge-center-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.gauge-value-text{color:#0f172a;color:var(--text-primary);font-size:2.25rem;font-weight:900;line-height:1}.gauge-value-suffix{color:#64748b;color:var(--text-secondary);font-size:1rem;font-weight:500}.efficiency-label-premium{background:#f9fafb;background:var(--light-bg);border:1px solid #3b82f633;border-radius:20px;color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1.25rem;text-transform:uppercase}.efficiency-label{display:none}.cycles-card{background:#fff;background:var(--card-bg);border:1px solid #fb923c33;position:relative}[data-theme=dark] .cycles-card{background:linear-gradient(135deg,#1e293b,#0f172a)}.cycles-info{display:flex;flex-direction:column;gap:1.25rem}.cycle-header{align-items:center;display:flex;justify-content:center}.cycle-header-left{align-items:center;display:flex;gap:.75rem}.cycle-icon-wrapper{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.cycle-header h3{margin:0}.cycle-header h3,.cycle-label{color:#92400e;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cycle-value,.cycle-value-large{color:#f59e0b;font-size:4rem;font-weight:900;line-height:1;margin:1rem 0;text-align:center;text-shadow:0 4px 8px #f59e0b33}.cycle-details{display:none}.cycle-details-grid{grid-gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg);border:1px solid #fb923c1a;border-radius:16px;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);padding:1rem}.cycle-detail-item{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem;transition:all .3s}.cycle-detail-item:hover{background:#f9fafb;background:var(--light-bg);transform:scale(1.05)}[data-theme=dark] .cycle-detail-item:hover{background:#fb923c1a}.cycle-detail-icon{align-items:center;color:#92400e;display:flex;font-size:.75rem;font-weight:600;gap:.375rem}.cycle-detail-value{color:#f59e0b;font-size:1.25rem;font-weight:800}.chart-section-tech{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 10px 25px #00000014;margin-bottom:2rem;padding:2rem}.chart-header-tech{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.chart-header-tech h3{color:#0f172a;color:var(--text-primary);font-size:1.375rem;font-weight:700;margin:0}.chart-legend-tech{display:flex;gap:1.5rem}.legend-item-tech{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.legend-dot{border-radius:50%;height:12px;width:12px}.patterns-section{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 10px 25px #00000014;padding:2rem}.section-title-tech{color:#0f172a;color:var(--text-primary);font-size:1.375rem;font-weight:700;margin:0 0 1.5rem}.pattern-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pattern-card{align-items:flex-start;background:#f9fafb;background:var(--light-bg);border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.pattern-card:hover{background:#fff;background:var(--card-bg);transform:translateY(-2px)}.pattern-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pattern-info h4{color:#0f172a;color:var(--text-primary);font-size:.9375rem;font-weight:700;margin:0 0 .5rem}.pattern-info p{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem}.pattern-bar{background:#e5e7eb;background:var(--light-border);border-radius:3px;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:3px;height:100%;transition:width 1s ease-out}.optimal-times-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.time-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 10px 25px #00000014;flex:1 1;padding:2rem;transition:all .3s}.time-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.time-card.start-time{border-left:4px solid #10b981}.time-card.stop-time{border-left:4px solid #ef4444}.time-icon{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;color:#10b981;display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.stop-time .time-icon{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#ef4444}.time-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.time-value{color:#0f172a;color:var(--text-primary);font-size:3rem;font-weight:800;line-height:1;margin:.5rem 0}.time-description{color:#9ca3af;font-size:.875rem;margin-bottom:1rem}.time-benefit{background:#f9fafb;background:var(--light-bg);border-radius:8px;color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.time-benefit,.time-flow{align-items:center;display:flex}.time-flow{flex-direction:column;justify-content:center;position:relative}.flow-line{background:linear-gradient(90deg,#10b981,#ef4444);height:2px;position:relative;width:100px}.flow-line:after,.flow-line:before{border-radius:50%;content:"";height:8px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.flow-line:before{background:#10b981;left:-4px}.flow-line:after{background:#ef4444;right:-4px}.flow-duration{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.5rem 1rem}.flow-duration,.savings-analysis{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px}.savings-analysis{box-shadow:0 10px 25px #00000014;margin-bottom:2rem;padding:2rem}.savings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.savings-header h3{color:#0f172a;color:var(--text-primary);font-size:1.375rem;font-weight:700;margin:0}.savings-summary{display:flex;gap:2rem}.summary-item{display:flex;flex-direction:column}.summary-label{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.summary-value{color:#10b981;font-size:1.5rem;font-weight:800}.benefits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.benefit-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 6px 15px #0000000f;padding:1.75rem;transition:all .3s}.benefit-card:hover{border-color:#10b981;box-shadow:0 12px 25px #0000001a;transform:translateY(-5px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:10px;color:#10b981;display:flex;font-size:20px;height:40px;justify-content:center;margin-bottom:1rem;width:40px}.benefit-card h4{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.benefit-card p{color:#64748b;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.setpoint-comparison-container{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 10px 25px #00000014;display:flex;gap:2rem;justify-content:center;margin-bottom:2rem;padding:3rem 2rem}.setpoint-display{background:#fff;background:var(--card-bg);border:2px solid #0000;border-radius:16px;padding:2rem;position:relative;text-align:center;transition:all .3s}.setpoint-display.current{border-color:#cbd5e1}.setpoint-display.recommended{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;transform:scale(1.1)}.setpoint-header{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.temp-value{color:#0f172a;color:var(--text-primary);font-size:3.5rem;font-weight:900;line-height:1}.setpoint-display.recommended .temp-value{color:#92400e}.status-badge{background:#e5e7eb;background:var(--light-border);border-radius:20px;color:#64748b;color:var(--text-secondary);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-top:1rem;padding:.375rem 1rem;text-transform:uppercase}.status-badge.recommended{background:#f59e0b;color:#fff}.setpoint-arrow-container{position:relative}.arrow-wrapper{align-items:center;display:flex;flex-direction:column;gap:.5rem}.arrow-line{background:linear-gradient(90deg,#cbd5e1,#f59e0b);height:3px;position:relative;width:60px}.arrow-head{border-left:12px solid #f59e0b;border-right:8px solid #0000;height:0;margin-left:48px;margin-top:-3px;width:0}.adjustment-badge{background:#1f2937;border-radius:20px;color:#fff;font-size:.875rem;font-weight:700;padding:.25rem .75rem}.reason-container{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-left:4px solid #f59e0b;border-radius:20px;box-shadow:0 10px 25px #00000014;margin-bottom:2rem;padding:2rem}.reason-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.reason-header h3{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0}.reason-text{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.reason-benefits{display:flex;flex-direction:column;gap:.75rem}.benefit-item{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.75rem}.benefit-item svg{color:#10b981;flex-shrink:0}.factors-section{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 10px 25px #00000014;padding:2rem}.factors-section h3{color:#0f172a;color:var(--text-primary);font-size:1.375rem;font-weight:700;margin:0 0 1.5rem}.factors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.factor-card{align-items:flex-start;background:#f9fafb;background:var(--light-bg);border:2px solid #0000;border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.factor-card:hover{background:#fff;background:var(--card-bg);box-shadow:0 8px 20px #0000001a;transform:scale(1.05)}.factor-card.impact-high{border-color:#ef4444}.factor-card.impact-medium{border-color:#f59e0b}.factor-card.impact-low{border-color:#10b981}.factor-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.impact-high .factor-icon{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#ef4444}.impact-medium .factor-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.impact-low .factor-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#10b981}.factor-info h4{color:#0f172a;color:var(--text-primary);font-size:.9375rem;font-weight:700;margin:0 0 .5rem}.factor-value{color:#4b5563;font-size:1.25rem;font-weight:800;margin:0 0 .75rem}.impact-indicator{align-items:center;display:flex;gap:.5rem}.impact-label{color:#9ca3af;font-size:.75rem;font-weight:600;text-transform:uppercase}.impact-bars{display:flex;gap:.25rem}.impact-bars .bar{background:#e5e7eb;background:var(--light-border);border-radius:2px;height:4px;width:16px}.impact-bars .bar.filled{background:linear-gradient(90deg,#3b82f6,#1e40af)}@media (max-width:1024px){.optimal-times-container{flex-direction:column}.time-flow{margin:2rem 0;transform:rotate(90deg)}.setpoint-comparison-container{flex-direction:column;gap:3rem}.setpoint-arrow-container{transform:rotate(90deg)}}@media (max-width:768px){.technical-header-premium{padding:2rem}.header-title-tech{font-size:1.75rem}.runtime-value,.temp-value,.time-value{font-size:2.5rem}.benefits-grid,.factors-grid,.pattern-cards,.status-cards-grid{grid-template-columns:1fr}.status-text{font-size:2rem}.cycle-value-large{font-size:3rem}.cycle-details-grid{grid-template-columns:1fr}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.dashboard-container{margin:0 auto;max-width:1600px;position:relative}.dashboard-header-premium{background:linear-gradient(135deg,#1e40af,#7c3aed);border-radius:24px;box-shadow:0 20px 40px #00000026;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative}.header-gradient-bg{animation:floatGradient 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ffffff4d 0,#0000 50%),radial-gradient(circle at 80% 80%,#fff3 0,#0000 50%),radial-gradient(circle at 50% 20%,#ffffff40 0,#0000 50%);inset:0;opacity:.1;position:absolute}.header-gradient-bg.historical{background:radial-gradient(circle at 30% 30%,#ffffff4d 0,#0000 50%),radial-gradient(circle at 70% 70%,#fff3 0,#0000 50%)}@keyframes floatGradient{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,-20px) scale(1.1)}66%{transform:translate(20px,-10px) scale(.95)}}.header-content-dash{justify-content:space-between;position:relative;z-index:2}.header-content-dash,.header-left-dash{align-items:center;display:flex;gap:2rem}.header-icon-dash{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;color:#fff;display:flex;height:72px;justify-content:center;width:72px}.header-title-dash{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .25rem;text-shadow:0 2px 10px #0003}.header-subtitle-dash{color:#ffffffe6;font-size:1rem;margin:0}.header-controls{display:flex;gap:1rem}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s}.control-btn:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.control-btn.active{background:#ffffff40;border-color:#fff6;box-shadow:0 0 20px #ffffff4d}.control-btn svg{transition:all .3s}.control-btn.active svg{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-stats{display:flex;gap:2rem}.header-stat{align-items:flex-end;display:flex;flex-direction:column}.header-stat .stat-label{color:#ffffffb3;font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.header-stat .stat-value{color:#fff;font-size:1.5rem;font-weight:700}.live-status-bar{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;gap:2rem;margin-bottom:2rem;padding:1rem 1.5rem}.live-status-bar,.status-item{align-items:center;display:flex}.status-item{color:#64748b;color:var(--text-secondary);font-size:.875rem;gap:.5rem}.status-dot{background:#9ca3af;border-radius:50%;height:8px;width:8px}.status-dot.live{animation:pulseLive 2s infinite;background:#10b981;box-shadow:0 0 0 3px #10b98133}@keyframes pulseLive{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 8px #10b98100}}.metrics-grid-realtime{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.metrics-grid-realtime.list{grid-template-columns:1fr}.metric-card-realtime{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 10px 25px #0000000d;cursor:pointer;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card-realtime:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,var(--metric-color),#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.metric-card-realtime.optimal{border-color:#10b981}.metric-card-realtime.warning{border-color:#f59e0b}.metric-card-realtime.critical{border-color:#ef4444}.metric-card-realtime:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-5px) scale(1.02)}.metric-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.metric-icon-wrapper{align-items:center;border-radius:14px;display:flex;height:48px;justify-content:center;transition:all .3s;width:48px}.metric-card-realtime:hover .metric-icon-wrapper{transform:scale(1.1) rotate(5deg)}.metric-actions{opacity:0;transition:opacity .3s}.metric-card-realtime:hover .metric-actions{opacity:1}.action-btn{align-items:center;background:#f9fafb;background:var(--light-bg);border:none;border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn:hover{background:#e5e7eb;background:var(--light-border);color:#0f172a;color:var(--text-primary)}.metric-value-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.value-display{align-items:baseline;display:flex;gap:.5rem}.metric-main-value{color:#0f172a;color:var(--text-primary);font-size:2.5rem;font-weight:800;line-height:1}.metric-unit{color:#64748b;color:var(--text-secondary);font-size:1rem;font-weight:500}.trend-indicator{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.375rem .75rem}.trend-indicator.up{background:#ef44441a;color:#ef4444}.trend-indicator.down{background:#10b9811a;color:#10b981}.metric-name{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.sparkline-container{margin:1rem 0;opacity:.6;transition:opacity .3s}.metric-card-realtime:hover .sparkline-container{opacity:1}.metric-progress{margin-top:1.5rem}.progress-track{background:#f9fafb;background:var(--light-bg);height:8px;overflow:hidden}.progress-fill,.progress-track{border-radius:4px;position:relative}.progress-fill{height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:progressShine 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d);bottom:0;content:"";position:absolute;right:0;top:0;width:20px}@keyframes progressShine{0%{transform:translateX(-20px)}to{transform:translateX(20px)}}.target-marker{background:#1f2937;height:16px;position:absolute;top:-4px;transition:all .3s;width:2px}.marker-line{background:#1f2937;height:100%;width:100%}.marker-tooltip{background:#1f2937;border-radius:4px;bottom:20px;color:#fff;font-size:.625rem;left:50%;opacity:0;padding:.25rem .5rem;position:absolute;transform:translateX(-50%);transition:opacity .3s;white-space:nowrap}.progress-track:hover .marker-tooltip{opacity:1}.progress-labels{color:#64748b;color:var(--text-secondary);display:flex;font-size:.625rem;justify-content:space-between;margin-top:.5rem}.status-badge-realtime{align-items:center;border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.05em;margin-top:1rem;padding:.5rem 1rem;text-transform:uppercase}.status-badge-realtime.optimal{background:#10b9811a;color:#10b981}.status-badge-realtime.warning{background:#f59e0b1a;color:#f59e0b}.status-badge-realtime.critical{background:#ef44441a;color:#ef4444}.overview-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:2rem}.overview-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 10px 25px #0000000d;padding:2rem}.section-title-dash{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.quick-stats{display:flex;flex-direction:column;gap:1rem}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 6px 15px #0000000d;cursor:pointer;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s}.stat-card:hover{box-shadow:0 12px 25px #0000001a;transform:scale(1.05)}.stat-icon{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-icon.optimal{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.info{background:linear-gradient(135deg,#3b82f6,#1e40af)}.stat-info{flex:1 1}.stat-value{color:#0f172a;color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem}.stat-label{color:#64748b;color:var(--text-secondary);font-size:.875rem}.controls-bar{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.period-selector{background:#f9fafb;background:var(--light-bg);border-radius:10px;display:flex;gap:.5rem;padding:.25rem}.period-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.period-btn:hover{background:#f9fafb;background:var(--light-bg);color:#0f172a;color:var(--text-primary)}.period-btn.active{background:#fff;background:var(--card-bg);box-shadow:0 2px 8px #0000001a;color:#1e40af}.chart-controls{align-items:center;display:flex;gap:1rem}.chart-type-selector{background:#f9fafb;background:var(--light-bg);border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.type-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.type-btn:hover{background:#f9fafb;background:var(--light-bg);color:#0f172a;color:var(--text-primary)}.type-btn.active{box-shadow:0 2px 6px #0000001a;color:#1e40af}.filter-btn,.type-btn.active{background:#fff;background:var(--card-bg)}.filter-btn{border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:10px;font-weight:500;padding:.625rem 1.25rem}.filter-btn:hover{background:#eff6ff;border-color:#1e40af;color:#1e40af}[data-theme=dark] .filter-btn:hover{background:#1e40af33}.metrics-selector{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.selector-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metric-chips{display:flex;flex-wrap:wrap;gap:.75rem}.metric-chip{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.metric-chip:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-chip.active{color:#0f172a;color:var(--text-primary);font-weight:600}.chip-dot{border-radius:50%;height:8px;width:8px}.main-chart-container{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 10px 25px #0000000d;margin-bottom:2rem;padding:2rem}.statistics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card-detailed{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 6px 15px #0000000d;overflow:hidden;transition:all .3s}.stat-card-detailed:hover{box-shadow:0 12px 25px #0000001a;transform:translateY(-5px)}.stat-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:1.25rem}.stat-header .stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.stat-header h4{color:#0f172a;color:var(--text-primary);font-size:1rem;font-weight:700;margin:0}.stat-body{padding:1.25rem}.stat-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.5rem 0}.stat-row:last-child{border-bottom:none}.stat-row .stat-label{color:#64748b;color:var(--text-secondary);font-size:.875rem}.stat-row .stat-value{color:#0f172a;color:var(--text-primary);font-size:1rem;font-weight:600}.stat-footer{background:#f9fafb;background:var(--light-bg);padding:1rem 1.25rem}.mini-chart{opacity:.8;transition:opacity .3s}.stat-card-detailed:hover .mini-chart{opacity:1}.fullscreen-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.modal-content{background:#fff;background:var(--card-bg);border-radius:24px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:2rem}.modal-header h2{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.modal-header button{align-items:center;background:#f9fafb;background:var(--light-bg);border:none;border-radius:10px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-header button:hover{background:#e5e7eb;background:var(--light-border);color:#0f172a;color:var(--text-primary)}.modal-body{padding:2rem}@media (max-width:1200px){.overview-section{grid-template-columns:1fr}.quick-stats{flex-direction:row;flex-wrap:wrap}.stat-card{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1}}@media (max-width:768px){.dashboard-header-premium{padding:1.5rem}.header-title-dash{font-size:1.5rem}.header-controls{flex-direction:column;width:100%}.control-btn{justify-content:center;width:100%}.metrics-grid-realtime{grid-template-columns:1fr}.controls-bar{flex-direction:column;gap:1rem}.period-selector{overflow-x:auto;width:100%}.statistics-grid{grid-template-columns:1fr}.main-chart-container{padding:1rem}.stat-card-detailed{margin-bottom:1rem}.stat-body,.stat-header{padding:1rem}}@media (max-width:480px){.dashboard-header-premium{padding:1rem}.header-title-dash{font-size:1.25rem}.main-chart-container{border-radius:16px;padding:.75rem}.stat-card-detailed{border-radius:12px}.stat-header{padding:.875rem}.stat-header .stat-icon{height:32px;width:32px}.stat-header h4{font-size:.9375rem}.stat-body{padding:.875rem}.statistics-grid{gap:1rem}.live-status-bar{flex-direction:column;gap:.5rem;padding:.75rem}.status-item{font-size:.75rem}}@media (max-width:360px){.dashboard-header-premium{padding:.75rem}.header-title-dash{font-size:1.125rem}.main-chart-container{padding:.625rem}.stat-body,.stat-header{padding:.75rem}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.dashboard-container *{will-change:auto}.metric-card-realtime,.stat-card,.stat-card-detailed{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}:root{--card-bg:#fff;--card-border:#e5e7eb;--text-primary:#0f172a;--text-secondary:#64748b;--light-bg:#f9fafb;--light-border:#e5e7eb}[data-theme=dark]{--card-bg:#1e293b;--card-border:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--light-bg:#0f172a;--light-border:#334155}.alerts-view-container,.insights-view-container,.patterns-view-container{animation:fadeInUp .5s ease-out;box-sizing:border-box;margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}.insights-header-premium{border-radius:24px;box-shadow:0 20px 40px #0000001f;box-sizing:border-box;margin-bottom:2rem;max-width:100%;overflow:hidden;padding:3rem;position:relative;width:100%}.insights-header-premium.ai-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899)}.insights-header-premium.alerts-gradient{background:linear-gradient(135deg,#ef4444,#f97316)}.insights-header-premium.patterns-gradient{background:linear-gradient(135deg,#14b8a6,#0ea5e9)}.header-particles{inset:0;overflow:hidden;position:absolute}.header-particles:after,.header-particles:before{animation:float-particles 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200px;position:absolute;width:200px}.header-particles:before{animation-delay:0s;left:-100px;top:-100px}.header-particles:after{animation-delay:10s;bottom:-100px;right:-100px}@keyframes float-particles{0%,to{transform:translate(0) scale(1)}25%{transform:translate(100px,50px) scale(1.2)}50%{transform:translate(50px,100px) scale(.8)}75%{transform:translate(150px) scale(1.1)}}.header-content-insights{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;position:relative;width:100%;z-index:2}.header-left-insights{align-items:center;display:flex;gap:2rem}.header-icon-insights{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;border:2px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #0000001a;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.header-title-insights{color:#fff;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem;text-shadow:0 4px 12px #0003}.header-subtitle-insights{color:#fffffff2;font-size:1.0625rem;line-height:1.6;margin:0;max-width:600px}.ai-status,.header-right-insights{align-items:center;display:flex}.ai-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:100px;gap:1rem;padding:.875rem 1.5rem}.ai-indicator{height:12px;position:relative;width:12px}.ai-dot{animation:pulse-ai 2s infinite;background:#10b981;border-radius:50%;height:100%;width:100%}.ai-indicator.processing .ai-dot{animation:pulse-processing 1s infinite;background:#f59e0b}@keyframes pulse-ai{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes pulse-processing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.ai-status-text{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filters-bar{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000f;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;max-width:100%;padding:1.5rem;width:100%}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;min-width:0}.filter-btn{align-items:center;background:#f9fafb;background:var(--light-bg);border:1px solid #0000;border-radius:12px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.filter-btn:hover{background:#e5e7eb;background:var(--light-border);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 12px #6366f14d;color:#fff}.filter-count{background:#0000001a;border-radius:10px;font-size:.75rem;font-weight:700;padding:.125rem .5rem}.filter-btn.active .filter-count{background:#ffffff4d}.timeframe-selector{background:#f9fafb;background:var(--light-bg);border-radius:12px;display:flex;flex-shrink:0;gap:.25rem;padding:.25rem}.time-btn{background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.time-btn:hover{color:#0f172a;color:var(--text-primary)}.time-btn.active,.time-btn:hover{background:#fff;background:var(--card-bg)}.time-btn.active{box-shadow:0 2px 8px #0000001a;color:#6366f1}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));margin-bottom:2rem}.insight-card-ai,.insights-grid{box-sizing:border-box;max-width:100%;width:100%}.insight-card-ai{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 6px 20px #0000000f;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.insight-card-ai:before{background:linear-gradient(90deg,var(--priority-color) 0,#0000 100%);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.insight-card-ai:hover:before{opacity:1}.insight-card-ai.priority-high{--priority-color:#ef4444}.insight-card-ai.priority-medium{--priority-color:#f59e0b}.insight-card-ai.priority-low{--priority-color:#3b82f6}.insight-card-ai.priority-info{--priority-color:#10b981}.insight-card-ai:hover{border-color:var(--priority-color);box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.insight-header-ai{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.insight-icon-wrapper{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.insight-meta{display:flex;flex:1 1;flex-direction:column;gap:.25rem;margin-left:1rem}.insight-category{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.1em}.insight-time{color:#9ca3af;font-size:.75rem}.priority-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase}.priority-badge.high{background:linear-gradient(135deg,#ef4444,#dc2626)}.priority-badge.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.priority-badge.low{background:linear-gradient(135deg,#3b82f6,#2563eb)}.priority-badge.info{background:linear-gradient(135deg,#10b981,#059669)}.insight-body{position:relative}.insight-title-ai{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:700;line-height:1.4;margin:0 0 .75rem}.insight-summary{color:#64748b;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.collapse-btn,.expand-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.collapse-btn:hover,.expand-btn:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.collapse-btn{background:#f9fafb;background:var(--light-bg);color:#64748b;color:var(--text-secondary);margin-top:1rem}.insight-expanded{overflow:hidden}.expanded-content{border-top:2px solid #f3f4f6;margin-top:1.5rem;padding-top:1.5rem}.insight-description{color:#4b5563;font-size:.9375rem;line-height:1.7;margin-bottom:1.5rem}.insight-metrics{grid-gap:1rem;background:#f9fafb;border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem;padding:1rem}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-label{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metric-value{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:700}.insight-chart{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border-radius:12px;margin:1.5rem 0;padding:1rem}.insight-recommendations{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.insight-recommendations h4{align-items:center;color:#14532d;display:flex;font-size:.9375rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.insight-recommendations ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.insight-recommendations li{align-items:flex-start;color:#166534;display:flex;font-size:.875rem;gap:.75rem;line-height:1.5}.insight-recommendations li svg{color:#10b981;flex-shrink:0;margin-top:.125rem}.ai-model-info{align-items:center;background:#f9fafb;background:var(--light-bg);border-radius:10px;color:#64748b;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.75rem;margin-top:1rem;padding:.75rem}.ai-model-info svg{color:#8b5cf6}.ai-performance-section{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 6px 20px #0000000f;padding:2rem}.section-title{color:#0f172a;color:var(--text-primary);font-size:1.375rem;font-weight:700;margin:0 0 1.5rem}.performance-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.performance-card{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.performance-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.perf-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.perf-content{display:flex;flex-direction:column}.perf-value{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1}.perf-label{color:#64748b;color:var(--text-secondary);font-size:.75rem;margin-top:.25rem}.alerts-list{display:flex;flex-direction:column;gap:1.5rem}.alert-card-premium{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 6px 20px #0000000f;display:flex;gap:1.5rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s}.alert-card-premium:hover{box-shadow:0 8px 24px #0000001a;transform:translateX(8px)}.alert-indicator{bottom:0;left:0;position:absolute;top:0;width:6px}.alert-card-premium.type-critical .alert-indicator{background:linear-gradient(180deg,#ef4444,#dc2626)}.alert-card-premium.type-warning .alert-indicator{background:linear-gradient(180deg,#f59e0b,#d97706)}.alert-card-premium.type-info .alert-indicator{background:linear-gradient(180deg,#3b82f6,#2563eb)}.alert-icon-wrapper{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.type-critical .alert-icon-wrapper{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#ef4444}.type-warning .alert-icon-wrapper{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#f59e0b}.type-info .alert-icon-wrapper{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.alert-content{flex:1 1}.alert-title{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.alert-description{color:#64748b;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:.75rem}.auto-action{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:10px;color:#14532d;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.auto-action svg{color:#10b981}.alert-footer{justify-content:space-between}.alert-footer,.alert-time{align-items:center;display:flex}.alert-time{color:#9ca3af;font-size:.875rem;gap:.5rem}.alert-status{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase}.alert-status.status-active{background:#fef2f2;color:#ef4444}.alert-status.status-monitoring{background:#fef3c7;color:#d97706}.alert-status.status-scheduled{background:#dbeafe;color:#2563eb}.patterns-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.pattern-card-premium{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 6px 20px #0000000f;padding:2rem;transition:all .3s}.pattern-card-premium:hover{border-color:#cbd5e1;box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.pattern-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.pattern-name{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.confidence-badge{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:20px;color:#14532d;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.confidence-badge svg{color:#10b981}.pattern-description{color:#64748b;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem}.pattern-chart{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1rem}@media (max-width:1200px){.insights-header-premium{padding:2.5rem}.header-content-insights{align-items:flex-start;flex-direction:column;gap:2rem}.header-right-insights{align-self:flex-end}.header-title-insights{font-size:2rem}.insights-grid{grid-template-columns:1fr}}@media (max-width:1024px){.insights-grid,.patterns-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column;gap:1rem}.category-filters{overflow-x:auto;width:100%}.category-filters::-webkit-scrollbar{height:4px}.category-filters::-webkit-scrollbar-track{background:#f9fafb;background:var(--light-bg)}.category-filters::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}}@media (max-width:768px){.insights-header-premium{padding:1.5rem}.header-content-insights{gap:1.5rem}.header-left-insights{gap:1rem}.header-icon-insights{height:60px;width:60px}.header-title-insights{font-size:1.5rem}.header-subtitle-insights{font-size:.9375rem}.ai-status{padding:.625rem 1rem}.insight-card-ai{padding:1.25rem}.performance-grid{grid-template-columns:repeat(2,1fr)}.insight-metrics{grid-template-columns:1fr}.filters-bar{padding:1rem}.filter-btn{font-size:.8125rem;padding:.625rem 1rem}.category-filters{gap:.5rem}}@media (max-width:480px){.insights-header-premium{padding:1.25rem}.header-title-insights{font-size:1.25rem}.header-subtitle-insights{font-size:.875rem}.header-icon-insights{height:48px;width:48px}.header-left-insights{gap:.75rem}.ai-status{gap:.5rem;padding:.5rem .875rem}.ai-status-text{font-size:.75rem}.filters-bar{padding:.75rem}.filter-btn{font-size:.75rem;padding:.5rem .875rem}.insight-card-ai{padding:1rem}.performance-grid{grid-template-columns:1fr}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ai-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}.ai-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:60px;width:60px}:root{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--secondary:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--border:#374151;--border-light:#4b5563}html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{bottom:0;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;margin:0;padding:0;right:0;width:100%}.sensor-page-container,body{background:#f9fafb;background:var(--bg-secondary);left:0;overflow:hidden;position:fixed;top:0}.sensor-page-container{zoom:.9;-ms-zoom:.9;box-sizing:border-box;display:flex;height:111.11vh;max-height:111.11vh;max-width:111.11vw;min-height:111.11vh;transform-origin:top left;width:111.11vw}.sensor-page-loading{align-items:center;background:#f9fafb;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh}.loading-container{text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#3b82f6;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:48px;margin:0 auto 1rem;width:48px}.loading-text{color:#6b7280;color:var(--text-secondary);font-size:.875rem}@keyframes spin{to{transform:rotate(1turn)}}.sensor-page-error{align-items:center;background:#f9fafb;background:var(--bg-secondary);color:#111827;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.sensor-page-error svg{color:#ef4444;color:var(--danger);margin-bottom:1rem}.sensor-page-error h2{font-size:1.5rem;margin-bottom:.5rem}.sensor-page-error p{color:#6b7280;color:var(--text-secondary);margin-bottom:1.5rem}.error-button{background:#3b82f6;background:var(--primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.error-button:hover{background:#2563eb;background:var(--primary-dark)}.sidebar{background:#fff;background:var(--bg-primary);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;flex-shrink:0;height:111.11vh;left:0;max-height:111.11vh;min-height:111.11vh;overflow:hidden;position:fixed;top:0;transition:width .2s cubic-bezier(.4,0,.2,1);transition:width var(--transition);width:260px;z-index:100}.sidebar.collapsed{width:72px}.sidebar-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:1.5rem}.sidebar-brand{gap:.75rem}.brand-icon,.sidebar-brand{align-items:center;display:flex}.brand-icon{background:#000;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:48px;justify-content:center;min-height:48px;min-width:48px;overflow:hidden;padding:8px;position:relative;transition:background .3s ease;width:48px}[data-theme=dark] .brand-icon{background:#fff}.sidebar-uber-logo{display:block;filter:brightness(0) invert(1);height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:center;transition:filter .3s ease;width:100%}[data-theme=dark] .sidebar-uber-logo{filter:brightness(0)}.sidebar-uber-logo.logo-white{filter:brightness(0) invert(1)}.sidebar-uber-logo.logo-black{filter:brightness(0)}.brand-text h3{color:#111827;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.125rem}.brand-text span{color:#6b7280;color:var(--text-secondary);font-size:.75rem}.sidebar-back-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);margin-bottom:.5rem;padding:.5rem 1rem}.nav-item.back-to-map{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-left:3px solid #6366f1}.nav-item.back-to-map:hover{background:linear-gradient(135deg,#6366f126,#8b5cf61a)}.sidebar.collapsed .sidebar-back-section{padding:.5rem}.sidebar-nav{overflow-x:hidden}.nav-group{margin-bottom:.25rem}.nav-item{margin-bottom:.125rem}.nav-item.active{border-left:3px solid var(--accent-color,var(--primary))}.nav-item-content{align-items:center;display:flex;gap:.75rem;padding:.75rem}.nav-item-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.nav-item-label{color:#111827;color:var(--text-primary);flex:1 1;font-size:.875rem;font-weight:500;text-align:left}.nav-item-badge{border-radius:.75rem;color:#fff;font-size:.6875rem;font-weight:600;padding:.125rem .5rem}.nav-item-arrow{color:#9ca3af;color:var(--text-tertiary);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition)}.nav-item-arrow.expanded{transform:rotate(90deg)}.nav-submenu{overflow:hidden}.nav-subitem{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8125rem;gap:.75rem;margin-bottom:.125rem;padding:.625rem .75rem .625rem 3.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.nav-subitem:hover{color:#111827;color:var(--text-primary)}.nav-subitem.active,.nav-subitem:hover{background:#f3f4f6;background:var(--bg-tertiary)}.nav-subitem.active{color:#3b82f6;color:var(--primary);font-weight:500}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-item-arrow,.sidebar.collapsed .nav-item-badge,.sidebar.collapsed .nav-item-label,.sidebar.collapsed .nav-submenu{display:none}.sidebar.collapsed .nav-item-content{justify-content:center}.main-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:111.11vh;max-height:111.11vh;min-height:0;overflow:hidden;position:relative}.main-content,.sensor-sidebar.collapsed~.main-content,.sidebar.collapsed~.main-content{margin-left:0;max-width:100%;width:100%}.top-header{align-items:center;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);box-sizing:border-box;display:flex;flex-shrink:0;gap:1rem;height:auto;justify-content:space-between;max-height:none;max-width:100%;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}@media (max-width:768px){.top-header{overflow:hidden}}.header-left{align-items:center;display:flex;flex:1 1;flex-shrink:1;gap:1rem;max-width:100%;min-width:0;overflow:hidden}.back-to-map-header,.menu-toggle{flex-shrink:0}.back-to-map-header{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;gap:.25rem;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:40px}.back-to-map-header:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff;transform:translateX(-2px)}.menu-toggle{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:40px}.menu-toggle:hover{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.header-info{flex:1 1;min-width:0;overflow:hidden}.header-info h1{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:700}.header-info h1,.header-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-info p{color:#6b7280;color:var(--text-secondary);font-size:.8125rem;margin-top:.125rem}.header-right{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:1rem;max-width:none;min-width:0;overflow:visible;position:relative}@media (max-width:1200px){.header-search{max-width:250px;min-width:150px}.header-right{gap:.75rem}}@media (max-width:1100px){.header-search{max-width:200px;min-width:120px}.header-info h1{font-size:1.125rem}.header-info p{font-size:.75rem}}.header-search{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;display:flex;flex-shrink:1;gap:.75rem;max-width:300px;min-width:200px;overflow:hidden;padding:.625rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.header-search:focus-within{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.header-search input{background:none;border:none;color:#111827;color:var(--text-primary);flex:1 1;font-size:.875rem;min-width:0;outline:none;width:100%}.header-search input::placeholder{color:#9ca3af;color:var(--text-tertiary)}.header-actions{display:flex;gap:.5rem}.action-button{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:40px}.action-button:hover{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.notification-dot{background:#ef4444;background:var(--danger);border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.top-header .user-profile-container{overflow:visible;position:relative;z-index:1001}.top-header .user-profile-dropdown{overflow:visible;position:absolute;right:0;top:calc(100% + 12px);z-index:1002}.header-right{overflow:visible!important}.user-avatar,.user-details,.user-name,.user-profile,.user-role{display:none}.content-area{-webkit-overflow-scrolling:touch;background:#f9fafb;background:var(--bg-secondary);flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem;position:relative;width:100%}.content-area,.content-area>*{box-sizing:border-box;max-width:100%}.content-area>*{min-width:0}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:199}@media (max-width:1024px){.sensor-sidebar.mobile-open~.main-content .top-header,.top-header{z-index:200!important}.menu-toggle{z-index:201!important}.sensor-sidebar.mobile-open~.main-content .menu-toggle{z-index:251!important}}.sidebar-header-brand{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:center;padding:1.5rem}.sidebar-brand-content{align-items:center;display:flex;gap:.75rem;width:100%}.sidebar-brand-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.sidebar-brand-text h3{color:#111827;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 .125rem}.sidebar-brand-text span{color:#6b7280;color:var(--text-secondary);font-size:.75rem;margin:0}.sidebar.collapsed .sidebar-brand-text{display:none}.sidebar.collapsed .sidebar-header-brand{justify-content:center;padding:1rem}.sidebar.collapsed .sidebar-brand-content{justify-content:center}.sidebar.collapsed .brand-icon{height:40px;min-height:40px;min-width:40px;padding:8px;width:40px}.sensor-header-uber{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);height:70px;justify-content:space-between;padding:1rem 1.5rem}.header-left-uber,.sensor-header-uber{align-items:center;display:flex;gap:1rem}.header-left-uber{flex:1 1;min-width:0}.menu-toggle-uber{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:40px}.menu-toggle-uber:hover{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.uber-logo-sensor{display:block;flex-shrink:0;height:32px;max-width:120px;object-fit:contain;width:auto}.uber-logo-sensor.logo-white{filter:brightness(0) invert(1)}.uber-logo-sensor.logo-black{filter:brightness(0)}.sensor-info-uber{display:flex;flex:1 1;flex-direction:column;min-width:0}.sensor-info-uber h1{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sensor-id-uber{color:#6b7280;color:var(--text-secondary);font-size:.8125rem;margin-top:.125rem}.header-right-uber{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.header-btn-uber{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.header-btn-uber:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.theme-toggle-uber{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:40px}.theme-toggle-uber:hover{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.sensor-layout{display:flex;flex:1 1;height:calc(111.11vh - 70px);overflow:hidden}.sensor-sidebar{background:#fff;background:var(--bg-primary);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-x:hidden;overflow-y:auto;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:280px}.sensor-sidebar.collapsed{width:72px}.sensor-sidebar.collapsed .sidebar-brand-text{display:none}.sensor-sidebar.collapsed .brand-icon{height:40px;margin:0 auto;min-height:40px;min-width:40px;padding:8px;width:40px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem}.nav-section{margin-bottom:.5rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:.75rem;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.nav-item:hover{background:#f3f4f6;background:var(--bg-tertiary)}.nav-item.active{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-left:3px solid #3b82f6;border-left:3px solid var(--primary);color:#3b82f6;color:var(--primary);font-weight:600}.nav-icon{flex-shrink:0;height:20px;width:20px}.nav-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.nav-label{color:#111827;color:var(--text-primary);font-size:.875rem;font-weight:600}.nav-description{color:#6b7280;color:var(--text-secondary);font-size:.75rem;margin-top:.125rem}.nav-arrow{color:#9ca3af;color:var(--text-tertiary);flex-shrink:0;height:16px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition);width:16px}.subsection-list{border-left:2px solid #e5e7eb;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:.25rem;margin-left:.375rem;margin-top:.5rem;padding-left:.5rem}.subsection-item{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.625rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.subsection-item:hover{color:#111827;color:var(--text-primary)}.subsection-item.active,.subsection-item:hover{background:#f3f4f6;background:var(--bg-tertiary)}.subsection-item.active{color:#3b82f6;color:var(--primary);font-weight:600}.subsection-icon{flex-shrink:0;height:16px;width:16px}.sensor-main{background:#f9fafb;background:var(--bg-secondary);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1.5rem}.loading-state-uber{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.uber-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#3b82f6;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}.error-state-uber{align-items:center;color:#111827;color:var(--text-primary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.error-state-uber svg{color:#ef4444;color:var(--danger)}.retry-button-uber{align-items:center;background:#3b82f6;background:var(--primary);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.retry-button-uber:hover{background:#2563eb;background:var(--primary-dark);transform:translateY(-2px)}@media (max-width:1400px){.header-info h1{font-size:1.125rem}.header-info p{font-size:.75rem}.user-name,.user-role{max-width:100px}}@media (max-width:1200px){.header-search{max-width:250px;min-width:180px}.user-name,.user-role{max-width:80px}}@media (max-width:1024px){.sensor-sidebar{height:111.11vh;left:0;max-height:111.11vh;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:250}.sensor-sidebar,.sensor-sidebar.collapsed{width:280px!important}.sensor-sidebar.mobile-open{box-shadow:4px 0 24px #00000026;transform:translateX(0)!important;visibility:visible;z-index:250}.sensor-sidebar.mobile-open~.main-content .top-header{z-index:200}.sensor-sidebar.mobile-open.collapsed .nav-item-badge,.sensor-sidebar.mobile-open.collapsed .nav-item-label,.sensor-sidebar.mobile-open.collapsed .sidebar-brand-text{display:block!important}.main-content{margin-left:0!important;max-width:100%!important;width:100%!important}.sensor-main{margin-left:0;max-width:100%;width:100%}.content-area{padding:1rem}.header-search{max-width:200px;min-width:150px}.user-name,.user-role{max-width:70px}}@media (max-width:900px){.top-header{flex-wrap:nowrap;gap:.75rem;padding:1rem}.header-left{gap:.75rem}.header-info,.header-left{flex:1 1;min-width:0;overflow:hidden}.header-info h1{font-size:1rem}.header-info h1,.header-info p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-info p{font-size:.6875rem}.header-right{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.5rem;min-width:0}.header-search{flex-shrink:1;max-width:180px;min-width:120px;padding:.5rem .75rem}.header-search input{font-size:.8125rem;min-width:0}.header-actions{display:flex;flex-shrink:0;gap:.5rem}.action-button{flex-shrink:0;height:36px;width:36px}.user-profile-container{flex-shrink:0}.user-profile-avatar{font-size:12px;height:32px;width:32px}}@media (max-width:768px){.top-header{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem;overflow:hidden;padding:.75rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{flex:1 1;gap:.5rem;min-width:0;overflow:visible}.header-left,.menu-toggle{align-items:center;display:flex;position:relative}.menu-toggle{background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;justify-content:center}.back-to-map-header,.menu-toggle{cursor:pointer;flex-shrink:0;height:36px;width:36px;z-index:101}.back-to-map-header{position:relative}.header-info{flex:1 1;min-width:0;overflow:hidden}.header-info h1{font-size:.9375rem;margin:0}.header-info h1,.header-info p{line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-info p{font-size:.6875rem;margin-top:.125rem}.header-right{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.5rem;justify-content:flex-end;margin-left:auto;min-width:0;overflow:visible}.header-search{display:none}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.action-button{flex-shrink:0;height:36px;position:relative;width:36px;z-index:101}.user-profile-container{flex-shrink:0;position:relative;z-index:1001}.top-header .user-profile-dropdown{z-index:2000!important}.top-header .user-profile-container{overflow:visible}}@media (max-width:640px){.header-info h1{font-size:.9375rem}.header-search{display:none}.header-actions{display:flex;flex-shrink:0;gap:.25rem}.user-profile-container{flex-shrink:0}.user-profile-avatar{font-size:12px;height:32px;width:32px}}@media (max-width:480px){.sidebar{width:260px}.sidebar-header{padding:1rem}.sidebar-brand{gap:.5rem}.brand-icon{height:40px;min-height:40px;min-width:40px;padding:8px;width:40px}.brand-text h3{font-size:1rem}.brand-text span{font-size:.7rem}.nav-item-content{padding:.625rem}.nav-item-label{font-size:.8125rem}.top-header{gap:.375rem;padding:.625rem .5rem}.header-left{flex:1 1;gap:.375rem;min-width:0}.back-to-map-header,.menu-toggle{flex-shrink:0;height:32px;width:32px}.header-info{flex:1 1;min-width:0}.header-info h1{font-size:.8125rem;line-height:1.2}.header-info p{font-size:.625rem;line-height:1.2;margin-top:0}.header-search{display:none}.header-right{flex-shrink:0;gap:.25rem}.header-actions{gap:.25rem}.action-button{flex-shrink:0;height:32px;width:32px}.user-profile-container{flex-shrink:0}.user-profile-avatar{font-size:12px;height:32px;width:32px}.content-area{padding:.75rem}}@media (max-width:414px){.sidebar{width:240px}.top-header{gap:.375rem;padding:.5rem}.header-left{gap:.375rem}.back-to-map-header,.menu-toggle{height:32px;width:32px}.header-info h1{font-size:.75rem}.header-info p{font-size:.5625rem}.action-button,.user-profile-avatar{height:32px;width:32px}.user-profile-avatar{font-size:11px}.content-area{padding:.625rem}}@media (max-width:360px){.sidebar{width:220px}.sidebar-header{padding:.75rem}.brand-icon{height:36px;min-height:36px;min-width:36px;padding:7px;width:36px}.brand-text h3{font-size:.9375rem}.nav-item-content{padding:.5rem}.nav-item-label{font-size:.75rem}.top-header{gap:.25rem;padding:.5rem}.header-left{gap:.25rem}.back-to-map-header,.menu-toggle{height:28px;width:28px}.header-info h1{font-size:.6875rem;line-height:1.1}.header-info p{font-size:.5rem;line-height:1.1;margin-top:0}.header-right{gap:.25rem}.action-button,.user-profile-avatar{height:28px;width:28px}.user-profile-avatar{font-size:10px}.content-area{padding:.5rem}}:root{--bg-primary:#0a0a0a;--bg-secondary:#0f0f0f;--bg-tertiary:#1a1a1a;--text-primary:#fff;--text-secondary:#fffc;--text-tertiary:hsla(0,0%,100%,.795);--border-color:hsla(0,100%,97%,.582);--border-hover:rgba(75,213,255,.938);--accent-primary:#00d4ff;--accent-secondary:#0f8;--accent-primary-alpha:#00d4ff4d;--accent-secondary-alpha:#00ff884d;--accent-gradient:linear-gradient(135deg,#00d4ff,#0f8);--card-bg:#ffffff08;--card-hover:#ffffff0d;--nav-bg:#0a0a0acc;--nav-bg-scrolled:#0a0a0af2;--nav-shadow:#00000080;--toggle-bg:#ffffff1a;--toggle-hover:#ffffff26;--badge-bg:#00d4ff1a;--button-text:#0a0a0a;--button-secondary-text:#fff;--globe-color:#00d4ff33;--globe-glow:#00d4ff1a;--sensor-color:#0f8}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#fafafa;--text-primary:#0a0a0a;--text-secondary:#000c;--text-tertiary:#0009;--border-color:hsla(0,1%,62%,.582);--border-hover:rgba(2,131,170,.938);--accent-primary:#09c;--accent-secondary:#0c6;--accent-primary-alpha:#0099cc4d;--accent-secondary-alpha:#00cc664d;--accent-gradient:linear-gradient(135deg,#09c,#0c6);--card-bg:#00000008;--card-hover:#0000000d;--nav-bg:#ffffffe6;--nav-bg-scrolled:#fffffffa;--nav-shadow:#0000001a;--toggle-bg:#ffffff0d;--toggle-hover:#0000001a;--badge-bg:#0099cc1a;--button-text:#fff;--button-secondary-text:#0a0a0a;--globe-color:#09c3;--globe-glow:#0099cc1a;--sensor-color:#0c6}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}.landing-container{background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary)}.hero-section{background:linear-gradient(180deg,#0a0a0a,#0f0f0f);background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.hero-title{color:#fff;color:var(--text-primary)}.hero-description{color:#fffc;color:var(--text-secondary)}.navbar{background:#0a0a0a;background:var(--bg-primary)}.nav-menu a{color:#fffc;color:var(--text-secondary)}.nav-menu a:hover{color:#00d4ff;color:var(--accent-primary)}.feature-item,.info-card,.stat-card,.timeline-card{background:#ffffff08;background:var(--card-bg);border-color:hsla(0,100%,97%,.582);border-color:var(--border-color)}[data-theme=light] .network-badge{background:#0099cc1a;border-color:#00d4ff;border-color:var(--accent-primary);color:#00d4ff;color:var(--accent-primary)}[data-theme=light] .btn-primary,[data-theme=light] .connect-wallet{background:#00d4ff;background:var(--accent-primary);color:#fff}[data-theme=light] .globe-sphere{background:radial-gradient(circle at 30% 30%,#09c3,#0099cc0d 50%,#0000 70%)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App{min-height:100vh}
/*# sourceMappingURL=main.c4aa15e4.css.map*/