.network-workspace{padding:0 0 72px;color:var(--sn-text)}.network-hero{min-height:210px;border:1px solid var(--sn-border);border-radius:22px;padding:34px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 82% 35%,#1e7d9750,transparent 26%),linear-gradient(135deg,#101f35,#08121f)}.network-hero>div{max-width:720px}.network-directory-head small,.network-hero small,.network-section-head small{font-size:10px;letter-spacing:.16em;color:var(--sn-cyan);font-weight:800}.network-hero h1{font-size:clamp(28px,4vw,48px);line-height:1.06;margin:10px 0 14px;max-width:700px}.network-hero p{max-width:650px;color:var(--sn-muted);line-height:1.7;margin:0}.network-hero>svg{color:#48d8ff;filter:drop-shadow(0 0 24px #2abce766);flex:0 0 auto}.network-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.network-stats button{border:1px solid var(--sn-border);border-radius:14px;background:linear-gradient(145deg,var(--sn-surface),var(--sn-surface-soft));color:inherit;padding:17px;text-align:left;cursor:pointer}.network-stats strong{display:block;font-size:24px}.network-stats span{font-size:10px;color:var(--sn-muted)}.network-map-card{border:1px solid var(--sn-border);border-radius:18px;background:linear-gradient(145deg,#0d1d2d,#07111e);padding:22px;position:relative;overflow:hidden}.network-directory-head,.network-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.network-directory-head h2,.network-section-head h2{font-size:20px;margin:5px 0}.network-map-key{font-size:10px;color:var(--sn-muted);display:flex;align-items:center;gap:6px}.network-map-key i{width:22px;height:2px;background:#59e2ae;box-shadow:0 0 8px #59e2ae}.network-map{display:block;width:100%;height:min(390px,55vw);min-height:280px}.network-map line{stroke:#2c6077;stroke-width:1.2;opacity:.65}.network-map line.mutual{stroke:#59e2ae;stroke-width:2;opacity:.88;filter:drop-shadow(0 0 4px #59e2ae)}.network-map circle{fill:#102b3d;stroke:#43bee8;stroke-width:1.5}.network-map .me circle{fill:#244ab1;stroke:#8a7dff;stroke-width:2.5;filter:drop-shadow(0 0 12px #645aff88)}.network-map text{pointer-events:none}.network-map .initials{fill:#e9f8ff;font-size:10px;font-weight:800}.network-map .label{fill:#93aabb;font-size:9px}.network-map .me .label{fill:#dce7ff;font-weight:800}.network-map-empty{min-height:240px;display:grid;place-items:center;color:var(--sn-muted);font-size:12px}.network-map-more{position:absolute;right:18px;bottom:10px;color:var(--sn-muted);font-size:10px}.network-map-demo{display:flex;align-items:center;gap:10px;margin:17px 0 -12px;padding:9px 12px;border:1px solid #265c70;border-radius:10px;background:#0b2735;color:#9db6c5;font-size:9px}.network-map-demo b{color:#61dbff;letter-spacing:.08em;white-space:nowrap}.network-map.is-demo line{stroke-width:1.6;opacity:.8}.network-map.is-demo line.mutual{stroke-width:2.4}.network-map.is-demo circle{filter:drop-shadow(0 0 8px #2dbce744)}.network-directory-head{margin:28px 0 12px}.network-directory-head label{width:min(390px,48%);height:42px;border:1px solid var(--sn-border);border-radius:12px;background:var(--sn-surface);display:flex;align-items:center;padding:0 12px;color:var(--sn-muted)}.network-directory-head input{flex:1;border:0;outline:0;background:transparent;color:var(--sn-text);padding:0 9px}.network-directory-head label button{border:0;background:transparent;color:var(--sn-muted);display:grid;place-items:center}.network-filters{display:flex;gap:7px;overflow:auto;padding-bottom:12px}.network-filters button{white-space:nowrap;border:1px solid var(--sn-border);border-radius:99px;background:var(--sn-surface);color:var(--sn-muted);padding:8px 13px;font-size:10px}.network-filters button.active{background:#183e5b;color:#eaf9ff;border-color:#2b7193}.network-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.network-person{min-width:0;border:1px solid var(--sn-border);border-radius:15px;background:linear-gradient(145deg,var(--sn-surface),var(--sn-surface-soft));padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.network-avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#1c759b,#303f84);display:grid;place-items:center;font-weight:900}.network-person-copy>div:first-child{display:flex;align-items:center;gap:6px}.network-person h3{font-size:13px;margin:0}.network-person p{font-size:10px;color:#b0c4d1;margin:5px 0}.network-person small{display:block;font-size:9px;color:var(--sn-muted)}.network-relation-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.network-relation-tags span{font-size:8px;border-radius:99px;padding:4px 7px;background:#172f43;color:#9eb9ca}.network-relation-tags .mutual{background:#103a31;color:#66e0b2}.network-relation-tags .connected{display:flex;align-items:center;gap:3px;background:#282653;color:#afa8ff}.network-person-actions{grid-column:1/-1;display:flex;gap:7px}.connection-response button,.network-person-actions>button{border:1px solid #2d546b;border-radius:8px;background:#11283a;color:#b8d0df;padding:7px 10px;font-size:9px;display:flex;align-items:center;justify-content:center;gap:5px}.network-person-actions>button.primary{background:#178fcb;color:white;border-color:#178fcb}.network-person-actions>button.secondary{background:#13372f;color:#6be1b4;border-color:#27624f}.network-person-actions .ghost{margin-left:auto}.connection-response{display:flex;margin-left:auto;gap:4px}.connection-response button:first-child{background:#4c45a4;color:white;border-color:#6960d2}.network-error,.network-state{grid-column:1/-1;border:1px dashed var(--sn-border);border-radius:13px;padding:26px;text-align:center;color:var(--sn-muted)}.network-error{border-style:solid;border-color:#7a3542;color:#ff9eaa;background:#3a172155}@media(max-width:850px){.network-stats{grid-template-columns:repeat(2,1fr)}.network-people{grid-template-columns:1fr}.network-hero>svg{display:none}}@media(max-width:620px){.network-hero{padding:24px 19px;min-height:180px}.network-hero h1{font-size:29px}.network-directory-head,.network-section-head{align-items:flex-start;flex-direction:column}.network-directory-head label{width:100%}.network-map{height:340px}.network-map-card{padding:17px}.network-map-demo{align-items:flex-start;flex-direction:column}.network-person-actions{flex-wrap:wrap}.connection-response,.network-person-actions .ghost{margin-left:0}.network-stats button{padding:14px}}