.shell[data-v-e0ed92d9]{display:flex;height:100vh;background:#101014}.side[data-v-e0ed92d9]{width:180px;display:flex;flex-direction:column;gap:12px;padding:14px 12px;border-right:1px solid #23232b;background:#14141a}.brand[data-v-e0ed92d9]{font-weight:600}nav[data-v-e0ed92d9]{display:flex;flex-direction:column;gap:2px}.nav-item[data-v-e0ed92d9]{display:block;padding:7px 10px;border-radius:6px;color:#c8c8d2;text-decoration:none;font-size:13px}.nav-item[data-v-e0ed92d9]:hover{background:#1c1c24}.nav-item.active[data-v-e0ed92d9]{background:#24405c;color:#cfe4ff}.spacer[data-v-e0ed92d9]{flex:1}.who[data-v-e0ed92d9]{display:flex;flex-direction:column;gap:4px;font-size:12px}.conn[data-v-e0ed92d9]{display:flex;align-items:center;gap:6px}.name[data-v-e0ed92d9]{font-weight:600}.dot[data-v-e0ed92d9]{width:7px;height:7px;border-radius:50%}.dot.on[data-v-e0ed92d9]{background:#35c46a}.dot.off[data-v-e0ed92d9]{background:#6b6b76}.link[data-v-e0ed92d9]{text-decoration:none}.main[data-v-e0ed92d9]{flex:1;min-width:0;display:flex;flex-direction:column}.top[data-v-e0ed92d9]{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #23232b;background:#14141a}.content[data-v-e0ed92d9]{flex:1;min-height:0;overflow:auto}html,body,#app{height:100%;margin:0}body{background:#101014;color:#e6e6ea;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}.page{padding:16px;max-width:1400px;margin:0 auto}.muted{color:#8a8a95;font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:#14141a;border:1px solid #23232b;border-radius:8px}.panel-head{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #23232b;flex-wrap:wrap}.panel-title{font-weight:600;font-size:13px}.panel-body{position:relative;flex:1;min-height:0;display:grid;place-items:center;padding:8px;overflow:hidden}.panel-foot{padding:6px 8px;border-top:1px solid #23232b}.spacer{flex:1}