.metric-filters[data-v-1d9f391b]{container-type:inline-size;padding:12px;background:#fff;border:1px solid var(--metric-border);border-radius:4px}.filter-row[data-v-1d9f391b]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px 20px;margin-bottom:8px}.metric-filters .el-form-item[data-v-1d9f391b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;margin-bottom:0}.metric-filters[data-v-1d9f391b] .el-form-item__label{-ms-flex-negative:0;flex-shrink:0;padding:0 8px 0 0;line-height:32px;font-size:13px;white-space:nowrap}.metric-filters[data-v-1d9f391b] .el-form-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;line-height:32px}.dimension-row[data-v-1d9f391b]{padding-top:12px;border-top:1px solid var(--metric-border)}.chart-path-row[data-v-1d9f391b] .el-form-item__label,.dimension-row[data-v-1d9f391b] .el-form-item__label,.records-row[data-v-1d9f391b] .el-form-item__label{width:76px}.chart-path-row>.path-field[data-v-1d9f391b],.records-row>.path-field[data-v-1d9f391b]{grid-column:span 3}.filter-row .el-date-editor[data-v-1d9f391b],.filter-row .el-input-number[data-v-1d9f391b],.filter-row .el-select[data-v-1d9f391b]{width:100%}.filter-selected[data-v-1d9f391b] .el-input__inner{border-color:var(--metric-blue);background-color:#ecf5ff;color:#245b91;font-weight:500}.comparison-controls .el-button[aria-pressed=true][data-v-1d9f391b],.filter-selected[data-v-1d9f391b] .el-form-item__label,.time-shortcuts .el-button[aria-pressed=true][data-v-1d9f391b]{font-weight:600}.time-row[data-v-1d9f391b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:12px}.time-row>.el-form-item[data-v-1d9f391b]{-webkit-box-flex:0;-ms-flex:0 0 184px;flex:0 0 184px}.time-row>.date-field[data-v-1d9f391b]{-ms-flex-preferred-size:192px;flex-basis:192px}.time-row>.datetime-field[data-v-1d9f391b]{-ms-flex-preferred-size:344px;flex-basis:344px}.time-tools[data-v-1d9f391b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px 16px;min-width:0}.chart-time-row .time-tools[data-v-1d9f391b]{display:contents}.comparison-controls[data-v-1d9f391b],.options-actions[data-v-1d9f391b],.time-shortcuts[data-v-1d9f391b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;max-width:100%}.options-actions[data-v-1d9f391b]{margin-left:auto}.comparison-controls .el-date-editor[data-v-1d9f391b]{width:134px}.comparison-controls .el-button+.el-button[data-v-1d9f391b],.options-actions .el-button+.el-button[data-v-1d9f391b],.time-shortcuts .el-button+.el-button[data-v-1d9f391b]{margin-left:0}.filter-actions[data-v-1d9f391b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px 16px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--metric-border)}.manual-hint[data-v-1d9f391b]{-webkit-box-flex:1;-ms-flex:1 1 280px;flex:1 1 280px;margin:0;color:var(--metric-muted);font-size:12px;line-height:20px}.manual-hint .el-icon-info[data-v-1d9f391b]{color:var(--metric-blue)}.query-controls[data-v-1d9f391b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto}.page-size-field[data-v-1d9f391b]{width:152px}.page-size-field .el-input-number[data-v-1d9f391b]{width:100%}.action-buttons[data-v-1d9f391b]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.action-buttons .el-button+.el-button[data-v-1d9f391b]{margin-left:0}.filter-notes[data-v-1d9f391b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px 16px;margin-top:8px}.identity-hint[data-v-1d9f391b],.options-notice[data-v-1d9f391b],.path-hint[data-v-1d9f391b],.range-hint[data-v-1d9f391b]{margin:0;font-size:12px;line-height:1.5;color:var(--metric-muted)}.options-notice[data-v-1d9f391b]{margin-top:8px;color:#8a5a13}.metric-filters>.el-alert[data-v-1d9f391b]{margin-top:8px}@container (max-width: 1120px){.filter-row[data-v-1d9f391b]:not(.time-row){grid-template-columns:repeat(2,minmax(0,1fr))}.records-row>.path-field[data-v-1d9f391b]{grid-column:auto}.chart-path-row>.path-field[data-v-1d9f391b],.chart-path-row>.path-hint[data-v-1d9f391b]{grid-column:1/-1}}@container (max-width: 680px){.filter-row[data-v-1d9f391b]:not(.time-row){grid-template-columns:minmax(0,1fr)}.time-row>.el-form-item[data-v-1d9f391b]{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.time-row[data-v-1d9f391b] .el-form-item__label{width:144px}.options-actions[data-v-1d9f391b]{margin-left:0}}@media (max-width:480px){.filter-row>.el-form-item[data-v-1d9f391b]{display:block}.metric-filters[data-v-1d9f391b] .el-form-item__label{display:block;float:none;line-height:24px;padding:0}.query-controls[data-v-1d9f391b]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.source-status[data-v-6bcbeceb]{background:#fff;border:1px solid var(--metric-border);border-radius:4px;padding:12px 16px;font-size:12px;color:var(--metric-muted)}.date-status[data-v-6bcbeceb]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px 16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.8}.date-status+.date-status[data-v-6bcbeceb]{margin-top:8px}.date-status strong[data-v-6bcbeceb]{color:#303133}.warning[data-v-6bcbeceb]{color:#8a5a13}.chart-toolbar[data-v-6bcbeceb]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0;color:var(--metric-muted);font-size:12px}.charts-grid[data-v-6bcbeceb]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-panel[data-v-6bcbeceb]{background:#fff;border:1px solid var(--metric-border);border-radius:4px;min-width:0}.qps-panel[data-v-6bcbeceb]{grid-column:1/-1}.chart-heading[data-v-6bcbeceb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;padding:16px 16px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.chart-heading h2[data-v-6bcbeceb]{font-size:18px;font-weight:600;margin:0}.chart-legend[data-v-6bcbeceb]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.chart-legend button[data-v-6bcbeceb]{border:0;background:transparent;padding:4px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;color:#303133;font-size:12px}.chart-legend button[data-v-6bcbeceb]:focus-visible{outline:2px solid var(--metric-blue);outline-offset:4px}.legend-line[data-v-6bcbeceb]{width:24px;border-top:2px solid #1677ff}.comparison .legend-line[data-v-6bcbeceb]{border-top:2px dashed #ef8c21}.chart-legend .inactive[data-v-6bcbeceb]{opacity:.45;text-decoration:line-through}.chart-canvas[data-v-6bcbeceb]{width:100%;height:260px}.qps-panel .chart-canvas[data-v-6bcbeceb]{height:300px}.chart-footnote[data-v-6bcbeceb]{padding:10px 12px;margin:12px 0 0;color:var(--metric-muted);background:#eaf1f9;border-radius:4px;font-size:12px;line-height:1.7}@media (max-width:1000px){.charts-grid[data-v-6bcbeceb]{grid-template-columns:minmax(0,1fr)}}.metric-records[data-v-7a7e6840]{padding:16px;border:1px solid var(--metric-border);border-radius:4px;background:#fff;min-width:0}.records-heading[data-v-7a7e6840]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.records-heading h2[data-v-7a7e6840]{font-size:18px;margin:0;font-weight:600}.records-error[data-v-7a7e6840]{margin-bottom:16px}.records-table[data-v-7a7e6840]{width:100%}.records-table[data-v-7a7e6840] .cell{white-space:normal;word-break:normal;overflow-wrap:anywhere}.records-footer[data-v-7a7e6840]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:20px;font-size:13px}.records-note[data-v-7a7e6840]{background:#ecf5ff;color:#1765ad;font-size:12px;line-height:1.7;padding:8px 12px;margin:16px 0 0;border-radius:4px}.metric-query-panel>.metric-filters[data-v-19355241],.query-error[data-v-19355241]{margin-bottom:16px}.empty-state[data-v-19355241]{background:#fff;border:1px solid var(--metric-border);border-radius:4px;padding:72px 16px;text-align:center;color:var(--metric-muted)}.empty-state>i[data-v-19355241]{font-size:28px;color:var(--metric-blue)}.empty-state p[data-v-19355241]{margin:12px 0 8px;font-size:16px;color:#303133}.empty-state span[data-v-19355241]{font-size:13px}.http-metric-page[data-v-c8988428]{--metric-blue:#409eff;--metric-border:#e4e7ed;--metric-muted:#606266;padding:16px;background:#f3f6fa;color:#303133;min-width:0}.page-heading[data-v-c8988428]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;margin-bottom:16px}.page-heading h1[data-v-c8988428]{margin:0;font-size:24px;font-weight:600}.page-heading span[data-v-c8988428]{color:var(--metric-muted);font-size:13px}@media (max-width:767px){.http-metric-page[data-v-c8988428]{padding:12px}.page-heading[data-v-c8988428]{display:block}.page-heading span[data-v-c8988428]{display:block;margin-top:8px}}html.http-metric-active,html.http-metric-active #app,html.http-metric-active body{min-width:0}