.page-header[data-v-2906ed0a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0}.page-header .page-title[data-v-2906ed0a]{font-size:24px;font-weight:600;color:#1f2937;margin:0}.page-header .page-actions[data-v-2906ed0a]{display:flex;gap:12px}.monitor-overview .realtime-indicator[data-v-0cdaa17c]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-radius:8px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e5e7eb}.monitor-overview .realtime-indicator .status[data-v-0cdaa17c]{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.monitor-overview .realtime-indicator .status.connected[data-v-0cdaa17c]{color:#10b981}.monitor-overview .realtime-indicator .status.connected .dot[data-v-0cdaa17c]{background:#10b981;animation:pulse-0cdaa17c 2s infinite}.monitor-overview .realtime-indicator .status.disconnected[data-v-0cdaa17c]{color:#ef4444}.monitor-overview .realtime-indicator .status.disconnected .dot[data-v-0cdaa17c]{background:#ef4444}.monitor-overview .realtime-indicator .status .dot[data-v-0cdaa17c]{width:8px;height:8px;border-radius:50%}.monitor-overview .realtime-indicator .update-time[data-v-0cdaa17c]{font-size:13px;color:#9ca3af}.monitor-overview .realtime-indicator .control-buttons[data-v-0cdaa17c]{display:flex;gap:8px}@keyframes pulse-0cdaa17c{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.monitor-overview .status-cards[data-v-0cdaa17c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.monitor-overview .status-cards .status-card[data-v-0cdaa17c]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e5e7eb;transition:all .3s ease}.monitor-overview .status-cards .status-card.healthy[data-v-0cdaa17c]{border-left:4px solid #10b981}.monitor-overview .status-cards .status-card.warning[data-v-0cdaa17c]{border-left:4px solid #f59e0b}.monitor-overview .status-cards .status-card.error[data-v-0cdaa17c]{border-left:4px solid #ef4444}.monitor-overview .status-cards .status-card .card-header[data-v-0cdaa17c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.monitor-overview .status-cards .status-card .card-header .title[data-v-0cdaa17c]{font-size:16px;font-weight:600;color:#374151}.monitor-overview .status-cards .status-card .card-header .value[data-v-0cdaa17c]{font-size:24px;font-weight:700;color:#111827;transition:color .3s}.monitor-overview .status-cards .status-card .card-header .value.high[data-v-0cdaa17c]{color:#ef4444;animation:blink-0cdaa17c 1s infinite}@keyframes blink-0cdaa17c{0%,to{opacity:1}50%{opacity:.7}}.monitor-overview .status-cards .status-card .card-body .status-icon[data-v-0cdaa17c]{display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#10b981}.monitor-overview .status-cards .status-card .card-body .status-info p[data-v-0cdaa17c]{margin:0;font-size:13px;color:#6b7280;line-height:1.6}.monitor-overview .status-cards .status-card .card-body .disk-details[data-v-0cdaa17c],.monitor-overview .status-cards .status-card .card-body .load-details[data-v-0cdaa17c],.monitor-overview .status-cards .status-card .card-body .memory-details[data-v-0cdaa17c]{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:#6b7280}.monitor-overview .database-monitor[data-v-0cdaa17c],.monitor-overview .network-monitor[data-v-0cdaa17c],.monitor-overview .service-monitor[data-v-0cdaa17c]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e5e7eb}.monitor-overview .database-monitor .section-header[data-v-0cdaa17c],.monitor-overview .network-monitor .section-header[data-v-0cdaa17c],.monitor-overview .service-monitor .section-header[data-v-0cdaa17c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.monitor-overview .database-monitor .section-header h3[data-v-0cdaa17c],.monitor-overview .network-monitor .section-header h3[data-v-0cdaa17c],.monitor-overview .service-monitor .section-header h3[data-v-0cdaa17c]{font-size:18px;font-weight:600;color:#111827;margin:0}.monitor-overview .database-monitor .service-grid[data-v-0cdaa17c],.monitor-overview .network-monitor .service-grid[data-v-0cdaa17c],.monitor-overview .service-monitor .service-grid[data-v-0cdaa17c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.monitor-overview .database-monitor .service-grid .service-item[data-v-0cdaa17c],.monitor-overview .network-monitor .service-grid .service-item[data-v-0cdaa17c],.monitor-overview .service-monitor .service-grid .service-item[data-v-0cdaa17c]{padding:16px;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s;position:relative}.monitor-overview .database-monitor .service-grid .service-item.updating[data-v-0cdaa17c]:after,.monitor-overview .network-monitor .service-grid .service-item.updating[data-v-0cdaa17c]:after,.monitor-overview .service-monitor .service-grid .service-item.updating[data-v-0cdaa17c]:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);animation:loading-0cdaa17c 1s linear infinite}@keyframes loading-0cdaa17c{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.monitor-overview .database-monitor .service-grid .service-item[data-v-0cdaa17c]:hover,.monitor-overview .network-monitor .service-grid .service-item[data-v-0cdaa17c]:hover,.monitor-overview .service-monitor .service-grid .service-item[data-v-0cdaa17c]:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.monitor-overview .database-monitor .service-grid .service-item.error[data-v-0cdaa17c],.monitor-overview .network-monitor .service-grid .service-item.error[data-v-0cdaa17c],.monitor-overview .service-monitor .service-grid .service-item.error[data-v-0cdaa17c]{background:#fef2f2;border-color:#fecaca}.monitor-overview .database-monitor .service-grid .service-item .service-header[data-v-0cdaa17c],.monitor-overview .network-monitor .service-grid .service-item .service-header[data-v-0cdaa17c],.monitor-overview .service-monitor .service-grid .service-item .service-header[data-v-0cdaa17c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.monitor-overview .database-monitor .service-grid .service-item .service-header .service-name[data-v-0cdaa17c],.monitor-overview .network-monitor .service-grid .service-item .service-header .service-name[data-v-0cdaa17c],.monitor-overview .service-monitor .service-grid .service-item .service-header .service-name[data-v-0cdaa17c]{font-weight:600;color:#374151}.monitor-overview .database-monitor .service-grid .service-item .service-metrics .metric[data-v-0cdaa17c],.monitor-overview .network-monitor .service-grid .service-item .service-metrics .metric[data-v-0cdaa17c],.monitor-overview .service-monitor .service-grid .service-item .service-metrics .metric[data-v-0cdaa17c]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.monitor-overview .database-monitor .service-grid .service-item .service-metrics .metric .label[data-v-0cdaa17c],.monitor-overview .network-monitor .service-grid .service-item .service-metrics .metric .label[data-v-0cdaa17c],.monitor-overview .service-monitor .service-grid .service-item .service-metrics .metric .label[data-v-0cdaa17c]{color:#6b7280}.monitor-overview .database-monitor .service-grid .service-item .service-metrics .metric .value[data-v-0cdaa17c],.monitor-overview .network-monitor .service-grid .service-item .service-metrics .metric .value[data-v-0cdaa17c],.monitor-overview .service-monitor .service-grid .service-item .service-metrics .metric .value[data-v-0cdaa17c]{font-weight:600;color:#111827;transition:color .3s}.monitor-overview .database-monitor .service-grid .service-item .service-metrics .metric .value.warning[data-v-0cdaa17c],.monitor-overview .network-monitor .service-grid .service-item .service-metrics .metric .value.warning[data-v-0cdaa17c],.monitor-overview .service-monitor .service-grid .service-item .service-metrics .metric .value.warning[data-v-0cdaa17c]{color:#f59e0b}.monitor-overview .database-monitor .service-grid .service-item .service-metrics .metric .value.error-text[data-v-0cdaa17c],.monitor-overview .network-monitor .service-grid .service-item .service-metrics .metric .value.error-text[data-v-0cdaa17c],.monitor-overview .service-monitor .service-grid .service-item .service-metrics .metric .value.error-text[data-v-0cdaa17c]{color:#ef4444}.monitor-overview .database-monitor .db-metrics[data-v-0cdaa17c],.monitor-overview .network-monitor .db-metrics[data-v-0cdaa17c],.monitor-overview .service-monitor .db-metrics[data-v-0cdaa17c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.monitor-overview .database-monitor .db-metrics .metric-card[data-v-0cdaa17c],.monitor-overview .network-monitor .db-metrics .metric-card[data-v-0cdaa17c],.monitor-overview .service-monitor .db-metrics .metric-card[data-v-0cdaa17c]{padding:16px;background:#f9fafb;border-radius:8px;text-align:center}.monitor-overview .database-monitor .db-metrics .metric-card .metric-label[data-v-0cdaa17c],.monitor-overview .network-monitor .db-metrics .metric-card .metric-label[data-v-0cdaa17c],.monitor-overview .service-monitor .db-metrics .metric-card .metric-label[data-v-0cdaa17c]{font-size:14px;color:#6b7280;margin-bottom:8px}.monitor-overview .database-monitor .db-metrics .metric-card .metric-value[data-v-0cdaa17c],.monitor-overview .network-monitor .db-metrics .metric-card .metric-value[data-v-0cdaa17c],.monitor-overview .service-monitor .db-metrics .metric-card .metric-value[data-v-0cdaa17c]{font-size:24px;font-weight:700;color:#111827;margin-bottom:8px}.monitor-overview .database-monitor .db-metrics .metric-card .metric-value.error-text[data-v-0cdaa17c],.monitor-overview .network-monitor .db-metrics .metric-card .metric-value.error-text[data-v-0cdaa17c],.monitor-overview .service-monitor .db-metrics .metric-card .metric-value.error-text[data-v-0cdaa17c]{color:#ef4444}.monitor-overview .database-monitor .db-metrics .metric-card .metric-detail[data-v-0cdaa17c],.monitor-overview .network-monitor .db-metrics .metric-card .metric-detail[data-v-0cdaa17c],.monitor-overview .service-monitor .db-metrics .metric-card .metric-detail[data-v-0cdaa17c]{font-size:12px;color:#9ca3af}.monitor-overview .database-monitor .network-metrics[data-v-0cdaa17c],.monitor-overview .network-monitor .network-metrics[data-v-0cdaa17c],.monitor-overview .service-monitor .network-metrics[data-v-0cdaa17c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.monitor-overview .database-monitor .network-metrics .metric-item[data-v-0cdaa17c],.monitor-overview .network-monitor .network-metrics .metric-item[data-v-0cdaa17c],.monitor-overview .service-monitor .network-metrics .metric-item[data-v-0cdaa17c]{display:flex;flex-direction:column;align-items:center;padding:12px;background:#f9fafb;border-radius:8px}.monitor-overview .database-monitor .network-metrics .metric-item .label[data-v-0cdaa17c],.monitor-overview .network-monitor .network-metrics .metric-item .label[data-v-0cdaa17c],.monitor-overview .service-monitor .network-metrics .metric-item .label[data-v-0cdaa17c]{font-size:13px;color:#6b7280;margin-bottom:4px}.monitor-overview .database-monitor .network-metrics .metric-item .value[data-v-0cdaa17c],.monitor-overview .network-monitor .network-metrics .metric-item .value[data-v-0cdaa17c],.monitor-overview .service-monitor .network-metrics .metric-item .value[data-v-0cdaa17c]{font-size:18px;font-weight:600;color:#111827}.monitor-overview .charts-section[data-v-0cdaa17c]{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.monitor-overview .charts-section .chart-card[data-v-0cdaa17c]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e5e7eb}.monitor-overview .charts-section .chart-card .chart-header[data-v-0cdaa17c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.monitor-overview .charts-section .chart-card .chart-header h3[data-v-0cdaa17c]{font-size:18px;font-weight:600;color:#111827;margin:0}.monitor-overview .charts-section .chart-card .chart-body .chart-container[data-v-0cdaa17c]{width:100%;height:300px}@media(max-width:1200px){.monitor-overview .charts-section[data-v-0cdaa17c]{grid-template-columns:1fr}}