.performance-panel[data-v-13a87367]{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;padding:16px}.panel-header[data-v-13a87367]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header h4[data-v-13a87367]{margin:0;font-size:16px;font-weight:600;color:#303133}.header-actions[data-v-13a87367]{display:flex;gap:12px;align-items:center}.metrics-overview[data-v-13a87367]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.metric-card[data-v-13a87367]{background:linear-gradient(135deg,#f5f7fa 0%,#e4e7ed 100%);border-radius:8px;padding:16px;display:flex;gap:12px;align-items:flex-start}.metric-icon[data-v-13a87367]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.metric-card.latency .metric-icon[data-v-13a87367]{background:linear-gradient(135deg,#409eff,#66b1ff)}.metric-card.qps .metric-icon[data-v-13a87367]{background:linear-gradient(135deg,#67c23a,#85ce61)}.metric-card.cpu .metric-icon[data-v-13a87367]{background:linear-gradient(135deg,#e6a23c,#ebb563)}.metric-card.memory .metric-icon[data-v-13a87367]{background:linear-gradient(135deg,#909399,#a6a9ad)}.metric-content[data-v-13a87367]{flex:1}.metric-label[data-v-13a87367]{font-size:12px;color:#909399;margin-bottom:4px}.metric-value[data-v-13a87367]{font-size:24px;font-weight:600;color:#303133;margin-bottom:4px}.metric-value .unit[data-v-13a87367]{font-size:12px;font-weight:400;color:#909399}.metric-trend[data-v-13a87367]{font-size:12px;display:flex;align-items:center;gap:4px}.metric-trend.up[data-v-13a87367]{color:#f56c6c}.metric-trend.down[data-v-13a87367]{color:#67c23a}.metric-trend.stable[data-v-13a87367]{color:#909399}.usage-bar[data-v-13a87367]{height:4px;background:#fff;border-radius:2px;overflow:hidden;margin-top:4px}.usage-fill[data-v-13a87367]{height:100%;border-radius:2px;transition:width .3s}.charts-container[data-v-13a87367]{flex:1;display:flex;flex-direction:column;gap:16px;min-height:0}.chart-row[data-v-13a87367]{display:flex;gap:16px;flex:1;min-height:0}.chart-wrapper[data-v-13a87367]{flex:1;background:#fafafa;border-radius:8px;padding:12px;display:flex;flex-direction:column;min-height:0}.chart-title[data-v-13a87367]{font-size:14px;font-weight:500;color:#606266;margin-bottom:8px}.chart[data-v-13a87367]{flex:1;min-height:150px}
