.metric-card[data-v-3f8df1f5]{border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.09);box-shadow:0 2px 8px rgba(0,0,0,.09);height:120px;-webkit-transition:all .3s;transition:all .3s;background:#fff}.metric-card[data-v-3f8df1f5]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.metric-content[data-v-3f8df1f5]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px}.metric-content[data-v-3f8df1f5],.metric-info[data-v-3f8df1f5]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.metric-info[data-v-3f8df1f5]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:0}.metric-title[data-v-3f8df1f5]{color:#8c8c8c;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value[data-v-3f8df1f5]{color:#262626;font-size:28px;font-weight:600;margin-bottom:4px;line-height:1.2}.unit[data-v-3f8df1f5]{font-size:14px;font-weight:400;color:#8c8c8c;margin-left:2px}.metric-trend[data-v-3f8df1f5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2px}.trend-tag[data-v-3f8df1f5]{margin-right:0;padding:0 6px;font-size:12px;line-height:20px;height:20px;background:transparent;border:1px solid #b7eb8f;color:#52c41a}.metric-icon[data-v-3f8df1f5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:64px;height:64px;opacity:.9;-ms-flex-negative:0;flex-shrink:0}.dashboard-container[data-v-868b08ac]{padding:16px;background-color:#f0f2f5;min-height:calc(100vh - 32px)}.metrics-section[data-v-868b08ac]{margin-bottom:24px}.metric-card[data-v-868b08ac]{border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.09);box-shadow:0 2px 8px rgba(0,0,0,.09);height:120px;-webkit-transition:all .3s;transition:all .3s}.metric-card[data-v-868b08ac]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.metric-content[data-v-868b08ac]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px}.metric-content[data-v-868b08ac],.metric-info[data-v-868b08ac]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.metric-info[data-v-868b08ac]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.metric-title[data-v-868b08ac]{color:#8c8c8c;font-size:14px;margin-bottom:4px}.metric-value[data-v-868b08ac]{color:#262626;font-size:28px;font-weight:600;margin-bottom:4px;line-height:1.2}.unit[data-v-868b08ac]{font-size:14px;font-weight:400;color:#8c8c8c;margin-left:2px}.metric-trend[data-v-868b08ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2px}.trend-tag[data-v-868b08ac]{margin-right:0;padding:0 6px;font-size:12px;line-height:20px;height:20px;background:transparent;border:1px solid #b7eb8f}.metric-icon[data-v-868b08ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:64px;height:64px;opacity:.9}.warning-section[data-v-868b08ac]{background:#fff;border-radius:8px;padding:20px;margin-bottom:24px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.09);box-shadow:0 2px 8px rgba(0,0,0,.09)}.section-header[data-v-868b08ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.section-header h3[data-v-868b08ac]{margin:0;margin-right:16px;font-size:16px;font-weight:600;color:#262626}.update-time[data-v-868b08ac]{color:#8c8c8c;font-size:12px;margin-right:16px}.filters[data-v-868b08ac]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.filters[data-v-868b08ac],.legend[data-v-868b08ac]{display:-webkit-box;display:-ms-flexbox;display:flex}.legend[data-v-868b08ac]{margin-bottom:20px}.legend-item[data-v-868b08ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:20px;font-size:12px;color:#595959}.legend-color[data-v-868b08ac]{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px}.normal[data-v-868b08ac]{background-color:#1890ff}.warning[data-v-868b08ac]{background-color:#ff0}.error[data-v-868b08ac]{background-color:#f5222d}.alarm[data-v-868b08ac]{background-color:orange}.bar-chart-container[data-v-868b08ac]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;height:220px;padding-top:10px}.y-axis[data-v-868b08ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:10px;text-align:right;color:#8c8c8c;font-size:12px;height:200px;border-right:1px solid #f0f0f0}.bars-container[data-v-868b08ac]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-left:10px}.bar-group[data-v-868b08ac],.bars-container[data-v-868b08ac]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.bar-group[data-v-868b08ac]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;cursor:pointer}.bar-wrapper[data-v-868b08ac]{position:relative;width:24px;height:200px;background-color:#fafafa;border-radius:4px;overflow:hidden}.bar[data-v-868b08ac]{position:absolute;width:100%;border-radius:2px 2px 0 0;-webkit-transition:all .3s;transition:all .3s;left:0;bottom:0}.normal-bar[data-v-868b08ac]{background-color:#1890ff}.warning-bar[data-v-868b08ac]{background-color:#faad14}.error-bar[data-v-868b08ac]{background-color:#f5222d}.bar-label[data-v-868b08ac]{margin-top:8px;font-size:12px;color:#595959;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip[data-v-868b08ac]{position:fixed;background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:8px 12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000;min-width:180px;pointer-events:none}.tooltip-item[data-v-868b08ac]{font-size:12px;margin-bottom:4px;white-space:nowrap;color:#595959}.tooltip-item[data-v-868b08ac]:last-child{margin-bottom:0}.alert-section[data-v-868b08ac]{background:#fff;border-radius:8px;padding:20px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.09);box-shadow:0 2px 8px rgba(0,0,0,.09)}.query-group-split-cust[data-v-868b08ac]{margin:0 8px;color:#d9d9d9}