.system-monitor[data-v-12ce979c]{padding:20px}.page-header[data-v-12ce979c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1[data-v-12ce979c]{margin:0;color:#303133}.header-actions .el-button[data-v-12ce979c]{margin-left:10px}.health-status-card[data-v-12ce979c]{margin-bottom:20px;border-left:4px solid #67c23a}.health-status-card.warning[data-v-12ce979c]{border-left-color:#e6a23c}.health-status-card.critical[data-v-12ce979c]{border-left-color:#f56c6c}.health-content[data-v-12ce979c]{display:flex;align-items:center}.health-icon[data-v-12ce979c]{font-size:48px;margin-right:20px;color:#67c23a}.health-status-card.warning .health-icon[data-v-12ce979c]{color:#e6a23c}.health-status-card.critical .health-icon[data-v-12ce979c]{color:#f56c6c}.health-info h3[data-v-12ce979c]{margin:0 0 8px 0;font-size:20px;color:#303133}.health-info p[data-v-12ce979c]{margin:0 0 4px 0;color:#606266}.health-info small[data-v-12ce979c]{color:#909399}.metric-card[data-v-12ce979c],.metrics-row[data-v-12ce979c]{margin-bottom:20px}.metric-content[data-v-12ce979c]{display:flex;align-items:center;margin-bottom:15px}.metric-icon[data-v-12ce979c]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:24px;color:#fff}.metric-icon.cpu[data-v-12ce979c]{background:linear-gradient(135deg,#409eff,#66b1ff)}.metric-icon.memory[data-v-12ce979c]{background:linear-gradient(135deg,#67c23a,#85ce61)}.metric-icon.disk[data-v-12ce979c]{background:linear-gradient(135deg,#e6a23c,#f0c78a)}.metric-icon.api[data-v-12ce979c]{background:linear-gradient(135deg,#f56c6c,#ff8a8a)}.metric-info h3[data-v-12ce979c]{margin:0 0 5px 0;font-size:24px;font-weight:700;color:#303133}.metric-info p[data-v-12ce979c]{margin:0 0 2px 0;color:#606266;font-size:14px}.metric-info small[data-v-12ce979c]{color:#909399;font-size:12px}.metric-progress[data-v-12ce979c]{margin-top:10px}.charts-row[data-v-12ce979c]{margin-bottom:20px}.chart-controls[data-v-12ce979c]{float:right}.chart-container[data-v-12ce979c]{height:300px}.chart[data-v-12ce979c]{width:100%;height:100%}.api-stats[data-v-12ce979c]{margin-bottom:20px}.stat-item[data-v-12ce979c]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-item[data-v-12ce979c]:last-child{border-bottom:none}.stat-item .label[data-v-12ce979c]{color:#606266;font-size:14px}.stat-item .value[data-v-12ce979c]{font-weight:700;color:#303133}.stat-item .value.error[data-v-12ce979c]{color:#f56c6c}.stat-item .value.warning[data-v-12ce979c]{color:#e6a23c}.info-row[data-v-12ce979c]{margin-bottom:20px}.system-info[data-v-12ce979c]{padding:10px 0}.info-item[data-v-12ce979c]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-item[data-v-12ce979c]:last-child{border-bottom:none}.info-item .label[data-v-12ce979c]{color:#606266;font-size:14px;min-width:120px}.info-item .value[data-v-12ce979c]{color:#303133;font-weight:500}.recent-errors[data-v-12ce979c]{max-height:300px;overflow-y:auto}.no-errors[data-v-12ce979c]{text-align:center;padding:40px 0;color:#909399}.no-errors i[data-v-12ce979c]{font-size:48px;color:#67c23a;margin-bottom:10px}.error-item[data-v-12ce979c]{padding:12px 0;border-bottom:1px solid #f0f0f0}.error-item[data-v-12ce979c]:last-child{border-bottom:none}.error-header[data-v-12ce979c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.error-time[data-v-12ce979c]{font-size:12px;color:#909399}.error-message[data-v-12ce979c]{color:#303133;font-size:14px;margin-bottom:3px;line-height:1.4}.error-route[data-v-12ce979c]{font-size:12px;color:#909399;font-family:Courier New,monospace}@media (max-width:768px){.system-monitor[data-v-12ce979c]{padding:10px}.page-header[data-v-12ce979c]{flex-direction:column;align-items:flex-start}.header-actions[data-v-12ce979c]{margin-top:10px}.health-content[data-v-12ce979c]{flex-direction:column;text-align:center}.health-icon[data-v-12ce979c]{margin-right:0;margin-bottom:15px}.metric-content[data-v-12ce979c]{flex-direction:column;text-align:center}.metric-icon[data-v-12ce979c]{margin-right:0;margin-bottom:10px}.chart-container[data-v-12ce979c]{height:250px}.info-item[data-v-12ce979c],.stat-item[data-v-12ce979c]{flex-direction:column;align-items:flex-start}.info-item .value[data-v-12ce979c],.stat-item .value[data-v-12ce979c]{margin-top:5px}}