:root{--app-bg:#f4f6fa;--app-panel:#fff;--app-panel-2:#f7f9fc;--app-border:#e6eaf2;--app-border-strong:#d5dbe7;--app-text:#1f2937;--app-text-2:#6b7280;--app-text-3:#9ca3af;--app-up:#16a34a;--app-down:#dc2626;--app-accent:#2f6fed;--app-accent-soft:#eaf1ff;--app-warn:#d97706;--app-shadow:0 1px 2px #1018280a, 0 1px 3px #1018280f;--app-radius:12px;--el-color-primary:#2f6fed;--el-color-primary-light-3:#6a95f2;--el-color-primary-light-5:#97b5f6;--el-color-primary-light-7:#c4d5fa;--el-color-primary-light-8:#dae5fc;--el-color-primary-light-9:#eaf1ff;--el-color-primary-dark-2:#2559c4;--el-color-success:#16a34a;--el-color-danger:#dc2626;--el-color-warning:#d97706;--el-text-color-primary:#1f2937;--el-text-color-regular:#374151;--el-text-color-secondary:#6b7280;--el-border-color:#e6eaf2;--el-border-color-light:#edf0f5;--el-border-color-lighter:#f1f3f8;--el-fill-color-light:#f7f9fc;--el-fill-color-blank:#fff;--el-bg-color:#fff;--el-bg-color-page:#f4f6fa;--el-border-radius-base:8px;--el-font-size-base:14px}html,body,#app{height:100%;margin:0}body{background:var(--app-bg);color:var(--app-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}a{color:var(--app-accent)}.page{max-width:1680px;padding:20px 24px 32px}.page-title{color:var(--app-text);flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:600;display:flex}.page-title small{color:var(--app-text-2);flex:100%;order:10;margin-top:-2px;font-size:13px;font-weight:400;line-height:1.6}.panel{background:var(--app-panel);border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow);padding:18px 20px}.panel+.panel,.panel-gap{margin-top:16px}.panel-title{color:var(--app-text);justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.muted{color:var(--app-text-2)}.up{color:var(--app-up)}.down{color:var(--app-down)}.warn{color:var(--app-warn)}.mono{font-variant-numeric:tabular-nums;font-family:SF Mono,Menlo,Consolas,Roboto Mono,monospace}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.kpi{background:var(--app-panel);border:1px solid var(--app-border);box-shadow:var(--app-shadow);border-radius:10px;padding:14px 16px}.kpi .label{color:var(--app-text-2);font-size:12px}.kpi .value{letter-spacing:-.01em;margin-top:4px;font-size:24px;font-weight:600}.kpi .sub{color:var(--app-text-2);margin-top:4px;font-size:12px}.status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.OK{background:var(--app-up)}.status-dot.DEGRADED{background:var(--app-warn)}.status-dot.ERROR,.status-dot.DISCONNECTED{background:var(--app-down)}.status-dot.RECOVERING{background:var(--app-accent)}.tech-detail{color:var(--app-text-2);margin-top:6px;font-size:12px}.el-card,.el-dialog,.el-drawer{--el-bg-color:var(--app-panel)}.el-tabs__item{color:var(--app-text-2);font-size:14px}.el-tabs__item.is-active{color:var(--app-accent);font-weight:600}.el-tabs__item:hover{color:var(--app-text)}.el-tabs__nav-wrap:after{background:var(--app-border);height:1px}.el-tabs__active-bar{background:var(--app-accent);height:2px}.el-table{--el-table-border-color:var(--app-border);--el-table-header-bg-color:var(--app-panel-2);--el-table-tr-bg-color:var(--app-panel);--el-table-row-hover-bg-color:#f3f6fb;--el-table-text-color:var(--app-text);--el-table-header-text-color:var(--app-text-2);--el-fill-color-blank:var(--app-panel);--el-table-bg-color:var(--app-panel);border-radius:8px;font-size:13px}.el-table th.el-table__cell{font-weight:600}.el-table--small .el-table__cell{padding:8px 0}.el-table .cell{line-height:1.5}.el-table__empty-block,.el-table__empty-text{color:var(--app-text-2);background:0 0}.el-descriptions{--el-descriptions-item-bordered-label-background:var(--app-panel-2)}.el-descriptions__label{white-space:nowrap;min-width:72px;color:var(--app-text-2)!important}.el-descriptions__content{color:var(--app-text)!important}.el-drawer{--el-drawer-bg-color:var(--app-panel);color:var(--app-text)}.el-drawer__header,.el-drawer__title{color:var(--app-text);margin-bottom:12px;font-weight:600}.el-drawer__body{padding-top:8px}.el-dialog{--el-dialog-bg-color:var(--app-panel);color:var(--app-text);border-radius:12px}.el-dialog__title{color:var(--app-text);font-weight:600}.el-collapse{--el-collapse-header-bg-color:var(--app-panel);--el-collapse-content-bg-color:var(--app-panel);--el-collapse-header-text-color:var(--app-text);--el-collapse-content-text-color:var(--app-text);border-color:var(--app-border)}.el-collapse-item__header,.el-collapse-item__wrap{border-color:var(--app-border)}.el-collapse-item__header{font-weight:500}.el-input__wrapper,.el-textarea__inner{background-color:var(--app-panel);box-shadow:0 0 0 1px var(--app-border-strong) inset}.el-input__wrapper.is-focus,.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--app-accent) inset!important}.el-checkbox__label,.el-radio__label,.el-form-item__label,.el-timeline-item__content{color:var(--app-text)}.el-tag{border-radius:6px}.el-tag.el-tag--info.is-plain,.el-tag--info{--el-tag-bg-color:#f3f4f6;--el-tag-border-color:#e5e7eb;--el-tag-text-color:#4b5563}.el-button{border-radius:8px}.el-alert{border-radius:10px}.el-empty__description p{color:var(--app-text-2)}.el-pagination{--el-pagination-button-bg-color:transparent;margin-top:12px}.el-select__wrapper{box-shadow:0 0 0 1px var(--app-border-strong) inset}.el-drawer .panel,.el-dialog .panel{background:var(--app-panel-2);box-shadow:none}.el-message-box{border-radius:12px}.el-popper.is-light{border-color:var(--app-border)}pre{font-family:SF Mono,Menlo,Consolas,Roboto Mono,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cfd6e3;border-radius:8px}::-webkit-scrollbar-track{background:0 0}