.system-monitor-page{padding:24px;max-width:1680px;margin:0 auto;color:#1f2937}.system-monitor-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;flex-wrap:wrap}.system-monitor-header h1{font-size:23px;font-weight:650;line-height:1.4;margin:0 0 6px}.system-monitor-header p{margin:0;color:#738096;font-size:13px}.system-monitor-header label{color:#596579;font-size:13px}.system-monitor-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:12px;color:#68768a;margin-bottom:18px}.system-monitor-status .ant-tag{margin-inline-end:0}.system-monitor-refresh-note{margin-left:auto}.system-monitor-page>.ant-alert{margin-bottom:18px}.system-monitor-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.system-monitor-overview-card .ant-card-body{padding:18px 20px}.system-monitor-overview-label{display:flex;gap:8px;align-items:center;color:#68768a;font-size:13px}.system-monitor-overview-label .anticon{color:#1677ff;font-size:17px}.system-monitor-overview-value{font-size:28px;font-weight:650;line-height:1.35;margin:12px 0 5px;font-variant-numeric:tabular-nums}.system-monitor-overview-note{font-size:12px;color:#7f8ca0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-monitor-trend-card{margin-bottom:18px}.system-monitor-trend-card .ant-card-body{padding:16px 20px 12px}.system-monitor-trend svg{width:100%;max-height:160px;display:block}.system-monitor-trend-times{display:flex;justify-content:space-between;padding:0 3%;gap:16px;font-size:11px;color:#8693a6}.system-monitor-trend-caption{color:#8994a6;font-size:11px;margin-top:12px}.system-monitor-trend-empty{min-height:110px;display:flex;align-items:center;justify-content:center;color:#8390a3;text-align:center;font-size:13px}.system-monitor-legend{font-size:12px;color:#68768a}.system-monitor-legend:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.system-monitor-legend.cpu:before{background:#1677ff}.system-monitor-legend.memory:before{background:#18a889}.system-monitor-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.system-monitor-component .ant-card-head{min-height:52px}.system-monitor-component .ant-card-body{padding:16px 20px 10px}.system-monitor-component-description{font-size:12px;color:#8490a2;margin-bottom:14px}.system-monitor-component-message{margin-bottom:12px}.system-monitor-component-message .ant-alert-message{font-size:12px}.system-monitor-metric{padding:10px 0;border-bottom:1px solid #f0f2f5}.system-monitor-metric:last-child{border-bottom:0}.system-monitor-metric-line{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.system-monitor-metric-label{font-size:13px;color:#68768a}.system-monitor-metric-value{font-size:14px;font-weight:550;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}.system-monitor-metric-missing{color:#a27736;font-size:13px}.system-monitor-metric-note{color:#8994a6;font-size:11px;line-height:1.6;margin-top:4px}.system-monitor-metric .ant-progress{margin:0;line-height:1}@media (max-width: 1100px){.system-monitor-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.system-monitor-page{padding:18px}}@media (max-width: 700px){.system-monitor-page{padding:12px}.system-monitor-component-grid{grid-template-columns:minmax(0,1fr)}.system-monitor-refresh-note{margin-left:0;width:100%}.system-monitor-overview{gap:10px}.system-monitor-overview-card .ant-card-body{padding:14px}.system-monitor-overview-value{font-size:23px}.system-monitor-header .ant-space{gap:6px!important}}