@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap";:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Open Sans,sans-serif;overflow:hidden}.app-root{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}:root{--color-primary: #008db3;--color-primary-dark: #1164b4;--color-primary-dark-pastel: #0d4e7345;--color-primary-soft: #e8f4f8;--color-primary-background: #f7f7f7;--color-primary-light: rgba(0, 123, 255, .25);--color-border: #dedede;--color-border-hover: #ccc;--color-bg-panel: #f9f9f9;--color-bg-white: #fff;--color-bg-disabled: #e0e0e0;--color-text: #333;--color-shadow: rgba(0, 0, 0, .1);--color-shadow-modal: rgba(0, 0, 0, .2);--color-brand-blue: #1469A4;--color-brand-blue-dark: #105a84;--color-brand-blue-darker: #0d4f7a;--color-brand-blue-alpha-10: rgba(20, 105, 164, .1);--color-brand-blue-alpha-15: rgba(20, 105, 164, .15);--color-brand-blue-alpha-20: rgba(20, 105, 164, .2);--color-brand-blue-alpha-30: rgba(20, 105, 164, .3);--color-brand-blue-alpha-40: rgba(20, 105, 164, .4);--color-brand-blue-alpha-50: rgba(20, 105, 164, .5);--color-success: #4caf50;--color-success-dark: #43a047;--color-success-bg-from: #e8f5e9;--color-success-bg-to: #c8e6c9;--color-success-bg-hover-from: #c8e6c9;--color-success-bg-hover-to: #a5d6a7;--color-success-text: #156d21;--color-success-text-hover: #1b5e20;--color-success-alpha-10: rgba(76, 175, 80, .1);--color-success-alpha-15: rgba(76, 175, 80, .15);--color-success-alpha-20: rgba(76, 175, 80, .2);--color-success-alpha-25: rgba(76, 175, 80, .25);--color-danger: #dc3545;--color-danger-dark: #bd2130;--color-danger-bg: #faeced;--color-danger-bg-hover: #f9dde0;--color-danger-text: #721c24;--color-warning: #ffc107;--color-warning-bg: #fff9e6;--color-warning-text: #856404;--color-text-muted: #6c757d;--color-text-soft: #52525b;--color-text-faint: #71717a;--spacing-xs: 6px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-1: 1px;--spacing-2: 2px;--spacing-3: 3px;--spacing-6: 6px;--spacing-10: 10px;--spacing-14: 14px;--spacing-36: 36px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-full: 50%;--font-family: "Open Sans", sans-serif;--font-size-xs: 9px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-size-5xl: 36px;--font-size-6xl: 48px;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-legend: 0;--z-controls: 1000;--z-containers: 1001;--z-modals: 2000;--z-loading: 9999;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--control-border-width: 2px;--control-radius: var(--radius-md);--control-transition: all .2s ease;--opacity-disabled: .5;--opacity-muted: .85;--panel-bg-opacity: .3;--control-bg-opacity: .9;--scrollbar-width: auto;--scrollbar-track: var(--color-primary-background);--scrollbar-thumb: var(--color-primary-dark-pastel);--scrollbar-thumb-hover: var(--color-primary-dark)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm);transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.fade-normal{transition:opacity var(--duration-normal) ease-in-out,transform var(--duration-normal) ease-in-out}.fade-slow{transition:opacity var(--duration-slow) ease-in-out,transform var(--duration-slow) ease-in-out}.fade-visible{opacity:1;transform:translateY(0);pointer-events:auto}.fade-hidden{opacity:0;transform:translateY(10px);pointer-events:none}.loading{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-loading);display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn .3s ease-in}.loading-logo{width:120px;height:auto;margin-bottom:2dvh;animation:blink 1.2s ease-in-out infinite;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes blink{15%,85%{opacity:1}50%{opacity:0}}.progress{width:25%;min-width:200px;max-width:400px;height:14px;background-color:#f0f0f0;border-radius:var(--radius-md);overflow:hidden;margin-top:2dvh;border:2px solid var(--color-border);box-shadow:0 2px 8px #0000001a}.progress-bar{height:100%;background-color:var(--color-primary);transition:width .3s ease-in-out}.settings-logo{height:100%;max-height:var(--font-size-5xl);width:auto;-webkit-user-select:none;user-select:none}.styled-checkbox i,.panel-button i,.box-cont i{color:var(--color-primary-dark);margin-right:var(--spacing-sm);display:inline-block;width:1.25em;text-align:center}.panel-component,.box-cont,.box-cont-s,.panel-button{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);border:var(--control-border-width) solid var(--color-border);border-radius:var(--control-radius);transition:var(--control-transition);-webkit-user-select:none;user-select:none;box-sizing:border-box}button.panel-button,button.box-cont,.chat-toggle-button,.chatbox-close,.chatbox-send-button,.chatbox-suggestion-button,.chatbox-query-action-button,.chatbox-analyze-button-full,.device-chip{appearance:none;-webkit-appearance:none;font-family:var(--font-family);cursor:pointer}.data-source-info-icon{appearance:none;-webkit-appearance:none;cursor:pointer}.selection-panel,.container-t-l,.panel-card,.legend-container{background:rgba(249,249,249,var(--panel-bg-opacity));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:var(--control-border-width) solid var(--color-border);border-radius:var(--control-radius);box-shadow:0 4px 16px var(--color-shadow)}.panel-card{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-sm)}.panel-divider{height:1px;background:var(--color-border);margin:var(--spacing-2) 0}.panel-card .box-cont-b{width:100%;align-items:stretch}.panel-card .button-wrapper{width:100%;display:block}.panel-card .panel-button{width:100%}.selection-panel{position:absolute;bottom:calc(1.5dvh + env(safe-area-inset-bottom,0px));left:.8vw;z-index:var(--z-controls);display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)}.selection-panel>.selector-group{width:130px;min-width:0}.selection-panel .custom-select-wrapper{width:100%}.selection-panel-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.selection-panel-label .data-source-info-icon{font-size:var(--font-size-md);padding:var(--spacing-2);margin:0}.selection-panel-label .data-source-info-container{margin:0;flex:0 0 auto}.selection-panel .panel-divider{width:1px;height:auto;align-self:stretch;margin:0}.container-t-l{position:absolute;top:1dvh;left:.8vw;z-index:var(--z-containers);display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-2);padding:var(--spacing-sm)}.container-t-r{position:absolute;top:1dvh;right:.8vw;z-index:var(--z-containers);display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.box-cont{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md);min-height:var(--spacing-36);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);text-align:left;width:100%}.box-cont:hover{background-color:var(--color-brand-blue-alpha-10)}.box-cont.active{background-color:var(--color-brand-blue-alpha-10);color:var(--color-brand-blue-darker)}.box-cont.active i{color:var(--color-brand-blue)}.box-cont-s{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.box-cont-b{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:center}.button-wrapper{display:inline-block;position:relative}.button-wrapper[data-tooltip]:not([data-tooltip=""]):hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-sm);padding:var(--spacing-6) var(--spacing-10);background-color:#000000d9;color:#fff;font-size:var(--font-size-sm);white-space:nowrap;border-radius:4px;z-index:10000;pointer-events:none}.button-wrapper[data-tooltip]:not([data-tooltip=""]):hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;border:6px solid transparent;border-top-color:#000000d9;z-index:10000;pointer-events:none}button.panel-button{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:var(--spacing-sm) var(--spacing-md);min-height:var(--spacing-36);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);font-weight:var(--font-weight-medium);outline:none;text-align:left;white-space:nowrap;cursor:pointer;transition:var(--control-transition)}button.panel-button:not(:disabled):hover{background:var(--color-brand-blue-alpha-10)}button.panel-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.styled-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.styled-checkbox input{position:absolute;opacity:0;width:0;height:0}.checkbox-square{position:relative;display:inline-block;width:20px;height:20px;background-color:var(--color-bg-white);border:2px solid var(--color-border);transition:all .5s;border-radius:var(--radius-sm)}input:checked+.checkbox-square{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.styled-checkbox .checkbox-text{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.legend-container{position:absolute;bottom:1dvh;right:.8vw;padding:var(--spacing-md);font-weight:var(--font-weight-medium);z-index:var(--z-legend);-webkit-user-select:none;user-select:none;min-width:140px}.legend-palette-section{margin-bottom:var(--spacing-md);display:flex;justify-content:center}.legend-palette-section .custom-select-wrapper{width:100%}.legend-palette-swatch{display:inline-block;width:32px;height:14px;border-radius:var(--radius-xs);box-shadow:0 0 0 1px #0000001f;flex-shrink:0}.legend-items-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm)}.legend-color-box{width:18px;height:18px;border-radius:var(--radius-sm);flex-shrink:0;border:1px solid rgba(0,0,0,.15)}.legend-label{font-size:var(--font-size-md);color:var(--color-text);line-height:1.3}.legend-toggle-section{padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;justify-content:center}.legend-toggle-section .styled-checkbox{margin:0}.modal-overlay{position:fixed;inset:0;background-color:#00000073;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modals);animation:modalOverlayIn .2s ease}.modal-content{background-color:var(--color-bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);width:90%;max-height:90dvh;overflow:auto;box-shadow:0 12px 48px #00000047;animation:modalContentIn .24s cubic-bezier(.16,1,.3,1)}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content-pie{max-width:700px}.modal-content-timeseries{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg)}.modal-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.modal-close{background:none;border:none;font-size:var(--font-size-3xl);cursor:pointer;color:var(--color-bg-panel);padding:0;width:var(--spacing-3xl);height:var(--spacing-3xl);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s ease,color .2s ease}.modal-close:hover{background-color:#f0f0f0;color:#333}.chart-container{width:100%;margin:0 auto;padding:var(--spacing-xs) var(--spacing-md);min-height:350px}.chart-container-pie{width:90%;padding-bottom:8px}.chart-container-timeseries{max-width:100%;min-height:400px}.modal-content-pie,.modal-content-timeseries,.modal-content-product-comparison,.modal-content-settings{padding:0;max-height:90dvh;height:auto;overflow:hidden;display:flex;flex-direction:column}.modal-content-pie .modal-header,.modal-content-timeseries .modal-header,.modal-content-product-comparison .modal-header,.modal-content-settings .modal-header{background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0}.modal-content-pie .modal-title,.modal-content-timeseries .modal-title,.modal-content-product-comparison .modal-title,.modal-content-settings .modal-title{display:flex;align-items:center;gap:var(--spacing-10);color:#fff}.modal-content-pie .modal-title i,.modal-content-timeseries .modal-title i,.modal-content-product-comparison .modal-title i,.modal-content-settings .modal-title i{font-size:var(--font-size-2xl)}.modal-content-pie .modal-close,.modal-content-timeseries .modal-close,.modal-content-product-comparison .modal-close,.modal-content-settings .modal-close{background:#ffffff1a;border:none;color:#fff;width:var(--spacing-3xl);height:var(--spacing-3xl);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);transition:background .2s ease}.modal-content-pie .modal-close:hover,.modal-content-timeseries .modal-close:hover,.modal-content-product-comparison .modal-close:hover,.modal-content-settings .modal-close:hover{background:#ffffff4d}.modal-content-welcome{max-width:560px;width:90%;padding:0;overflow:hidden;display:flex;flex-direction:column}.welcome-hero{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-brand-blue));color:#fff;text-align:center;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl)}.welcome-logo{height:52px;width:auto;margin-bottom:var(--spacing-md);filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));-webkit-user-select:none;user-select:none}.welcome-title{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:.5px}.welcome-subtitle{margin:var(--spacing-sm) auto 0;max-width:42ch;font-size:var(--font-size-md);opacity:.92;line-height:1.55}.welcome-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md) var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-sm)}.welcome-feature{display:flex;align-items:flex-start;gap:var(--spacing-md)}.welcome-feature-icon{flex-shrink:0;width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft);color:var(--color-brand-blue);font-size:var(--font-size-xl)}.welcome-feature-text{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:0}.welcome-feature-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.welcome-feature-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}.welcome-select{padding:var(--spacing-md) var(--spacing-2xl) 0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.welcome-select-label{font-size:var(--font-size-base);font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.welcome-start-button{margin:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl);padding:var(--spacing-md) var(--spacing-lg);appearance:none;-webkit-appearance:none;border:none;border-radius:var(--control-radius);background:var(--color-primary-dark);color:#fff;font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:var(--control-transition);box-shadow:0 4px 12px var(--color-brand-blue-alpha-30)}.welcome-start-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px var(--color-brand-blue-alpha-40)}.welcome-start-button:active{transform:translateY(0);box-shadow:0 2px 6px var(--color-brand-blue-alpha-20)}@media(max-width:768px){.welcome-hero{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.welcome-title{font-size:var(--font-size-2xl)}.welcome-features{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xs)}.welcome-select{padding:var(--spacing-sm) var(--spacing-lg) 0}.welcome-start-button{margin:var(--spacing-lg)}}.pie-info-section{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-sm)}.pie-info-card{background:var(--color-primary-background);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border-left:var(--spacing-xs) solid var(--color-brand-blue);box-shadow:0 1px 3px #0000000f}.pie-info-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.pie-info-value{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.pie-breadcrumb{font-size:var(--font-size-base);color:#495057;font-weight:500;line-height:1.5}.pie-separator{color:#adb5bd;margin:0 var(--spacing-xs);font-weight:300}.pie-year-badge{background:var(--color-primary-dark);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;box-shadow:0 2px 6px var(--color-brand-blue-alpha-30)}.pie-total-card{background:var(--color-primary-dark);padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--spacing-md);text-align:center;min-width:180px;box-shadow:0 4px 12px var(--color-brand-blue-alpha-30)}.pie-total-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;color:#ffffffd9;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.pie-total-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;line-height:1.2}.pie-unit{font-size:var(--font-size-md);font-weight:500;opacity:var(--opacity-muted);margin-left:var(--spacing-xs)}.timeseries-info-section{padding:var(--spacing-lg) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.timeseries-header-card{background:var(--color-primary-background);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border-left:var(--spacing-xs) solid var(--color-brand-blue);box-shadow:0 1px 3px #0000000f;margin-bottom:var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.timeseries-region-info,.timeseries-data-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.timeseries-info-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px}.timeseries-region-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);display:flex;align-items:center}.timeseries-breadcrumb{font-size:var(--font-size-base);color:#495057;font-weight:500;line-height:1.5}.timeseries-separator{color:#adb5bd;margin:0 var(--spacing-xs);font-weight:300}.timeseries-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.timeseries-stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-14) var(--spacing-lg);border-radius:var(--spacing-10);box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.timeseries-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.timeseries-stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);flex-shrink:0}.timeseries-stat-content{flex:1;min-width:0}.timeseries-stat-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.timeseries-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeseries-unit{font-size:var(--font-size-sm);font-weight:500;opacity:var(--opacity-muted);margin-left:var(--spacing-3)}.timeseries-stat-current{background:var(--color-primary-dark);color:#fff}.timeseries-stat-current .timeseries-stat-icon{background:#fff3;color:#fff}.timeseries-stat-current .timeseries-stat-label{color:#ffffffd9}.timeseries-stat-max{background:#28a745;color:#fff}.timeseries-stat-max .timeseries-stat-icon{background:#fff3;color:#fff}.timeseries-stat-max .timeseries-stat-label{color:#ffffffd9}.timeseries-stat-avg{background:#fd7e14;color:#fff}.timeseries-stat-avg .timeseries-stat-icon{background:#fff3;color:#fff}.timeseries-stat-avg .timeseries-stat-label{color:#ffffffd9}.timeseries-stat-min{background:#dc3545;color:#fff}.timeseries-stat-min .timeseries-stat-icon{background:#fff3;color:#fff}.timeseries-stat-min .timeseries-stat-label{color:#ffffffd9}.chart-container-timeseries{padding:0 20px 20px}.chat-toggle-button{width:48px;height:48px;border-radius:var(--control-radius);background:var(--color-primary-dark);border:var(--control-border-width) solid var(--color-border);color:#fff;font-size:var(--font-size-2xl);box-shadow:0 4px 12px var(--color-brand-blue-alpha-40);transition:all .3s ease;display:flex;align-items:center;justify-content:center;align-self:flex-end}.chat-toggle-button:hover{transform:scale(1.05);box-shadow:0 6px 16px var(--color-brand-blue-alpha-50);border-color:var(--color-brand-blue)}.chat-toggle-button:active{transform:scale(.98)}.chatbox-overlay{position:fixed;inset:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:var(--z-modals);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chatbox-container{background-color:var(--color-bg-white);border-radius:var(--radius-lg);width:90%;max-width:500px;height:720px;max-height:80dvh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.chatbox-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.chatbox-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.chatbox-title i{font-size:var(--font-size-2xl)}.chatbox-close{background:#ffffff1a;border:none;color:#fff;width:var(--spacing-3xl);height:var(--spacing-3xl);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);transition:background-color .2s ease}.chatbox-close:hover{background:#ffffff4d}.chatbox-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);background:#f8f9fa;display:flex;flex-direction:column;gap:var(--spacing-md)}.chatbox-message{display:flex;flex-direction:column;max-width:75%;animation:messageSlide .2s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbox-message-user{align-self:flex-end}.chatbox-message-mergen{align-self:flex-start;max-width:88%}.chatbox-query-badge{display:inline-flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-xs) var(--spacing-10);background:#e8f4f8;border:1px solid #b3d9e8;border-radius:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-brand-blue);margin-bottom:var(--spacing-6)}.chatbox-query-badge i{font-size:var(--font-size-sm)}.chatbox-message-content{padding:var(--spacing-10) var(--spacing-14);border-radius:var(--radius-md);font-size:var(--font-size-base);line-height:1.5;word-wrap:break-word;overflow-x:auto;box-shadow:0 1px 2px #0000000f}.chatbox-message-user .chatbox-message-content{background:var(--color-primary-dark);color:#fff;border-bottom-right-radius:4px}.chatbox-message-mergen .chatbox-message-content{background:var(--color-primary-background);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:4px}.chatbox-message-content.streaming:after{content:"▍";color:var(--color-brand-blue);animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.chatbox-message-content p{margin:0 0 var(--spacing-sm) 0}.chatbox-message-content p:last-child{margin-bottom:0}.chatbox-message-content ul,.chatbox-message-content ol{margin:var(--spacing-sm) 0;padding-left:var(--spacing-xl)}.chatbox-message-content li{margin:var(--spacing-xs) 0}.chatbox-message-content strong{font-weight:600;color:inherit}.chatbox-message-content em{font-style:italic}.chatbox-message-content code{background:#0000000d;padding:var(--spacing-2) var(--spacing-xs);border-radius:var(--spacing-3);font-family:Courier New,monospace;font-size:.9em}.chatbox-message-content pre{background:#0000000d;padding:var(--spacing-sm);border-radius:var(--spacing-xs);overflow-x:auto;margin:var(--spacing-sm) 0}.chatbox-message-content pre code{background:none;padding:0}.chatbox-message-content h1,.chatbox-message-content h2,.chatbox-message-content h3,.chatbox-message-content h4,.chatbox-message-content h5,.chatbox-message-content h6{margin:var(--spacing-sm) 0 var(--spacing-xs) 0;font-weight:600}.chatbox-message-content h1{font-size:1.2em}.chatbox-message-content h2{font-size:1.1em}.chatbox-message-content h3{font-size:1em}.chatbox-message-content h4,.chatbox-message-content h5,.chatbox-message-content h6{font-size:.95em}.chatbox-message-content blockquote{border-left:var(--spacing-3) solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-sm) 0;color:#666}.chatbox-message-content table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;font-size:var(--font-size-base);box-shadow:0 2px 8px #00000014;border-radius:var(--spacing-sm);overflow:hidden}.chatbox-message-content thead{background:var(--color-primary-dark);color:#fff}.chatbox-message-content thead th{padding:var(--spacing-md) var(--spacing-10);text-align:left;font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;border-bottom:var(--spacing-2) solid var(--color-brand-blue-darker)}.chatbox-message-content tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.chatbox-message-content tbody tr:last-child{border-bottom:none}.chatbox-message-content tbody tr:nth-child(2n){background-color:#f8f9fa}.chatbox-message-content tbody tr:hover{background-color:#e8f4f8}.chatbox-message-content tbody td{padding:var(--spacing-10);text-align:left;color:#495057;font-size:var(--font-size-base)}.chatbox-message-content tbody td:first-child{font-weight:500;color:#212529}.chatbox-message-content tbody td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.chatbox-input-container{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary-background);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.chatbox-input{flex:1;padding:var(--spacing-10) var(--spacing-14);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;transition:border-color .2s ease}.chatbox-input:focus{border-color:var(--color-brand-blue);box-shadow:0 0 0 3px var(--color-brand-blue-alpha-15)}.chatbox-analyze-section{padding:var(--spacing-10) 21px 0 21px;background:#fafafa;display:flex;justify-content:flex-start}.chatbox-analyze-button-full{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary);border-radius:var(--spacing-6);background:var(--color-primary-background);color:#3f3f46;font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:var(--spacing-6);transition:all .15s ease;box-shadow:0 1px 2px var(--color-brand-blue-alpha-10);max-width:100%}.chatbox-analyze-button-full:hover:not(:disabled){background:#fafafa;box-shadow:0 1px 3px var(--color-brand-blue-alpha-20)}.chatbox-analyze-button-full:hover:not(:disabled) i,.chatbox-analyze-button-full:hover:not(:disabled) .chatbox-analyze-query{color:var(--color-primary)}.chatbox-analyze-button-full:active:not(:disabled){transform:scale(.98)}.chatbox-analyze-button-full:disabled{cursor:not-allowed;opacity:var(--opacity-disabled);background:#f4f4f5;border-color:#d4d4d8;box-shadow:0 1px 2px #0000000d}.chatbox-analyze-button-full.analyzed{animation:fadeOutUp 1s ease-out forwards;pointer-events:none}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.chatbox-analyze-button-full i{font-size:var(--font-size-sm);flex-shrink:0;color:#71717a;transition:color .15s ease}.chatbox-analyze-query{flex:1;text-align:left;line-height:1.3;font-weight:400;color:#52525b;transition:color .15s ease}.chatbox-send-button{width:44px;height:44px;border:none;border-radius:var(--control-radius);background:var(--color-primary-dark);color:#fff;font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;transition:var(--control-transition)}.chatbox-send-button:hover{transform:scale(1.05);box-shadow:0 2px 8px var(--color-brand-blue-alpha-30)}.chatbox-send-button:active{transform:scale(.95)}.chatbox-send-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;background:#ccc}.chatbox-send-button:disabled:hover{transform:scale(1);box-shadow:none}.chatbox-progress-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:0;font-size:var(--font-size-base);font-weight:400;color:#6c757d;animation:fadeIn .3s ease}.chatbox-progress-status i{font-size:var(--font-size-md);color:var(--color-brand-blue)}.chatbox-typing-dots{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.chatbox-typing-dots span{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-brand-blue);animation:typingBounce 1.2s infinite ease-in-out}.chatbox-typing-dots span:nth-child(2){animation-delay:.15s}.chatbox-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}.chatbox-suggestions{margin-top:var(--spacing-md);animation:messageSlide .3s ease}.chatbox-suggestions-title{font-size:var(--font-size-sm);font-weight:600;color:#6c757d;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}.chatbox-suggestions-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.chatbox-suggestion-button{background:var(--color-primary-background);border:1px solid var(--color-border);border-radius:var(--control-radius);padding:var(--spacing-10) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text);transition:var(--control-transition);display:flex;align-items:center;gap:var(--spacing-sm);text-align:left;line-height:1.4}.chatbox-suggestion-button i{color:var(--color-brand-blue);font-size:var(--font-size-md);flex-shrink:0}.chatbox-suggestion-button:hover{background:#f8f9fa;border-color:var(--color-brand-blue);box-shadow:0 2px 4px var(--color-brand-blue-alpha-10);transform:translateY(-1px)}.chatbox-suggestion-button:active{transform:translateY(0)}.chatbox-query-actions{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);animation:messageSlide .3s ease}.chatbox-query-action-button{background:var(--color-primary-dark);border:none;border-radius:var(--control-radius);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-align:center;line-height:1.4;box-shadow:0 2px 6px var(--color-brand-blue-alpha-20)}.chatbox-query-action-button:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px var(--color-brand-blue-alpha-30);transform:translateY(-2px)}.chatbox-query-action-button:active{transform:translateY(0);box-shadow:0 2px 4px var(--color-brand-blue-alpha-20)}.chatbox-query-action-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.chatbox-query-action-button:disabled:hover{background:#ccc;transform:none}:root{--ol-foreground-color: var(--color-brand-blue);--ol-subtle-foreground-color: var(--color-brand-blue)}.ol-control button{color:var(--color-brand-blue)!important}.ol-control button:hover,.ol-control button:focus{color:var(--color-brand-blue-dark)!important}@media(max-width:768px){:root{--font-size-base: 11px}body,.custom-select-trigger{font-size:var(--font-size-sm)}.selection-panel{max-width:290px;gap:var(--spacing-xs);padding:var(--spacing-sm)}.selection-panel>.selector-group{width:calc(50% - var(--spacing-xs))}.selection-panel .panel-divider{display:none}.container-t-l,.container-t-r{max-width:180px}.box-cont{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:var(--spacing-2xl);width:100%;justify-content:flex-start}.box-cont-s{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:28px}button.panel-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.styled-checkbox{flex-direction:row;gap:var(--spacing-sm);width:100%}.checkbox-square{width:16px;height:16px;border-width:1.5px;flex-shrink:0}.checkbox-text{font-size:var(--font-size-xs);flex:1;text-align:left}.settings-logo{max-height:var(--font-size-3xl)}.legend-container{min-width:150px;padding:var(--spacing-sm) var(--spacing-sm)}.legend-palette-section{margin-bottom:var(--spacing-sm)}.legend-items-section{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.legend-item{gap:var(--spacing-xs);margin-left:var(--spacing-xs)}.legend-color-box{width:14px;height:14px}.legend-label{font-size:var(--font-size-sm);line-height:1.2}.legend-toggle-section{padding-top:var(--spacing-sm)}.legend-toggle-section .checkbox-text{font-size:var(--font-size-sm)}.legend-toggle-section .checkbox-square{width:16px;height:16px}.modal-content-pie,.modal-content-timeseries{max-width:98%;height:65dvh;max-height:95dvh}.modal-title{font-size:var(--font-size-md)}.modal-icon{font-size:var(--font-size-lg);margin-right:6px}.pie-info-section{grid-template-columns:1fr;gap:var(--spacing-sm);padding:10px}.pie-info-card,.pie-total-card{padding:var(--spacing-sm) var(--spacing-md)}.pie-total-card{min-width:unset;width:100%}.pie-info-label,.pie-total-label{font-size:var(--font-size-xs);margin-bottom:5px}.pie-breadcrumb{font-size:var(--font-size-sm)}.pie-year-badge{font-size:var(--font-size-xs);padding:3px 8px}.pie-total-value{font-size:var(--font-size-xl)}.pie-unit{font-size:var(--font-size-sm)}.timeseries-info-section{padding:10px;margin-bottom:10px}.timeseries-header-card{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.timeseries-info-label{font-size:var(--font-size-xs);margin-bottom:3px}.timeseries-region-name,.timeseries-breadcrumb{font-size:var(--font-size-sm)}.timeseries-stats-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.timeseries-stat-card{padding:8px 10px;gap:var(--spacing-sm)}.timeseries-stat-icon{width:28px;height:28px;font-size:var(--font-size-sm)}.timeseries-stat-label{font-size:calc(var(--font-size-xs) - 1px)}.timeseries-stat-value{font-size:var(--font-size-sm)}.timeseries-unit{font-size:var(--font-size-xs)}.chart-container{padding:8px 4px;min-height:40dvh}.chart-container canvas{max-height:50dvh!important}.chart-container-pie{width:100%}.chart-container-timeseries{padding:8px 4px;min-height:35dvh}.chart-container-timeseries canvas{max-height:50dvh!important}.chat-toggle-button{width:36px;height:36px;font-size:calc(var(--font-size-md) + 1px);right:12px}.chatbox-container{width:95%;height:90dvh}.chatbox-header{padding:12px 16px}.chatbox-title{font-size:var(--font-size-md)}.chatbox-title i{font-size:var(--font-size-lg)}.chatbox-messages{padding:12px;gap:var(--spacing-sm)}.chatbox-message-content{font-size:var(--font-size-sm);padding:8px 12px}.chatbox-analyze-section{padding:10px 12px 6px}.chatbox-analyze-button-full{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);gap:var(--spacing-sm)}.chatbox-analyze-button-full i{font-size:var(--font-size-md)}.chatbox-analyze-query{font-size:var(--font-size-sm)}.chatbox-input-container{padding:12px;gap:var(--spacing-sm)}.chatbox-input{padding:8px 12px;font-size:var(--font-size-sm)}.chatbox-send-button{width:40px;height:40px;font-size:var(--font-size-md)}.chatbox-suggestions-title{font-size:var(--font-size-sm)}.chatbox-suggestion-button{font-size:var(--font-size-sm);padding:8px 10px}.chatbox-suggestion-button i{font-size:var(--font-size-sm)}.chatbox-message-content table{font-size:var(--font-size-sm);margin:8px 0}.chatbox-message-content thead th,.chatbox-message-content tbody td{padding:8px 6px;font-size:var(--font-size-sm)}}.modal-content-settings{max-width:500px;width:90%;height:auto}.settings-content{padding:var(--spacing-2xl);flex:1;overflow-y:auto}.settings-section{margin-bottom:var(--spacing-2xl)}.settings-section:last-child{margin-bottom:0}.settings-section-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.settings-section-title i{color:var(--color-brand-blue);font-size:var(--font-size-lg)}.settings-logout-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-bg-white);border:var(--control-border-width) solid var(--color-border);border-radius:var(--control-radius);cursor:pointer;transition:var(--control-transition)}.settings-logout-btn:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-bg)}.settings-logout-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.settings-help-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-bg-white);border:var(--control-border-width) solid var(--color-border);border-radius:var(--control-radius);cursor:pointer;transition:var(--control-transition)}.settings-help-btn:hover{border-color:var(--color-brand-blue);color:var(--color-brand-blue);background:var(--color-brand-blue-alpha-10)}.settings-help-btn i{color:var(--color-brand-blue)}.modal-content-product-comparison{max-width:900px;width:90%}.modal-body-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.product-comparison-selectors{display:grid;grid-template-columns:1fr 3fr 2fr 1fr;gap:var(--spacing-lg);padding:var(--spacing-lg);margin:var(--spacing-md);background:#f5f5f5;border-radius:var(--spacing-sm)}.selector-group{display:flex;flex-direction:column;gap:var(--spacing-6)}.selector-group label{font-size:var(--font-size-base);font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.custom-select-wrapper{position:relative}.custom-select-trigger{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--control-radius);font-size:var(--font-size-md);font-family:var(--font-family);font-weight:var(--font-weight-medium);background:rgba(255,255,255,var(--control-bg-opacity));color:var(--color-text);cursor:pointer;transition:var(--control-transition);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);text-align:left;appearance:none;-webkit-appearance:none;-webkit-user-select:none;user-select:none}.custom-select-trigger:hover:not(:disabled){border-color:var(--color-brand-blue);box-shadow:0 2px 4px var(--color-brand-blue-alpha-10)}.custom-select-trigger:focus-visible{outline:none;border-color:var(--color-brand-blue);box-shadow:0 0 0 3px var(--color-brand-blue-alpha-15)}.custom-select-trigger.is-invalid{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger-text)}.custom-select-trigger.is-invalid:hover{background-color:var(--color-danger-bg-hover);border-color:var(--color-danger-dark)}.custom-select-trigger:disabled{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning-text);cursor:not-allowed}.custom-select-trigger i{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:transform var(--duration-fast) ease;flex-shrink:0}.custom-select-value{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;overflow:hidden}.custom-select-value-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;flex-shrink:0}.custom-select-dropdown-portal{background:rgba(255,255,255,var(--control-bg-opacity));border:1px solid var(--color-border);border-radius:var(--control-radius);box-shadow:0 4px 16px var(--color-shadow-modal);max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-2) 0;transform-origin:bottom center;animation:dropdownIn var(--duration-fast) ease}.custom-select-dropdown-portal.closing{animation:dropdownOut .12s ease forwards;pointer-events:none}@keyframes dropdownIn{0%{opacity:0}to{opacity:1}}@keyframes dropdownOut{0%{opacity:1}to{opacity:0}}.custom-select-option{display:flex;align-items:center;gap:var(--spacing-sm);min-height:40px;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--duration-fast) ease;font-size:var(--font-size-md);color:var(--color-text)}.custom-select-option-text{white-space:nowrap}.custom-select-option.selected{color:var(--color-brand-blue);font-weight:var(--font-weight-semibold)}.custom-select-option[data-active=true]{background-color:var(--color-primary-soft)}.custom-select-option[aria-disabled=true]{color:var(--color-text-muted);opacity:var(--opacity-disabled);cursor:not-allowed}.multi-select-wrapper{position:relative}.multi-select-trigger{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-primary-dark);border-radius:6px;font-size:var(--font-size-md);font-family:Open Sans,sans-serif;background:var(--color-primary-background);cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.multi-select-trigger:hover:not(:disabled){border-color:var(--color-brand-blue)}.multi-select-trigger:disabled{background:#f0f0f0;color:#999;cursor:not-allowed}.multi-select-trigger i{font-size:var(--font-size-sm);color:#666;transition:transform .2s ease}.multi-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-bg-white);border:2px solid var(--color-primary-dark);border-radius:var(--radius-md);box-shadow:0 4px 16px #0003;z-index:10001;display:flex;flex-direction:column;overflow:hidden}.multi-select-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-panel);border-bottom:1px solid #e0e0e0;flex-shrink:0}.multi-select-action-btn{flex:1;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-white);color:var(--color-primary-dark);font-size:var(--font-size-sm);font-family:Open Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.multi-select-action-btn:hover:not(:disabled){background:var(--color-primary-dark);color:#fff;border-color:var(--color-primary-dark)}.multi-select-action-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;background:#f0f0f0}.multi-select-action-btn i{font-size:var(--font-size-sm)}.multi-select-options-list{max-height:250px;overflow-y:auto;flex:1}.multi-select-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;cursor:pointer;transition:background-color .2s ease}.multi-select-option:hover{background-color:#f5f9fc}.multi-select-option input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;display:inline-block;width:16px;height:16px;background-color:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;flex-shrink:0}.multi-select-option input[type=checkbox]:hover{border-color:var(--color-border-hover)}.multi-select-option input[type=checkbox]:checked{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.multi-select-option span{flex:1;color:#333}.multi-select-empty{padding:var(--spacing-xl);text-align:center;color:#999;font-size:var(--font-size-sm)}.multi-select-search{position:relative;padding:8px;border-bottom:1px solid #e0e0e0;background:var(--color-bg-white);display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.multi-select-search i.fa-search{color:#999;font-size:var(--font-size-sm);margin-left:4px}.multi-select-search input{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 30px 6px 8px;font-size:var(--font-size-base);outline:none;transition:border-color .2s ease}.multi-select-search input:focus{border-color:var(--color-brand-blue)}.multi-select-search .clear-search{position:absolute;right:18px;background:none;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.multi-select-search .clear-search:hover{color:var(--color-brand-blue);background:#1469a41a}.multi-select-result-count{padding:6px 12px;text-align:center;font-size:var(--font-size-sm);color:#666;background:#f8f9fa;border-top:1px solid #e0e0e0;font-style:italic}.selected-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:8px}.selected-tags .tag{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:2px 2px 2px 10px;background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.selected-tags .tag button{background:none;border:none;color:#fff;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color .2s ease}.selected-tags .tag button:hover{background:#ff5e0775}.selected-tags .tag button i{font-size:var(--font-size-sm)}.product-comparison-content{min-height:400px;padding:var(--spacing-sm) var(--spacing-lg)}.data-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;position:relative}.table-loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.table-loading-overlay i{font-size:calc(var(--font-size-3xl) * 1.33);color:var(--color-primary-dark)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base);background:var(--color-primary-background)}.data-table thead{background:var(--color-primary-dark);color:#fff}.data-table th{padding:14px 16px;text-align:left;font-weight:600;text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.5px;border-bottom:3px solid var(--color-brand-blue-darker)}.data-table th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;position:relative}.data-table th.sortable-header:hover{background-color:#ffffff1a}.data-table th.sortable-header span{margin-right:8px}.data-table th.sortable-header .metric-unit{font-size:var(--font-size-sm);margin-right:0}.data-table th.sortable-header i{font-size:var(--font-size-sm);opacity:.5;transition:opacity .2s ease}.data-table th.sortable-header:hover i{opacity:1}.data-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#f5f9fc}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:14px 16px;color:#333}.data-table td.metric-value{font-weight:600;color:var(--color-primary-dark)}@media(max-width:768px){.modal-content-product-comparison{max-width:95%;width:95%}.product-comparison-selectors{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-sm)}.selector-group .custom-select-trigger{font-size:var(--font-size-base);padding:var(--spacing-sm)}}.data-source-info-container{display:flex;align-items:center;justify-content:center;margin:var(--spacing-sm)}.data-source-info-icon{color:var(--color-primary-dark);border:none;background-color:transparent;font-size:var(--font-size-xl);transition:var(--control-transition);padding:var(--spacing-md);margin:calc(-1 * var(--spacing-md));display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.data-source-info-icon:hover,.data-source-info-icon.active{color:var(--color-brand-blue)}.data-source-tooltip{position:absolute;left:0;bottom:calc(100% + var(--spacing-sm));background-color:var(--color-primary-dark);color:var(--color-bg-white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);min-width:280px;max-width:320px;font-size:var(--font-size-base);line-height:1.5;z-index:10000;box-shadow:0 4px 12px var(--color-shadow-modal);pointer-events:auto;white-space:normal;animation:tooltipFadeIn .2s ease;-webkit-user-select:none;user-select:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.data-source-tooltip-title{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-bg-white);display:block}a.data-source-tooltip-title{text-decoration:underline;cursor:pointer;transition:opacity .2s ease;opacity:.95}a.data-source-tooltip-title:hover{opacity:1;text-decoration:none}.data-source-tooltip-description{margin-bottom:0;line-height:1.5}.data-source-tooltip-arrow{display:none}.login-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);z-index:var(--z-loading);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.login-container{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;padding:var(--spacing-3xl);width:100%;max-width:400px;margin:var(--spacing-lg)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-logo{width:100%;max-width:280px;height:auto;margin-bottom:var(--spacing-lg)}.login-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin:0 0 var(--spacing-sm) 0}.login-subtitle{font-size:var(--font-size-md);color:#6c757d;margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.login-field label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.login-field input{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-family:var(--font-family);transition:all .2s ease;outline:none;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.login-field input:focus{border-color:var(--color-brand-blue);box-shadow:0 0 0 3px var(--color-brand-blue-alpha-15)}.login-field input:disabled{background-color:var(--color-bg-panel);cursor:not-allowed}.login-field input::placeholder{color:#adb5bd}.login-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.login-remember{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-md);color:var(--color-text)}.login-remember input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.login-remember input:disabled{cursor:not-allowed}.login-remember span{font-weight:var(--font-weight-medium)}.login-button{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-sm)}.login-button:hover:not(:disabled){background:var(--color-brand-blue-dark);box-shadow:0 4px 12px var(--color-brand-blue-alpha-30)}.login-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.login-button-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.login-footer{margin-top:var(--spacing-2xl);text-align:center}.login-footer p{font-size:var(--font-size-sm);color:#6c757d;margin:0}@media(max-width:768px){.login-container{padding:var(--spacing-xl);margin:var(--spacing-md)}.login-logo{max-width:200px}.login-title{font-size:var(--font-size-2xl)}}