*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--ds-bg-layout);color:var(--ds-text);font-family:var(--ds-font-family);font-size:var(--ds-font-size)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--ds-space);background:var(--ds-bg-container);border-bottom:1px solid var(--ds-split)}.app-title{font-size:var(--ds-font-size-lg);font-weight:600}.app-header-actions{display:flex;align-items:center;gap:var(--ds-space-sm)}.app-header .ant-badge-count{background:var(--ds-bg-elevated);color:var(--ds-text);box-shadow:0 0 0 1px var(--ds-border)}.app-link-error,.app-store-error,.app-sample-data{margin:var(--ds-space-sm) var(--ds-space) 0}.app-breadcrumb .breadcrumb-back{padding:0;height:auto;font-size:var(--ds-font-size-lg);font-weight:600}.saved-landing{flex:1;display:flex;flex-direction:column;gap:var(--ds-space-sm);padding:var(--ds-space)}.saved-landing-pending{align-items:center;justify-content:center;gap:var(--ds-space-xs)}.saved-landing-pending-label{color:var(--ds-text-tertiary)}.saved-landing-empty-body{flex:1;display:flex;align-items:center;justify-content:center}.saved-landing-unreadable .ant-alert-title,.saved-landing-not-imported .ant-alert-title,.saved-landing-store-error .ant-alert-title{font-weight:600}.saved-landing-action-tip{pointer-events:none}.saved-landing-toolbar{display:flex;align-items:center;gap:var(--ds-space-sm)}.saved-landing-search{max-width:320px}.saved-landing-status{color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm)}.saved-query-name{padding:0;height:auto;color:var(--ds-color-primary)}.saved-query-name:hover,.saved-query-name:focus-visible{color:var(--ds-color-primary);text-decoration:underline}.saved-query-id{color:var(--ds-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.save-name-field{display:flex;flex-direction:column;gap:var(--ds-space-xs)}.app-main{flex:1;display:flex;flex-direction:column}.app-empty,.canvas-chooser{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space);margin:0}.app-empty{color:var(--ds-text-tertiary)}.ant-empty-image svg g[stroke]{stroke:var(--ds-text-tertiary)}.ant-empty-image svg ellipse{fill:var(--ds-text-tertiary);fill-opacity:.18}.app-empty-copy strong,.panel-body .ant-empty-description strong{color:var(--ds-text);font-weight:600}.canvas-chooser-title{display:flex;align-items:center;gap:var(--ds-space-xs);color:var(--ds-text-secondary);font-weight:600;margin:0}.app-empty-copy{display:flex;flex-direction:column;gap:var(--ds-space-xxs)}.app-empty-hint{color:var(--ds-text-tertiary)}.canvas-chooser-hint{color:var(--ds-text-tertiary);margin:0}.canvas-chooser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:var(--ds-space-xs);max-width:480px}.panel-empty-copy{display:flex;flex-direction:column;gap:var(--ds-space-xxs)}.panel-empty-copy strong{color:var(--ds-text);font-weight:600}.panel-empty-hint{color:var(--ds-text-secondary)}.panel-empty-icon{display:inline-flex;font-size:36px;line-height:1;color:var(--ds-text-tertiary)}.panel-action{display:inline-flex}.panel-loading{--ds-chart-height: 260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-xs);min-height:var(--ds-chart-height)}.canvas{flex:1;display:flex;flex-direction:column;gap:var(--ds-space-sm);padding:var(--ds-space)}.canvas-catalog-gate{align-items:center;justify-content:center}.canvas-catalog-gate .canvas-catalog-error{width:100%;max-width:560px}.canvas-catalog-error .ant-alert-title{font-weight:600}.canvas .canvas-catalog-error .ant-alert-description{color:var(--ds-text-secondary)}.canvas-loading{align-items:center;justify-content:center;gap:var(--ds-space-xs)}.canvas-toolbar-action{display:inline-flex}.canvas-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-xs)}.canvas-copy-status{color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm)}.time-range-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-sm);padding:var(--ds-space-xs) var(--ds-space-sm);background:var(--ds-bg-container);border:1px solid var(--ds-split);border-radius:var(--ds-radius-lg)}.data-source-bar,.data-filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-sm)}.ant-select:not(.ant-select-disabled) .ant-select-placeholder,.ant-input:not(.ant-input-disabled)::placeholder,.ant-input-number:not(.ant-input-number-disabled) input::placeholder{color:var(--ds-text-tertiary)}.data-source-pill{min-width:140px;text-align:start}.time-range-anchor{margin-inline-end:0}.data-filter-conditions{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--ds-space-xs);flex:1 1 0;min-width:0;overflow-x:auto;min-height:30px;scrollbar-width:thin;scrollbar-color:var(--ds-border) transparent}.data-filter-condition{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap}.data-filter-conditions::-webkit-scrollbar{height:6px}.data-filter-conditions::-webkit-scrollbar-thumb{background:var(--ds-border);border-radius:var(--ds-radius)}.data-filter-conditions::-webkit-scrollbar-track{background:transparent}.data-filter-conditions>.ant-btn{flex:0 0 auto}.data-filter-join{margin-inline-end:var(--ds-space-xs);color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm);font-weight:600}.data-filter-chip{margin-inline-end:0}.data-filter-chip-close{margin-inline-start:var(--ds-space-xs);padding:var(--ds-space-xxs);color:var(--ds-text-tertiary)}.data-filter-chip-close:hover{color:var(--ds-text)}.data-filter-join-field{display:inline-flex;align-items:center;gap:var(--ds-space-xs)}.data-filter-join-label{color:var(--ds-text-secondary);font-weight:600}.data-filter-chip-edit{padding:0;border:none;background:none;color:inherit;font:inherit;cursor:pointer}.data-filter-chip-edit:disabled{cursor:default}.data-filter-readout{color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.data-filter-caption{width:100%;margin:0;color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm)}.data-filter-editor{display:flex;flex-direction:column;gap:var(--ds-space-sm)}.data-filter-field{display:flex;align-items:center;gap:var(--ds-space-sm)}.data-filter-field>span:first-child{min-width:72px;color:var(--ds-text-secondary);font-weight:600}.data-filter-editor-note{margin:0;color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm)}.site-modal{display:flex;flex-direction:column;gap:var(--ds-space-sm)}.site-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-sm)}.site-modal-count{color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.site-modal-facets{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-xs)}.site-modal-facet{display:flex;flex:0 1 auto;flex-direction:column;gap:var(--ds-space-xxs)}.site-modal-facet-editing{flex:1 1 100%;min-width:200px}.site-modal-facet-head{display:flex;align-items:center;gap:var(--ds-space-xxs)}.site-modal-facet-summary{display:inline-flex;align-items:baseline;gap:var(--ds-space-xs)}.site-modal-facet-summary[aria-expanded=true]{outline:1px solid var(--ds-color-primary);outline-offset:1px}.site-modal-facets-label{flex:0 0 100%;color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.site-modal-facet-label{color:inherit;white-space:nowrap}.site-modal-facet-count{color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm);white-space:nowrap}.site-modal-facet-empty{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-xxs);padding:var(--ds-space-xs) 0;color:var(--ds-text-secondary)}.site-modal-facet-control{display:flex;align-items:center;gap:var(--ds-space-xxs)}.site-modal-facet-control .ant-select{flex:1 1 auto;min-width:0}.site-modal-facet-clear{flex:0 0 auto;color:var(--ds-text-tertiary)}.site-modal-tree,.device-modal-tree,.group-modal-tree,.variable-modal-tree{flex:0 0 auto}.site-modal-tree{overflow:visible}.site-modal-tree .ant-tree-treenode,.device-modal-tree .ant-tree-treenode,.group-modal-tree .ant-tree-treenode{max-width:100%}.site-modal-tree .ant-tree-node-content-wrapper,.device-modal-tree .ant-tree-node-content-wrapper,.group-modal-tree .ant-tree-node-content-wrapper{flex:1 1 auto;min-width:0;overflow:hidden}.tree-node-title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tree-node-row{display:flex;align-items:center;min-width:0}.tree-node-checkbox-gap{width:24px;flex:0 0 auto}.site-modal-empty{margin:var(--ds-space-xs) 0}.site-modal-empty-hint{color:var(--ds-text-tertiary)}.device-modal{display:flex;flex-direction:column;gap:var(--ds-space-sm)}.device-modal-facets{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-xs)}.device-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-sm)}.device-modal-count{color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.device-modal-tree{overflow:visible}.device-modal-empty{margin:var(--ds-space-xs) 0}.group-modal{display:flex;flex-direction:column;gap:var(--ds-space-sm)}.group-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-sm)}.group-modal-count{color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.group-modal-tree{overflow:visible}.group-modal-empty{margin:var(--ds-space-xs) 0}.data-source-device-type{min-width:140px}.bar-control-field{display:inline-flex;align-items:center;gap:var(--ds-space-xs)}.data-source-status{color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.variable-modal{display:flex;flex-direction:column;gap:var(--ds-space-sm)}.variable-modal-facets{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ds-space-xs)}.variable-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-sm)}.variable-modal-one-pick{color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm);margin-inline-start:auto;padding-inline-end:var(--ds-space-sm)}.variable-modal-count{color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.variable-modal-kpi-readonly,.variable-modal-kpi-unnamed{margin:0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.variable-modal-tree{max-height:320px;overflow:auto}.variable-modal-empty,.variable-modal-failure{margin:var(--ds-space-xs) 0}.variable-node-kpi-actions{display:inline-flex;align-items:center;gap:var(--ds-space-xxs);margin-left:auto}.variable-node-kpi-actions .ant-btn{height:18px;min-width:18px;width:18px;padding:0}.variable-node-kpi-actions .anticon{font-size:var(--ds-font-size-sm)}.kpi-editor{display:flex;flex-direction:column;gap:var(--ds-space-sm)}.kpi-editor-field{display:flex;flex-direction:column;gap:var(--ds-space-xxs)}.kpi-editor-label{color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.kpi-editor-box{font-family:ui-monospace,monospace}.kpi-editor-note{color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm)}.kpi-editor-preview{display:flex;flex-direction:column;gap:var(--ds-space-xxs)}.kpi-editor-formula{font-family:ui-monospace,monospace;color:var(--ds-text);word-break:break-word}.variable-node{display:inline-flex;align-items:center;gap:var(--ds-space-xs)}.variable-node-unit{color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.variable-node-count{color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm);font-variant-numeric:tabular-nums}.variable-node-hint{color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm);font-style:italic;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.variable-node-hint[data-partial=true]{color:var(--ds-color-warning);font-style:normal}.data-source-aggregations{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--ds-space-xs);flex:1 0 100%;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--ds-border) transparent}.data-source-aggregations::-webkit-scrollbar{height:6px}.data-source-aggregations::-webkit-scrollbar-thumb{background:var(--ds-border);border-radius:var(--ds-radius)}.data-source-aggregations::-webkit-scrollbar-track{background:transparent}.variable-agg-chip{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--ds-space-xs);padding:var(--ds-space-xxs) var(--ds-space-xs);border:1px solid var(--ds-split);border-radius:var(--ds-radius);background:var(--ds-bg-layout)}.variable-agg-name{color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.panel{background:var(--ds-bg-container);border:1px solid var(--ds-split);border-radius:var(--ds-radius-lg)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-xs) var(--ds-space-sm);border-bottom:1px solid var(--ds-split)}.panel-body{display:flex;flex-direction:column;gap:var(--ds-space);padding:var(--ds-space)}.panel-form{display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--ds-space-lg);row-gap:var(--ds-space-sm)}.panel-form:empty{display:none}.panel-variables{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-sm);flex:1 1 0;min-width:min-content}.panel-variables>.panel-variables-label,.panel-variables>.data-source-pill{flex:0 0 auto}.panel-variables-slot{display:inline-flex;align-items:center;gap:var(--ds-space-xs);flex:0 0 auto}.panel-variables-label{color:var(--ds-text-secondary);font-weight:600;flex:0 0 auto;white-space:nowrap}.extra-series-row{display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--ds-space-lg);row-gap:var(--ds-space-sm)}.extra-series-row>.data-source-bar{flex:0 1 auto;column-gap:var(--ds-space-sm)}.extra-series-name{color:var(--ds-text-secondary);font-weight:600;flex:0 0 auto;white-space:nowrap}.extra-series-stage{color:var(--ds-text-secondary);flex:1 1 auto;min-width:0}.extra-series-list{display:flex;flex-direction:column;gap:var(--ds-space-sm)}.panel-presentation{display:flex;flex-direction:column;gap:var(--ds-space-sm);padding:var(--ds-space-sm);background:var(--ds-bg-layout);border:1px solid var(--ds-split);border-radius:var(--ds-radius)}.canvas-add{display:flex;justify-content:center}.time-navigator{display:flex;flex-direction:column;gap:var(--ds-space-xs);padding:var(--ds-space-xs) var(--ds-space-sm);background:var(--ds-bg-container);border:1px solid var(--ds-split);border-radius:var(--ds-radius-lg)}.time-navigator-track{position:relative;height:36px;background:var(--ds-bg-layout);border:1px solid var(--ds-split);border-radius:var(--ds-radius)}.time-navigator-selection{position:absolute;top:0;bottom:0;min-width:2px;background:var(--ds-bg-elevated);border-inline:1px solid var(--ds-color-primary);cursor:grab}.time-navigator-selection:active{cursor:grabbing}.time-navigator-handle{position:absolute;top:-1px;bottom:-1px;width:8px;background:var(--ds-color-primary);border-radius:var(--ds-radius-xs);cursor:ew-resize;touch-action:none}.time-navigator-handle-start{left:0;transform:translate(-50%)}.time-navigator-handle-end{right:0;transform:translate(50%)}.time-navigator-selection:focus-visible,.time-navigator-handle:focus-visible{outline:2px solid var(--ds-color-primary);outline-offset:2px}.time-navigator-labels{display:flex;justify-content:space-between;gap:var(--ds-space-sm);color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm);font-variant-numeric:tabular-nums}.time-navigator-window{color:var(--ds-text-secondary)}.time-navigator-caption{margin:0;color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm)}.entity-level{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-sm)}.entity-level-label,.panel-field-label{color:var(--ds-text-secondary);font-weight:600}.panel-field-label{font-size:var(--ds-font-size-sm)}.entity-level-caption{color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm);min-width:200px}.panel-empty-action{margin-top:var(--ds-space-xs)}.chart-zoom-toolbar{display:flex;justify-content:flex-end}.chart-view-toggle{display:flex}.chart-toolbar{display:flex;align-items:center;gap:var(--ds-space-xs);flex-wrap:wrap}.panel-download-notice{flex:1 0 100%}.plot-table{overflow-x:auto}.plot-table-num{font-variant-numeric:tabular-nums}.line-panel,.bar-panel,.table-panel{display:flex;flex-direction:column;gap:var(--ds-space-sm)}.table-banner-list{margin:var(--ds-space-xxs) 0 0;padding-inline-start:var(--ds-space-md)}.table-controls-field{display:inline-flex;align-items:center;gap:var(--ds-space-xs)}.table-controls-label{color:var(--ds-text-secondary);font-weight:600}.table-caption{color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm);margin:0}.table-empty{color:var(--ds-text-tertiary);margin:var(--ds-space-xs) 0}.table-total{font-weight:600}.line-banner-list{margin:var(--ds-space-xxs) 0 0;padding-inline-start:var(--ds-space-md)}.panel-refusal{margin:var(--ds-space-xxs) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm)}.line-chart-row{position:relative}.line-chart{width:100%}.line-nodata-badge{position:absolute;top:4px;inset-inline-end:4px}.line-empty{color:var(--ds-text-tertiary);margin:var(--ds-space-xs) 0}.chip-legend{--ds-chip-line: 16px;position:relative;display:flex;align-items:flex-start;gap:var(--ds-space-xs);padding:var(--ds-space-xs) 0;border-top:1px solid var(--ds-split)}.chip-legend-row{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:var(--ds-space-xs) var(--ds-space-sm);max-height:var(--ds-chip-line);overflow:hidden}.chip-legend-more{flex:0 0 auto;font-size:var(--ds-font-size-sm);height:var(--ds-chip-line);min-height:0;line-height:var(--ds-chip-line);padding:0 var(--ds-space-xxs);position:relative;z-index:4}.chip-legend-expanded{position:absolute;inset-inline:0;top:0;z-index:3;display:flex;flex-wrap:wrap;gap:var(--ds-space-xs) var(--ds-space-sm);max-height:168px;overflow-y:auto;padding:var(--ds-space-xs);padding-inline-end:88px;background:var(--ds-bg-elevated);border:1px solid var(--ds-border);border-radius:var(--ds-radius)}.chip-legend-chip{display:inline-flex;align-items:center;gap:var(--ds-space-xs);font-size:var(--ds-font-size-sm);line-height:var(--ds-chip-line);max-width:100%;background:none;border:none;padding:0;color:inherit;font-family:inherit;text-align:start}button.chip-legend-chip{cursor:pointer}.chip-legend-chip-hidden{opacity:.5}.chip-legend-chip-hidden .chip-legend-label{text-decoration:line-through}.chip-legend-label{color:var(--ds-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-legend-value{color:var(--ds-text);font-variant-numeric:tabular-nums}.legend-swatch{width:10px;height:10px;border-radius:var(--ds-radius-xs);display:inline-block}.legend-table{overflow:auto;max-height:320px}.legend-table table{width:100%;border-collapse:collapse;font-size:var(--ds-font-size-sm)}.legend-table th,.legend-table td{padding:var(--ds-space-xxs) var(--ds-space-xs);text-align:start;border-bottom:1px solid var(--ds-split);white-space:nowrap}.legend-series{display:inline-flex;align-items:center;gap:var(--ds-space-xs)}.legend-row-hidden{opacity:.5}.legend-row-hidden .legend-series{text-decoration:line-through}.legend-nodata{margin-inline-start:var(--ds-space-xxs)}.legend-formula{display:block;margin-block-start:var(--ds-space-xxs);max-width:34ch;color:var(--ds-text-secondary);font-size:var(--ds-font-size-sm);white-space:normal;word-break:break-word}.chip-legend-tip-formula{font-family:monospace}.heatmap-chart{overflow:auto;max-height:480px}.heatmap-grid{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:max-content max-content;width:100%}.heatmap-cells{min-width:0}.heatmap-corner{position:sticky;top:0;left:0;z-index:3;background:var(--ds-bg-container)}.heatmap-timeheader{position:sticky;top:0;z-index:2;background:var(--ds-bg-container)}.heatmap-rowlabels{position:sticky;left:0;z-index:2;display:flex;flex-direction:column;max-width:260px;background:var(--ds-bg-container)}.heatmap-row-label{padding-inline-end:var(--ds-space-xs);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:var(--ds-font-size-sm);color:var(--ds-text-secondary)}.heatmap-col-label{font-size:var(--ds-font-size-sm)}.heatmap-banner-list{margin:var(--ds-space-xxs) 0 0;padding-inline-start:var(--ds-space-md)}.heatmap-colorbar-strip{width:160px;height:10px;border-radius:var(--ds-radius-xs);display:inline-block}.heatmap-colorbar-swatch{width:14px;height:14px;border-radius:var(--ds-radius-xs);display:inline-block}.ant-modal-body{max-height:calc(100vh - 260px);overflow-y:auto}@media(max-height:820px){.ant-modal{top:24px}.ant-modal-body{max-height:calc(100vh - 180px)}}.refused-control,.refused-ok{display:inline-flex}.refusal-reason{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.refused-option{display:flex;flex-direction:column;line-height:1.35}.refused-option-reason{color:var(--ds-text-tertiary);font-size:var(--ds-font-size-sm)}