[data-demo-view="network"]{--net-card:#fff;--net-line:#e6e9e1}
.network-pulse{display:grid;grid-template-columns:minmax(210px,1.6fr) repeat(3,minmax(115px,.7fr));align-items:center;gap:0;margin:14px 0;background:#171817;color:#fff;border-radius:14px;padding:18px 22px;box-shadow:0 12px 35px rgba(20,24,18,.12)}
.network-pulse>div:first-of-type{display:grid;gap:4px;padding-left:13px}.network-pulse small{font-size:7px;letter-spacing:.12em;color:#969a92}.network-pulse strong{font-size:14px}.pulse-dot{width:9px;height:9px;background:#68d391;border-radius:50%;box-shadow:0 0 0 5px rgba(104,211,145,.12)}.pulse-metric{display:grid;gap:5px;padding-left:20px;border-left:1px solid #353733}.pulse-metric strong{font-size:18px;color:#ffe500}
.network-tree{min-height:390px;padding:0 32px 34px;background:radial-gradient(circle at 50% 28%,#25261f 0,#111 43%);overflow:hidden}.tree-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:23px 0 27px;border-bottom:1px solid #30312d;margin-bottom:24px}.tree-head small,.insight-head small{font-size:7px;letter-spacing:.14em;color:#8e928a}.tree-head h3,.insight-head h3{font-size:17px;margin:6px 0 0}.tree-legend{display:flex;gap:18px}.tree-legend span{display:flex;align-items:center;gap:7px;font-size:7px;color:#aaa}.tree-legend i{width:7px;height:7px;border-radius:50%;background:#ffe500}.tree-legend span+span i{background:#70746d}.network-tree .person{position:relative;width:94px;height:94px;border:1px solid rgba(255,229,0,.5);box-shadow:0 0 0 7px rgba(255,229,0,.06);display:flex;flex-direction:column;justify-content:center;gap:4px}.network-tree .person b{font-size:14px}.network-tree .person small{font-size:7px;color:#5b5e58}.network-tree .person em{font-size:6px;font-style:normal;color:#111;background:rgba(255,255,255,.5);padding:3px 6px;border-radius:9px}.network-tree .root{width:104px;height:104px}.network-tree .tree-line{height:52px}.network-tree .tree-people{width:min(850px,92%);justify-content:space-between;gap:20px}.network-tree .tree-people:before{left:47px;right:47px}.network-tree .tree-people .person:before{top:-28px;height:28px}.network-tree .person.more{background:#272922;color:#ffe500;border-color:#575a51;box-shadow:none}.network-tree .person.more small{color:#bbb}.network-tree .person.more em{color:#ffe500;background:#111}
.network-insights{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.network-insights>article{background:var(--net-card);border:1px solid var(--net-line);border-radius:14px;padding:22px;box-shadow:0 10px 35px rgba(20,24,18,.055)}.insight-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.insight-head>div{display:grid}.insight-head>b{font-size:27px}.region-bar{display:grid;gap:15px}.region-bar span{display:grid;grid-template-columns:45px 1fr 25px;align-items:center;gap:10px;font-size:8px}.region-bar i{height:8px;background:#eef0ea;border-radius:8px;overflow:hidden}.region-bar i:after{content:"";display:block;width:var(--fill);height:100%;background:linear-gradient(90deg,#ffe500,#d2bc00);border-radius:8px}.region-bar em{font-style:normal;text-align:right;font-weight:900}.online{display:flex;align-items:center;gap:7px;font-size:8px;color:#278757}.online i{width:7px;height:7px;background:#44b977;border-radius:50%}.partner-roster{display:grid}.partner-roster>div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #eceee8}.partner-roster>div>b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#171817;color:#ffe500;font-size:8px}.partner-roster>div:nth-child(2)>b{background:#5b42d6;color:#fff}.partner-roster>div:nth-child(3)>b{background:#147d70;color:#fff}.partner-roster span{display:grid;gap:3px}.partner-roster strong{font-size:10px}.partner-roster small{font-size:7px;color:#888}.partner-roster em{font-size:9px;font-style:normal;font-weight:900;color:#288458}
@media(max-width:900px){.network-pulse{grid-template-columns:1fr 1fr}.network-pulse>div:first-of-type{min-height:50px}.pulse-metric{border-left:0;border-top:1px solid #353733;padding:14px 0 0}.network-insights{grid-template-columns:1fr}.network-tree .tree-people{width:100%}}
@media(max-width:560px){.network-pulse{grid-template-columns:1fr 1fr;padding:17px}.network-pulse>div:first-of-type{padding-left:10px}.network-pulse .pulse-metric:last-child{display:none}.network-tree{padding:0 16px 25px;min-height:365px}.tree-head{align-items:flex-start}.tree-legend{display:none}.network-tree .tree-people{gap:7px}.network-tree .person{width:64px;height:64px}.network-tree .root{width:82px;height:82px}.network-tree .person small{max-width:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-tree .person em{display:none}.network-tree .tree-people:before{left:32px;right:32px}.network-insights>article{padding:18px}}