.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,var(--sn-mode-surface,#101f35),var(--sn-mode-canvas,#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:var(--sn-mode-cyan,#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,var(--sn-mode-surface,#0d1d2d),var(--sn-mode-canvas,#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:var(--sn-mode-success,#59e2ae);box-shadow:0 0 8px #59e2ae}.network-map{display:block;width:100%;height:min(390px,55vw);min-height:280px}.network-map line{stroke:var(--sn-mode-muted,#2c6077);stroke-width:1.2;opacity:.65}.network-map line.mutual{stroke:var(--sn-mode-success,#59e2ae);stroke-width:2;opacity:.88;filter:drop-shadow(0 0 4px #59e2ae)}.network-map circle{fill:#102b3d;stroke:var(--sn-mode-blue,#43bee8);stroke-width:1.5}.network-map .me circle{fill:var(--sn-mode-blue,#244ab1);stroke:var(--sn-mode-blue,#8a7dff);stroke-width:2.5;filter:drop-shadow(0 0 12px #645aff88)}.network-map text{pointer-events:none}.network-map .initials{fill:var(--sn-mode-ink,#e9f8ff);font-size:10px;font-weight:800}.network-map .label{fill:var(--sn-mode-muted,#93aabb);font-size:9px}.network-map .me .label{fill:var(--sn-mode-ink,#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 var(--sn-mode-border,#265c70);border-radius:10px;background:var(--sn-mode-surface,#0b2735);color:var(--sn-mode-muted,#9db6c5);font-size:9px}.network-map-demo b{color:var(--sn-mode-cyan,#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 form{width:min(430px,48%)}.network-directory-head label{width:100%;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;min-width:0;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:var(--sn-mode-soft,#183e5b);color:var(--sn-mode-ink,#eaf9ff);border-color:var(--sn-mode-border,#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:var(--sn-mode-muted,#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:var(--sn-mode-soft,#172f43);color:var(--sn-mode-muted,#9eb9ca)}.network-relation-tags .mutual{background:var(--sn-mode-success-soft,#103a31);color:var(--sn-mode-success,#66e0b2)}.network-relation-tags .connected{display:flex;align-items:center;gap:3px;background:var(--sn-mode-soft,#282653);color:var(--sn-mode-ink,#afa8ff)}.network-person-actions{grid-column:1/-1;display:flex;gap:7px}.connection-response button,.network-person-actions>button{border:1px solid var(--sn-mode-border,#2d546b);border-radius:8px;background:var(--sn-mode-soft,#11283a);color:var(--sn-mode-ink,#b8d0df);padding:7px 10px;font-size:9px;display:flex;align-items:center;justify-content:center;gap:5px}.network-person-actions>button.primary{background:var(--sn-mode-blue,#178fcb);color:white;border-color:var(--sn-mode-blue,#178fcb)}.network-person-actions>button.secondary{background:var(--sn-mode-success-soft,#13372f);color:var(--sn-mode-success,#6be1b4);border-color:var(--sn-mode-border,#27624f)}.network-person-actions .ghost{margin-left:auto}.connection-response{display:flex;margin-left:auto;gap:4px}.connection-response button:first-child{background:var(--sn-mode-blue,#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:var(--sn-mode-border,#7a3542);color:var(--sn-mode-ink,#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 form,.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}}.network-alphabet{display:flex;flex-wrap:wrap;gap:4px;margin:20px 0}.network-alphabet button{min-width:30px;min-height:34px;padding:4px 8px;border:1px solid var(--sn-mode-border,#334155);background:transparent;color:inherit;border-radius:6px}.network-alphabet button[aria-pressed=true]{background:#305bae;color:white}.network-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:20px 0}.network-pagination span{margin-right:auto}.network-pagination button{padding:10px 16px;border:1px solid var(--sn-mode-border,#334155);background:transparent;color:inherit;border-radius:8px}.network-pagination button:disabled{opacity:.4}.network-alphabet :focus-visible,.network-pagination :focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.network-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.network-location-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.network-location-controls>button{min-height:42px;border:1px solid var(--sn-mode-border,#304866);border-radius:10px;background:var(--sn-mode-surface,#0d1929);color:var(--sn-mode-ink,#f4f7fb);padding:10px 15px;font:inherit;font-size:12px;cursor:pointer}.network-location-controls>button[aria-pressed=true]{background:var(--sn-mode-blue,#2f7bff);color:#fff;border-color:var(--sn-mode-blue,#2f7bff)}.network-location-controls .sn-country-select{width:min(260px,100%);min-width:0}.network-location-controls button:disabled{opacity:.5;cursor:not-allowed}.network-directory-head label:focus-within,.network-location-controls button:focus-visible{outline:2px solid var(--sn-mode-blue,#4c9bff);outline-offset:3px}.network-incoming{margin-bottom:24px;border:1px solid var(--sn-mode-border,#29364a);border-top:3px solid var(--sn-mode-blue,#6366f1);border-radius:16px;background:var(--sn-mode-surface,#101F35);color:var(--sn-mode-ink,#E8EDF5);overflow:hidden}.network-incoming-heading{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.network-incoming-heading>div{display:flex;align-items:center;gap:13px}.network-incoming-heading>div>svg{color:var(--sn-mode-blue,#6366f1);flex-shrink:0}.network-incoming-heading h2{font-size:21px;line-height:1.3;margin:0}.network-incoming-heading p{font-size:12px;color:var(--sn-mode-muted,#A8B4C7);margin:5px 0 0}.network-incoming button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--sn-mode-border,#29364a);border-radius:8px;background:transparent;color:inherit;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}.network-incoming button:disabled{opacity:.45;cursor:not-allowed}.network-incoming :focus-visible{outline:2px solid var(--sn-mode-blue,#6366f1);outline-offset:3px}.network-incoming input[type=checkbox]{width:17px;height:17px;accent-color:var(--sn-mode-blue,#6366f1);flex-shrink:0}.network-incoming-tabs{display:flex;border-bottom:1px solid var(--sn-mode-border,#29364a);padding:0 24px;gap:20px}.network-incoming-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;min-height:49px;padding:10px 0;color:var(--sn-mode-muted,#A8B4C7)}.network-incoming-tabs button[aria-selected=true]{color:var(--sn-mode-ink,#E8EDF5);border-bottom-color:var(--sn-mode-blue,#6366f1)}.network-incoming-tabs b{font-size:11px;min-width:24px;padding:3px 7px;border-radius:6px;background:var(--sn-mode-soft,#18243A)}.network-incoming-tools{display:flex;align-items:center;gap:14px;padding:15px 24px;background:var(--sn-mode-soft,#18243A);border-bottom:1px solid var(--sn-mode-border,#29364a);font-size:12px}.network-incoming-tools label{display:flex;align-items:center;gap:9px;cursor:pointer}.network-incoming-tools>span{color:var(--sn-mode-muted,#A8B4C7);white-space:nowrap}.network-incoming-tools>div{margin-left:auto;display:flex;gap:7px}.network-incoming button.accept{background:var(--sn-mode-blue,#5147c7);border-color:var(--sn-mode-blue,#5147c7);color:#fff}.network-incoming-list{list-style:none;margin:0;padding:0}.network-incoming-list>li{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--sn-mode-border,#29364a)}.network-incoming-list>li:last-child{border-bottom:0}.network-incoming-avatar{width:42px;height:42px;border-radius:12px;background:var(--sn-mode-soft,#18243A);display:grid;place-items:center;flex-shrink:0;font-size:12px}.network-incoming-person{min-width:0;flex:1}.network-incoming-person>div{display:flex;align-items:center;gap:7px}.network-incoming-person h3{font-size:14px;margin:0;overflow-wrap:anywhere}.network-incoming-person p{font-size:12px;line-height:1.5;margin:4px 0;color:var(--sn-mode-muted,#A8B4C7);overflow-wrap:anywhere}.network-incoming-person time{font-size:11px;color:var(--sn-mode-muted,#A8B4C7)}.network-incoming-decisions{display:flex;gap:7px;flex-shrink:0}.network-incoming-empty{display:flex;align-items:center;justify-content:center;gap:10px;min-height:100px;padding:22px;color:var(--sn-mode-muted,#A8B4C7);font-size:13px;text-align:center}.network-incoming-empty p{margin:0}.network-incoming-error,.network-incoming-success{margin:16px 24px;font-size:13px;line-height:1.6}.network-incoming-error{color:var(--sn-mode-danger,#fda4af);background:var(--sn-mode-danger-soft,#542332);padding:10px 14px;border-radius:8px}.network-incoming-success{color:var(--sn-mode-success,#5dd6ab)}.network-incoming-pages{display:flex;align-items:center;gap:8px;border-top:1px solid var(--sn-mode-border,#29364a);padding:14px 24px;font-size:12px}.network-incoming-pages span{margin-right:auto;color:var(--sn-mode-muted,#A8B4C7)}@media(max-width:700px){.network-incoming-heading{padding:18px 16px}.network-incoming-heading h2{font-size:19px}.network-incoming-heading>button span{display:none}.network-incoming-tabs{padding:0 16px;gap:16px}.network-incoming-tabs button{font-size:11px}.network-incoming-tools{flex-wrap:wrap;padding:12px 16px;gap:10px}.network-incoming-tools>div{width:100%;margin-left:0}.network-incoming-tools>div button{flex:1}.network-incoming-list>li{padding:16px;gap:10px;flex-wrap:wrap}.network-incoming-person{flex-basis:calc(100% - 90px)}.network-incoming-decisions{margin-left:69px}.network-incoming-pages{padding:12px 16px}}