.network-panel{position:absolute;inset:72px 18px 18px auto;width:min(680px,calc(100vw - 36px));z-index:24;background:rgba(2,7,13,.97);border:1px solid rgba(160,196,222,.22);box-shadow:0 24px 70px rgba(0,0,0,.48);backdrop-filter:blur(18px);display:flex;flex-direction:column;overflow:hidden}.network-panel.hidden{display:none}.network-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid rgba(160,196,222,.14)}.network-head h2{margin:4px 0 0;font-size:22px}.network-status{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid rgba(160,196,222,.1);font-size:11px;letter-spacing:.08em}.network-state-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.network-scroll{overflow:auto;padding:0 20px 22px}.network-section{padding:18px 0;border-bottom:1px solid rgba(160,196,222,.1)}.network-section header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.network-section h3{margin:0;font-size:11px;letter-spacing:.13em;color:rgba(224,238,248,.72)}.network-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.network-fact{border:1px solid rgba(160,196,222,.12);background:rgba(255,255,255,.025);padding:10px 12px;min-width:0}.network-fact span{display:block;font-size:9px;letter-spacing:.12em;color:rgba(224,238,248,.5)}.network-fact b{display:block;margin-top:5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-streams{display:flex;flex-wrap:wrap;gap:6px}.network-streams button,.network-log-refresh,.network-action,.network-form-actions button,.network-operation button{border:1px solid rgba(160,196,222,.18);background:rgba(255,255,255,.03);color:inherit;padding:7px 9px;cursor:pointer}.network-streams button.active{background:rgba(255,255,255,.1)}.network-log-wrap{border:1px solid rgba(160,196,222,.13);background:#02060a;margin-top:10px}.network-log-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-bottom:1px solid rgba(160,196,222,.1);font-size:9px}.network-log-wrap pre{margin:0;min-height:110px;max-height:280px;overflow:auto;padding:11px;white-space:pre-wrap;word-break:break-word;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.network-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.network-action{text-align:left}.network-action span,.network-action small{display:block}.network-action small{margin-top:4px;font-size:9px;opacity:.55}.network-action.danger{border-color:rgba(255,120,120,.35)}.network-action-form{margin-top:10px;border:1px solid rgba(160,196,222,.16);padding:12px}.network-action-form.hidden{display:none}.network-form-head{display:flex;justify-content:space-between;margin-bottom:10px}.network-action-form form{display:grid;gap:9px}.network-action-form label{display:grid;gap:5px;font-size:10px}.network-action-form input,.network-action-form select{background:#02060a;color:inherit;border:1px solid rgba(160,196,222,.16);padding:8px}.network-form-actions{display:flex;justify-content:flex-end;gap:7px}.network-operation{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(160,196,222,.08)}.network-operation b,.network-operation small{display:block}.network-operation small{margin-top:3px;font-size:9px;opacity:.55}.network-empty{margin:0;padding:10px 0;font-size:11px;color:rgba(224,238,248,.55)}.network-state{min-height:18px;padding-top:10px;font-size:10px;color:rgba(224,238,248,.6)}.network-state[data-tone="ok"]{color:#b7efd0}.network-state[data-tone="error"]{color:#ffb7b7}.network-footer{padding-top:16px;display:flex;justify-content:flex-end}@media(max-width:720px){.network-panel{inset:60px 0 0 0;width:100%;border-left:0;border-right:0;border-bottom:0}.network-scroll{padding-left:14px;padding-right:14px}.network-head,.network-status{padding-left:14px;padding-right:14px}}