.appmain-wrap[data-v-4e5fbdcc]{padding:0;background-color:#f5f7fa;position:relative}.fullscreen-loading[data-v-4e5fbdcc]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.95);display:flex;align-items:flex-start;justify-content:center;z-index:999}.loading-content[data-v-4e5fbdcc]{text-align:center;margin-top:20vh}.loading-content i[data-v-4e5fbdcc]{animation:rotating-4e5fbdcc 1s linear infinite}@keyframes rotating-4e5fbdcc{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.filter-card[data-v-4e5fbdcc],.instance-config-card[data-v-4e5fbdcc],.metrics-card[data-v-4e5fbdcc]{border-radius:8px;border:1px solid #e8eaef}.card-header[data-v-4e5fbdcc]{display:flex;justify-content:space-between;align-items:center}.header-actions[data-v-4e5fbdcc]{align-items:center;gap:12px}.collapse-btn[data-v-4e5fbdcc]{padding:0;font-size:12px;color:#606266;margin-left:8px}.collapse-btn[data-v-4e5fbdcc]:hover{color:#409eff}.collapse-btn i[data-v-4e5fbdcc]{margin-right:4px}.card-title[data-v-4e5fbdcc]{font-size:16px;font-weight:600;color:#303133}.card-title i[data-v-4e5fbdcc]{margin-right:8px;color:#409eff}.header-actions[data-v-4e5fbdcc]{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.layout-control[data-v-4e5fbdcc],.refresh-control[data-v-4e5fbdcc]{display:flex;align-items:center;padding:4px 8px;background:#f5f7fa;border-radius:4px;border:1px solid #e8eaef}.config-item[data-v-4e5fbdcc]{padding:12px;background:#fafbfc;border-radius:6px;border:1px solid #e8eaef}.config-label[data-v-4e5fbdcc]{font-size:12px;color:#909399;margin-bottom:6px}.config-value[data-v-4e5fbdcc]{font-size:16px;font-weight:600;color:#303133}.config-value.highlight[data-v-4e5fbdcc]{color:#409eff;font-size:18px}.node-header[data-v-4e5fbdcc]{display:flex;justify-content:space-between;align-items:center}.node-title[data-v-4e5fbdcc]{font-size:14px;font-weight:600;color:#409eff}.node-info[data-v-4e5fbdcc]{padding:8px 0}.node-info-item[data-v-4e5fbdcc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 0;border-bottom:1px solid #f0f0f0}.node-info-item[data-v-4e5fbdcc]:last-child{border-bottom:none;margin-bottom:0}.node-info-label[data-v-4e5fbdcc]{font-size:12px;color:#909399;flex-shrink:0}.node-info-value[data-v-4e5fbdcc]{font-size:13px;font-weight:500;color:#303133;text-align:right}.el-divider__text[data-v-4e5fbdcc]{background-color:#fff;padding:0 12px}@media (max-width:768px){.config-item[data-v-4e5fbdcc]{margin-bottom:8px}.node-info-item[data-v-4e5fbdcc]{flex-direction:column;align-items:flex-start}.node-info-value[data-v-4e5fbdcc]{margin-top:4px;text-align:left}}.appmain-wrap[data-v-4e5fbdcc] .el-loading-mask{padding-top:8vh!important}.appmain-wrap[data-v-4e5fbdcc] .el-loading-spinner{top:20vh!important;margin-top:0!important}.redis-monitor-container[data-v-3824bbb6]{height:100%;width:100%}.tidb-monitor-page[data-v-167af104]{display:flex;flex-direction:column;height:100%}.filter-card[data-v-167af104]{margin-bottom:8px}.filter-card[data-v-167af104] .el-card__body{padding:8px 16px}.filter-card[data-v-167af104] .el-form-item{margin-bottom:0}.filter-card[data-v-167af104] .el-form-item__label{padding-right:8px}.grafana-container[data-v-167af104]{flex:1;min-height:480px;border:1px solid #ebeef5;border-radius:4px;overflow:hidden;position:relative}.grafana-iframe[data-v-167af104]{width:100%;height:100%;border:0}.grafana-placeholder[data-v-167af104]{height:100%;display:flex;align-items:center;justify-content:center;color:#909399;font-size:14px;text-align:center;padding:16px}.tidb-monitor-container[data-v-4661d5f5]{height:100%;width:100%}.scylladb-monitor-page[data-v-72b32065]{display:flex;flex-direction:column;height:100%}.filter-card[data-v-72b32065]{margin-bottom:8px}.filter-card[data-v-72b32065] .el-card__body{padding:8px 16px}.filter-card[data-v-72b32065] .el-form-item{margin-bottom:0}.filter-card[data-v-72b32065] .el-form-item__label{padding-right:8px}.grafana-container[data-v-72b32065]{flex:1;min-height:480px;border:1px solid #ebeef5;border-radius:4px;overflow:hidden;position:relative}.grafana-iframe[data-v-72b32065]{width:100%;height:100%;border:0}.grafana-placeholder[data-v-72b32065]{height:100%;display:flex;align-items:center;justify-content:center;color:#909399;font-size:14px;text-align:center}.scylladb-monitor-container[data-v-6298f1f5]{height:100%;width:100%}