@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}.connectivity-toast-global{align-items:flex-start;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f;color:#111;color:var(--text-primary,#111);display:flex;gap:.75rem;max-width:min(22rem,calc(100vw - 2rem));padding:.875rem 1rem;position:fixed;right:1rem;top:72px;z-index:100000}.connectivity-toast-global--online{border-left:4px solid #10b981;border-left:4px solid var(--success,#10b981)}.connectivity-toast-global--offline{border-left:4px solid #ef4444;border-left:4px solid var(--danger,#ef4444)}.connectivity-toast-global-text strong{display:block;font-size:.9375rem;margin-bottom:.25rem}.connectivity-toast-global-text p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8125rem;line-height:1.45;margin:0}.connectivity-toast-global-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-tertiary,#94a3b8);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:background .15s,color .15s}.connectivity-toast-global-close:hover{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);color:#111;color:var(--text-primary,#111)}@media (max-width:480px){.connectivity-toast-global{max-width:calc(100vw - 1rem);right:.5rem;top:64px}}.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)}.login-prompt-btn{background:#00d4ff;background:var(--accent-primary,#00d4ff);border:none;border-radius:8px;color:#0a0a0a;color:var(--button-text,#0a0a0a);cursor:pointer;font-weight:600;margin-left:8px;padding:6px 14px}.login-prompt-btn:hover{opacity:.9}.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;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);background:var(--site-header-adapted,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;background:var(--site-header-adapted,#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-right{gap:8px}.header-actions{align-items:center;flex-shrink:0;gap:8px}.header-user-dropdown{border-left:1px solid var(--border-color);flex-shrink:0;margin-left:0;padding-left:.5rem}[data-theme=light] .header-user-dropdown{border-left-color:#0000001f}.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)}.globe-bell-btn,.globe-notification-wrap{position:relative}.globe-bell-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.globe-notification-badge{align-items:center;background:#ef4444;border:2px solid #0f172a;border:2px solid var(--bg-primary,#0f172a);border-radius:8px;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 3px;pointer-events:none;position:absolute;right:3px;top:3px}.globe-notification-dropdown{background:#0f172a;background:var(--bg-primary,#0f172a);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:.875rem;box-shadow:0 12px 40px #00000052,0 2px 8px #00000029;display:flex;flex-direction:column;max-height:400px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:1000}.globe-notif-header{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color,#334155);display:flex;justify-content:space-between;padding:.75rem 1rem}.globe-notif-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.8125rem;font-weight:700}.globe-notif-mark-read{background:none;border:none;border-radius:.3rem;color:#3b82f6;color:var(--accent-primary,#3b82f6);cursor:pointer;font-size:.7rem;font-weight:600;padding:.2rem .4rem;transition:background .15s}.globe-notif-mark-read:hover{background:#3b82f61f}.globe-notif-list{flex:1 1;overflow-y:auto;padding:.25rem 0}.globe-notif-empty{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;gap:.4rem;padding:2rem 1rem;text-align:center}.globe-notif-empty p{color:#94a3b8;color:var(--text-primary,#94a3b8);font-size:.8125rem;font-weight:600;margin:0}.globe-notif-empty span{font-size:.7rem}.globe-notif-item{align-items:flex-start;display:flex;gap:.6rem;padding:.6rem 1rem;transition:background .15s}.globe-notif-item:hover{background:#ffffff0a}.globe-notif-item.unread{background:#3b82f60f}.globe-notif-dot{border-radius:50%;flex-shrink:0;height:9px;margin-top:4px;width:9px}.globe-notif-dot.online{background:#10b981;box-shadow:0 0 0 3px #10b98133}.globe-notif-dot.offline{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.globe-notif-content{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.globe-notif-top{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.globe-notif-sensor{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.globe-notif-time{font-feature-settings:"tnum";color:#64748b;color:var(--text-secondary,#64748b);flex-shrink:0;font-size:.65rem;font-variant-numeric:tabular-nums}.globe-notif-status{font-size:.7rem;font-weight:600}.globe-notif-status.online{color:#10b981}.globe-notif-status.offline{color:#ef4444}@media (max-width:480px){.globe-notification-dropdown{max-height:320px;right:-2rem;width:calc(100vw - 2rem)}}.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-logo{opacity:.9}@media (min-width:769px){.globe-container .mapboxgl-ctrl-top-right{margin-right:408px}}.globe-map-meta{bottom:18px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;left:20px;max-width:min(100%,calc(100vw - 40px));pointer-events:none;position:absolute;right:20px;z-index:50}@media (min-width:769px){.globe-container .globe-map-meta{justify-content:center;left:50%;margin:0;max-width:calc(100vw - 720px);right:auto;transform:translateX(-50%);width:max-content}}.globe-meta-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;box-shadow:0 4px 16px #0003;color:var(--text-secondary);font-size:.72rem;letter-spacing:.02em;padding:6px 12px}.globe-meta-chip strong{color:var(--text-primary);font-weight:700}.globe-meta-chip--layer{border-color:var(--accent-primary-alpha);color:var(--text-primary)}[data-theme=light] .globe-meta-chip{background:#e0e0e0;border-color:#0000001f;box-shadow:0 4px 12px #0000001a;color:#000000c7}[data-theme=light] .globe-meta-chip strong{color:#1a1a1a}.globe-last-update{align-items:center;border-top:1px solid var(--border-color);color:var(--text-tertiary);display:flex;font-size:11px;gap:6px;justify-content:center;margin-top:12px;padding-top:12px}@media (max-width:768px){.globe-map-meta{bottom:96px;justify-content:center;left:12px;max-width:none;right:12px;transform:none;width:auto}.globe-meta-chip{font-size:.65rem;padding:5px 10px}}.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;max-height:min(520px,calc(100vh - 132px));max-width:min(320px,calc(100vw - 40px));min-width:260px;overflow-x:hidden;overflow-y:auto;padding:1.25rem;position:absolute;top:80px;transition:all .3s ease;z-index:100}.layer-controls::-webkit-scrollbar{width:6px}.layer-controls::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=light] .layer-controls{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#e0e0e0;border-color:#0000001f;box-shadow:0 10px 28px #0000001f}[data-theme=light] .layer-controls .panel-header{border-bottom-color:#0000001a}[data-theme=light] .layer-controls .control-group h4,[data-theme=light] .layer-controls .legend h4{color:#000000a6}.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{border-radius:6px;color:var(--text-secondary);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);background:var(--site-sidebar-adapted,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(14px);backdrop-filter:blur(14px);background:#e0e0e0;background:var(--site-sidebar-adapted,#e0e0e0);border-color:#0000001f;box-shadow:0 10px 28px #0000001f}[data-theme=light] .globe-ranking-header{background:#e0e0e0;border-bottom-color:#0000001a}[data-theme=light] .globe-ranking-footer{background:#e0e0e0;border-top-color:#0000001a}.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{border-top:1px solid var(--border-color);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-right{gap:6px}.header-user-dropdown{padding-left:.5rem}.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);font-size:.75rem}.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-site-context{font-size:.75rem;font-weight:500;margin:0 0 4px}.location-city,.location-site-context{color:#6b7280;color:var(--text-secondary,#6b7280)}.location-city{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}}.sensor-modal-loc-search{align-items:center;background:#0000000a;background:var(--bg-secondary,#0000000a);border:1px solid #00000014;border-radius:10px;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}[data-theme=dark] .sensor-modal-loc-search{background:#ffffff0f;border-color:#ffffff1a}.sensor-modal-loc-search-icon{color:#6b7280;color:var(--text-secondary,#6b7280);flex-shrink:0}.sensor-modal-loc-search-input{background:#0000;border:none;color:#111;color:var(--text-primary,#111);flex:1 1;font-size:.875rem;min-width:0;outline:none}.sensor-modal-loc-search-clear{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px}.sensor-modal-loc-search-clear:hover{color:#111;color:var(--text-primary,#111)}.sensor-modal-loc-empty{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85rem;margin:0 0 12px;padding:12px;text-align:center}.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)}.improved-ranking .stats-grid,.overview-content{display:flex;flex-direction:column;gap:10px}.stat-card{align-items:flex-start;background:var(--bg-secondary);border-radius:10px;box-sizing:border-box;cursor:default;gap:12px;min-width:0;padding:12px 14px;transition:all .2s ease;width:100%}.stat-card:hover{background:var(--card-bg);border-color:var(--primary-color)}.stat-icon{background:#00d4ff1a;border-radius:10px;height:40px;width:40px}.improved-ranking .stat-icon{background:#00d4ff29;border:1px solid #ffffff1f;border-radius:11px;box-shadow:0 2px 10px #00000038;height:44px;width:44px}.improved-ranking .stat-icon svg{display:block;flex-shrink:0}.stat-body{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.stat-label{font-size:.65rem;font-weight:600;letter-spacing:.06em;line-height:1.2}.stat-value{font-feature-settings:"tnum";font-size:1.25rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.stat-suffix{color:var(--text-secondary);font-size:.75rem;font-weight:400;margin-left:2px}.stat-update{align-items:center;color:var(--text-tertiary);display:inline-flex;font-size:.65rem;gap:4px;margin-top: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:flex-start;display:flex;gap:10px;justify-content:space-between}.quality-title-block{flex:1 1;min-width:0}.quality-metric{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;text-align:right}.quality-unit{color:var(--text-tertiary);font-size:.6rem;font-weight:600;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.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}.sensor-site-context{color:var(--text-secondary);font-size:.7rem;font-weight:400}.sensor-place-line{color:var(--text-tertiary);display:block;font-size:.68rem;font-weight:400;line-height:1.25;margin-top:4px;white-space:normal}.quality-value{font-feature-settings:"tnum";flex-shrink:0;font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.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;margin-right:4px;opacity:.85;vertical-align:middle;width:12px}.quality-update-time{align-items:center;color:var(--text-tertiary);display:flex;font-size:.68rem;gap:4px;margin-top:8px}.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){.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}.improved-ranking .stat-icon{height:40px;width:40px}.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}.improved-ranking .stat-icon{height:38px;width:38px}.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}}[data-theme=light] .improved-ranking{color:var(--text-primary)}[data-theme=light] .ranking-tabs{background:#acacac;border:1px solid #0000001f}[data-theme=light] .stat-card{background:#e9e9e9;border-color:#0000001f}[data-theme=light] .city-card,[data-theme=light] .quality-card,[data-theme=light] .quick-insights{background:#e0e0e0;border-color:#0000001f}[data-theme=light] .improved-ranking .stat-icon{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000001f,0 0 0 1px #0000000d}[data-theme=light] .improved-ranking .stat-icon svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}@media (max-width:414px){.sensor-name{max-width:70px}}@media (max-width:360px){.ranking-tab{font-size:.5rem}.sensor-name{max-width:60px}}.loc-search-wrap{align-items:center;background:var(--bg-secondary);border:1px solid #ffffff14;border-radius:8px;display:flex;gap:6px;margin-bottom:8px;padding:6px 10px}.loc-search-icon{color:var(--text-secondary);flex-shrink:0}.loc-search-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:.75rem;min-width:0;outline:none}.loc-search-clear,.loc-search-input::placeholder{color:var(--text-secondary)}.loc-search-clear{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;padding:0}.loc-search-clear:hover{color:var(--text-primary)}[data-theme=light] .loc-search-wrap{background:#e9e9e9;border-color:#0000001a}.city-card-header{cursor:pointer;-webkit-user-select:none;user-select:none}.city-header-right{align-items:center;color:var(--text-secondary);display:flex;gap:6px}.city-sensors-list{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:2px;margin-top:8px;overflow:hidden;padding-top:4px}[data-theme=light] .city-sensors-list{border-top-color:#00000014}.city-sensor-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:5px 6px;transition:background .15s}.city-sensor-row:hover{background:#ffffff0f}[data-theme=light] .city-sensor-row:hover{background:#0000000d}.city-sensor-info{display:flex;flex-direction:column;gap:1px;min-width:0}.city-sensor-name{color:var(--text-primary);font-size:.72rem;font-weight:600}.city-sensor-name,.city-sensor-site{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-sensor-site{color:var(--text-secondary);font-size:.65rem}.city-sensor-metrics{display:flex;flex-shrink:0;gap:4px}.city-sensor-chip{background:#3b82f61f;border-radius:4px;color:#93c5fd;font-size:.62rem;padding:2px 6px;white-space:nowrap}[data-theme=light] .city-sensor-chip{background:#3b82f61a;color:#2563eb}.alert-site-context{color:var(--text-secondary);display:block;font-size:.65rem;margin-bottom:2px}.alert-place-line{color:var(--text-tertiary);display:block;font-size:.65rem;line-height:1.25;margin-bottom:4px}.wallet-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.wallet-modal{background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.wallet-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:24px}.wallet-modal-header h2{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:24px;font-weight:700;margin:0}.close-btn{background:#f5f5f5;background:var(--hover-bg,#f5f5f5);border-radius:50%;color:#666;color:var(--text-secondary,#666);height:36px;transition:all .3s ease;width:36px}.close-btn:hover{background:#e5e5e5;background:var(--hover-bg-dark,#e5e5e5);transform:rotate(90deg)}.wallet-list{max-height:500px;overflow-y:auto;padding:24px}.detecting-wallets{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{border:3px solid #e5e7eb;border:3px solid var(--border-color,#e5e7eb);border-radius:50%;border-top:3px solid #667eea;height:40px;margin-bottom:16px;width:40px}.connecting-spinner,.spinner{animation:spin 1s linear infinite}.connecting-spinner{border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:50%;border-top:2px solid #667eea;height:20px;width:20px}.wallet-section{margin-bottom:24px}.wallet-section h3{color:#666;color:var(--text-secondary,#666);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.no-wallets{color:#999;color:var(--text-tertiary,#999);font-size:14px;padding:20px;text-align:center}.wallet-option{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:16px;transition:all .3s ease;width:100%}.wallet-option:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5);border-color:#667eea;transform:translateX(4px)}.wallet-option.installed{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb)}.wallet-option.installed:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.wallet-option.not-installed{opacity:.7}.wallet-option.not-installed:hover{opacity:1}.wallet-option:disabled{cursor:wait;opacity:.6}.wallet-info{gap:16px}.wallet-icon,.wallet-info{align-items:center;display:flex}.wallet-icon{background:#fff;background:var(--bg-primary,#fff);border-radius:10px;height:40px;justify-content:center;width:40px}.wallet-details{align-items:flex-start;display:flex;flex-direction:column}.wallet-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:16px;font-weight:600}.install-text{color:#999;color:var(--text-tertiary,#999);font-size:12px;margin-top:2px}.installed-badge{background:#10b981;border-radius:6px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;padding:4px 8px;text-transform:uppercase}.arrow-icon,.download-icon{color:#999;color:var(--text-tertiary,#999);flex-shrink:0}.wallet-modal-footer{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:20px 24px;text-align:center}.wallet-modal-footer p{color:#666;color:var(--text-secondary,#666);font-size:14px;margin:0}.wallet-modal-footer a{color:#667eea;font-weight:600;margin-left:4px;text-decoration:none}.wallet-modal-footer a:hover{text-decoration:underline}[data-theme=dark] .wallet-modal{background:#1a1a1a}[data-theme=dark] .wallet-modal-header{border-bottom-color:#2a2a2a}[data-theme=dark] .close-btn{background:#2a2a2a;color:#a0a0a0}[data-theme=dark] .close-btn:hover{background:#3a3a3a}[data-theme=dark] .wallet-option{background:#252525;border-color:#2a2a2a}[data-theme=dark] .wallet-option.installed{background:#1a1a1a;border-color:#3a3a3a}[data-theme=dark] .wallet-icon,[data-theme=dark] .wallet-option:hover{background:#2a2a2a}[data-theme=dark] .wallet-modal-footer{background:#151515;border-top-color:#2a2a2a}@media (max-width:480px){.wallet-modal{margin:10px;max-width:100%}.wallet-list{padding:16px}.wallet-option{padding:12px}}.site-logo{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem}.site-logo-img{height:auto;max-width:100%;object-fit:contain;width:auto}.site-logo--monochrome{filter:brightness(0) invert(1)}[data-theme=light] .site-logo--monochrome{filter:brightness(0)}.site-logo-default .logo-icon{background:linear-gradient(135deg,#00d4ff,#0f8);background:var(--accent-gradient,linear-gradient(135deg,#00d4ff 0,#0f8 100%));border-radius:6px;display:inline-block;flex-shrink:0;height:1.25em;width:1.25em}.site-logo-default .logo-text{color:var(--text-primary);font-size:1em;font-weight:700;letter-spacing:.02em}.site-logo--admin .logo-icon{border-radius:5px;height:1.1em;width:1.1em}.site-logo--admin .logo-text{font-size:.95em;font-weight:600}:not([data-theme]) .site-logo-default .logo-text,[data-theme=dark] .site-logo-default .logo-text{color:#f8fafc}[data-theme=light] .site-logo-default .logo-text{color:#0f172a}.user-dropdown{margin-left:auto;position:relative}.user-dropdown__trigger{align-items:center;background:#1e293b;background:var(--user-dropdown-bg,#1e293b);border:1px solid #94a3b840;border:1px solid var(--user-dropdown-border,#94a3b840);border-radius:50px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem .6rem .5rem .75rem;transition:all .2s ease}.user-dropdown__trigger:hover{background:#334155;background:var(--user-dropdown-hover,#334155);border-color:var(--accent-primary)}.user-dropdown__avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;color:var(--button-text);display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.user-dropdown__avatar-img{height:100%;object-fit:cover;width:100%}.user-dropdown__info{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem;min-width:0}.user-dropdown__name{font-size:.9rem;font-weight:600}.user-dropdown__email,.user-dropdown__name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown__email{color:var(--text-secondary);font-size:.75rem}.user-dropdown__icon{color:var(--accent-primary)}.user-dropdown__label{font-weight:600}.user-dropdown__chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.user-dropdown__chevron.open{transform:rotate(180deg)}[data-theme=light] .user-dropdown__trigger{--user-dropdown-bg:#fff;--user-dropdown-border:#0000001a}[data-theme=light] .user-dropdown__trigger:hover{--user-dropdown-hover:#f1f5f9}[data-theme=light] .user-dropdown__menu{background:#fff!important;border:1px solid #0000001a;box-shadow:0 10px 40px #0000001f}[data-theme=light] .user-dropdown__menu .user-dropdown__menu-email{color:#64748b}[data-theme=light] .user-dropdown__menu .user-dropdown__menu-item{color:#1e293b}[data-theme=light] .user-dropdown__menu .user-dropdown__menu-item:hover{background:#0000000f}[data-theme=light] .user-dropdown__menu .user-dropdown__menu-item--danger:hover{background:#ef44441f;color:#dc2626}[data-theme=light] .user-dropdown__menu .user-dropdown__menu-divider{background:#00000014}.user-dropdown__menu{animation:dropdownIn .2s ease;background:#1e293b;background:var(--user-dropdown-menu-bg,#1e293b);border:1px solid #94a3b840;border:1px solid var(--user-dropdown-menu-border,#94a3b840);border-radius:12px;box-shadow:0 10px 40px #0006;min-width:220px;padding:.5rem;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}:not([data-theme]) .user-dropdown__menu,[data-theme=dark] .user-dropdown__menu{--user-dropdown-menu-bg:#1e293b;--user-dropdown-menu-border:#94a3b833}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown__menu-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;padding:.75rem 1rem}.user-dropdown__menu-user{display:flex;flex-direction:column;gap:.15rem;min-width:0}.user-dropdown__menu-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.user-dropdown__menu-email{color:var(--text-secondary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis}.user-dropdown__menu-badge{background:var(--accent-primary-alpha);border-radius:6px;color:var(--accent-primary);font-size:.7rem;font-weight:600;padding:.2rem .5rem}.user-dropdown__menu-divider{background:var(--border-color);height:1px;margin:.25rem 0}.user-dropdown__menu-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.65rem 1rem;text-align:left;transition:background .15s ease;width:100%}.user-dropdown__menu-item:hover{background:#ffffff14;background:var(--user-dropdown-item-hover,#ffffff14)}.user-dropdown__menu-item--danger:hover{background:#ef444426;color:#f87171}.user-dropdown--compact .user-dropdown__info,.user-dropdown--compact .user-dropdown__label{display:none}.user-dropdown--compact .user-dropdown__trigger{border-radius:50px;padding:.5rem .6rem}.user-dropdown--compact .user-dropdown__avatar{font-size:.8rem;height:28px;width:28px}.user-dropdown--compact .user-dropdown__chevron{display:block}[data-theme=light] .user-dropdown__menu .user-dropdown__menu-name{color:#1e293b}.oss-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1400px;padding:0 0 2rem}.oss-header{border-radius:20px;color:#fff;overflow:hidden;padding:2.5rem 2rem;position:relative}.oss-header-bg{background:linear-gradient(135deg,#1d4ed8,#7c3aed 50%,#0891b2);inset:0;position:absolute;z-index:0}.oss-header-bg:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;position:absolute}.oss-header-content{flex-wrap:wrap;justify-content:space-between;position:relative;z-index:1}.oss-header-content,.oss-header-left{align-items:center;display:flex;gap:1rem}.oss-header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;display:flex;height:56px;justify-content:center;width:56px}.oss-title{font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 8px #0003}.oss-subtitle{font-size:.875rem;margin:.25rem 0 0;opacity:.85}.oss-kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.oss-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.oss-kpi-grid{grid-template-columns:1fr}}.oss-kpi-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s}.oss-kpi-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.oss-kpi-icon-wrap{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.start-icon{background:#eff6ff;color:#3b82f6}.stop-icon{background:#fdf4ff;color:#8b5cf6}.adherence-icon{background:#f0fdf4;color:#10b981}.oss-kpi-body{display:flex;flex:1 1;flex-direction:column;min-width:0}.oss-kpi-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.76rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.oss-kpi-value{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.85rem;font-weight:700;line-height:1.1;margin:.2rem 0}.oss-kpi-sub{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.78rem}.oss-confidence-ring{flex-shrink:0;height:72px;position:relative;width:72px}.oss-conf-value{align-items:center;display:flex;font-size:.82rem;font-weight:700;inset:0;justify-content:center;position:absolute}.oss-today-banner{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;justify-content:space-between;padding:.875rem 1.25rem}.oss-today-banner,.oss-today-left,.oss-today-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.oss-today-badge{background:#eff6ff;border-radius:20px;color:#1d4ed8;font-size:.78rem;font-weight:600;padding:4px 10px}.oss-today-date{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.82rem}.oss-occ-badge{background:#f0fdf4;color:#166534}.oss-occ-badge,.oss-status-badge{border-radius:20px;font-size:.78rem;font-weight:600;padding:4px 10px}.oss-status-badge.followed{background:#f0fdf4;color:#166534}.oss-status-badge.partial{background:#fffbeb;color:#92400e}.oss-status-badge.ignored{background:#fef2f2;color:#991b1b}.oss-status-badge.unknown{background:#f8fafc;color:#64748b}.oss-loss-badge{background:#fef2f2;color:#ef4444}.oss-loss-badge,.oss-saved-badge{border-radius:20px;font-size:.78rem;font-weight:600;padding:4px 10px}.oss-saved-badge{background:#f0fdf4;color:#166534}.oss-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;position:relative}.oss-card-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.25rem}.oss-card-header,.oss-card-title{align-items:center;display:flex;gap:.5rem}.oss-card-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1rem;font-weight:600}.oss-card-title svg{color:#3b82f6}.oss-card-badge{background:#eff6ff;border-radius:20px;color:#3b82f6;font-size:.75rem;font-weight:600;padding:3px 10px;white-space:nowrap}.oss-card-badge-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.oss-timeline-bar{margin:.5rem 0 1rem}.oss-tl-track{background:#f8fafc;background:var(--light-bg,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;height:44px;overflow:visible;position:relative}.oss-tl-band{border-radius:5px;cursor:pointer;position:absolute;transition:opacity .2s}.oss-tl-band.occ-band{background:#10b98114;border:1.5px dashed #10b9814d;height:40px;top:2px;z-index:1}.oss-tl-band.recommended{background:linear-gradient(90deg,#3b82f6,#8b5cf6);box-shadow:0 2px 8px #3b82f64d;height:28px;opacity:.9;top:8px;z-index:2}.oss-tl-band.actual{background:linear-gradient(90deg,#10b981,#059669);height:16px;opacity:.75;top:14px;z-index:3}.oss-tl-band.waste{background:repeating-linear-gradient(-45deg,#ef44444d,#ef44444d 4px,#ef44441a 0,#ef44441a 8px);border:1.5px solid #ef444466;height:28px;top:8px;z-index:4}.oss-tl-tick{padding-top:4px;position:absolute;top:100%;transform:translateX(-50%)}.oss-tl-tick span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:9px}.oss-tl-legend{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-wrap:wrap;font-size:.78rem;gap:1rem;margin-top:1.5rem}.oss-tl-dot{border-radius:3px;display:inline-block;height:12px;margin-right:4px;width:12px}.occ-dot{background:#10b9814d;border:1.5px dashed #10b981}.recommended-dot{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.actual-dot{background:#10b981}.waste-dot{background:#ef444480}.oss-timeline-stats{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding-top:.5rem}.tl-stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:.75rem}.tl-stat-value{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.1rem;font-weight:700}.tl-stat-value.start{color:#3b82f6}.tl-stat-value.stop{color:#8b5cf6}.tl-stat-value.actual{color:#10b981}.tl-arrow{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:1.2rem}.tl-divider{background:#e5e7eb;background:var(--card-border,#e5e7eb);height:36px;margin:0 .5rem;width:1px}.oss-no-real-badge{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:.78rem;gap:.375rem;padding:4px 10px}.oss-month-slider{align-items:center;display:flex;gap:4px;position:relative}.oss-month-nav-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.oss-month-nav-btn:hover:not(:disabled){background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.oss-month-nav-btn:disabled{cursor:not-allowed;opacity:.35}.oss-month-display{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:flex;font-size:.82rem;gap:5px;justify-content:center;min-width:140px;padding:5px 10px;transition:all .15s;white-space:nowrap}.oss-month-display:hover{border-color:#3b82f6}.oss-month-caret{opacity:.5;transform:rotate(-90deg)}.oss-month-clear-btn{align-items:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;width:22px}.oss-month-clear-btn:hover{background:#ef4444;color:#fff}.oss-month-picker{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.oss-month-picker-list{display:flex;flex-direction:column;max-height:240px;overflow-y:auto;padding:4px}.oss-month-option{background:#0000;border:none;border-radius:8px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;font-size:.82rem;padding:7px 12px;text-align:left;transition:background .12s;white-space:nowrap}.oss-month-option:hover{background:#f8fafc;background:var(--light-bg,#f8fafc)}.oss-month-option.active{background:#eff6ff;color:#3b82f6;font-weight:600}.oss-floating-tooltip{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;box-shadow:0 8px 32px #00000026;font-size:.82rem;max-width:280px;min-width:200px;padding:10px 14px;pointer-events:none;position:fixed;z-index:9999}.oss-ft-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.oss-ft-date{color:#0f172a;color:var(--text-primary,#0f172a);font-weight:700}.oss-ft-status{border-radius:20px;font-size:.72rem;font-weight:600;gap:4px;padding:2px 8px}.oss-ft-row,.oss-ft-status{align-items:center;display:flex}.oss-ft-row{gap:.5rem;justify-content:space-between;margin-bottom:4px}.oss-ft-label{color:#6b7280;color:var(--text-secondary,#6b7280);flex-shrink:0;font-size:.78rem}.oss-ft-val{color:#0f172a;color:var(--text-primary,#0f172a);font-size:.8rem;font-weight:600;text-align:right}.oss-ft-reason{border-top:1px solid #e5e7eb;border-top:1px solid var(--card-border,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;line-height:1.4;margin-top:6px;padding-top:6px}.oss-view-toggle{background:#f8fafc;background:var(--light-bg,#f8fafc);border-radius:10px;display:flex;gap:4px;padding:3px}.oss-toggle-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.82rem;font-weight:500;padding:5px 14px;transition:all .15s}.oss-toggle-btn.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#3b82f6;font-weight:600}.oss-charts-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:900px){.oss-charts-row{grid-template-columns:1fr}}.oss-chart-card{flex:1 1}.oss-chart-legend-note{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-wrap:wrap;font-size:.78rem;gap:.75rem;margin-top:.75rem}.oss-legend-dot{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}.oss-chart-empty{color:#6b7280;color:var(--text-secondary,#6b7280);flex-direction:column;font-size:.9rem;padding:3rem 0}.oss-chart-empty,.oss-heatmap-legend{align-items:center;display:flex;gap:.75rem}.oss-heatmap-legend{flex-wrap:wrap}.oss-hm-leg-item{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.76rem;gap:4px}.oss-hm-leg-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.oss-heatmap-hint{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.78rem;margin:0 0 .75rem}.oss-calendar-heatmap{display:flex;flex-wrap:wrap;gap:5px;padding:.5rem 0}.oss-cal-cell{align-items:center;border-radius:8px;cursor:default;display:flex;flex-direction:column;gap:2px;height:42px;justify-content:center;transition:transform .15s;-webkit-user-select:none;user-select:none;width:36px}.oss-cal-cell:hover{transform:scale(1.2);z-index:10}.oss-table-wrap{overflow-x:auto}.oss-table{border-collapse:collapse;font-size:.85rem;width:100%}.oss-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--card-border,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase}.oss-table td,.oss-table th{padding:.625rem .875rem;white-space:nowrap}.oss-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border,#e5e7eb);color:#0f172a;color:var(--text-primary,#0f172a)}.oss-table tr:last-child td{border-bottom:none}.oss-table tr:hover td{background:#f8fafc;background:var(--light-bg,#f8fafc)}.td-mono{font-family:SF Mono,Courier New,monospace;font-size:.82rem;font-weight:500}.oss-table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.oss-loss-pill{border-radius:20px;display:inline-block;font-size:.73rem;font-weight:700;padding:2px 8px}.oss-loss-pill.high{background:#fef2f2;color:#ef4444}.oss-loss-pill.medium{background:#fffbeb;color:#d97706}.oss-loss-pill.low{background:#f0fdf4;color:#166534}.oss-saved-pill{background:#f0fdf4!important;color:#166534!important}.oss-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:.73rem;font-weight:600;gap:4px;padding:3px 8px}.oss-loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.oss-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border:3px solid var(--card-border,#e5e7eb);border-radius:50%;border-top:3px solid #3b82f6;height:40px;width:40px}.oss-empty{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:3rem;text-align:center}.oss-empty h3{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.1rem;font-weight:600;margin:0}.oss-empty p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0}.oss-empty code{background:#f8fafc;background:var(--light-bg,#f8fafc);border-radius:8px;color:#3b82f6;font-family:monospace;font-size:.8rem;padding:8px 16px}[data-theme=dark] .oss-header-bg{background:linear-gradient(135deg,#1e3a8a,#4c1d95 50%,#0e7490)}[data-theme=dark] .oss-card,[data-theme=dark] .oss-kpi-card,[data-theme=dark] .oss-today-banner{background:#1e293b;border-color:#334155}[data-theme=dark] .oss-tl-track{background:#0f172a;border-color:#334155}[data-theme=dark] .oss-view-toggle{background:#0f172a}[data-theme=dark] .oss-toggle-btn.active{background:#1e293b}[data-theme=dark] .oss-table td,[data-theme=dark] .oss-table th{border-bottom-color:#334155}[data-theme=dark] .oss-table tr:hover td{background:#0f172a}[data-theme=dark] .oss-month-display,[data-theme=dark] .oss-month-nav-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}[data-theme=dark] .oss-month-picker{background:#1e293b;border-color:#334155}[data-theme=dark] .oss-month-option:hover{background:#0f172a}[data-theme=dark] .oss-month-option.active{background:#1e3a5f}[data-theme=dark] .oss-floating-tooltip{background:#1e293b;border-color:#334155;box-shadow:0 8px 32px #0006}[data-theme=dark] .oss-ft-header,[data-theme=dark] .oss-ft-reason{border-color:#334155}.dsp-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1400px;padding:0 0 2rem}.dsp-header{border-radius:20px;color:#fff;overflow:hidden;padding:2.5rem 2rem;position:relative}.dsp-header-bg{background:linear-gradient(135deg,#0f4c81,#6b21a8 50%,#b45309);inset:0;position:absolute;z-index:0}.dsp-header-bg:before{background:radial-gradient(circle at 70% 50%,#ffffff14 0,#0000 60%);content:"";inset:0;position:absolute}.dsp-header-content{flex-wrap:wrap;justify-content:space-between;position:relative;z-index:1}.dsp-header-content,.dsp-header-left{align-items:center;display:flex;gap:1rem}.dsp-header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;display:flex;height:56px;justify-content:center;width:56px}.dsp-title{font-size:1.75rem;font-weight:700;margin:0}.dsp-subtitle{font-size:.875rem;margin:.25rem 0 0;opacity:.85}.dsp-header-actions{display:flex;gap:.75rem}.dsp-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.dsp-actions-left,.dsp-actions-right{align-items:center;display:flex;gap:.75rem}.dsp-btn{align-items:center;background:#f1f5f9;background:var(--btn-bg,#f1f5f9);border:none;border-radius:12px;color:#1e293b;color:var(--btn-text,#1e293b);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.dsp-btn:disabled{cursor:not-allowed;opacity:.6}.dsp-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 2px 8px #8b5cf64d;color:#fff}.dsp-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.dsp-btn-outline{background:#0000;border:2px solid #e2e8f0;border:2px solid var(--btn-border,#e2e8f0);color:#334155;color:var(--btn-text,#334155)}.dsp-btn-outline:hover:not(:disabled){background:#f8fafc;background:var(--btn-bg-hover,#f8fafc);border-color:#8b5cf6}.dsp-btn-ghost{background:#ffffff26;border:1px solid #ffffff4d;color:#fff}.dsp-btn-ghost:hover:not(:disabled){background:#ffffff40}.dsp-basis-selector{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:14px;display:flex;gap:.5rem;padding:.25rem}.dsp-basis-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:.5rem 1.25rem;transition:all .2s}.dsp-basis-btn.active{background:#8b5cf6;background:var(--accent-primary,#8b5cf6);box-shadow:0 2px 6px #8b5cf64d;color:#fff}.dsp-basis-btn:hover:not(.active){background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);color:#0f172a;color:var(--text-primary,#0f172a)}.dsp-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.dsp-card-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.25rem}.dsp-card-header,.dsp-card-title{align-items:center;display:flex;gap:.5rem}.dsp-card-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1rem;font-weight:600}.dsp-card-title svg{color:#8b5cf6}.dsp-card-badge{background:#fdf4ff;border-radius:20px;color:#8b5cf6;font-size:.75rem;font-weight:600;padding:3px 10px}.dsp-card-badge.economy{background:#fff7ed;color:#f97316}.dsp-pmv-card{border-top:4px solid #8b5cf6;margin-top:0}.dsp-pmv-scale-wrap{margin-top:.5rem}.dsp-pmv-scale-bar{border-radius:8px;height:44px}.dsp-pmv-scale-bar,.dsp-pmv-zone-seg{display:flex;overflow:hidden;position:relative}.dsp-pmv-zone-seg{align-items:center;justify-content:center}.dsp-pvmz-label{color:#fff;font-size:.72rem;font-weight:600;overflow:hidden;padding:0 4px;text-overflow:ellipsis;text-shadow:0 1px 3px #0000004d;white-space:nowrap}.dsp-pmv-mode-marker{align-items:center;display:flex;flex-direction:column;pointer-events:none;position:absolute;top:-6px;transform:translateX(-50%);z-index:10}.dsp-pmv-mode-pin{border-radius:2px;box-shadow:0 0 6px #0000004d;height:56px;width:3px}.dsp-pmv-mode-lbl{font-size:.7rem;font-weight:700;margin-top:4px;white-space:nowrap}.dsp-pmv-numbers{height:20px;margin-top:4px;position:relative}.dsp-pmv-numbers span{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;position:absolute;transform:translateX(-50%)}.dsp-pmv-gauge{width:100%}.dsp-pmv-track{background:#f1f5f9;background:var(--light-bg,#f1f5f9);border-radius:6px;height:12px;overflow:visible;position:relative}.dsp-pmv-fill{border-radius:6px;height:100%;transition:width .5s ease}.dsp-pmv-marker{align-items:center;display:flex;flex-direction:column;position:absolute;top:-8px;transform:translateX(-50%)}.dsp-pmv-marker-line{background:currentColor;height:28px;opacity:.7;width:2px}.dsp-pmv-marker-val{font-size:.75rem;font-weight:700;margin-top:2px}.dsp-pmv-labels{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:.68rem;justify-content:space-between;margin-top:8px}.dsp-pmv-zone-badge{border-radius:20px;display:inline-block;font-size:.78rem;font-weight:600;margin-top:8px;padding:4px 12px}.dsp-mode-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.dsp-mode-grid{grid-template-columns:1fr}}.dsp-mode-card{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--card-border,#e5e7eb);border-radius:18px;box-shadow:0 2px 8px #0000000d;cursor:pointer;overflow:hidden;transition:all .25s ease}.dsp-mode-card.is-current{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 4px 16px #3b82f61a}.dsp-mode-card.is-selected{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.dsp-mode-header{align-items:flex-start;color:#fff;display:flex;justify-content:space-between;padding:1.25rem 1rem 1rem}.dsp-mode-icon{font-size:2rem;line-height:1}.dsp-mode-badge-wrap{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.dsp-current-badge{background:#ffffff40;font-weight:700}.dsp-current-badge,.dsp-pmv-badge{border-radius:20px;color:#fff;font-size:.72rem;padding:3px 8px}.dsp-pmv-badge{background:#ffffff26;font-weight:600}.dsp-mode-body{padding:1rem}.dsp-mode-label{color:#0f172a;color:var(--text-primary,#0f172a);font-size:.95rem;font-weight:700;margin:0 0 .5rem}.dsp-mode-temp{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.dsp-temp-value{font-size:2.5rem;font-weight:800;line-height:1}.dsp-conf-pill{border-radius:20px;font-size:.75rem;font-weight:600;padding:3px 8px}.dsp-mode-desc{font-size:.8rem;line-height:1.5;margin:0}.dsp-eco-est,.dsp-mode-desc{color:#6b7280;color:var(--text-secondary,#6b7280)}.dsp-eco-est{align-items:center;display:flex;font-size:.76rem;gap:4px;margin-top:.5rem;padding:0 .25rem}.dsp-current-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media (max-width:800px){.dsp-current-grid{grid-template-columns:repeat(2,1fr)}}.dsp-current-item{background:#f8fafc;background:var(--light-bg,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.dsp-current-item.current{background:#eff6ff;border-color:#bfdbfe}.dsp-current-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.74rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dsp-current-temp{color:#0f172a;color:var(--text-primary,#0f172a);font-size:2rem;font-weight:800;line-height:1.1}.dsp-current-temp.comfort{color:#10b981}.dsp-current-temp.moderate{color:#f59e0b}.dsp-current-temp.economy{color:#f97316}.dsp-current-sub{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.74rem}.dsp-diff-pill{border-radius:20px;display:inline-block;font-size:.74rem;font-weight:600;margin-top:.25rem;padding:3px 8px}.dsp-diff-pill.cold{background:#eff6ff;color:#1d4ed8}.dsp-diff-pill.warm{background:#fff7ed;color:#c2410c}.dsp-diff-pill.ok{background:#f0fdf4;color:#166534}.dsp-chart-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.dsp-month-select{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;font-size:.85rem;padding:6px 12px}.dsp-month-select:focus{border-color:#6366f1;border-color:var(--primary,#6366f1);outline:none}.dsp-chart-toggle{background:#f8fafc;background:var(--light-bg,#f8fafc);border-radius:10px;display:flex;gap:4px;padding:3px}.dsp-toggle-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.8rem;font-weight:500;padding:5px 12px;transition:all .15s}.dsp-toggle-btn.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#8b5cf6;font-weight:600}.dsp-chart-note{font-size:.78rem;gap:5px;margin-top:.75rem}.dsp-chart-empty,.dsp-chart-note{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex}.dsp-chart-empty{flex-direction:column;font-size:.875rem;gap:.75rem;padding:3rem 0}.dsp-scatter-legend{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.dsp-scatter-dot{border-radius:50%;display:inline-block;height:10px;margin-right:3px;width:10px}.dsp-day-class-grid{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.dsp-donut-wrap{flex-shrink:0;position:relative}.dsp-donut-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute}.dsp-donut-total{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.4rem;font-weight:700;line-height:1}.dsp-donut-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.72rem}.dsp-day-class-legend{display:flex;flex:1 1;flex-direction:column;gap:.875rem}.dsp-day-class-item{display:flex;flex-direction:column;gap:3px}.dsp-day-class-bar{background:#f1f5f9;background:var(--light-bg,#f1f5f9);border-radius:4px;height:8px;overflow:hidden}.dsp-day-class-fill{border-radius:4px;height:100%;transition:width .6s ease}.dsp-day-class-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:.8rem;font-weight:600}.dsp-day-class-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.74rem}.dsp-savings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}@media (max-width:700px){.dsp-savings-grid{grid-template-columns:1fr}}.dsp-savings-item{display:flex;flex-direction:column;gap:.5rem}.dsp-savings-label{color:#0f172a;color:var(--text-primary,#0f172a);font-size:.8rem;font-weight:600}.dsp-savings-bar-wrap{align-items:center;display:flex;gap:.75rem}.dsp-savings-bar{background:#f1f5f9;background:var(--light-bg,#f1f5f9);border-radius:6px;flex:1 1;height:12px;overflow:hidden}.dsp-savings-fill{border-radius:6px;height:100%;transition:width .7s ease}.dsp-savings-pct{color:#10b981;font-size:1rem;font-weight:700;min-width:42px;text-align:right}.dsp-savings-value{color:#f97316;font-size:2.5rem;font-weight:800;line-height:1}.dsp-savings-sub{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.76rem;line-height:1.4}.dsp-savings-card{border-top:4px solid #10b981}.dsp-insights-card{border-top:4px solid #8b5cf6}.dsp-insights-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}@media (max-width:700px){.dsp-insights-grid{grid-template-columns:1fr}}.dsp-insight-item{align-items:flex-start;background:#f8fafc;background:var(--light-bg,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;display:flex;gap:.875rem;padding:1rem}.dsp-insight-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dsp-insight-item h4{color:#0f172a;color:var(--text-primary,#0f172a);font-size:.875rem;font-weight:600;margin:0 0 .375rem}.dsp-insight-item p{font-size:.82rem;line-height:1.5;margin:0}.dsp-insight-item p,.dsp-loading{color:#6b7280;color:var(--text-secondary,#6b7280)}.dsp-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.dsp-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border:3px solid var(--card-border,#e5e7eb);border-radius:50%;border-top:3px solid #8b5cf6;height:40px;width:40px}.dsp-empty{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:3rem;text-align:center}.dsp-empty h3{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.1rem;font-weight:600;margin:0}.dsp-empty p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0}.dsp-empty code{background:#f8fafc;background:var(--light-bg,#f8fafc);border-radius:8px;color:#8b5cf6;font-family:monospace;font-size:.8rem;padding:8px 16px}[data-theme=dark] .dsp-card,[data-theme=dark] .dsp-mode-card{background:#1e293b;border-color:#334155}[data-theme=dark] .dsp-mode-card.is-current{box-shadow:0 0 0 3px #3b82f640}[data-theme=dark] .dsp-current-item{background:#0f172a;border-color:#334155}[data-theme=dark] .dsp-current-item.current{background:#1e3a5f;border-color:#1d4ed8}[data-theme=dark] .dsp-insight-item{background:#0f172a;border-color:#334155}[data-theme=dark] .dsp-chart-toggle{background:#0f172a}[data-theme=dark] .dsp-toggle-btn.active{background:#1e293b}[data-theme=dark] .dsp-pmv-scale-bar{border-radius:8px}[data-theme=dark] .dsp-basis-selector{background:#0f172a}[data-theme=dark] .dsp-basis-btn:hover:not(.active){background:#1e293b}.dsp-month-slider{align-items:center;display:flex;gap:4px;position:relative}.dsp-month-nav-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:7px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .15s;width:26px}.dsp-month-nav-btn:hover:not(:disabled){background:#8b5cf60d;border-color:#8b5cf6;color:#8b5cf6}.dsp-month-nav-btn:disabled{cursor:not-allowed;opacity:.35}.dsp-month-display{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:flex;font-size:.8rem;gap:4px;justify-content:center;min-width:120px;padding:4px 10px;transition:all .15s;white-space:nowrap}.dsp-month-display:hover{border-color:#8b5cf6}.dsp-month-clear-btn{align-items:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;width:20px}.dsp-month-clear-btn:hover{background:#ef4444;color:#fff}.dsp-month-picker{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:170px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.dsp-month-picker-list{display:flex;flex-direction:column;max-height:220px;overflow-y:auto;padding:4px}.dsp-month-option{background:#0000;border:none;border-radius:8px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;font-size:.8rem;padding:6px 12px;text-align:left;transition:background .12s;white-space:nowrap}.dsp-month-option:hover{background:#f8fafc;background:var(--light-bg,#f8fafc)}.dsp-month-option.active{background:#fdf4ff;color:#8b5cf6;font-weight:600}.dsp-consistency-alert{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#c2410c;display:flex;font-size:.82rem;gap:.5rem;padding:10px 16px}.dsp-comfort-note{align-items:flex-start;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.78rem;gap:.375rem;line-height:1.4;margin-top:1rem}.dsp-comfort-note svg{flex-shrink:0;margin-top:1px}[data-theme=dark] .dsp-month-display,[data-theme=dark] .dsp-month-nav-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}[data-theme=dark] .dsp-month-picker{background:#1e293b;border-color:#334155}[data-theme=dark] .dsp-month-option:hover{background:#0f172a}[data-theme=dark] .dsp-month-option.active{background:#3b1f5e}[data-theme=dark] .dsp-consistency-alert{background:#1c1309;border-color:#7c3a0a;color:#fb923c}.eco-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1400px;padding:0 0 2rem}.eco-header{border-radius:20px;color:#fff;overflow:hidden;padding:2.5rem 2rem;position:relative}.eco-header-bg{background:linear-gradient(135deg,#065f46,#1d4ed8 50%,#7c3aed);inset:0;position:absolute;z-index:0}.eco-header-content{flex-wrap:wrap;justify-content:space-between;position:relative;z-index:1}.eco-header-content,.eco-header-left{align-items:center;display:flex;gap:1rem}.eco-header-icon{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:16px;display:flex;height:56px;justify-content:center;width:56px}.eco-title{font-size:1.75rem;font-weight:700;margin:0}.eco-subtitle{font-size:.875rem;margin:.25rem 0 0;opacity:.85}.eco-btn-ghost{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.eco-btn-ghost:hover:not(:disabled){background:#ffffff40}.eco-kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1000px){.eco-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.eco-kpi-grid{grid-template-columns:1fr}}.eco-kpi{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s}.eco-kpi:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.eco-kpi-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.eco-kpi>div{display:flex;flex-direction:column;gap:.15rem}.eco-kpi-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.74rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.eco-kpi-value{font-size:1.75rem;font-weight:800;line-height:1}.eco-kpi-sub{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.eco-charts-row{display:flex;flex-wrap:wrap;gap:1.5rem}.eco-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.eco-card-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.25rem}.eco-card-header,.eco-card-title{align-items:center;display:flex;gap:.5rem}.eco-card-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1rem;font-weight:600}.eco-card-title svg{color:#10b981}.eco-card-badge{background:#f0fdf4;border-radius:20px;color:#166534;font-size:.75rem;font-weight:600;padding:3px 10px}.eco-chart-empty{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;gap:.75rem;padding:2.5rem 0}.eco-chart-empty,.eco-pie-wrap{align-items:center;display:flex;flex-direction:column}.eco-pie-wrap{gap:1rem}.eco-pie-legend{display:flex;flex-direction:column;gap:.5rem;width:100%}.eco-pie-leg-item{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.82rem;gap:.5rem}.eco-pie-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.eco-pie-leg-item strong{color:#0f172a;color:var(--text-primary,#0f172a);margin-left:auto}.eco-insight-banner{border-top:4px solid #10b981}.eco-insight-row{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}@media (max-width:800px){.eco-insight-row{grid-template-columns:1fr}}.eco-insight-item{align-items:flex-start;background:#f8fafc;background:var(--light-bg,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;display:flex;gap:.875rem;padding:1rem}.eco-insight-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.eco-insight-item h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.eco-insight-item p{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0}.eco-empty,.eco-loading{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.eco-empty h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.eco-empty p{font-size:.875rem;margin:0}.eco-empty code{background:#f8fafc;background:var(--light-bg,#f8fafc);border-radius:8px;color:#10b981;font-family:monospace;font-size:.8rem;padding:8px 16px}.eco-spinner{border:3px solid #e5e7eb;border:3px solid var(--card-border,#e5e7eb);border-radius:50%;border-top:3px solid #10b981;height:40px;width:40px}.eco-spinner,.spinning{animation:spin .8s linear infinite}[data-theme=dark] .eco-card,[data-theme=dark] .eco-kpi{background:#1e293b;border-color:#334155}[data-theme=dark] .eco-insight-item{background:#0f172a;border-color:#334155}.chart-period-selector{width:100%}.period-presets{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.period-preset-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--card-border,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:4px;padding:6px 14px;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.period-preset-btn:hover:not(:disabled){background:#3b82f60a;border-color:#3b82f6;color:#3b82f6}.period-preset-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.period-preset-btn:disabled{cursor:not-allowed;opacity:.5}.preset-check{flex-shrink:0}.custom-btn .chevron{flex-shrink:0;transition:transform .2s ease}.custom-btn .chevron.open{transform:rotate(180deg)}.custom-date-panel{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--card-border,#e5e7eb);border-radius:12px;margin-top:10px;overflow:hidden}.custom-date-content{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;padding:16px}.date-field{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:180px}.date-field label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.date-field input[type=datetime-local]{background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--card-border,#e5e7eb);border-radius:8px;color:#111827;font-family:inherit;font-size:.875rem;outline:none;padding:8px 12px;transition:border-color .15s}[data-theme=dark] .date-field input[type=datetime-local]{background:#fff;border-color:#94a3b8;color:#111827}[data-theme=dark] .date-field input[type=datetime-local]::placeholder{color:#6b7280}.date-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-field input:disabled{cursor:not-allowed;opacity:.5}.date-separator{color:#9ca3af;color:var(--text-secondary,#9ca3af);flex-shrink:0;font-size:1.25rem;padding-bottom:8px}.apply-custom-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600;padding:8px 24px;transition:all .15s;white-space:nowrap}.apply-custom-btn:hover:not(:disabled){background:#2563eb}.apply-custom-btn:disabled{cursor:not-allowed;opacity:.5}.validation-error{align-items:center;background:#dc26260a;border-top:1px solid #dc262626;color:#dc2626;display:flex;font-size:.8125rem;gap:6px;padding:8px 16px}.data-range-hint{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem;padding:6px 16px 10px}@media (max-width:768px){.period-presets{gap:4px}.period-preset-btn{font-size:.75rem;padding:5px 10px}.custom-date-content{flex-direction:column;gap:8px}.date-separator{display:none}.date-field{min-width:0;min-width:auto}}: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;--heatmap-empty:#0000000a}[data-theme=dark]{--text-color:#f8fafc;--text-secondary:#94a3b8;--heatmap-empty:#ffffff0f}.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:#0f172a;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: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}.pmv-scale-ticks{min-height:1.25rem;position:relative;width:100%}.pmv-scale-ticks--above{margin-bottom:6px}.pmv-scale-tick{color:#64748b;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:600;left:0;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.scale-gradient--pmv-weighted .scale-segment--pmv-weighted{flex-shrink:0}.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:#64748b;color:var(--text-secondary,#6b7280);position:absolute;top:-28px}.scale-label{bottom:-25px;color:#64748b;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-cartesian-axis-tick-value{fill:#6b7280;fill:var(--chart-axis,#6b7280)}.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:#0f172a;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:#64748b;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pollutant-value{color:#0f172a;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}.comfort-no-readings-alert{align-items:flex-start;background:#f59e0b14;border-left:4px solid #f59e0b;border-radius:12px;color:#0f172a;color:var(--text-primary,#1f2937);display:flex;gap:1rem;margin:1rem 0 1.5rem;padding:1rem 1.25rem}.comfort-no-readings-alert .alert-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.comfort-no-readings-alert .alert-content{flex:1 1}.comfort-no-readings-alert .alert-content strong{color:#b45309;display:block;font-size:.95rem;margin-bottom:.35rem}.comfort-no-readings-alert .alert-content p{color:#64748b;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.5;margin:0}.comfort-tabs{background:#fff;background:var(--card-bg,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;display:flex;gap:.5rem;margin:1rem 0;padding:4px}.comfort-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.65rem 1rem;transition:all .2s}.comfort-tab:hover{background:#3b82f60f;background:var(--hover-bg,#3b82f60f)}.comfort-tab.active{background:#3b82f6;background:var(--accent-color,#3b82f6);box-shadow:0 2px 8px #3b82f640;color:#fff;font-weight:600}.comfort-tab-badge{background:#fff3;border-radius:6px;font-size:.7rem;font-weight:600;padding:2px 6px}.comfort-tab:not(.active) .comfort-tab-badge{background:#e5e7eb;background:var(--badge-bg,#e5e7eb);color:#64748b;color:var(--text-secondary,#6b7280)}.pmv-heatmap-dual{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:900px){.pmv-heatmap-dual{grid-template-columns:1fr}}.pmv-heatmap-wrapper{padding:.5rem 0;position:relative}.pmv-heatmap-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:50px repeat(24,1fr);overflow-x:auto}.pmv-heatmap-corner{width:50px}.pmv-heatmap-hour-label{color:#64748b;color:var(--text-secondary,#9ca3af);font-size:.65rem;font-weight:500;padding-bottom:4px;text-align:center}.pmv-heatmap-day-label{align-items:center;color:#0f172a;color:var(--text-primary,#374151);display:flex;font-size:.75rem;font-weight:600;justify-content:flex-end;padding-right:8px}.pmv-heatmap-cell{aspect-ratio:1;border-radius:3px;cursor:pointer;min-height:14px;min-width:14px;transition:transform .15s,box-shadow .15s}.pmv-heatmap-cell:hover{box-shadow:0 0 6px #00000040;transform:scale(1.3);z-index:2}.pmv-heatmap-legend{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.75rem}.pmv-heatmap-legend-item{align-items:center;color:#64748b;color:var(--text-secondary,#6b7280);display:flex;font-size:.72rem;gap:4px}.pmv-heatmap-legend-color{border-radius:2px;display:inline-block;height:10px;width:10px}.pmv-heatmap-tooltip{background:#fff;background:var(--tooltip-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--tooltip-border,#e5e7eb);border-radius:8px;box-shadow:0 4px 16px #00000026;color:#0f172a;color:var(--tooltip-text,#1f2937);font-size:.8rem;padding:8px 12px;pointer-events:none;white-space:nowrap}.comfort-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.5rem}.comfort-metric-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:box-shadow .2s}.comfort-metric-card:hover{box-shadow:0 4px 12px #00000014}.comfort-metric-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.comfort-metric-content{display:flex;flex-direction:column}.comfort-metric-label{color:#64748b;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:500}.comfort-metric-value{color:#0f172a;color:var(--text-primary,#1f2937);font-size:1.35rem;font-weight:700;line-height:1.2}.comfort-metric-sub{color:#64748b;color:var(--text-secondary,#9ca3af);font-size:.7rem;margin-top:2px}.comfort-weekly-grid{display:flex;flex-direction:column;gap:.5rem}.comfort-weekly-item{align-items:center;display:flex;gap:.75rem}.comfort-weekly-label{color:#0f172a;color:var(--text-primary,#374151);flex-shrink:0;font-size:.8rem;font-weight:600;text-align:right;width:32px}.comfort-weekly-bar-bg{background:#e5e7eb;background:var(--card-border,#e5e7eb);border-radius:5px;flex:1 1;height:10px;overflow:hidden}.comfort-weekly-bar-fill{border-radius:5px;height:100%;transition:width .5s ease}.comfort-weekly-value{color:#0f172a;color:var(--text-primary,#374151);flex-shrink:0;font-size:.75rem;font-weight:600;text-align:right;width:36px}.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:#0f172a;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:#0f172a;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:#64748b;color:var(--text-secondary,#4b5563);font-size:.875rem;line-height:1.5;margin:0}.reference-limits{margin-top:1rem}.limits-header{color:#64748b;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:#64748b;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:#0f172a;color:var(--text-primary,#1f2937);display:flex;gap:.5rem}.limit-indicator{border-radius:50%;display:inline-block;height:8px;width:8px}.limit-range{color:#64748b;color:var(--text-secondary,#6b7280);text-align:right}.limits-row.active-limit .limit-range{color:#0f172a;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:#0f172a;color:var(--text-primary,#1f2937);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.cognitive-description{color:#64748b;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:#64748b;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:#0f172a;color:var(--text-primary,#1f2937);display:block;margin-bottom:.5rem}.impact-factor p{color:#64748b;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:#0f172a;color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:700}.metric-name{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:#64748b;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.card-value{color:#0f172a;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:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2.5rem}.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;display:flex;flex-direction:column;gap:1rem;padding:2rem 2.25rem;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:.5rem}.ventilation-info .info-header h4{color:#0f172a;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.2;margin:.5rem 0}.ventilation-info .info-description{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem;font-weight:500;line-height:1.4;margin:0}.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:#f1f5f9;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:#ffffff0f;border-color:#e5e7eb;border-color:var(--card-border)}.recommendation-card:hover{background:#e2e8f0;transform:translateX(4px)}[data-theme=dark] .recommendation-card:hover{background:#ffffff1a}.recommendation-card p{color:#0f172a;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 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:#0f172a;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:#0f172a;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:#64748b;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:#64748b;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:#0f172a;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0 0 .5rem}.impact-content p{color:#64748b;color:var(--text-secondary,#4b5563);font-size:.9375rem;line-height:1.6;margin:0}.cognition-methodology-section{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;padding:1.5rem}.cognition-accordion{display:flex;flex-direction:column;gap:4px}.cognition-accordion-item{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.cognition-accordion-header{align-items:center;background:#0000;border:none;color:#0f172a;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;justify-content:space-between;padding:1rem 1.25rem;text-align:left;transition:background .2s;width:100%}.cognition-accordion-header:hover{background:#6366f10f}.accordion-chevron{color:#64748b;color:var(--text-secondary,#6b7280);flex-shrink:0;transition:transform .2s}.accordion-chevron.open{transform:rotate(180deg)}.cognition-accordion-content{border-top:1px solid #e5e7eb;border-top:1px solid var(--card-border);color:#64748b;color:var(--text-secondary,#4b5563);font-size:.9rem;line-height:1.6;padding:1rem 1.25rem 1.25rem}.cognition-accordion-content h4{color:#0f172a;color:var(--text-primary,#1f2937);font-size:.9375rem;font-weight:600;margin:1rem 0 .5rem}.cognition-accordion-content h4:first-child{margin-top:0}.cognition-accordion-content ul{margin:.5rem 0;padding-left:1.25rem}.cognition-accordion-content p{margin:.5rem 0}.cognitive-coverage-badge{align-items:center;background:#fff3;border-radius:20px;color:#fffffff2;display:inline-flex;font-size:.75rem;gap:6px;margin-top:8px;padding:6px 14px}.cognitive-coverage-sep{opacity:.7}.cognition-missing-factors .missing-factors-card{background:linear-gradient(135deg,#6366f10f,#8b5cf60a);border:1px solid #6366f133;border-radius:12px;padding:1rem 1.25rem}.missing-factors-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.missing-factors-badge{background:#6366f11f;border-radius:8px;color:#6366f1;font-size:.8125rem;font-weight:600;padding:4px 10px}.missing-factors-hint{color:#64748b;color:var(--text-secondary,#6b7280);flex:1 1;font-size:.75rem;min-width:200px}.missing-factors-list{display:flex;flex-wrap:wrap;gap:8px}.missing-factor-tag{background:#9ca3af26;border-radius:6px;color:#64748b;color:var(--text-secondary,#6b7280);font-size:.75rem;padding:4px 10px}.factor-weight-visualization{border-top:1px solid #e5e7eb;border-top:1px solid var(--card-border,#e5e7eb);margin-top:10px;padding-top:10px}.factor-weight-row{grid-gap:10px;align-items:center;display:grid;font-size:.75rem;gap:10px;grid-template-columns:100px 1fr 42px;margin-bottom:8px}.factor-weight-row:last-child{margin-bottom:0}.factor-weight-label{color:#64748b;color:var(--text-secondary,#6b7280);font-weight:500}.factor-weight-bar-track{background:#0000000f;border-radius:4px;height:8px;overflow:hidden}[data-theme=dark] .factor-weight-bar-track{background:#ffffff14}.factor-weight-bar-fill{border-radius:4px;height:100%;min-width:2px}.factor-weight-bar-fill.factor-weight-conc{background:linear-gradient(90deg,#10b981,#059669)}.factor-weight-bar-fill.factor-weight-prod{background:linear-gradient(90deg,#f59e0b,#d97706)}.health-sub-components{background:#00000005;border:1px solid #0000000f;border-radius:10px;margin-top:12px;padding:12px}[data-theme=dark] .health-sub-components{background:#ffffff0a;border-color:#ffffff14}.health-component-item{margin-bottom:10px}.health-component-item:last-child{margin-bottom:0}.health-component-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.health-component-label{color:#64748b;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:500}.health-component-score{font-feature-settings:"tnum";font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:700}.health-component-max{font-size:.75rem;font-weight:500;opacity:.7}.health-component-bar-track{background:#00000014;border-radius:3px;height:6px;overflow:hidden}[data-theme=dark] .health-component-bar-track{background:#ffffff1a}.health-component-bar-fill{border-radius:3px;height:100%;min-width:2px;transition:width .3s ease-out}.health-missing-domains .health-missing-card{align-items:flex-start;background:#9ca3af14;border:1px solid #9ca3af33;border-left:3px solid #6366f1;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.health-missing-icon{align-items:center;background:#6366f11f;border-radius:8px;color:#6366f1;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.health-missing-content{display:flex;flex-direction:column;gap:4px}.health-missing-title{color:#0f172a;color:var(--text-primary,#1f2937);font-size:.8125rem;font-weight:600}.health-missing-desc{color:#64748b;color:var(--text-secondary,#6b7280);font-size:.75rem;line-height:1.4}.factor-weight-value{color:#0f172a;color:var(--text-primary,#1f2937);font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;text-align:right}.chart-tooltip-wrapper{background:#fff!important;background:var(--tooltip-bg)!important;border:1px solid #e5e7eb!important;border:1px solid var(--tooltip-border)!important;border-radius:12px!important;box-shadow:0 4px 20px #00000026!important;box-shadow:var(--tooltip-shadow)!important;color:#0f172a!important;color:var(--tooltip-text)!important;font-size:.875rem!important;padding:14px 18px!important}.chart-tooltip-label{color:#0f172a;color:var(--tooltip-text);font-size:.9375rem;font-weight:700;margin-bottom:8px}.chart-tooltip-row{color:#0f172a;color:var(--tooltip-text);display:flex;gap:1rem;justify-content:space-between;padding:4px 0}.heatmap-cell{border-radius:4px;cursor:pointer;height:24px;min-width:20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.heatmap-cell:hover{box-shadow:0 2px 8px #0003;transform:scale(1.15);z-index:10}[data-theme=dark] .heatmap-cell:hover{box-shadow:0 2px 12px #00000080}.heatmap-tooltip{animation:heatmapTooltipIn .2s ease-out;background:#fff;background:var(--tooltip-bg);border:1px solid #e5e7eb;border:1px solid var(--tooltip-border);border-radius:12px;box-shadow:0 4px 20px #00000026;box-shadow:var(--tooltip-shadow);color:#0f172a;color:var(--tooltip-text);font-size:.875rem;padding:12px 16px;pointer-events:none;position:fixed;z-index:9999}@keyframes heatmapTooltipIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.aimode-section{margin:0 auto;max-width:1200px;padding:1rem}.section-header-aimode{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.section-header-aimode h2{color:#0f172a;color:var(--text-primary);font-size:1.5rem}.section-header-aimode .section-desc{color:#64748b;color:var(--text-secondary);flex:1 1;font-size:.9rem}.section-header-aimode .btn-refresh{align-items:center;background:#fff;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem}.section-header-aimode .btn-refresh:hover:not(:disabled){background:var(--bg-tertiary)}.section-header-aimode .btn-refresh .spinning{animation:spin 1s linear infinite}.aimode-header-actions{align-items:center;display:flex;gap:.5rem}.section-header-aimode .btn-validate,.section-header-aimode .btn-validate-telegram{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:8px;color:#0f172a;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.section-header-aimode .btn-validate-telegram:hover:not(:disabled),.section-header-aimode .btn-validate:hover:not(:disabled){background:var(--bg-tertiary)}.section-header-aimode .btn-validate-telegram{border-color:#06b6d4;color:#06b6d4}.section-header-aimode .btn-validate-telegram:hover:not(:disabled){background:#06b6d41a}.aimode-validation-result{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.aimode-validation-result.ok{background:#10b98126;border:1px solid #10b9814d;color:#059669}.aimode-validation-result.warn{background:#f59e0b26;border:1px solid #f59e0b4d;color:#d97706}.aimode-validation-result.error{background:#ef444426;border:1px solid #ef44444d;color:#dc2626}.aimode-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1.5rem}.aimode-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.25rem}.aimode-card h3{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1rem}.aimode-card .card-values{display:flex;flex-direction:column;gap:.5rem}.aimode-card .card-values>div{align-items:center;display:flex;justify-content:space-between}.aimode-card .label{color:#64748b;color:var(--text-secondary);font-size:.85rem}.aimode-card .value{font-size:1rem;font-weight:600}.aimode-card .value.loss{color:#ef4444}.aimode-card .value.small{font-size:.9rem}.aimode-card .confidence{font-size:.75rem;margin-top:.5rem}.aimode-card .confidence,.aimode-source{color:#64748b;color:var(--text-secondary)}.aimode-source{font-size:.8rem}.aimode-empty,.aimode-error{background:#fff;background:var(--card-bg);border:1px dashed #e5e7eb;border:1px dashed var(--card-border);border-radius:12px;color:#64748b;color:var(--text-secondary);padding:2rem;text-align:center}.aimode-error{align-items:center;color:#ef4444;display:flex;gap:.5rem;justify-content:center}.aimode-empty .hint{font-size:.8rem;margin-top:.5rem;opacity:.8}.aimode-history h3,.aimode-monthly h3{font-size:1.1rem;margin-bottom:1rem}.aimode-history-table{margin-top:1.5rem;overflow-x:auto}.aimode-history-table table{border-collapse:collapse;font-size:.9rem;width:100%}.aimode-history-table td,.aimode-history-table th{border-bottom:1px solid var(--border);padding:.5rem .75rem;text-align:left}.aimode-history-table th{color:#64748b;color:var(--text-secondary);font-weight:500}.aimode-history-table td.loss{color:#ef4444}.section-loading{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem}.section-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}.env-summary-container{margin:0 auto;max-width:1600px;width:100%}.env-summary-body{margin:0 auto;max-width:1400px;padding:0 .5rem 2.75rem;position:relative}.env-summary-header-premium{background:linear-gradient(135deg,#14b8a6,#0ea5e9);border-radius:24px;box-shadow:0 20px 40px #0000001f;margin-bottom:1.75rem;overflow:hidden;padding:2.5rem;position:relative}.env-summary-header-bg{animation:env-float-bg 18s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ffffff59 0,#0000 55%),radial-gradient(circle at 80% 80%,#ffffff40 0,#0000 55%),radial-gradient(circle at 60% 15%,#ffffff38 0,#0000 55%);inset:0;opacity:.12;position:absolute}@keyframes env-float-bg{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,-18px) scale(1.08)}66%{transform:translate(18px,-10px) scale(.96)}}.env-summary-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;position:relative;z-index:2}.env-summary-header-left{gap:1.25rem;min-width:min(680px,100%)}.env-summary-header-left,.env-summary-header-right{align-items:flex-start;display:flex}.env-summary-header-icon{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff3;border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001f;color:#fff;display:flex;flex-shrink:0;height:72px;justify-content:center;width:72px}.env-summary-title{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .35rem;text-shadow:0 2px 10px #0003}.env-summary-subtitle{color:#ffffffeb;font-size:1.02rem;line-height:1.6;max-width:46rem}.env-summary-subtitle strong{color:#fff;font-weight:600}.env-summary-hero{background:linear-gradient(135deg,#14b8a61f,#3b82f614);border:1px solid var(--border);border-radius:18px;margin-bottom:1.75rem;padding:1.35rem 1.6rem}.env-summary-hero--compact{box-shadow:var(--shadow-sm)}.env-summary-hero-text{color:var(--text-primary);font-size:1.15rem;font-weight:600;line-height:1.55}.env-summary-hero-hint{align-items:flex-start;color:var(--text-tertiary);display:flex;font-size:.9rem;gap:.55rem;line-height:1.55;margin-top:.85rem}.env-summary-cards-section,.env-summary-group{margin-bottom:1.75rem}.env-summary-group--strategic{background:linear-gradient(160deg,#14b8a60f 0,var(--bg-secondary) 42%,var(--bg-secondary) 100%);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);padding:1.35rem 1.5rem}.env-summary-group--strategic .env-summary-group-desc,.env-summary-group--strategic .env-summary-group-title{margin-left:0;margin-right:0;text-align:left}.env-summary-group--strategic .env-summary-group-desc{margin-bottom:1.25rem;max-width:48rem}.env-summary-group--technical{background:var(--bg-secondary);border:1px solid var(--border);border-radius:18px;padding:1.35rem 1.5rem}.env-summary-group--technical .env-summary-group-desc,.env-summary-group--technical .env-summary-group-title{margin-left:0;margin-right:0;text-align:left}.env-summary-group-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .35rem}.env-summary-group-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.5;margin:0 0 1.1rem;max-width:48rem}.env-summary-metric-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.env-summary-metric-grid--strategic{gap:1rem 1.15rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));justify-content:stretch;justify-items:stretch;margin-left:0;margin-right:0;max-width:none;width:100%}.env-summary-metric-grid--strategic .env-summary-metric-card{align-self:stretch;aspect-ratio:unset;max-width:none;min-height:0;min-height:168px;padding:1.15rem 1.2rem 1rem}.env-summary-metric-card{align-items:stretch;aspect-ratio:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;max-width:240px;min-height:240px;padding:1.2rem 1.2rem 1rem;text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform .15s ease;width:100%}.env-summary-metric-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.env-summary-metric-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.env-summary-metric-card--good{border-left:4px solid var(--success)}.env-summary-metric-card--warn{border-left:4px solid var(--warning)}.env-summary-metric-card--bad{border-left:4px solid var(--danger)}.env-summary-metric-card--neutral{border-left:4px solid var(--gray-400)}.env-summary-metric-card--good .env-summary-metric-card-icon-bg{background:#10b98124;border-color:#10b98147;color:var(--success)}.env-summary-metric-card--warn .env-summary-metric-card-icon-bg{background:#f59e0b24;border-color:#f59e0b52;color:var(--warning)}.env-summary-metric-card--bad .env-summary-metric-card-icon-bg{background:#ef44441f;border-color:#ef444447;color:var(--danger)}.env-summary-metric-card--neutral .env-summary-metric-card-icon-bg{background:#14b8a61f;border-color:#14b8a638;color:#0d9488}.env-summary-metric-card-head{align-items:flex-start;display:flex;gap:.55rem;margin-bottom:.75rem}.env-summary-metric-card-icon-bg{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.env-summary-metric-card-icon{flex-shrink:0;height:20px;width:20px}.env-summary-metric-card-title{color:var(--text-primary);flex:1 1;font-size:.8rem;font-weight:700;letter-spacing:-.015em;line-height:1.35;min-width:0;padding-top:.15rem}.env-summary-metric-card-value-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:.28rem;margin-bottom:.4rem;min-height:2.5rem}.env-summary-metric-card-value{color:var(--text-primary);font-size:2.1rem;font-weight:800;letter-spacing:-.04em;line-height:1}.env-summary-metric-card-value--long{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.35}.env-summary-metric-card-unit{color:var(--text-tertiary);font-size:.95rem;font-weight:600}.env-summary-metric-card-hint{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.74rem;line-height:1.4;margin-bottom:.55rem;overflow:hidden}.env-summary-metric-card-cta{align-items:center;color:var(--primary);display:inline-flex;font-size:.74rem;font-weight:600;gap:.25rem;margin-top:auto;opacity:.92;padding-top:.35rem}.env-summary-tech-row{display:flex;flex-wrap:wrap;gap:.85rem}.env-summary-tech-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(220px,240px));justify-content:start;justify-items:start;width:100%}.env-summary-tech-card{align-items:center;background:var(--bg-primary);border:1px dashed var(--border);border-radius:14px;cursor:pointer;display:flex;flex:1 1;gap:.85rem;min-width:min(280px,100%);padding:1rem 1.15rem;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast)}.env-summary-tech-card--square{align-items:flex-start;aspect-ratio:1;border-radius:16px;border-style:solid;box-sizing:border-box;flex:none;flex-direction:column;gap:.65rem;justify-content:space-between;max-width:240px;min-height:240px;padding:1.2rem 1.2rem 1rem;width:100%}.env-summary-tech-card--square .env-summary-tech-card-icon{height:28px;width:28px}.env-summary-tech-card--square .env-summary-tech-card-text{flex:1 1;justify-content:center}.env-summary-tech-card--square>svg:last-child{align-self:flex-end;margin-top:auto;opacity:.85}.env-summary-tech-card:hover{background:#8b5cf60f;border-color:#8b5cf6}.env-summary-tech-card:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.env-summary-tech-card-icon{color:#8b5cf6;flex-shrink:0;height:28px;width:28px}.env-summary-tech-card-text{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.env-summary-tech-card-title{color:var(--text-primary);font-size:.92rem;font-weight:700}.env-summary-tech-card-sub{color:var(--text-tertiary);font-size:.78rem;line-height:1.4}.env-summary-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1.25rem;position:fixed;z-index:10050}.env-summary-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:min(90vh,900px);max-width:720px;overflow:hidden;width:100%}.env-summary-modal-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.15rem 1.25rem}.env-summary-modal-title{color:var(--text-primary);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin:0;padding-right:.5rem}.env-summary-modal-close{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.35rem;transition:background var(--transition-fast),color var(--transition-fast)}.env-summary-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.env-summary-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:1.15rem 1.25rem 1.35rem}.env-summary-chart-box--modal{margin-top:.5rem;min-height:200px}.env-summary-modal-actions{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1rem;padding-top:.75rem}.env-summary-modal-actions--solo{margin-top:.75rem}.env-summary-dot{border-radius:50%;flex-shrink:0;height:11px;width:11px}.env-summary-dot--good{background:var(--success);box-shadow:0 0 0 3px #10b98140}.env-summary-dot--warn{background:var(--warning);box-shadow:0 0 0 3px #f59e0b40}.env-summary-dot--bad{background:var(--danger);box-shadow:0 0 0 3px #ef444433}.env-summary-dot--neutral{background:var(--gray-400);box-shadow:0 0 0 3px #9ca3af33}.env-summary-panel{background:var(--bg-primary);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem 1.65rem 1.4rem}.env-summary-panel-content{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(320px,460px) minmax(320px,1fr)}.env-summary-panel-top{margin-bottom:1rem}.env-summary-panel-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.1rem}.env-summary-panel-title{color:var(--text-primary);flex:1 1;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.env-summary-panel-icon{color:#14b8a6;flex-shrink:0;height:26px;width:26px}.env-summary-panel-stats{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem}.env-summary-stat{display:flex;flex-direction:column;gap:.2rem;min-width:120px}.env-summary-stat-label{color:var(--text-tertiary);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.env-summary-stat-value{color:var(--text-primary);font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.env-summary-stat-value--md{font-size:1.65rem;font-weight:700}.env-summary-stat-hint{color:var(--text-tertiary);font-size:.8rem;line-height:1.35;max-width:14rem}.env-summary-panel-lead{color:var(--text-primary);font-size:1.05rem;font-weight:500;line-height:1.6;margin-bottom:.65rem}.env-summary-panel-explain{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.env-summary-brief{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin:.35rem 0 .75rem;padding:.85rem 1rem}.env-summary-brief-line{color:var(--text-secondary);font-size:.92rem;line-height:1.55;margin:0 0 .55rem}.env-summary-brief-line:last-child{margin-bottom:0}.env-summary-brief-line--current{color:var(--text-primary);font-weight:500}.env-summary-brief-q{color:var(--text-primary);font-weight:700;margin-right:.25rem}.env-summary-chart-note{color:var(--text-tertiary);font-size:.82rem;line-height:1.45;margin:.5rem 0 0}.env-summary-chart-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;margin:0;min-height:260px;padding:.75rem .75rem .25rem}.env-summary-chart-empty{align-items:center;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:14px;color:var(--text-tertiary);display:flex;font-size:.92rem;justify-content:center;line-height:1.55;min-height:200px;padding:1.5rem;text-align:center}.env-summary-tooltip-time{color:var(--tooltip-text);font-size:.75rem;font-weight:600;margin-bottom:.5rem;opacity:.9}.env-summary-tooltip-row{display:flex;font-size:13px;gap:12px;justify-content:space-between}.env-summary-link{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:600;gap:.3rem;padding:0;transition:color var(--transition-fast)}.env-summary-link--top{margin-top:.85rem}.env-summary-link:hover{color:var(--primary-dark)}.env-summary-link--inline{margin-top:.5rem}.env-summary-panel--readings{padding-bottom:1.6rem}.env-summary-readings-title{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:.4rem}.env-summary-readings-intro{color:var(--text-secondary);font-size:.95rem;line-height:1.65;margin-bottom:1.25rem;max-width:40rem}.env-summary-chips{display:flex;flex-wrap:wrap;gap:.85rem}.env-summary-chips--large .env-summary-chip{border-radius:14px;min-width:132px;padding:1rem 1.1rem}.env-summary-chips--large .env-summary-chip span:not(small){font-size:1.35rem;font-weight:800}.env-summary-chips--large .env-summary-chip small{font-size:.72rem}.env-summary-chip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.65rem .75rem}.env-summary-chip span:not(small){color:var(--text-primary);font-size:1rem;font-weight:700}.env-summary-chip small{font-size:.7rem;letter-spacing:.04em}.env-summary-chip small,.env-summary-chip-emoji{color:var(--text-tertiary);text-transform:uppercase}.env-summary-chip-emoji{font-size:.72rem;font-weight:700}.env-summary-setpoint{color:var(--text-secondary);font-size:.92rem;line-height:1.55;margin-top:1.15rem}.env-summary-setpoint strong{color:var(--text-primary)}.env-summary-insights{align-items:flex-start;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:16px;display:flex;gap:1rem;margin-top:.5rem;padding:1.25rem 1.35rem}.env-summary-insights-icon{color:#f59e0b;flex-shrink:0;margin-top:.15rem}.env-summary-insights-title{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin-bottom:.35rem}.env-summary-insights-text{color:var(--text-secondary);font-size:.92rem;line-height:1.55;margin-bottom:.65rem;max-width:42rem}@media (max-width:640px){.env-summary-stat-value{font-size:1.85rem}.env-summary-insights{flex-direction:column}}@media (max-width:1024px){.env-summary-header-premium{padding:2rem}.env-summary-panel-content{grid-template-columns:1fr}.env-summary-chart-box{min-height:220px}.env-summary-metric-grid--strategic{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.env-summary-metric-grid--strategic .env-summary-metric-card{min-height:156px}.env-summary-tech-grid{grid-template-columns:repeat(auto-fit,minmax(220px,240px))}}.occ-container{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:1200px;padding:0 0 2rem}.occ-header{border-radius:18px;color:#fff;overflow:hidden;padding:2rem 1.75rem;position:relative}.occ-header-bg{background:linear-gradient(135deg,#0c4a6e,#0e7490 50%,#155e75);inset:0;position:absolute;z-index:0}.occ-header-content{flex-wrap:wrap;justify-content:space-between;position:relative;z-index:1}.occ-header-content,.occ-header-left{align-items:center;display:flex;gap:1rem}.occ-header-icon{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:14px;display:flex;height:52px;justify-content:center;width:52px}.occ-header-title{font-size:1.35rem;font-weight:700;margin:0 0 .2rem}.occ-header-sub{font-size:.85rem;margin:0;opacity:.85}.occ-confidence-badge{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;display:flex;flex-direction:column;padding:.6rem 1.25rem}.occ-conf-label{font-size:.72rem;opacity:.8}.occ-conf-value{font-size:1.5rem;font-weight:700}.occ-period-selector{align-items:center;background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--card-border,#334155);border-radius:14px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.65rem 1rem}.occ-period-btn-mode{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:.4rem;padding:.45rem .9rem;transition:all .2s}.occ-period-btn-mode:hover{background:#06b6d41a;color:#f8fafc;color:var(--text-primary,#f8fafc)}.occ-period-btn-mode.active{background:#06b6d426;border-color:#06b6d466;color:#06b6d4;font-weight:600}.occ-period-btn-mode.month-label{justify-content:center;min-width:130px}.occ-month-name{font-size:.88rem}.occ-period-divider{background:#ffffff1a;height:24px;margin:0 .3rem;width:1px}.occ-month-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;color:#f8fafc;color:var(--text-primary,#f8fafc);cursor:pointer;display:flex;padding:.35rem .5rem;transition:background .2s}.occ-month-btn:hover:not(:disabled){background:#06b6d426}.occ-month-btn.dimmed,.occ-month-btn:disabled{cursor:default;opacity:.25}.occ-period-warn{border-radius:6px;font-size:.72rem;gap:.35rem;padding:.3rem .7rem}.occ-insufficient-warn,.occ-period-warn{align-items:center;background:#f59e0b14;color:#f59e0b;display:flex}.occ-insufficient-warn{border:1px solid #f59e0b33;border-radius:10px;font-size:.8rem;gap:.5rem;padding:.7rem 1rem}.occ-kpi-row{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.occ-kpi-card{align-items:flex-start;background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--card-border,#334155);border-radius:14px;display:flex;gap:.75rem;padding:1rem 1.1rem}.occ-kpi-icon{flex-shrink:0;margin-top:.2rem}.occ-kpi-icon.cyan{color:#06b6d4}.occ-kpi-icon.orange{color:#f59e0b}.occ-kpi-icon.green{color:#10b981}.occ-kpi-icon.blue{color:#3b82f6}.occ-kpi-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;letter-spacing:.03em;margin-bottom:.2rem;text-transform:uppercase}.occ-kpi-value{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.25rem;font-weight:700}.occ-kpi-range{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;margin-top:.15rem}.occ-section{background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--card-border,#334155);border-radius:16px;padding:1.25rem 1.5rem}.occ-section-title{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.04em;margin:0 0 1rem;text-transform:uppercase}.occ-heatmap-wrapper{display:flex;flex-direction:column;gap:.4rem;overflow-x:auto;position:relative}.occ-heatmap-labels-x{align-items:center;display:flex;padding-bottom:4px}.occ-heatmap-label-y-spacer{flex-shrink:0;min-width:40px;width:40px}.occ-heatmap-label-x{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex:1 1;font-size:.68rem;min-width:0;text-align:center}.occ-heatmap-body{display:flex;flex-direction:column;gap:3px}.occ-heatmap-row{align-items:center;display:flex;gap:3px}.occ-heatmap-row-today .occ-heatmap-label-y{color:#06b6d4;font-weight:700}.occ-heatmap-label-y{background:#1e293b;background:var(--card-bg,#1e293b);color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.72rem;font-weight:500;left:0;min-width:40px;padding-right:4px;position:sticky;width:40px;z-index:2}.occ-cell{border-radius:4px;cursor:pointer;flex:1 1;height:26px;min-width:0;transition:transform .1s ease,box-shadow .15s ease}.occ-cell:hover{box-shadow:0 0 10px #ffffff26;transform:scaleY(1.2)}.occ-cell-peak{outline:2px solid #f59e0b;outline-offset:1px}.occ-heatmap-tooltip{background:#0f172a;border:1px solid #475569;border-radius:10px;box-shadow:0 4px 16px #0006;color:#f8fafc;display:flex;flex-direction:column;font-size:.78rem;gap:.15rem;padding:.55rem .85rem;pointer-events:none;position:fixed;transform:translateY(-100%);white-space:nowrap;z-index:9999}.occ-tooltip-score{color:#06b6d4;font-size:1.1rem;font-weight:700}.occ-heatmap-legend,.occ-tooltip-level{color:#94a3b8;font-size:.72rem}.occ-heatmap-legend{align-items:center;color:var(--text-secondary,#94a3b8);display:flex;gap:.4rem;justify-content:flex-end;margin-top:.5rem}.occ-legend-dot{border-radius:3px;height:12px;width:18px}.occ-weekly-summary{display:flex;flex-direction:column;gap:.5rem}.occ-day-chip{align-items:center;display:flex;gap:.6rem}.occ-day-today .occ-day-name{color:#06b6d4;font-weight:700}.occ-day-name{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.78rem;font-weight:600;width:30px}.occ-day-bar{background:#ffffff0d;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.occ-day-fill{border-radius:5px;height:100%;transition:width .4s ease}.occ-day-hours{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.72rem;text-align:right;width:95px}.occ-day-chip.no-data .occ-day-hours,.occ-day-chip.no-data .occ-day-name{opacity:.4}.occ-two-col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:680px){.occ-two-col{grid-template-columns:1fr}}.occ-pie-label{margin-top:-.5rem;text-align:center}.occ-based-on,.occ-pie-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.78rem}.occ-based-on,.occ-peak-info{margin:-.5rem 0 0}.occ-peak-info{color:#f59e0b;font-size:.82rem}.occ-empty,.occ-loading{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.occ-spinner{animation:occ-spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#06b6d4;height:36px;width:36px}@keyframes occ-spin{to{transform:rotate(1turn)}}.occ-empty svg{opacity:.5}.occ-empty p{font-size:.95rem;font-weight:600;margin:0}.occ-empty-hint{font-size:.78rem;max-width:320px;text-align:center}[data-theme=light] .occ-header-bg{background:linear-gradient(135deg,#0369a1,#0891b2 50%,#0e7490)}[data-theme=light] .occ-kpi-card,[data-theme=light] .occ-period-selector,[data-theme=light] .occ-section{background:#fff;border-color:#e5e7eb}[data-theme=light] .occ-kpi-value{color:#0f172a}[data-theme=light] .occ-day-hours,[data-theme=light] .occ-day-name,[data-theme=light] .occ-heatmap-label-x,[data-theme=light] .occ-kpi-label{color:#64748b}[data-theme=light] .occ-heatmap-label-y{background:#fff;color:#64748b}[data-theme=light] .occ-heatmap-tooltip{background:#fff;border-color:#d1d5db;color:#0f172a}[data-theme=light] .occ-month-name{color:#0f172a}[data-theme=light] .occ-month-btn,[data-theme=light] .occ-period-btn-mode{background:#00000008;border-color:#0000001a;color:#374151}[data-theme=light] .occ-period-btn-mode.active{background:#06b6d41a;border-color:#06b6d44d;color:#0e7490}.hvac-pat-container{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:1200px;padding:0 0 2rem}.hvac-pat-header{border-radius:18px;color:#fff;overflow:hidden;padding:2rem 1.75rem;position:relative}.hvac-pat-header-bg{background:linear-gradient(135deg,#1e3a5f,#2563eb 50%,#1d4ed8);inset:0;position:absolute;z-index:0}.hvac-pat-header-content{flex-wrap:wrap;justify-content:space-between;position:relative;z-index:1}.hvac-pat-header-content,.hvac-pat-header-left{align-items:center;display:flex;gap:1rem}.hvac-pat-header-icon{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:14px;display:flex;height:52px;justify-content:center;width:52px}.hvac-pat-header-title{font-size:1.35rem;font-weight:700;margin:0 0 .2rem}.hvac-pat-header-sub{font-size:.85rem;margin:0;opacity:.85}.hvac-pat-events-badge{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;display:flex;flex-direction:column;padding:.6rem 1.25rem}.hvac-pat-badge-label{font-size:.72rem;opacity:.8}.hvac-pat-badge-value{font-size:1.5rem;font-weight:700}.hvac-pat-period-selector{align-items:center;background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--card-border,#334155);border-radius:14px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.65rem 1rem}.hvac-pat-period-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:.4rem;padding:.45rem .9rem;transition:all .2s}.hvac-pat-period-btn:hover{background:#3b82f61a;color:#f8fafc;color:var(--text-primary,#f8fafc)}.hvac-pat-period-btn.active{background:#3b82f626;border-color:#3b82f666;color:#3b82f6;font-weight:600}.hvac-pat-period-btn.month-label{justify-content:center;min-width:130px}.hvac-pat-month-name{font-size:.88rem}.hvac-pat-period-divider{background:#ffffff1a;height:24px;margin:0 .3rem;width:1px}.hvac-pat-month-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;color:#f8fafc;color:var(--text-primary,#f8fafc);cursor:pointer;display:flex;padding:.35rem .5rem;transition:background .2s}.hvac-pat-month-btn:hover:not(:disabled){background:#3b82f626}.hvac-pat-month-btn.dimmed,.hvac-pat-month-btn:disabled{cursor:default;opacity:.25}.hvac-pat-period-warn{border-radius:6px;font-size:.72rem;gap:.35rem;padding:.3rem .7rem}.hvac-pat-insufficient-warn,.hvac-pat-period-warn{align-items:center;background:#f59e0b14;color:#f59e0b;display:flex}.hvac-pat-insufficient-warn{border:1px solid #f59e0b33;border-radius:10px;font-size:.8rem;gap:.5rem;padding:.7rem 1rem}.hvac-pat-kpi-row{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hvac-pat-kpi-card{align-items:flex-start;background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--card-border,#334155);border-radius:14px;display:flex;gap:.75rem;padding:1rem 1.1rem}.hvac-pat-kpi-icon{flex-shrink:0;margin-top:.2rem}.hvac-pat-kpi-icon.blue{color:#3b82f6}.hvac-pat-kpi-icon.orange{color:#f59e0b}.hvac-pat-kpi-icon.green{color:#10b981}.hvac-pat-kpi-icon.purple{color:#8b5cf6}.hvac-pat-kpi-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;letter-spacing:.03em;margin-bottom:.2rem;text-transform:uppercase}.hvac-pat-kpi-value{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.25rem;font-weight:700}.hvac-pat-kpi-range{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;margin-top:.15rem}.hvac-pat-section{background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--card-border,#334155);border-radius:16px;padding:1.25rem 1.5rem}.hvac-pat-section-title{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.04em;margin:0 0 1rem;text-transform:uppercase}.hvac-pat-heatmap-wrapper{display:flex;flex-direction:column;gap:.5rem;overflow-x:auto;position:relative}.hvac-pat-heatmap-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:42px repeat(24,1fr)}.hvac-pat-hour-label{font-size:.65rem;padding-bottom:4px;text-align:center}.hvac-pat-day-label,.hvac-pat-hour-label{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.hvac-pat-day-label{align-items:center;display:flex;font-size:.75rem;font-weight:500}.hvac-pat-day-label.hvac-pat-today{color:#3b82f6;font-weight:700}.hvac-pat-cell{border-radius:4px;cursor:pointer;height:26px;min-width:0;transition:transform .1s ease,box-shadow .15s ease}.hvac-pat-cell:hover{box-shadow:0 0 10px #3b82f64d;transform:scaleY(1.2)}.hvac-pat-cell-today{outline:1px solid #3b82f64d}.hvac-pat-empty-heatmap{font-size:.85rem;padding:2rem;text-align:center}.hvac-pat-empty-heatmap,.hvac-pat-legend{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.hvac-pat-legend{align-items:center;display:flex;font-size:.72rem;gap:.6rem;justify-content:flex-end}.hvac-pat-legend-item{align-items:center;display:flex;gap:.25rem}.hvac-pat-legend-color{border-radius:3px;height:10px;width:14px}.hvac-pat-legend-label{font-size:.68rem}.hvac-pat-tooltip{background:#0f172a;border:1px solid #475569;border-radius:10px;box-shadow:0 4px 16px #0006;color:#f8fafc;display:flex;flex-direction:column;font-size:.78rem;gap:.2rem;padding:.55rem .85rem;pointer-events:none;position:fixed;transform:translateY(-100%);white-space:nowrap;z-index:9999}.hvac-pat-weekly{display:flex;flex-direction:column;gap:.5rem}.hvac-pat-day-chip{align-items:center;display:flex;gap:.6rem}.hvac-pat-day-chip.today .hvac-pat-day-name{color:#3b82f6;font-weight:700}.hvac-pat-day-name{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.78rem;font-weight:600;width:30px}.hvac-pat-day-bar{background:#ffffff0d;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.hvac-pat-day-fill{border-radius:5px;height:100%;transition:width .4s ease}.hvac-pat-day-hours{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.72rem;text-align:right;width:95px}.hvac-pat-day-chip.no-data .hvac-pat-day-hours,.hvac-pat-day-chip.no-data .hvac-pat-day-name{opacity:.4}.hvac-pat-weekly-metrics{display:flex;flex-direction:column;gap:.3rem}.hvac-pat-metric-header{border-bottom:1px solid #334155;border-bottom:1px solid var(--card-border,#334155);color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.68rem;font-weight:600;letter-spacing:.03em;order:-1;padding:.3rem 0;text-transform:uppercase}.hvac-pat-metric-header,.hvac-pat-metric-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:40px 1fr 1fr 1fr}.hvac-pat-metric-row{border-bottom:1px solid #ffffff08;font-size:.78rem;padding:.35rem 0}.hvac-pat-metric-row.today{background:#3b82f60f;border-radius:6px}.hvac-pat-metric-row.today .hvac-pat-metric-day{color:#3b82f6;font-weight:700}.hvac-pat-metric-day{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-weight:600}.hvac-pat-metric-val{color:#f8fafc;color:var(--text-primary,#f8fafc);text-align:center}.hvac-pat-two-col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:680px){.hvac-pat-two-col{grid-template-columns:1fr}}.hvac-pat-empty,.hvac-pat-loading{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.hvac-pat-spinner{animation:hvac-pat-spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:36px;width:36px}@keyframes hvac-pat-spin{to{transform:rotate(1turn)}}.hvac-pat-empty svg{opacity:.5}.hvac-pat-empty p{font-size:.95rem;font-weight:600;margin:0}.hvac-pat-empty-hint{font-size:.78rem;max-width:320px;text-align:center}[data-theme=light] .hvac-pat-header-bg{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6)}[data-theme=light] .hvac-pat-kpi-card,[data-theme=light] .hvac-pat-period-selector,[data-theme=light] .hvac-pat-section{background:#fff;border-color:#e5e7eb}[data-theme=light] .hvac-pat-kpi-value,[data-theme=light] .hvac-pat-metric-val{color:#0f172a}[data-theme=light] .hvac-pat-day-hours,[data-theme=light] .hvac-pat-day-label,[data-theme=light] .hvac-pat-day-name,[data-theme=light] .hvac-pat-hour-label,[data-theme=light] .hvac-pat-kpi-label,[data-theme=light] .hvac-pat-metric-day{color:#64748b}.hvac-pat-bar-tooltip{background:#0f172a;border:1px solid #475569;border-radius:10px;box-shadow:0 4px 16px #0006;color:#f8fafc;display:flex;flex-direction:column;font-size:.8rem;gap:.15rem;padding:.5rem .75rem;white-space:nowrap}.hvac-pat-bar-tooltip-label{color:#93c5fd;font-size:.85rem;font-weight:700}.hvac-pat-bar-tooltip-value{color:#f8fafc;font-size:1.05rem;font-weight:700}.hvac-pat-bar-tooltip-sub{color:#94a3b8;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}[data-theme=light] .hvac-pat-bar-tooltip,[data-theme=light] .hvac-pat-tooltip{background:#fff;border-color:#d1d5db;color:#0f172a}[data-theme=light] .hvac-pat-bar-tooltip-label{color:#2563eb}[data-theme=light] .hvac-pat-bar-tooltip-value{color:#0f172a}[data-theme=light] .hvac-pat-bar-tooltip-sub{color:#64748b}[data-theme=light] .hvac-pat-month-name{color:#0f172a}[data-theme=light] .hvac-pat-month-btn,[data-theme=light] .hvac-pat-period-btn{background:#00000008;border-color:#0000001a;color:#374151}[data-theme=light] .hvac-pat-period-btn.active{background:#3b82f61a;border-color:#3b82f64d;color:#1d4ed8}[data-theme=light] .hvac-pat-cell:hover{box-shadow:0 0 10px #3b82f626}[data-theme=light] .hvac-pat-day-bar{background:#0000000d}[data-theme=light] .hvac-pat-metric-row{border-bottom-color:#0000000d}[data-theme=light] .hvac-pat-metric-header{border-bottom-color:#e5e7eb}.tc-container{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:1200px;padding:0 0 2rem}.tc-header{border-radius:18px;color:#fff;overflow:hidden;padding:2rem 1.75rem;position:relative}.tc-header-bg{background:linear-gradient(135deg,#1e3a5f,#10b981 50%,#059669);inset:0;position:absolute;z-index:0}.tc-header-content{flex-wrap:wrap;justify-content:space-between;position:relative;z-index:1}.tc-header-content,.tc-header-left{align-items:center;display:flex;gap:1rem}.tc-header-icon{align-items:center;background:#ffffff26;border-radius:14px;display:flex;height:50px;justify-content:center;width:50px}.tc-header-title{font-size:1.35rem;font-weight:700;margin:0}.tc-header-sub{font-size:.85rem;margin:.25rem 0 0;opacity:.85}.tc-header-badges{align-items:center;display:flex;gap:.5rem}.tc-comfort-badge{align-items:center;background:#ffffff26;border-radius:14px;display:flex;flex-direction:column;min-width:80px;padding:.6rem 1.2rem}.tc-comfort-badge.small{min-width:60px;padding:.4rem .8rem}.tc-comfort-badge.small .tc-badge-value{font-size:1.2rem}.tc-badge-label{font-size:.7rem;letter-spacing:.05em;opacity:.8;text-transform:uppercase}.tc-badge-value{font-size:1.8rem;font-weight:800;line-height:1.1}.tc-mode-selector{display:flex;gap:.75rem;justify-content:center}.tc-mode-btn{align-items:center;background:#1e293b;background:var(--card-bg,#1e293b);border:2px solid #334155;border:2px solid var(--border-color,#334155);border-radius:12px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;flex:1 1;gap:.75rem;max-width:340px;padding:.75rem 1.5rem;transition:all .25s}.tc-mode-btn:hover:not(.active){background:#ffffff0f;border-color:#ffffff26}.tc-mode-btn.active.real{background:#f9731614;border-color:#f9731680;color:#f97316}.tc-mode-btn.active.ref{background:#10b98114;border-color:#10b98180;color:#10b981}.tc-mode-btn-text{display:flex;flex-direction:column;gap:.1rem}.tc-mode-btn-title{font-size:.88rem;font-weight:700}.tc-mode-btn-desc{font-size:.7rem;opacity:.7}.tc-mode-btn.active .tc-mode-btn-title{color:inherit}.tc-mode-btn.active .tc-mode-btn-desc{opacity:.85}.tc-comfort-badge.good{background:#10b98140}.tc-comfort-badge.warn{background:#fbbf2440}.tc-comfort-badge.bad{background:#ef444440}.tc-period-selector{align-items:center;display:flex;gap:.5rem;justify-content:center;padding:.5rem 0}.tc-period-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.45rem 1rem;transition:all .2s}.tc-period-btn.active{background:#10b98126;border-color:#10b9814d;color:#10b981}.tc-period-btn:hover:not(.active){background:#ffffff14}.tc-period-divider{background:#ffffff1f;height:24px;margin:0 .25rem;width:1px}.tc-month-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:inline-flex;padding:.35rem .5rem;transition:all .2s}.tc-month-btn.dimmed{cursor:default;opacity:.3}.tc-month-name{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-weight:600}.tc-kpi-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.tc-kpi-card{align-items:flex-start;background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:14px;display:flex;gap:.75rem;padding:1rem}.tc-kpi-icon{flex-shrink:0}.tc-kpi-icon.orange{color:#f97316}.tc-kpi-icon.green{color:#10b981}.tc-kpi-icon.blue{color:#3b82f6}.tc-kpi-icon.purple{color:#8b5cf6}.tc-kpi-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.75rem;letter-spacing:.03em;text-transform:uppercase}.tc-kpi-value{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.4rem;font-weight:800;margin-top:.1rem}.tc-kpi-range{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;margin-top:.15rem}.tc-section-title{align-items:center;color:#f8fafc;color:var(--text-primary,#f8fafc);display:flex;font-size:.95rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.tc-section-sub{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.78rem;margin-bottom:.75rem}.tc-heatmap-wrapper{overflow-x:auto}.tc-heatmap-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:40px repeat(24,1fr);min-width:700px}.tc-hour-label{font-size:.65rem;padding-bottom:4px;text-align:center}.tc-day-label,.tc-hour-label{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.tc-day-label{align-items:center;display:flex;font-size:.78rem;font-weight:600;padding-right:6px}.tc-day-label.tc-today{color:#10b981;font-weight:700}.tc-cell{aspect-ratio:1;border-radius:4px;cursor:crosshair;transition:transform .15s,box-shadow .15s}.tc-cell:hover{box-shadow:0 0 8px #10b9814d;transform:scale(1.2);z-index:2}.tc-legend{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.tc-legend-item{align-items:center;display:flex;gap:.3rem}.tc-legend-color{border-radius:3px;display:inline-block;flex-shrink:0;height:10px;width:10px}.tc-legend-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.7rem}.tc-empty-heatmap{color:var(--text-secondary);font-size:.85rem;padding:2rem;text-align:center}.tc-tooltip{background:#0f172a;border:1px solid #475569;border-radius:10px;box-shadow:0 4px 16px #0006;color:#f8fafc;display:flex;flex-direction:column;font-size:.78rem;gap:.2rem;padding:.55rem .85rem;pointer-events:none;position:fixed;transform:translateY(-100%);white-space:nowrap;z-index:9999}.tc-arrival-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.tc-arrival-card{background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:12px;display:flex;flex-direction:column;gap:.15rem;padding:1rem}.tc-arrival-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;text-transform:uppercase}.tc-arrival-value{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.3rem;font-weight:800}.tc-arrival-sub{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem}.tc-arrival-value-text{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:.88rem;font-weight:600;line-height:1.3}.tc-climate-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(5,1fr)}.tc-climate-card{background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:12px;display:flex;flex-direction:column;gap:.15rem;padding:1rem}.tc-climate-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;text-transform:uppercase}.tc-climate-value{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.3rem;font-weight:800}.tc-climate-sub{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.7rem}.tc-weekly{display:flex;flex-direction:column;gap:.5rem}.tc-weekly-row{align-items:center;display:flex;gap:.6rem}.tc-weekly-row.today .tc-weekly-day{color:#10b981;font-weight:700}.tc-weekly-day{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.78rem;font-weight:600;width:30px}.tc-weekly-bar-bg{background:#ffffff0f;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.tc-weekly-bar-fill{border-radius:4px;height:100%;transition:width .4s}.tc-weekly-pct{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:.75rem;font-weight:600;text-align:right;width:36px}.tc-weekly-pmv{font-size:.7rem;text-align:right;width:55px}.tc-loading,.tc-weekly-pmv{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.tc-loading{align-items:center;display:flex;font-size:.9rem;gap:.75rem;justify-content:center;padding:4rem 0}.tc-spinner{animation:tc-spin .7s linear infinite;border:3px solid #10b98133;border-radius:50%;border-top-color:#10b981;height:24px;width:24px}@keyframes tc-spin{to{transform:rotate(1turn)}}.tc-empty{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;gap:.75rem;padding:4rem 0;text-align:center}.tc-empty-hint{font-size:.8rem;opacity:.7}@media (max-width:900px){.tc-arrival-grid,.tc-climate-grid,.tc-kpi-row{grid-template-columns:repeat(2,1fr)}}[data-theme=light] .tc-arrival-card,[data-theme=light] .tc-climate-card,[data-theme=light] .tc-kpi-card{background:#fff;border-color:#e5e7eb}[data-theme=light] .tc-tooltip{background:#fff;border-color:#d1d5db;color:#0f172a}[data-theme=light] .tc-mode-btn{background:#fff;border-color:#e5e7eb;color:#6b7280}[data-theme=light] .tc-mode-btn:hover:not(.active){background:#f9fafb;border-color:#d1d5db}[data-theme=light] .tc-mode-btn.active.real{background:#f973160f;border-color:#f9731666;color:#ea580c}[data-theme=light] .tc-mode-btn.active.ref{background:#10b9810f;border-color:#10b98166;color:#059669}[data-theme=light] .tc-period-btn{background:#00000008;border-color:#0000001a;color:#374151}[data-theme=light] .tc-period-btn.active{background:#10b9811a;border-color:#10b9814d;color:#059669}[data-theme=light] .tc-weekly-bar-bg{background:#0000000d}[data-theme=light] .tc-month-name{color:#0f172a}[data-theme=light] .tc-cell:hover{box-shadow:0 0 10px #10b98126}[data-theme=light] .tc-arrival-value-text{color:#0f172a}.diag-container{animation:fadeInUp .5s ease-out;margin:0 auto;max-width:1400px}.technical-header-premium.diag-gradient{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc)}.diag-api-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1.25rem}.diag-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.diag-controls-left,.diag-controls-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.diag-search-box{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;display:flex;gap:.5rem;min-width:200px;padding:.5rem 1rem;transition:border-color .2s}.diag-search-box:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.diag-search-box svg{color:var(--text-secondary);flex-shrink:0}.diag-search-box input{background:#0000;border:none;color:var(--text-primary);font-size:.875rem;outline:none;width:100%}.diag-search-box input::placeholder{color:var(--text-secondary)}.diag-filter-group{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;display:flex;gap:.375rem;padding:.5rem .75rem}.diag-filter-group svg{color:var(--text-secondary)}.diag-filter-group select{background-color:#fff;background-color:var(--card-bg,#fff);border:none;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;min-width:0;outline:none}[data-theme=dark] .diag-auto-select,[data-theme=dark] .diag-filter-group select{background-color:#1e293b;background-color:var(--card-bg,#1e293b);color:#f8fafc;color:var(--text-primary,#f8fafc);color-scheme:dark}[data-theme=light] .diag-auto-select,[data-theme=light] .diag-filter-group select{color-scheme:light}.diag-auto-select option,.diag-filter-group select option,[data-theme=light] .diag-auto-select,[data-theme=light] .diag-filter-group select{background-color:#fff;background-color:var(--card-bg,#fff);color:#0f172a;color:var(--text-primary,#0f172a)}[data-theme=dark] .diag-auto-select option,[data-theme=dark] .diag-filter-group select option{background-color:#1e293b;color:#f8fafc}[data-theme=light] .diag-auto-select option,[data-theme=light] .diag-filter-group select option{background-color:#fff;color:#0f172a}.diag-refresh-group{align-items:center;display:flex;gap:.25rem}.diag-refresh-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px 0 0 10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:opacity .2s}.diag-refresh-btn:hover{opacity:.9}.diag-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.diag-refresh-btn .spinning{animation:spin 1s linear infinite}.diag-auto-select{background-color:#fff;background-color:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-left:none;border-radius:0 10px 10px 0;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;font-size:.875rem;font-weight:500;min-width:5.5rem;outline:none;padding:.5rem .75rem}.diag-last-fetch{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.375rem;white-space:nowrap}.diag-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.diag-summary-card{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;cursor:default;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s}.diag-summary-card:before{border-radius:16px 0 0 16px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.diag-summary-card{position:relative}.diag-summary-card.total:before{background:#7c3aed}.diag-summary-card.online:before{background:#10b981}.diag-summary-card.stale:before{background:#f59e0b}.diag-summary-card.offline:before{background:#ef4444}.diag-summary-icon-wrap{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.diag-summary-icon-wrap.total{background:#7c3aed1f;color:#7c3aed}.diag-summary-icon-wrap.online{background:#10b9811f;color:#10b981}.diag-summary-icon-wrap.stale{background:#f59e0b1f;color:#f59e0b}.diag-summary-icon-wrap.offline{background:#ef44441f;color:#ef4444}.diag-summary-info{display:flex;flex-direction:column}.diag-summary-value{color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1}.diag-summary-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.04em;margin-top:.25rem;text-transform:uppercase}.diag-sensor-info-bar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.diag-info-item{display:flex;flex-direction:column;gap:.125rem}.diag-info-label{color:var(--text-secondary);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.diag-info-value{color:var(--text-primary);font-size:.875rem;font-weight:600;word-break:break-all}.diag-error-banner{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.875rem 1.25rem}.diag-table-wrapper{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:1.5rem;overflow:hidden}.diag-table-header{grid-gap:.5rem;background:var(--light-bg);border-bottom:1px solid var(--card-border);display:grid;gap:.5rem;grid-template-columns:130px 1fr 140px 1fr;padding:.875rem 1.5rem}.diag-th{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:default;display:flex;font-size:.6875rem;font-weight:700;gap:.25rem;letter-spacing:.08em;padding:0;text-transform:uppercase}.diag-th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.diag-th.sortable:hover{color:#7c3aed}.diag-table-row{border-bottom:1px solid var(--card-border);cursor:pointer;transition:background .15s}.diag-table-row:last-child{border-bottom:none}.diag-table-row:hover{background:var(--light-bg)}.diag-table-row.offline{opacity:.7}.diag-table-row.offline:hover{opacity:1}.diag-row-main{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:130px 1fr 140px 1fr;padding:.875rem 1.5rem}.diag-td{color:var(--text-primary);font-size:.875rem}.status-cell{align-items:center;display:flex;gap:.5rem}.diag-status-icon{flex-shrink:0}.diag-status-icon.online{color:#10b981}.diag-status-icon.stale{color:#f59e0b}.diag-status-icon.offline{color:#ef4444}.diag-status-badge{border-radius:6px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;padding:.1875rem .625rem;text-transform:uppercase}.diag-status-badge.online{background:#10b9811f;color:#059669}.diag-status-badge.stale{background:#f59e0b1f;color:#d97706}.diag-status-badge.offline{background:#ef44441f;color:#dc2626}[data-theme=dark] .diag-status-badge.online{color:#34d399}[data-theme=dark] .diag-status-badge.stale{color:#fbbf24}[data-theme=dark] .diag-status-badge.offline{color:#f87171}.name-cell{gap:.625rem}.diag-reading-icon,.name-cell{align-items:center;display:flex}.diag-reading-icon{border-radius:8px;flex-shrink:0;height:32px;justify-content:center;width:32px}.diag-reading-name{color:var(--text-primary);font-weight:600}.diag-registered-tag{background:#7c3aed1a;border-radius:4px;color:#7c3aed;font-size:.625rem;font-weight:700;letter-spacing:.04em;padding:.125rem .5rem;text-transform:uppercase;white-space:nowrap}.diag-reading-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700}.diag-reading-unit{color:var(--text-secondary);font-size:.75rem;font-weight:500;margin-left:.25rem}.diag-no-value{color:var(--text-secondary);font-size:.8125rem;font-style:italic}.diag-time-info{display:flex;flex-direction:column;gap:.125rem}.diag-time-ago{color:var(--text-primary);font-size:.8125rem;font-weight:600}.diag-time-full{color:var(--text-secondary);font-size:.6875rem}.diag-row-expanded{overflow:hidden;will-change:height}.diag-expanded-grid{grid-gap:.75rem;background:var(--light-bg);border:1px solid var(--card-border);border-radius:10px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 1.5rem 1rem;padding:1rem}.diag-expanded-item{display:flex;flex-direction:column;gap:.25rem}.diag-expanded-label{color:var(--text-secondary);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.diag-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem;padding:3rem}.diag-empty p{font-size:.9375rem;margin:0}.diag-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;padding:4rem}.diag-loading-spinner{animation:spin 1s linear infinite;color:#7c3aed}.diag-loading p{font-size:.9375rem;margin:0}@media (max-width:1024px){.diag-summary-grid{grid-template-columns:repeat(2,1fr)}.diag-row-main,.diag-table-header{grid-template-columns:110px 1fr 120px 180px}}@media (max-width:768px){.diag-controls{align-items:stretch;flex-direction:column}.diag-controls-left,.diag-controls-right{flex-wrap:wrap}.diag-summary-grid{grid-template-columns:repeat(2,1fr)}.diag-row-main,.diag-table-header{grid-template-columns:90px 1fr 100px}.diag-row-main .time-cell,.diag-table-header .diag-th:nth-child(4){display:none}.diag-sensor-info-bar{flex-direction:column;gap:.75rem}}@media (max-width:480px){.diag-summary-grid{grid-template-columns:1fr}}:root{--tooltip-bg:#fff;--tooltip-border:#e5e7eb;--tooltip-text:#0f172a;--tooltip-shadow:0 4px 20px #00000026;--chart-grid:#e5e7eb;--chart-axis:#6b7280}[data-theme=dark]{--tooltip-bg:#1e293b;--tooltip-border:#475569;--tooltip-text:#f8fafc;--tooltip-shadow:0 4px 20px #0006;--chart-grid:#334155;--chart-axis:#94a3b8}.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:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2.5rem;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 2.25rem;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)}[data-theme=dark] .cycle-value-large{color:#fff;text-shadow:0 2px 8px #0000004d}[data-theme=dark] .cycle-value-large .hours-value-card,[data-theme=dark] .cycle-value-large .runtime-value{color:#fff!important}[data-theme=dark] .chart-section-tech h3{color:#0f172a;color:var(--text-primary)}.cycles-info{display:flex;flex-direction:column;gap:1.75rem;padding:.5rem 0}.cycle-header{justify-content:center}.cycle-header,.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{color:#f59e0b;font-size:4rem;line-height:1;margin:1rem 0;text-shadow:0 4px 8px #f59e0b33}.cycle-value,.cycle-value-large{font-weight:900;text-align:center}.cycle-value-large{color:#0f172a;font-size:3.5rem;line-height:1.2;margin:1rem 0 1.25rem;text-shadow:0 2px 4px #0000000f}.cycle-value-large .hours-value-card,.cycle-value-large .runtime-value{color:#0f172a!important}.cycle-details{display:none}.cycle-details-grid{grid-gap:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9fafb;background:var(--light-bg);border:1px solid #fb923c26;border-radius:16px;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);padding:1.5rem 1.75rem}.cycle-detail-item{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem .75rem;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-section-tech h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.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{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:10px;color:#fff;flex-shrink:0;height:40px;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{align-items:center;background:#f9fafb;background:var(--light-bg);border-radius:8px;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.optimus-chart-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.optimus-view-toggle{display:flex;gap:.25rem}.optimus-view-toggle button{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.optimus-view-toggle button.active{background:#3b82f6;background:var(--primary,#3b82f6);border-color:#3b82f6;border-color:var(--primary,#3b82f6);color:#fff}.optimus-view-toggle button:hover:not(.active){background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6)}.time-flow{align-items:center;display:flex;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{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);color:#64748b;color:var(--text-secondary);font-size:.75rem;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)}}:root{--chip-inactive-bg:#fff;--chip-inactive-border:#e5e7eb}[data-theme=dark]{--chip-inactive-bg:#334155;--chip-inactive-border:#475569}.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}.invalid-readings-section{background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.invalid-readings-header{margin-bottom:1rem}.invalid-readings-icon{color:#f59e0b;margin-right:.5rem;vertical-align:middle}.invalid-readings-title{color:#0f172a;color:var(--text-primary);display:inline;font-size:1rem;font-weight:600;margin:0 0 .25rem}.invalid-readings-desc{color:#64748b;color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:.5rem 0 0}.invalid-readings-grid{display:flex;flex-wrap:wrap;gap:.75rem}.invalid-reading-card{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:12px;display:flex;gap:.75rem;min-width:180px;padding:.75rem 1rem}.invalid-reading-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.invalid-reading-content{display:flex;flex-direction:column;gap:.15rem}.invalid-reading-name{color:#0f172a;color:var(--text-primary);font-size:.9rem;font-weight:600}.invalid-reading-msg{color:#f59e0b;font-size:.75rem}.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{background:#f9fafb;background:var(--light-bg);border:none;color:#64748b;display:flex;height:32px;transition:all .2s;width:32px}.action-btn:hover{background:#e5e7eb;background:var(--light-border);color:#0f172a}.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;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;line-height:1;margin-bottom:.25rem}.stat-label{color:#64748b;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{font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.selector-count,.selector-label{color:#64748b;color:var(--text-secondary)}.selector-count{font-size:12px;font-weight:400;margin-left:8px}.metric-chips{display:flex;flex-wrap:wrap;gap:.75rem}.metric-chip{align-items:center;background:#fff;background:var(--chip-inactive-bg);border:1px solid #e5e7eb;border:1px solid var(--chip-inactive-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.active{color:#0f172a;color:var(--text-primary);font-weight:600}.metric-chip:hover:not(.disabled){box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}[data-theme=dark] .metric-chip:hover:not(.disabled){box-shadow:0 4px 12px #00000059}.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}.main-chart-container .recharts-cartesian-axis-tick-value{fill:#9ca3af}[data-theme=dark] .main-chart-container .recharts-cartesian-axis-tick-value{fill:#94a3b8}.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-width:1200px;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{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;--chart-grid:#00000014;--chart-bg:#f9fafb;--chart-border:#e5e7eb;--badge-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--badge-color:#14532d;--badge-icon:#10b981;--kpi-value-color:#0f172a;--row-bg:#00000005;--row-border:#0000000f;--hover-border:#06b6d4}[data-theme=dark]{--card-bg:#1e293b;--card-border:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--light-bg:#0f172a;--light-border:#334155;--chart-grid:#ffffff0f;--chart-bg:#0f172a80;--chart-border:#334155;--badge-bg:#10b9811f;--badge-color:#10b981;--badge-icon:#10b981;--kpi-value-color:#f8fafc;--row-bg:#ffffff05;--row-border:#ffffff0d;--hover-border:#06b6d4}.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}.header-right-insights{align-items:center;display:flex;gap:.75rem}.ai-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:100px;display:flex;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:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.performance-card:hover{border-color:#06b6d4;border-color:var(--hover-border);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:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.patterns-grid .pattern-card-premium{display:flex;flex-direction:column;min-height:240px}.pattern-card-premium{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 16px #0000000d;padding:1.25rem 1.5rem;transition:all .3s}.pattern-card-premium:hover{border-color:#06b6d4;border-color:var(--hover-border);box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.pattern-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.pattern-name{color:#0f172a;color:var(--text-primary);font-size:1.05rem;font-weight:700;margin:0}.confidence-badge{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--badge-bg);border-radius:16px;color:#14532d;color:var(--badge-color);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.35rem;padding:.3rem .65rem;white-space:nowrap}.confidence-badge svg{color:#10b981;color:var(--badge-icon)}.pattern-description{color:#64748b;color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:.75rem}.pattern-chart{background:#f9fafb;background:var(--chart-bg);border:1px solid #e5e7eb;border:1px solid var(--chart-border);border-radius:10px;flex:1 1;min-height:0;padding:.5rem}.pred-kpi-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:.75rem 0}.pred-kpi-item{border-radius:10px;padding:.6rem .8rem}.pred-kpi-cyan{background:#06b6d414}.pred-kpi-amber{background:#f59e0b14}.pred-kpi-indigo{background:#6366f114}.pred-kpi-label{color:#64748b;color:var(--text-secondary);font-size:.68rem;text-transform:uppercase}.pred-kpi-value{color:#0f172a;color:var(--kpi-value-color);font-size:1.1rem;font-weight:700}.pred-kpi-actual{color:#10b981;font-size:.72rem}.pred-factor-tag,.pred-kpi-sub{color:#64748b;color:var(--text-secondary);font-size:.72rem}.pred-factor-tag{border:1px solid #0000000f;border:1px solid var(--row-border);border-radius:6px;padding:.25rem .6rem}.history-day-row,.pred-factor-tag{background:#00000005;background:var(--row-bg)}.history-day-row{align-items:center;border:1px solid #0000000f;border:1px solid var(--row-border);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.6rem .8rem;transition:background .15s}.history-day-row:hover{background:#06b6d40a}.history-day-title{color:#0f172a;color:var(--text-primary);font-size:.82rem;font-weight:600}.history-day-sub{font-size:.72rem}.history-day-sub,.history-range-btn{color:#64748b;color:var(--text-secondary)}.history-range-btn{background:#00000005;background:var(--row-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;cursor:pointer;font-size:.78rem;padding:.3rem .7rem;transition:all .15s}.history-range-btn.active{background:#06b6d41f;border-color:#06b6d44d;color:#06b6d4}.pattern-icon{align-items:center;background:#06b6d41a;border-radius:8px;color:#06b6d4;display:flex;height:32px;justify-content:center;width:32px}.pattern-icon.disabled{background:#64748b14;color:#64748b;color:var(--text-secondary)}.coming-soon-badge{background:#00000005;background:var(--row-bg);border:1px solid #0000000f;border:1px solid var(--row-border);border-radius:4px;color:#64748b;color:var(--text-secondary);font-size:.62rem;font-weight:500;letter-spacing:.02em;padding:.15rem .45rem;position:absolute;right:10px;top:10px}.card-details-link{align-items:center;color:#06b6d4;display:flex;font-size:.78rem;font-weight:500;gap:.35rem;justify-content:flex-end;margin-top:auto;padding-top:.5rem}.text-muted{color:#64748b;color:var(--text-secondary)}@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{grid-template-columns:1fr}.patterns-grid{grid-template-columns:1fr 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}.patterns-grid{grid-template-columns:1fr}}@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}.reports-container{box-sizing:border-box;margin:0 auto;max-width:min(1240px,100%);padding:clamp(1.25rem,2.5vw,2rem) clamp(1rem,4vw,3rem);width:100%}.reports-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.reports-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.reports-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.reports-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9rem;margin:0}.reports-content{display:flex;flex-direction:column;gap:clamp(1.25rem,2vw,1.75rem)}.reports-section{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:clamp(1.15rem,2.2vw,1.65rem) clamp(1.15rem,2.5vw,1.85rem)}.reports-section-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0 0 .75rem}.reports-section-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85rem;margin:0 0 1rem}.reports-model-grid{grid-gap:clamp(.75rem,1.5vw,1rem);display:grid;gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}@media (min-width:900px){.reports-model-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.reports-model-grid{grid-template-columns:repeat(4,1fr)}}.reports-model-card{align-items:flex-start;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;flex-direction:column;gap:.35rem;min-height:7.5rem;padding:clamp(.85rem,1.5vw,1.1rem) clamp(1rem,2vw,1.25rem);text-align:left;transition:border-color .15s ease,background .15s ease}.reports-model-card:hover{border-color:#3b82f6}.reports-model-card.active{background:#3b82f61a;border-color:#3b82f6}.reports-model-card-icon{color:#3b82f6;flex-shrink:0}.reports-model-card-title{font-size:.9rem;font-weight:600}.reports-model-card-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;line-height:1.35}.reports-location-hierarchy{display:flex;flex-direction:column;gap:.5rem}.reports-location-item{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.95rem}.reports-location-item strong{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:600;margin-right:.35rem}.reports-period-controls{display:flex;flex-direction:column;gap:1rem}.reports-presets{display:flex;flex-wrap:wrap;gap:.5rem}.reports-preset-btn{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .15s ease}.reports-preset-btn:hover{border-color:#3b82f6;color:#3b82f6}.reports-preset-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.reports-custom-range{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.reports-custom-range input{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:.85rem;padding:.4rem .6rem}.reports-custom-range span,.reports-period-label{color:#6b7280;color:var(--text-secondary,#6b7280)}.reports-period-label{font-size:.85rem;margin:.5rem 0 0}.reports-metrics-grid{grid-gap:clamp(.75rem,1.5vw,1rem);display:grid;gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}@media (min-width:1100px){.reports-metrics-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.reports-metric-card{align-items:flex-start;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:clamp(1rem,1.8vw,1.2rem);transition:all .15s ease}.reports-metric-card:not(.disabled):hover{background:#3b82f614;border-color:#3b82f6}.reports-metric-card.selected{background:#3b82f61f;border-color:#3b82f6}.reports-metric-card.disabled{cursor:not-allowed;opacity:.6}.reports-metric-card input[type=checkbox]{accent-color:#3b82f6;flex-shrink:0;margin-top:2px}.reports-metric-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.reports-metric-content span{color:#1f2937;color:var(--text-primary,#1f2937)}.reports-metric-icon{color:#3b82f6}.reports-metric-badge,.reports-metric-card.disabled .reports-metric-icon{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.reports-metric-badge{font-size:.7rem;font-style:italic}.reports-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#dc2626;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem}.reports-theme-selector{display:flex;flex-wrap:wrap;gap:.75rem}.reports-theme-btn{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:all .15s ease}.reports-theme-btn:hover{border-color:#3b82f6;color:#3b82f6}.reports-theme-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.reports-actions{align-items:stretch;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}@media (min-width:640px){.reports-actions{align-items:center}}.reports-generate-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;max-width:420px;padding:.75rem 1.5rem;transition:opacity .2s ease;width:100%}@media (min-width:640px){.reports-generate-btn{min-width:min(100%,320px);width:auto}}.reports-generate-btn:hover:not(:disabled){opacity:.9}.reports-generate-btn:disabled{cursor:not-allowed;opacity:.5}.reports-metric-badge-unavailable{color:#ef4444;font-size:.7rem;font-style:italic}.reports-metric-available-icon{color:#10b981;flex-shrink:0}.reports-summary-info{align-items:flex-start;background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:.9rem;gap:.5rem;line-height:1.5;padding:.75rem 1rem}.reports-summary-info svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.reports-loading-bar{margin-bottom:1rem;width:100%}.reports-loading-bar-track{background:#e5e7eb;background:var(--bg-secondary,#e5e7eb);border-radius:9999px;height:8px;overflow:hidden}.reports-loading-bar-fill{animation:reports-loading-pulse 1.8s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:9999px;height:100%;width:40%}@keyframes reports-loading-pulse{0%,to{transform:translateX(-100%)}50%{transform:translateX(350%)}}.reports-loading-bar-text{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85rem;margin:.5rem 0 0}: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}body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{background:#f9fafb;background:var(--bg-secondary);bottom:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sensor-demo-banner,body{color:#111827;left:0;position:fixed;right:0;top:0}.sensor-demo-banner{align-items:center;background:linear-gradient(90deg,#6366f126,#8b5cf626);border-bottom:1px solid #6366f14d;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;z-index:1000}.sensor-demo-banner svg{color:#f59e0b;color:var(--warning);flex-shrink:0}.sensor-page-container:has(.sensor-demo-banner){padding-top:48px}.sensor-page-container{zoom:.9;-ms-zoom:.9;box-sizing:border-box;height:111.11vh;left:0;max-height:111.11vh;max-width:111.11vw;min-height:111.11vh;overflow:hidden;position:fixed;top:0;transform-origin:top left;width:111.11vw}.sensor-page-container,.sensor-page-loading{background:#f9fafb;background:var(--bg-secondary);display:flex}.sensor-page-loading{align-items:center;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}.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(--site-sidebar-adapted,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,.sidebar-header{align-items:center;display:flex;justify-content:center}.sidebar-brand{background:none;border:none;cursor:pointer;gap:.75rem;padding:0;text-align:center;transition:opacity .2s ease;width:100%}.sidebar.collapsed .sidebar-brand{justify-content:center}.sidebar-brand:hover{opacity:.9}.brand-icon,.sidebar-brand .site-logo{flex-shrink:0}.brand-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--accent-primary,var(--primary)) 0,var(--primary-dark) 100%);border-radius:.75rem;color:#fff;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.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;border-left:3px solid var(--accent-primary,#6366f1)}.nav-item.back-to-map:hover{background:linear-gradient(135deg,#6366f126,#8b5cf61a)}.sidebar.collapsed .sidebar-back-section{padding:.5rem}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem}.nav-group{margin-bottom:.25rem}.nav-item{background:#0000;border:none;border-radius:.75rem;cursor:pointer;margin-bottom:.125rem;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(--accent-color,var(--accent-primary,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;margin-left:260px;max-height:111.11vh;max-width:calc(100% - 260px);overflow-x:hidden;overflow-y:auto;transition:margin-left .2s cubic-bezier(.4,0,.2,1);transition:margin-left var(--transition);width:calc(100% - 260px)}.sidebar.collapsed~.main-content{margin-left:72px;max-width:calc(100% - 72px);width:calc(100% - 72px)}.top-header{background:#fff;background:var(--site-header-adapted,var(--bg-primary));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);box-sizing:border-box;justify-content:space-between;max-width:100%;overflow:visible;padding:1rem 1.5rem;position:sticky;top:0;width:100%;z-index:50}.header-left,.top-header{align-items:center;display:flex;gap:1rem}.header-left{flex:1 1;min-width:0;overflow:hidden}.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:#6366f1;background:var(--accent-primary,#6366f1);border-color:#6366f1;border-color:var(--accent-primary,#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(--accent-primary,var(--primary));border-color:#3b82f6;border-color:var(--accent-primary,var(--primary));color:#fff}.header-info{align-items:center;display:flex;gap:.75rem}.header-info,.header-info-text{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-info-id{color:#9ca3af;color:var(--text-tertiary);flex-shrink:0;font-size:.75rem;white-space:nowrap}.header-refresh-controls{align-items:center;display:flex;gap:.5rem}.header-refresh-controls .refresh-btn.spinning svg{animation:spin 1s linear infinite}.auto-refresh-select{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;font-size:.8rem;padding:.35rem .6rem}.auto-refresh-select:focus{border-color:#3b82f6;border-color:var(--accent-primary,var(--primary,#3b82f6));outline:none}.header-right{flex-shrink:0;flex-wrap:nowrap;gap:1rem;min-width:0;overflow:visible;position:relative}.header-right,.header-search{align-items:center;display:flex}.header-search{background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;flex-shrink:1;gap:.75rem;max-width:300px;min-width:200px;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(--accent-primary,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;outline:none}.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(--accent-primary,var(--primary));border-color:#3b82f6;border-color:var(--accent-primary,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}.notification-bell-wrap{position:relative}.action-button.notification.active{background:#3b82f6;background:var(--accent-primary,var(--primary));border-color:#3b82f6;border-color:var(--accent-primary,var(--primary));color:#fff}.notification-badge{align-items:center;background:#ef4444;background:var(--danger,#ef4444);border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:9px;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;pointer-events:none;position:absolute;right:4px;top:4px}.notification-dropdown{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:1rem;box-shadow:0 12px 40px #00000029,0 2px 8px #00000014;display:flex;flex-direction:column;max-height:440px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:900}.notification-dropdown-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:.875rem 1rem}.notification-dropdown-title{color:#111827;color:var(--text-primary);font-size:.875rem;font-weight:700}.notification-dropdown-mark-read{background:none;border:none;border-radius:.375rem;color:#3b82f6;color:var(--accent-primary,var(--primary));cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .5rem;transition:background .15s}.notification-dropdown-mark-read:hover{background:#3b82f614}.notification-dropdown-list{flex:1 1;overflow-y:auto;padding:.25rem 0}.notification-dropdown-empty{align-items:center;color:#9ca3af;color:var(--text-tertiary);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2.5rem 1rem;text-align:center}.notification-dropdown-empty p{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-weight:600;margin:0}.notification-dropdown-empty span{font-size:.75rem}.notification-item{align-items:flex-start;cursor:default;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .15s}.notification-item:hover{background:#f9fafb;background:var(--bg-secondary,rgba(0,0,0,.025))}.notification-item--unread{background:#3b82f60a}.notification-item-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:4px;width:10px}.notification-item-dot.online{background:#10b981;box-shadow:0 0 0 3px #10b9812e}.notification-item-dot.offline{background:#ef4444;box-shadow:0 0 0 3px #ef44442e}.notification-item-content{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.notification-item-top{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.notification-item-sensor{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#111827;color:var(--text-primary);display:-webkit-box;font-size:.8125rem;font-weight:600;line-height:1.35;overflow:hidden;white-space:normal}.notification-item-time{font-feature-settings:"tnum";color:#9ca3af;color:var(--text-tertiary);flex-shrink:0;font-size:.7rem;font-variant-numeric:tabular-nums}.notification-item-status{font-size:.75rem;font-weight:600}.notification-item-status.online{color:#10b981}.notification-item-status.offline{color:#ef4444}@media (max-width:480px){.notification-dropdown{max-height:360px;right:-3rem;width:calc(100vw - 2rem)}}.user-profile{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;cursor:pointer;display:flex;flex-shrink:0;gap:.75rem;min-width:0;padding:.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.user-profile:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:.5rem;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-details{display:flex;flex-direction:column;min-width:0;overflow:hidden}.user-name{color:#111827;color:var(--text-primary);font-size:.875rem;font-weight:600}.user-name,.user-role{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#6b7280;color:var(--text-secondary);font-size:.75rem}.content-area{background:#f9fafb;background:var(--bg-secondary);box-sizing:border-box;flex:1 1;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem;width:100%}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:99}@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){.sidebar{transform:translateX(-100%);width:280px;z-index:200}.sidebar.mobile-open{box-shadow:4px 0 24px #00000026;transform:translateX(0)}.main-content{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{gap:.75rem;padding:1rem}.header-left{gap:.75rem}.header-info h1{font-size:1rem}.header-info p{font-size:.6875rem}.header-right{gap:.5rem}.header-search{max-width:180px;min-width:120px;padding:.5rem .75rem}.header-search input{font-size:.8125rem}.action-button{height:36px;width:36px}.user-profile{gap:.5rem;padding:.5rem .75rem}.user-avatar{font-size:.6875rem;height:28px;width:28px}.user-name{font-size:.8125rem;max-width:60px}.user-role{font-size:.6875rem;max-width:60px}}@media (max-width:768px){.top-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.header-left{width:100%}.header-info{flex:1 1;min-width:0}.header-info h1{font-size:1rem}.header-info h1,.header-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-info p{font-size:.6875rem}.header-right{flex-wrap:wrap;gap:.75rem;justify-content:space-between;width:100%}.header-search{flex:1 1;max-width:none;min-width:auto;order:1}.header-actions{order:2}.user-profile{flex:0 0 auto;order:3}.user-name,.user-role{max-width:80px}}@media (max-width:640px){.header-info h1{font-size:.9375rem}.header-search{order:1;width:100%}.header-actions{flex:1 1;justify-content:flex-end;order:2}.user-profile{order:3}.user-details{display:none}.user-profile{padding:.5rem}.user-avatar{margin:0}}@media (max-width:480px){.sidebar{width:260px}.sidebar-header{padding:1rem}.sidebar-brand{gap:.5rem}.brand-icon{font-size:1.1rem;height:36px;width:36px}.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{padding:.75rem}.header-left{gap:.5rem}.back-to-map-header,.menu-toggle{height:36px;width:36px}.header-info h1{font-size:.875rem}.header-info p{font-size:.625rem}.header-search{padding:.5rem}.header-search input{font-size:.75rem}.action-button{height:32px;width:32px}.user-avatar{font-size:.625rem;height:24px;width:24px}.content-area{padding:.75rem}}@media (max-width:414px){.sidebar{width:240px}.content-area,.top-header{padding:.625rem}}@media (max-width:360px){.sidebar{width:220px}.sidebar-header{padding:.75rem}.brand-icon{font-size:1rem;height:32px;width:32px}.brand-text h3{font-size:.9375rem}.nav-item-content{padding:.5rem}.nav-item-label{font-size:.75rem}.top-header{padding:.5rem}.back-to-map-header,.menu-toggle{height:32px;width:32px}.header-info h1{font-size:.8125rem}.header-info p{font-size:.5625rem}.action-button{height:28px;width:28px}.user-avatar{font-size:.5625rem;height:20px;width:20px}.content-area{padding:.5rem}}.refresh-indicator{background:#0000;height:3px;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.refresh-bar{animation:refreshSlide 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);background:linear-gradient(90deg,#0000,var(--primary),#0000);height:100%;width:30%}@keyframes refreshSlide{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.page-refresh-bar{background:#3b82f61a;height:3px;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:99999}.page-refresh-bar-inner{animation:page-refresh-slide 1.2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6,#60a5fa,#0000);height:100%;width:30%}@keyframes page-refresh-slide{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.sensor-connectivity-toast{align-items:flex-start;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;bottom:1.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#111827;color:var(--text-primary);display:flex;gap:.75rem;max-width:min(22rem,calc(100vw - 2rem));padding:.875rem 1rem;position:fixed;right:1.25rem;z-index:100000}.sensor-connectivity-toast--online{border-left:4px solid #10b981;border-left:4px solid var(--success)}.sensor-connectivity-toast--offline{border-left:4px solid #ef4444;border-left:4px solid var(--danger)}.sensor-connectivity-toast-text strong{display:block;font-size:.9375rem;margin-bottom:.25rem}.sensor-connectivity-toast-text p{color:#6b7280;color:var(--text-secondary);font-size:.8125rem;line-height:1.45;margin:0}.sensor-connectivity-toast-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),color var(--transition-fast)}.sensor-connectivity-toast-close:hover{background:#f3f4f6;background:var(--bg-tertiary);color:#111827;color:var(--text-primary)}.sensor-registration{background:var(--bg-primary);min-height:100vh;padding:20px}.container{margin:0 auto;max-width:800px}.registration-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.back-to-map{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:8px 16px;transition:all .3s ease}.back-to-map:hover{background:var(--hover-bg)}.stepper{background:var(--card-bg);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:40px;padding:20px}.step{align-items:center;color:var(--text-tertiary);display:flex;flex:1 1;font-size:14px;gap:8px;position:relative}.step.active{color:var(--text-primary);font-weight:500}.step span{align-items:center;background:var(--border-color);border-radius:50%;display:flex;font-weight:700;height:30px;justify-content:center;width:30px}.step.active span{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.step-content{background:var(--card-bg);border-radius:12px;margin-bottom:20px;padding:30px}.step-content h2{color:var(--text-primary)}.form-group,.step-content h2{margin-bottom:20px}.form-group label{font-size:14px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border-radius:8px;font-size:14px;padding:10px 12px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{color:var(--text-tertiary);display:block;font-size:12px;margin-top:4px}.checkbox-group{display:flex;flex-direction:column;gap:4px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{margin:0;width:auto}.map-container{border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;overflow:hidden}.map-marker{animation:bounce 2s infinite;cursor:pointer;font-size:24px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.coordinates-display{background:var(--bg-primary);border-radius:8px;color:var(--text-secondary);font-family:Courier New,monospace;margin-bottom:20px;padding:12px}.step-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.step-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--hover-bg)}.alert{align-items:center;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#f443361a;border:1px solid #f443364d;color:#f44336}.alert-success{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.summary-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin:20px 0;padding:20px}.summary-box h3{color:var(--text-primary);font-size:16px;margin-bottom:16px}.summary-item{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-item span{color:var(--text-tertiary);font-size:14px}.summary-item strong{color:var(--text-primary);font-size:14px}.success-page{padding:40px;text-align:center}.success-animation{margin-bottom:30px}.success-icon{animation:scaleIn .5s ease;font-size:64px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-page h2{color:#4caf50;margin-bottom:16px}.success-page p{color:var(--text-secondary);margin-bottom:30px}.success-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:30px 0;text-align:left}.detail-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.detail-card h3{color:var(--text-primary);font-size:16px;margin-bottom:16px}.detail-card ol,.detail-card ul{color:var(--text-secondary);font-size:14px;line-height:1.8;margin-left:20px}.mqtt-config{color:var(--text-secondary);font-size:13px;line-height:1.8}.mqtt-config strong{color:var(--text-primary)}.mqtt-config ul{margin-left:20px;margin-top:8px}.mqtt-config code,code{background:var(--bg-primary);border-radius:4px;color:#667eea;font-family:Courier New,monospace;padding:2px 6px}[data-theme=dark]{--bg-primary:#0f0f0f;--card-bg:#1a1a1a;--border-color:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#606060;--hover-bg:#252525}[data-theme=light]{--bg-primary:#f5f5f5;--card-bg:#fff;--border-color:#e0e0e0;--text-primary:#000;--text-secondary:#505050;--text-tertiary:grey;--hover-bg:#f0f0f0}@media (max-width:768px){.stepper{flex-direction:column;gap:16px}.success-details{grid-template-columns:1fr}.step-actions{flex-direction:column}.step-actions button{width:100%}}.site-registration-container{color:var(--text-primary);margin:0 auto;max-width:900px;padding:2rem}.site-registration--embedded{margin:0;max-width:none;padding:0}.site-registration--embedded .registration-tabs{margin-bottom:1.25rem}.site-registration--embedded .registration-form{margin-bottom:1.5rem}.site-registration-header{margin-bottom:2rem}.site-registration-header h1{color:var(--text-primary);font-size:1.75rem;margin-bottom:.25rem}.site-registration-header p{color:var(--text-secondary);font-size:.95rem}.registration-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:-1px;padding:.75rem 1.25rem;transition:all .2s ease}.tab-button:hover{color:var(--text-primary)}.tab-button.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.alert{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.alert-success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.registration-form{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.registration-form h2{color:var(--text-primary);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary)}.form-group input,.form-group select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--accent-primary);outline:none}.form-section-label{border-top:1px solid var(--border-color);margin:1.5rem 0 .75rem;padding-top:1rem}.form-section-label:first-of-type{border-top:none;margin-top:0;padding-top:0}.has-fields-section{margin-top:1rem}.form-help{color:var(--text-secondary);font-size:.8rem;margin-top:.5rem}.site-colors-block{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;margin-top:1rem;padding:1.25rem}[data-theme=light] .site-colors-block{background:#00000005}.site-theme-colors-block{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.theme-colors-section{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}[data-theme=light] .theme-colors-section{background:#00000005}.theme-colors-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.site-colors-preview--light{border:1px solid #0000001a}.site-colors-preview--dark{border:1px solid #ffffff26}.registration-form .site-colors-block{margin-top:1.25rem;padding:1.75rem}.registration-form .site-colors-preview{height:56px;margin-bottom:1.5rem}.registration-form .site-colors-row{gap:1.5rem}.registration-form .site-color-item{gap:.75rem}.registration-form .site-color-swatch{height:52px}.registration-form .color-input{height:44px;width:48px}.registration-form .color-text{font-size:.85rem;padding:.6rem .85rem}.site-colors-preview{align-items:stretch;border-radius:10px;box-shadow:0 2px 8px #0003;display:flex;gap:0;height:48px;margin-bottom:1.25rem;overflow:hidden}.site-colors-preview .preview-header{flex:1 1;min-width:0}.site-colors-preview .preview-sidebar{max-width:80px;width:28%}.site-colors-preview .preview-accent{max-width:40px;width:12%}.site-colors-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.site-color-item{display:flex;flex-direction:column;gap:.5rem}.site-color-item label{color:var(--text-secondary);font-size:.85rem;font-weight:600;margin:0}.site-color-swatch{border:2px solid var(--border-color);border-radius:10px;cursor:pointer;flex-shrink:0;height:44px;transition:border-color .2s,box-shadow .2s;width:100%}.site-color-swatch:hover{border-color:var(--accent-primary);box-shadow:0 0 0 2px #00d4ff33}.color-input-wrap{align-items:center;display:flex;gap:.5rem}.color-input{background:#0000;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;flex-shrink:0;height:40px;padding:2px;width:44px}.color-input::-webkit-color-swatch-wrapper{padding:2px}.color-input::-webkit-color-swatch{border:none;border-radius:6px}.color-text{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:ui-monospace,monospace;font-size:.8rem;min-width:0;padding:.5rem .75rem}.site-edit-modal .site-colors-block{margin-top:.75rem;padding:1rem}.site-edit-modal .site-colors-preview{height:40px;margin-bottom:1rem}.site-edit-modal .site-color-swatch{height:36px}.site-edit-modal .color-input{height:36px;width:40px}@media (max-width:600px){.site-colors-row{grid-template-columns:1fr}}.theme-presets{display:flex;gap:.75rem;margin-top:.5rem}.theme-preset{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease}.theme-preset:hover{border-color:var(--accent-primary)}.theme-preset.active{background:color-mix(in srgb,var(--accent-primary) 15%,#0000);background:color-mix(in srgb,var(--preset-color,var(--accent-primary)) 15%,#0000);border-color:var(--preset-color,var(--accent-primary))}.theme-dot{background:var(--preset-color);border-radius:50%;height:16px;width:16px}.logo-preview-wrap{display:inline-block;margin-top:.5rem;position:relative}.logo-preview{border-radius:6px;display:block;max-height:48px}.logo-remove-btn{align-items:center;background:#dc2626;border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:-6px;top:-6px;transition:background .2s ease;width:24px}.logo-remove-btn:hover{background:#b91c1c}.upload-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.6rem 1rem;transition:border-color .2s ease}.upload-btn:hover{border-color:var(--accent-primary)}.submit-button{background:var(--accent-gradient);border:none;border-radius:10px;color:var(--button-text);cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem;transition:opacity .2s ease;width:100%}.submit-button:hover:not(:disabled){opacity:.95}.submit-button:disabled{cursor:not-allowed;opacity:.6}.sites-list{margin-top:3rem}.sites-list h2{color:var(--text-primary);margin-bottom:1.5rem}.empty-message{background:var(--card-bg);border-radius:8px;color:var(--text-secondary);padding:2rem;text-align:center}.sites-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.site-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;position:relative;transition:border-color .2s ease}.site-card-actions{display:flex;gap:.5rem;position:absolute;right:.75rem;top:.75rem}.site-card-btn{background:#ffffff14;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.4rem;transition:all .2s ease}.site-card-btn:hover{background:#ffffff1f;color:var(--text-primary)}.site-card-btn.edit:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.site-card-btn.delete:hover{border-color:#f87171;color:#f87171}.site-card:hover{border-color:var(--accent-primary)}.site-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.site-card-logo{border-radius:8px;height:40px;object-fit:contain;width:40px}.site-card-logo-placeholder{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.site-card h3{color:var(--text-primary);font-size:1.1rem;margin:0}.site-card-info{margin-bottom:.75rem}.site-card-info p{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;margin:.35rem 0}.site-card-users{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.site-user-chip{background:var(--bg-secondary);border-radius:6px;color:var(--text-primary);font-size:.8rem;gap:.35rem;padding:.35rem .6rem}.site-user-chip,.unlink-btn{align-items:center;display:flex}.unlink-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:.2rem}.unlink-btn:hover{background:#ef44441a;color:#ef4444}.site-edit-modal{background:#1e293b!important;box-shadow:0 25px 50px -12px #00000080;max-width:520px;min-width:400px}[data-theme=light] .site-edit-modal{background:#fff!important;box-shadow:0 25px 50px -12px #00000040}.site-edit-modal h3{color:var(--text-primary);font-size:1.15rem;margin:0 0 1rem}.btn-save{background:var(--accent-gradient);border:none;border-radius:8px;color:var(--button-text);cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.25rem}.btn-save:hover:not(:disabled){opacity:.95}.btn-save:disabled{cursor:not-allowed;opacity:.6}.delete-confirm .delete-warning{color:#f87171!important;font-size:.9rem}.btn-delete:hover:not(:disabled){background:#b91c1c}.btn-delete:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.site-registration-container{padding:1rem}.registration-tabs{flex-wrap:wrap}.form-row{grid-template-columns:1fr}.theme-presets{flex-direction:column}.sites-grid{grid-template-columns:1fr}}.locals-mgmt{margin:0 auto;max-width:1100px}.locals-mgmt-intro{background:linear-gradient(135deg,#00d4ff14,#667eea1a);border:1px solid #94a3b833;border:1px solid var(--border-color,#94a3b833);border-radius:12px;margin-bottom:1.75rem;padding:1rem 1.25rem}.locals-mgmt-intro h2{color:var(--text-primary);font-size:1.35rem;margin:0 0 .5rem}.locals-mgmt-intro p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.locals-site-section{background:#1e293b99;background:var(--card-bg,#1e293b99);border:1px solid #94a3b82e;border:1px solid var(--border-color,#94a3b82e);border-radius:14px;box-shadow:0 4px 24px #0000001f;margin-bottom:1.5rem;overflow:hidden}.locals-site-head{align-items:center;background:linear-gradient(90deg,#00d4ff1f,#764ba226);border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--border-color,#94a3b826);display:flex;gap:.75rem;padding:1rem 1.25rem}.locals-site-head-icon{align-items:center;background:#00d4ff33;border-radius:10px;color:#00d4ff;color:var(--accent-primary,#00d4ff);display:flex;height:40px;justify-content:center;width:40px}.locals-site-head h3{color:var(--text-primary);font-size:1.05rem;margin:0}.locals-site-head span{color:var(--text-secondary);font-size:.8rem}.locals-cards{grid-gap:.75rem;display:grid;gap:.75rem;padding:1rem}@media (min-width:640px){.locals-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.local-card{background:#0f172ad9;background:var(--bg-secondary,#0f172ad9);border:1px solid #94a3b81f;border-radius:12px;display:flex;flex-direction:column;padding:1rem 1.1rem;transition:border-color .2s ease,box-shadow .2s ease}.local-card:hover{border-color:#00d4ff40;box-shadow:0 0 0 1px #00d4ff14}.local-card-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.local-card-coords{font-family:ui-monospace,monospace;line-height:1.4;margin:0 0 .75rem}.local-card-coords,.local-card-meta{color:var(--text-secondary);font-size:.8rem}.local-card-meta{align-items:center;display:flex;gap:.35rem;margin-bottom:1rem}.local-card-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:auto}.local-card-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:background .2s ease,color .2s ease;width:40px}.local-card-btn.edit{background:#00d4ff1f;color:#00d4ff;color:var(--accent-primary,#00d4ff)}.local-card-btn.edit:hover{background:#00d4ff38}.local-card-btn.delete{background:#ef44441f;color:#f87171}.local-card-btn.delete:hover{background:#ef444438}.locals-empty-site{color:var(--text-secondary);font-size:.9rem;font-style:italic;padding:1rem 1.25rem 1.25rem}.locals-mgmt-empty,.locals-mgmt-loading{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.local-edit-modal .form-row-split{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:520px){.local-edit-modal .form-row-split{grid-template-columns:1fr}}.admin-dashboard{background:#0f172a;background:var(--bg-primary,#0f172a);display:flex;height:100vh;max-height:100vh;overflow:hidden}.admin-sidebar{background:#1e293b;background:var(--site-sidebar-adapted,var(--card-bg,#1e293b));border-right:1px solid #94a3b826;border-right:1px solid var(--border-color,#94a3b826);display:flex;flex-direction:column;flex-shrink:0;width:260px}.admin-sidebar-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.admin-logo{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.admin-logo:hover{opacity:.9}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:1rem .75rem}.admin-nav-item{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.admin-nav-item:hover{background:#ffffff0f;color:var(--text-primary)}.admin-nav-item.active{background:#00d4ff26;background:var(--accent-primary-alpha,#00d4ff26);color:#00d4ff;color:var(--accent-primary,#00d4ff)}.admin-sidebar-footer{border-top:1px solid var(--border-color);padding:1rem 1rem 1.5rem}.admin-wallet-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem 1rem;transition:opacity .2s ease;width:100%}.admin-wallet-btn:hover:not(:disabled){opacity:.95}.admin-wallet-btn:disabled{cursor:not-allowed;opacity:.6}.admin-wallet-badge{background:#ffffff0f;border-radius:8px;color:var(--text-secondary);font-family:Courier New,monospace;font-size:.85rem;padding:.65rem 1rem}.admin-main{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.admin-main-header{align-items:center;background:var(--card-bg);background:var(--site-header-adapted,var(--card-bg));border-bottom:1px solid var(--border-color);display:flex;gap:1.5rem;padding:1.25rem 2rem}.admin-main-header h1{color:var(--text-primary);flex:1 1;font-size:1.5rem;font-weight:700;margin:0}.admin-header-actions{align-items:center;display:flex;gap:.75rem}.admin-theme-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.admin-theme-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.admin-link-btn{background:var(--accent-gradient);border:none;border-radius:8px;color:var(--button-text);cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.25rem;transition:opacity .2s ease}.admin-link-btn:hover{opacity:.95}.admin-panel-sites{background:#0000;border:none;max-width:none;padding:0}.admin-panel-locals{max-width:none}.admin-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:scroll;padding:2rem}.admin-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;max-width:800px;padding:2rem}.admin-panel h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.admin-panel-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.admin-cta-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);background:var(--accent-gradient,linear-gradient(135deg,#00d4ff 0,#09c 100%));border:none;border-radius:10px;color:#0a0a0a;color:var(--button-text,#0a0a0a);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:opacity .2s ease}.admin-cta-btn:hover{opacity:.95}.database-config,.sensor-form,.sensor-management,.users-management{background:#0000;border:none;padding:0}.database-config h3,.form-section h3,.sensor-management h3,.users-management h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.75rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.submit-btn{background:var(--accent-gradient);border:none;border-radius:10px;color:var(--button-text);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:opacity .2s ease}.submit-btn:hover:not(:disabled){opacity:.95}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.sensors-table{border-collapse:collapse;width:100%}.sensors-table thead{background:#ffffff0a}.sensors-table th{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-align:left}.sensors-table td,.sensors-table th{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.sensors-table td{color:var(--text-primary);font-size:.9rem}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .6rem}.status-badge.online{background:#22c55e33;color:#22c55e}.status-badge.offline{background:#ef444433;color:#f87171}.action-buttons{display:flex;gap:.5rem}.action-btn{align-items:center;background:#ffffff14;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;justify-content:center;padding:.5rem .85rem;transition:all .2s ease}.action-btn.icon-only{min-height:40px;min-width:40px;padding:.6rem}.action-btn:hover{background:#ffffff1f;color:var(--text-primary)}.action-btn.delete{color:#f87171}.action-btn.delete:hover{background:#ef444426;border-color:#f87171}.button-group{display:flex;gap:.75rem;margin-top:1.5rem}.save-config-btn,.test-connection-btn{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.65rem 1.25rem;transition:opacity .2s ease}.test-connection-btn{background:#3b82f6;color:#fff}.test-connection-btn.valid{background:#22c55e}.test-connection-btn.invalid{background:#ef4444}.save-config-btn{background:var(--accent-primary);color:var(--button-text)}.save-config-btn:disabled{cursor:not-allowed;opacity:.5}.connection-status{border-radius:8px;font-size:.9rem;margin-top:1rem;padding:1rem}.connection-status.success{background:#22c55e26;color:#22c55e}.connection-status.error{background:#ef444426;color:#f87171}[data-theme=light] .admin-dashboard{--bg-primary:#f8fafc}[data-theme=light] .admin-sidebar{background:#fff;background:var(--site-sidebar-adapted,#fff);border-right-color:#00000014}[data-theme=light] .admin-main-header{background:#fff;background:var(--site-header-adapted,#fff);border-bottom-color:#00000014}[data-theme=light] .admin-panel{background:#fff;border-color:#00000014}[data-theme=light] .admin-nav-item:hover{background:#0000000a}[data-theme=light] .sensors-table thead{background:#f1f5f9}@media (max-width:768px){.admin-dashboard{flex-direction:column}.admin-sidebar{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.75rem;width:100%}.admin-sidebar-header{border:none;padding:.5rem 0;width:100%}.admin-nav{flex-direction:row;flex-wrap:wrap;gap:4px;padding:0}.admin-nav-item span{display:none}.admin-sidebar-footer{border:none;margin-left:auto;padding:0}.admin-main-header{padding:1rem 1.25rem}.admin-main-header h1{font-size:1.25rem}.admin-content{padding:1.25rem}.form-row{grid-template-columns:1fr}}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-content{background:#1e293b;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:90vw;overflow-y:auto;padding:1.5rem}[data-theme=light] .modal-content{background:#fff;box-shadow:0 25px 50px -12px #00000040}.sensor-edit-modal{background:#1e293b!important;box-shadow:0 25px 50px -12px #00000080;max-width:560px;min-width:420px}[data-theme=light] .sensor-edit-modal{background:#fff!important;box-shadow:0 25px 50px -12px #00000040}.sensor-id-badge{border-radius:6px;display:inline-block;font-size:.95em;font-weight:700;letter-spacing:.05em;margin-left:.35rem;padding:.2rem .6rem}.sensor-id-badge,[data-theme=light] .sensor-id-badge{background:var(--accent-primary);color:#0a0a0a}.user-edit-modal{background:#1e293b!important;max-width:480px;min-width:380px}[data-theme=light] .user-edit-modal{background:#fff!important}.delete-confirm{background:#1e293b!important}[data-theme=light] .delete-confirm{background:#fff!important}.modal-subtitle{color:var(--text-secondary);font-size:.9rem;margin:-.5rem 0 1rem}.delete-confirm h3,.sensor-edit-modal h3,.user-edit-modal h3{color:var(--text-primary);font-size:1.15rem;margin:0 0 1rem}.delete-confirm p{color:var(--text-secondary);margin:0 0 .75rem}.delete-warning{color:#f87171!important;font-size:.9rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.btn-cancel{background:#ffffff14;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.6rem 1.25rem}.btn-cancel:hover{background:#ffffff1f;color:var(--text-primary)}.btn-delete{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.25rem}.btn-delete:hover{background:#b91c1c}.form-row-checkboxes{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.checkbox-label input{margin:0;width:auto}.form-section-label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.has-fields-section{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;margin-top:1.25rem;padding:1.25rem}.has-fields-section .form-section-label{color:var(--text-primary);font-size:.95rem;margin-bottom:1rem}.has-fields-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.has-field-item{align-items:center;background:#1e293b80;background:var(--bg-secondary,#1e293b80);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.has-field-item:hover{background:#00d4ff0f;border-color:var(--accent-primary)}.has-field-item input{accent-color:var(--accent-primary);cursor:pointer;height:18px;margin:0;width:18px}.has-field-item.checked{background:#00d4ff1a;border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.has-field-item .field-label{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:500}[data-theme=light] .has-fields-section{background:#00000005}[data-theme=light] .has-field-item{background:#f8fafc}[data-theme=light] .has-field-item.checked,[data-theme=light] .has-field-item:hover{background:#00d4ff14}.users-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.users-header h3{margin:0}.user-create-form{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.user-create-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.user-create-form .form-group{margin-bottom:1rem}.user-create-form .upload-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.6rem 1rem;transition:border-color .2s ease}.user-create-form .upload-btn:hover:not(:disabled){border-color:var(--accent-primary)}.user-create-form .upload-btn:disabled{cursor:not-allowed;opacity:.6}.user-photo-preview-wrap{display:inline-block;margin-top:.75rem;position:relative}.user-photo-preview{border:2px solid var(--border-color);border-radius:50%;display:block;height:64px;object-fit:cover;width:64px}.photo-remove-btn{align-items:center;background:#dc2626;border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;padding:0;position:absolute;right:-4px;top:-4px;transition:background .2s ease;width:22px}.photo-remove-btn:hover{background:#b91c1c}.user-avatar-small{border-radius:50%;height:32px;object-fit:cover;vertical-align:middle;width:32px}.no-photo{color:var(--text-secondary);font-size:.85rem}.role-badge{border-radius:6px;display:inline-block;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.role-badge.role-admin{background:#ef444433;color:#f87171}.role-badge.role-user{background:#22c55e33;color:#22c55e}.user-create-form .alert{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.user-create-form .alert-error{background:#ef444426;color:#f87171}.user-create-form .alert-success{background:#22c55e26;color:#22c55e}@media (max-width:600px){.user-create-form .form-row{grid-template-columns:1fr}}.login-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.login-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.login-bg-gradient{background:radial-gradient(ellipse 80% 50% at 50% -20%,#00d4ff26,#0000),radial-gradient(ellipse 60% 40% at 100% 100%,#00ff8814,#0000),radial-gradient(ellipse 50% 30% at 0 80%,#3b82f60f,#0000);inset:0;position:absolute}.login-bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:48px 48px;inset:0;position:absolute}.login-bg-glow{background:radial-gradient(circle,#00d4ff0f 0,#0000 70%);height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}[data-theme=light] .login-bg-gradient{background:radial-gradient(ellipse 80% 50% at 50% -20%,#0099cc1f,#0000),radial-gradient(ellipse 60% 40% at 100% 100%,#00cc660f,#0000)}[data-theme=light] .login-bg-grid{background-image:linear-gradient(#00000008 1px,#0000 0),linear-gradient(90deg,#00000008 1px,#0000 0)}.login-theme-toggle{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:1.5rem;top:1.5rem;transition:all .25s ease;width:48px;z-index:10}.login-theme-toggle:hover{background:#ffffff1a;border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=light] .login-theme-toggle{background:#ffffffe6;border-color:#00000014;color:var(--text-primary)}[data-theme=light] .login-theme-toggle:hover{background:#fff;border-color:var(--accent-primary);color:var(--accent-primary)}.login-card{background:#1e293b;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff08;max-width:420px;padding:2.5rem 2.25rem;position:relative;width:100%;z-index:1}[data-theme=light] .login-card{background:#fff;border-color:#0000000f;box-shadow:0 25px 50px -12px #00000026,inset 0 0 0 1px #00000005}.login-header{margin-bottom:2rem;text-align:center}.login-logo-wrap{align-items:center;display:flex;justify-content:center;margin-bottom:1.25rem;min-height:64px}.login-logo-img{filter:drop-shadow(0 0 1.5px black);max-height:56px;max-width:180px;object-fit:contain}.login-logo-img.login-logo--mono{filter:brightness(0) invert(1) drop-shadow(0 0 5px black)}[data-theme=light] .login-logo-img.login-logo--mono{filter:brightness(0) drop-shadow(0 0 1.5px black)}.login-logo-default{align-items:center;display:flex;gap:.5rem}.login-logo-icon{background:var(--accent-gradient);border-radius:10px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);display:block;height:36px;width:36px}.login-logo-text{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:.05em}.login-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .35rem}.login-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.login-form input{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.login-form input::placeholder{color:var(--text-tertiary)}.login-remember{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.login-remember input{cursor:pointer;width:auto}.login-form input:focus{background:#ffffff0f;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff26;outline:none}[data-theme=light] .login-form input{background:#00000005;border-color:#00000014}[data-theme=light] .login-form input:focus{background:#fff;border-color:var(--accent-primary);box-shadow:0 0 0 3px #09c3}.login-error{background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;font-size:.875rem;padding:.875rem 1rem}[data-theme=light] .login-error{background:#ef444414;border-color:#ef444440;color:#dc2626}.login-btn{background:var(--accent-gradient);border:none;border-radius:12px;color:var(--button-text);cursor:pointer;font-size:1rem;font-weight:600;margin-top:.25rem;padding:1rem 1.5rem;transition:all .2s ease}.login-btn:hover:not(:disabled){box-shadow:0 8px 20px -8px #00d4ff66;opacity:.95;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{border-top:1px solid #ffffff0f;font-size:.875rem;margin-top:1.75rem;padding-top:1.5rem;text-align:center}[data-theme=light] .login-footer{border-top-color:#0000000f}.login-footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.login-footer a:hover{color:var(--accent-primary)}.login-footer-sep{color:var(--text-tertiary);margin:0 .5rem}.login-consent-banner{background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;bottom:1.5rem;box-shadow:0 20px 40px -12px #00000080;left:50%;max-width:90vw;padding:1rem 1.25rem;position:fixed;transform:translateX(-50%);width:380px;z-index:10}[data-theme=light] .login-consent-banner{background:#fff;border-color:#00000014;box-shadow:0 20px 40px -12px #0003}.login-consent-banner p{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 .75rem}.login-consent-actions{display:flex;gap:.5rem;justify-content:flex-end}.login-consent-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:all .2s}.login-consent-btn.accept{background:var(--accent-gradient);color:var(--button-text)}.login-consent-btn.accept:hover{opacity:.95}.login-consent-btn.decline{background:#ffffff14;border:1px solid #ffffff1f;color:var(--text-secondary)}.login-consent-btn.decline:hover{background:#ffffff1f;color:var(--text-primary)}[data-theme=light] .login-consent-btn.decline{background:#0000000a;border-color:#0000001a}[data-theme=light] .login-consent-btn.decline:hover{background:#00000014}.navbar-improved{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;border-bottom:1px solid #0000;padding:1.5rem 0;position:fixed;top:0;transition:all .4s cubic-bezier(.23,1,.32,1);width:100%;z-index:1000}.navbar-improved.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(var(--bg-primary-rgb),.8);border-bottom-color:var(--border-color);box-shadow:0 10px 40px #0000001a;padding:1rem 0}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--text-primary);font-size:1.35rem;font-weight:800;gap:.75rem;transition:color .3s ease}.logo-icon{color:var(--accent-primary);filter:drop-shadow(0 0 10px var(--accent-primary-alpha))}.navbar-menu{display:flex;gap:3rem}.navbar-menu a{color:var(--text-secondary);font-size:.95rem;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.navbar-menu a:after{background:var(--accent-gradient);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-menu a:hover{color:var(--accent-primary)}.navbar-menu a:hover:after{width:100%}.navbar-actions{align-items:center;display:flex;gap:1.5rem}.navbar-user-dropdown{border-left:1px solid var(--border-color);margin-left:.75rem;padding-left:.75rem}.network-badge{align-items:center;background:var(--accent-primary-alpha);border:1px solid var(--accent-primary-alpha);border-radius:50px;color:var(--accent-primary);display:flex;font-size:.9rem;font-weight:600;gap:.65rem;padding:.6rem 1.2rem;transition:all .3s ease}.network-badge:hover{color:var(--button-text)}.badge-dot,.network-badge:hover{background:var(--accent-primary)}.badge-dot{animation:pulse 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.network-badge:hover .badge-dot{background:#fff}.theme-toggle{align-items:center;background:var(--toggle-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle:hover{background:var(--toggle-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.navbar-demo-link{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.navbar-demo-link:hover{background:var(--accent-primary-alpha);color:var(--accent-primary)}.navbar-globe-link{border-radius:8px;color:var(--text-secondary);font-size:.95rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.navbar-globe-link:hover{background:var(--accent-primary-alpha);color:var(--accent-primary)}.navbar-admin-link{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.navbar-admin-link:hover{background:var(--accent-primary-alpha);color:var(--accent-primary)}@media (max-width:768px){.navbar-menu{display:none}.navbar-actions{gap:.75rem}.navbar-admin-link span{display:none}.navbar-user-dropdown{margin-left:1rem;padding-left:1rem}.navbar-demo-link span,.navbar-globe-link,.network-badge{display:none}}.hero-section-improved{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);display:flex;min-height:100vh;overflow:hidden;padding:8rem 2rem 4rem;position:relative}.hero-container-improved{grid-gap:6rem;align-items:center;display:grid;gap:6rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;position:relative;width:100%;z-index:10}.hero-content-improved{display:flex;flex-direction:column;gap:2rem}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--accent-primary-alpha);border:1px solid var(--accent-primary-alpha);border-radius:50px;color:var(--accent-primary);display:inline-flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;width:fit-content}.badge-icon{animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.6}}.hero-title-improved{color:var(--text-primary);font-size:3.5rem;font-weight:800;line-height:1.15}.title-highlight{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;display:block;margin-top:.5rem}.hero-description-improved{color:var(--text-secondary);font-size:1.2rem;line-height:1.8;max-width:550px}.hero-buttons-improved{display:flex;gap:1.5rem;margin-top:1rem}.btn-primary-improved,.btn-secondary-improved{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.23,1,.32,1)}.btn-primary-improved{background:var(--accent-gradient);box-shadow:0 10px 30px #0f83;color:var(--button-text)}.btn-primary-improved:hover{box-shadow:0 15px 40px #00ff884d;transform:translateY(-3px)}.btn-primary-improved:active{transform:translateY(-1px)}.btn-secondary-improved{background:#0000;border:2px solid var(--border-color);color:var(--text-primary)}.btn-secondary-improved:hover{background:var(--accent-primary-alpha);border-color:var(--accent-primary);color:var(--accent-primary)}.hero-stats{border-top:1px solid var(--border-color);display:flex;gap:3rem;margin-top:2rem;padding-top:2rem}.hero-stat{display:flex;flex-direction:column;gap:.5rem}.stat-value{font-size:1.75rem;font-weight:800}.stat-label{font-size:.85rem}.hero-globe-improved{height:600px;position:relative;width:100%}.globe-loader{align-items:center;color:var(--accent-primary);display:flex;height:100%;justify-content:center}.loader-spinner{animation:spin 1s linear infinite;border:3px solid var(--accent-primary-alpha);border-radius:50%;border-top-color:var(--accent-primary);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.hero-decorations{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.decoration-blur{border-radius:50%;filter:blur(100px);opacity:.15;position:absolute}.blur-1{background:var(--accent-primary);height:500px;right:-100px;top:-100px;width:500px}.blur-2{background:var(--accent-secondary);bottom:-100px;height:400px;left:50%;transform:translateX(-50%);width:400px}@media (max-width:1024px){.hero-container-improved{gap:3rem}.hero-globe-improved{height:400px}}@media (max-width:768px){.hero-section-improved{min-height:auto;padding:5rem 1.5rem 2rem}.hero-container-improved{gap:3rem;grid-template-columns:1fr}.hero-title-improved{font-size:2.25rem}.hero-description-improved{font-size:1rem}.hero-buttons-improved{flex-direction:column}.btn-primary-improved,.btn-secondary-improved{justify-content:center;width:100%}.hero-stats{flex-direction:column;gap:1.5rem}.hero-globe-improved{height:300px;margin-top:2rem}}.stats-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);padding:4rem 2rem;transition:background-color .3s ease,border-color .3s ease}.stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:800px}.stat-card{border:1px solid var(--border-color);border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:var(--card-hover);border-color:var(--accent-primary-alpha);transform:translateY(-5px)}.stat-value{color:var(--accent-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label,.stat-value{transition:color .3s ease}.stat-label{color:var(--text-secondary);font-size:.95rem;letter-spacing:.1em;text-transform:uppercase}@media (max-width:768px){.stats-container{grid-template-columns:1fr}}.features-section-improved{background:var(--bg-secondary);overflow:hidden;padding:7rem 2rem;position:relative}.features-section-improved:before{background:linear-gradient(90deg,#0000,var(--accent-primary-alpha),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.section-header{margin-bottom:5rem;text-align:center}.section-title-large{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:3rem;font-weight:800;margin-bottom:1rem}.section-subtitle{color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.features-grid-improved{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin:0 auto;max-width:1400px}.feature-card-improved{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.feature-card-improved:before{background:linear-gradient(135deg,var(--accent-primary-alpha),#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card-improved:hover{background:var(--card-hover);border-color:var(--accent-primary-alpha);box-shadow:0 20px 50px #00ff8826}.feature-card-improved:hover:before{opacity:.1}.feature-icon-wrapper{align-items:center;border-radius:14px;display:flex;height:70px;justify-content:center;margin-bottom:1.5rem;position:relative;transition:all .3s ease;width:70px;z-index:1}.feature-card-improved:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg)}.feature-icon{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.feature-title{color:var(--text-primary);font-size:1.35rem;font-weight:700;margin-bottom:.75rem;position:relative;z-index:1}.feature-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7;position:relative;z-index:1}@media (max-width:768px){.features-section-improved{padding:4rem 1.5rem}.section-title-large{font-size:2rem}.features-grid-improved{gap:1.5rem;grid-template-columns:1fr}.feature-card-improved{padding:1.75rem}}.tokenomics-section{background:var(--bg-tertiary);padding:6rem 2rem}.tokenomics-container{margin:0 auto;max-width:1200px}.tokenomics-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:4rem}.tokenomics-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.info-card:hover{background:var(--card-hover);border-color:var(--accent-primary-alpha)}.info-card h3{color:var(--accent-primary);font-size:1.25rem;margin-bottom:.75rem}.info-card p{color:var(--text-primary);line-height:1.6}.chart-container{align-items:center;display:flex;flex-direction:column;gap:2rem}.chart-circle{background:conic-gradient(var(--accent-primary) 0deg 216deg,var(--accent-secondary) 216deg 288deg,#ff6b6b 288deg 324deg,#ffd93d 324deg 1turn);border-radius:50%;box-shadow:0 0 50px var(--accent-primary-alpha);height:300px;position:relative;transition:box-shadow .3s ease;width:300px}.chart-circle:before{background:var(--bg-tertiary);border-radius:50%;content:"";height:60%;left:20%;position:absolute;top:20%;width:60%}.chart-legend{display:flex;flex-direction:column;gap:.75rem}.legend-item{align-items:center;display:flex;gap:.75rem}.legend-color{border-radius:2px;height:12px;width:12px}.legend-label{color:var(--text-primary);flex:1 1}.legend-value{color:var(--accent-primary);font-weight:600}@media (max-width:768px){.tokenomics-content{grid-template-columns:1fr}}.roadmap-section{background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%);overflow:hidden;padding:6rem 2rem;position:relative}.roadmap-section:before{background:linear-gradient(90deg,#0000,var(--accent-primary-alpha),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0;transition:background .3s ease}.roadmap-container{margin:0 auto;max-width:1200px}.roadmap-timeline{padding:4rem 0;position:relative}.timeline-line{background:linear-gradient(180deg,var(--accent-primary-alpha) 0,var(--accent-primary) 50%,var(--accent-primary-alpha) 100%);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:background .3s ease;width:2px}.timeline-item{margin-bottom:3rem;position:relative}.timeline-item.left .timeline-content{padding-right:calc(50% + 40px);text-align:right}.timeline-item.right .timeline-content{padding-left:calc(50% + 40px);text-align:left}.timeline-content{position:relative}.timeline-dot{align-items:center;background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:50%;display:flex;height:20px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:20px;z-index:10}.timeline-dot.upcoming{border-color:var(--accent-secondary)}.timeline-dot.future{border-color:var(--accent-primary-alpha)}.dot-inner{animation:pulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;height:8px;width:8px}.timeline-dot.upcoming .dot-inner{background:var(--accent-secondary)}.timeline-dot.future .dot-inner{background:var(--accent-primary);opacity:.5}.timeline-card{border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:inline-block;padding:1.5rem 2rem;transition:all .3s ease}.timeline-card:hover{background:var(--card-hover);border-color:var(--accent-primary-alpha);box-shadow:0 10px 30px var(--accent-primary-alpha)}.timeline-quarter{color:var(--accent-primary);font-size:.9rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.timeline-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.timeline-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;transition:color .3s ease}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.timeline-line{left:20px}.timeline-item.left .timeline-content,.timeline-item.right .timeline-content{padding-left:60px;padding-right:20px;text-align:left}.timeline-dot{left:20px}.timeline-card{padding:1rem 1.5rem}}.cta-section{background:linear-gradient(135deg,var(--accent-primary-alpha) 0,var(--accent-secondary-alpha) 100%);border-top:1px solid var(--border-color);padding:6rem 2rem;transition:all .3s ease}.cta-container{margin:0 auto;max-width:800px;text-align:center}.cta-title{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.cta-description{color:var(--text-primary);font-size:1.25rem;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center}.cta-btn-primary,.cta-btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cta-btn-primary{background:var(--accent-gradient);color:var(--button-text);transition:all .3s ease}.cta-btn-primary:hover{box-shadow:0 10px 30px var(--accent-primary-alpha);transform:translateY(-2px)}.cta-btn-secondary{background:#0000;border:2px solid var(--border-color);color:var(--text-primary);transition:all .3s ease}.cta-btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@media (max-width:768px){.cta-title{font-size:2rem}.cta-buttons{flex-direction:column}.cta-btn-primary,.cta-btn-secondary{width:100%}}.landing-container-improved{background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;overflow-y:auto;transition:background-color .4s ease,color .4s ease;width:100%}html{scroll-behavior:smooth}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}a,button{transition:all .3s cubic-bezier(.23,1,.32,1)}.landing-container-improved{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-container-improved section{overflow-x:hidden;position:relative;width:100%}.settings-page{background:var(--bg-primary);min-height:100vh;padding:2rem}.settings-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto 2rem;max-width:600px}.settings-theme-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.settings-theme-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.settings-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.95rem;padding:.5rem 0}.settings-back:hover{color:var(--accent-primary)}.settings-card{background:#1e293b;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 24px #00000014;margin:0 auto;max-width:480px;padding:2rem}[data-theme=light] .settings-card{background:#fff;border-color:#0000000f}.settings-card h1{color:var(--text-primary);font-size:1.5rem;margin-bottom:.25rem}.settings-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.settings-company-logo{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:center;margin-bottom:2rem;padding:1rem}.settings-company-logo-img{max-height:48px;max-width:160px;object-fit:contain}.settings-company-logo-img.logo-mono{filter:brightness(0) invert(1)}[data-theme=light] .settings-company-logo-img.logo-mono{filter:brightness(0)}.settings-photo-section{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.settings-photo-btn{background:var(--accent-gradient);border:3px solid var(--border-color);border-radius:50%;color:var(--button-text);cursor:pointer;font-size:2rem;font-weight:600;height:96px;overflow:hidden;transition:all .2s ease;width:96px}.settings-photo-btn:hover{border-color:var(--accent-primary);transform:scale(1.02)}.settings-photo-img{height:100%;object-fit:cover;width:100%}.settings-photo-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.settings-photo-hint{color:var(--text-secondary);font-size:.8rem;margin-top:.75rem}.settings-form .form-group{margin-bottom:1.25rem}.settings-form label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.settings-form input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;width:100%}.settings-form input:focus{border-color:var(--accent-primary);outline:none}.settings-form input.disabled{cursor:not-allowed;opacity:.7}.settings-error{background:#ef444426;color:#f87171}.settings-error,.settings-success{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.settings-success{background:#22c55e26;color:#22c55e}.settings-save-btn{background:var(--accent-gradient);border:none;border-radius:10px;color:var(--button-text);cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1.5rem;transition:opacity .2s ease;width:100%}.settings-save-btn:hover:not(:disabled){opacity:.95}.settings-save-btn:disabled{cursor:not-allowed;opacity:.7}: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}