.network-graph-container[data-v-f9c71b5b]{height:100%;min-height:calc(100vh - 51px);position:relative;width:100%}.loading-overlay[data-v-f9c71b5b]{align-items:center;background:#ffffffe6;display:flex;flex-direction:column;justify-content:center;inset:0;position:absolute;z-index:1000}.loading-text[data-v-f9c71b5b]{color:#666;font-size:16px;margin-top:16px}.graph-wrapper[data-v-f9c71b5b]{display:flex;flex-direction:column;height:100%;width:100%}.legend[data-v-f9c71b5b]{align-items:center;background:#f5f5f5;border-radius:4px;justify-content:space-between;margin-bottom:16px;padding:16px}.legend[data-v-f9c71b5b],.legend-left[data-v-f9c71b5b]{display:flex;gap:20px}.legend-right[data-v-f9c71b5b]{gap:24px}.legend-item[data-v-f9c71b5b],.legend-right[data-v-f9c71b5b]{align-items:center;display:flex}.legend-item[data-v-f9c71b5b]{font-size:14px;gap:8px}.stat-item[data-v-f9c71b5b]{align-items:center;display:flex;font-size:14px;gap:6px}.stat-label[data-v-f9c71b5b]{color:#666;font-weight:500}.stat-value[data-v-f9c71b5b]{color:#409eff;font-size:16px;font-weight:700}.stat-value.tunnel-stats[data-v-f9c71b5b]{color:#666}.stat-value .connected[data-v-f9c71b5b]{color:#67c23a!important;font-weight:700}.stat-value .disconnected[data-v-f9c71b5b]{color:#f56c6c!important;font-weight:700}.stat-value .total[data-v-f9c71b5b]{color:#000;font-weight:700}.stat-value.connected[data-v-f9c71b5b]{color:#67c23a}.stat-value.disconnected[data-v-f9c71b5b]{color:#f56c6c}.stat-value .failed[data-v-f9c71b5b],.stat-value.failed[data-v-f9c71b5b]{color:#909399}.legend-color[data-v-f9c71b5b]{border-radius:50%;display:inline-block;height:20px;width:20px}.network-chart[data-v-f9c71b5b]{flex:1;min-height:calc(100vh - 150px);width:100%}