.network-topology-page[data-v-5f5d8c4d]{display:flex;flex-direction:column;gap:10px}.topology-filter[data-v-5f5d8c4d],.topology-head[data-v-5f5d8c4d]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.topology-head h2[data-v-5f5d8c4d]{margin:0;font-size:18px}.topology-head p[data-v-5f5d8c4d]{margin:4px 0 0;color:#64748b;font-size:12px}.topology-filter[data-v-5f5d8c4d]{justify-content:flex-start;flex-wrap:wrap}.topology-filter>.el-select[data-v-5f5d8c4d]{width:210px}.topology-filter>.el-input[data-v-5f5d8c4d]{width:250px}.zoom-controls[data-v-5f5d8c4d]{display:flex;align-items:center;gap:7px;margin-left:auto;color:#64748b;font-size:11px}.topology-layout[data-v-5f5d8c4d]{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-height:600px}.topology-layout.has-drawer[data-v-5f5d8c4d]{grid-template-columns:minmax(0,1fr) 320px}.topology-stage[data-v-5f5d8c4d]{position:relative;min-width:0;border:1px solid #d7e0eb;border-radius:14px;background:#fff}.topology-legend[data-v-5f5d8c4d]{display:flex;align-items:center;gap:14px;height:38px;padding:0 13px;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:10px}.topology-legend i[data-v-5f5d8c4d]{display:inline-block;margin-right:4px;vertical-align:middle}.topology-legend .node[data-v-5f5d8c4d]{width:8px;height:8px;border-radius:50%}.topology-legend .node.pop[data-v-5f5d8c4d]{background:#f97316}.topology-legend .node.site[data-v-5f5d8c4d]{background:#3b82f6}.topology-legend .line[data-v-5f5d8c4d]{width:18px;border-top:2px solid}.topology-legend .line.confirmed[data-v-5f5d8c4d]{border-color:#ef4444}.topology-legend .line.pending[data-v-5f5d8c4d]{border-color:#94a3b8;border-top-style:dashed}.topology-viewport[data-v-5f5d8c4d]{height:550px;overflow:hidden;cursor:grab;background-color:#f8fbff;background-image:linear-gradient(#e7edf5 1px,transparent 0),linear-gradient(90deg,#e7edf5 1px,transparent 0);background-size:26px 26px}.topology-viewport[data-v-5f5d8c4d]:active{cursor:grabbing}.topology-svg[data-v-5f5d8c4d]{display:block;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edge-group[data-v-5f5d8c4d]{cursor:pointer}.edge-line[data-v-5f5d8c4d]{stroke:#ef4444;stroke-width:3}.edge-line.one_sided[data-v-5f5d8c4d],.edge-line.pending[data-v-5f5d8c4d]{stroke:#94a3b8;stroke-width:2;stroke-dasharray:8 6}.edge-hit[data-v-5f5d8c4d]{stroke:transparent;stroke-width:18}.edge-label-bg[data-v-5f5d8c4d]{fill:#fff;stroke:#fecaca;filter:drop-shadow(0 3px 6px rgba(15,23,42,.12))}.edge-label[data-v-5f5d8c4d]{fill:#b91c1c;font-size:9px;font-weight:700}.node-group[data-v-5f5d8c4d]{cursor:pointer}.node-card[data-v-5f5d8c4d]{fill:#fff;stroke:#cbd5e1;stroke-width:1.5;filter:drop-shadow(0 7px 12px rgba(15,23,42,.12))}.node-card.pop[data-v-5f5d8c4d]{stroke:#fdba74}.node-card.selected[data-v-5f5d8c4d]{stroke:#f97316;stroke-width:3}.node-icon.pop[data-v-5f5d8c4d]{fill:#ffedd5}.node-icon.site[data-v-5f5d8c4d]{fill:#dbeafe}.node-letter[data-v-5f5d8c4d]{fill:#1d4ed8;font-size:11px;font-weight:900}.node-name[data-v-5f5d8c4d]{fill:#0f172a;font-size:10px;font-weight:800}.node-meta[data-v-5f5d8c4d]{fill:#64748b;font-size:8px}.tenant-chip[data-v-5f5d8c4d]{fill:#9a3412;font-size:7px;font-weight:800}.topology-empty[data-v-5f5d8c4d]{height:550px;display:grid;place-content:center;justify-items:center;padding:35px;text-align:center}.topology-empty i[data-v-5f5d8c4d]{color:#94a3b8;font-size:42px}.topology-empty h3[data-v-5f5d8c4d]{margin:12px 0 5px}.topology-empty p[data-v-5f5d8c4d]{max-width:440px;margin:0;color:#64748b}.topology-empty span[data-v-5f5d8c4d]{margin-top:12px;padding:7px 10px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:10px}.topology-loading[data-v-5f5d8c4d]{height:550px}.context-drawer[data-v-5f5d8c4d]{position:relative;min-width:0;padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:-8px 0 22px rgba(15,23,42,.05)}.drawer-close[data-v-5f5d8c4d]{position:absolute;top:9px;right:10px;border:0;background:transparent;color:#94a3b8;font-size:22px}.drawer-kicker[data-v-5f5d8c4d]{color:#f97316;font-size:9px;font-weight:900;letter-spacing:.1em}.context-drawer h3[data-v-5f5d8c4d]{margin:5px 28px 3px 0;font-size:17px}.context-drawer>p[data-v-5f5d8c4d]{margin:0 0 10px;color:#64748b;font-size:11px}.drawer-stats[data-v-5f5d8c4d]{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.drawer-stats div[data-v-5f5d8c4d]{padding:8px 4px;border-radius:8px;background:#f8fafc;text-align:center}.drawer-stats b[data-v-5f5d8c4d],.drawer-stats span[data-v-5f5d8c4d]{display:block}.drawer-stats span[data-v-5f5d8c4d]{color:#94a3b8;font-size:8px}.drawer-stats b[data-v-5f5d8c4d]{margin-top:3px;font-size:16px}.context-drawer section[data-v-5f5d8c4d]{margin-top:12px;padding-top:10px;border-top:1px solid #eef2f7}.context-drawer h4[data-v-5f5d8c4d]{margin:0 0 7px;font-size:11px}.drawer-row[data-v-5f5d8c4d],.endpoint-row[data-v-5f5d8c4d]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px;margin:4px 0;border-radius:8px;background:#f8fafc;font-size:10px}.drawer-row span[data-v-5f5d8c4d]{color:#64748b}.drawer-row b[data-v-5f5d8c4d]{max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.endpoint-row>b[data-v-5f5d8c4d]{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e2e8f0}.endpoint-row>span[data-v-5f5d8c4d]{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-links[data-v-5f5d8c4d]{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:13px}.drawer-links.single[data-v-5f5d8c4d]{grid-template-columns:1fr}.drawer-links a[data-v-5f5d8c4d]{padding:8px;border:1px solid #dbe4ef;border-radius:8px;color:#2563eb;font-size:10px;font-weight:700;text-align:center;text-decoration:none}@media(max-width:1100px){.topology-layout.has-drawer[data-v-5f5d8c4d]{grid-template-columns:1fr}.context-drawer[data-v-5f5d8c4d]{min-height:250px}}@media(max-width:760px){.topology-head[data-v-5f5d8c4d]{display:block}.topology-head>div[data-v-5f5d8c4d]:last-child{margin-top:9px}.topology-filter>[data-v-5f5d8c4d]{width:100%!important}.zoom-controls[data-v-5f5d8c4d]{margin-left:0}.topology-empty[data-v-5f5d8c4d],.topology-loading[data-v-5f5d8c4d],.topology-viewport[data-v-5f5d8c4d]{height:460px}}