:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.shell{max-width:1500px;margin:auto;padding:24px}.topbar,.toolbar,.summary,.content{background:#fff;border:1px solid #e3e8f0;border-radius:12px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 22px}.topbar h1{display:inline;margin:0 10px 0 0;font-size:24px}.topbar span{color:#708096}.connection{display:flex;align-items:center;gap:9px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#ef4444}.dot.online{background:#22c55e}.dot.connecting{background:#f59e0b}.toolbar{display:flex;gap:8px;padding:12px;margin-top:14px}.toolbar button,.connection button{border:1px solid #d4dce8;background:#fff;border-radius:7px;padding:8px 13px;cursor:pointer}.toolbar button:hover,.connection button:hover{background:#eef5ff}.summary{display:flex;gap:28px;align-items:center;padding:16px 22px;margin-top:14px}.summary b{display:block;font-size:22px}.summary small{color:#708096}.summary .grow{margin-left:auto;color:#708096}.content{display:grid;grid-template-columns:1fr 360px;gap:0;margin-top:14px;overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:12px 10px;border-bottom:1px solid #edf0f5;text-align:left;font-size:13px}th{color:#64748b;background:#f8fafc}td.muted{color:#94a3b8}.status{padding:4px 8px;border-radius:99px;background:#eef2ff;color:#4355a8}.status.offline{background:#f1f5f9;color:#64748b}.progress{color:#2563eb}aside{border-left:1px solid #e3e8f0;padding:16px;background:#fbfcfe}aside h2{font-size:15px;margin:0 0 10px}pre{height:520px;overflow:auto;white-space:pre-wrap;font:12px/1.5 ui-monospace,monospace;color:#475569}