:root{--bg: #0f1117;--panel: #171a23;--panel2: #1e2230;--border: #2a2f3f;--text: #e6e9f0;--muted: #8b93a7;--green: #2ecc71;--red: #e74c3c;--amber: #f39c12;--blue: #4f8cff;--badge-a: #4f8cff;--badge-b: #9b59b6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:14px}.app{max-width:1200px;margin:0 auto;padding:20px}header{display:flex;align-items:center;gap:14px;margin-bottom:16px}header h1{font-size:18px;margin:0;flex:1}.hub{color:var(--muted);font-size:12px}.login{max-width:420px;margin:80px auto;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:12px;text-align:center}.login input{width:100%;padding:10px;margin:12px 0;border-radius:8px;border:1px solid var(--border);background:var(--panel2);color:var(--text)}button{padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer;font-size:13px}button:hover{border-color:var(--blue)}button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.danger{background:transparent;border-color:var(--red);color:var(--red)}button.danger:hover{background:var(--red);color:#fff}button.ghost{background:transparent}button:disabled{opacity:.5;cursor:not-allowed}.tabs{display:flex;gap:8px;align-items:center;margin-bottom:14px}.tab{background:transparent}.tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.count{margin-left:auto;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.card h3{margin:0 0 12px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row+.row{margin-top:10px}select,input[type=number],input[type=text]{padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font-size:13px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--panel2)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.dot.on{background:var(--green)}.dot.off{background:var(--red)}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:700}.badge.A{background:#4f8cff26;color:var(--badge-a)}.badge.B{background:#9b59b626;color:var(--badge-b)}.status{color:var(--muted)}.status.ok{color:var(--green)}.status.err{color:var(--red)}.notice{background:#2ecc711f;border:1px solid var(--green);color:var(--green);padding:10px 14px;border-radius:8px;margin-bottom:12px}.error{background:#e74c3c1f;border:1px solid var(--red);color:var(--red);padding:10px 14px;border-radius:8px;margin-bottom:12px}.thread-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:12px}.thread{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.logs{background:#0b0d12;border:1px solid var(--border);border-radius:8px;padding:10px;max-height:260px;overflow:auto;font-family:Consolas,monospace;font-size:12px}.logs .line{padding:2px 0;border-bottom:1px solid #14161e;color:var(--muted)}.logs .line .t{color:var(--amber);margin-right:8px}.cmd-hist{max-height:260px;overflow:auto}.cmd-hist .item{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.cmd-hist .type{font-weight:600}.cmd-hist .detail{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back{margin-bottom:12px}.muted{color:var(--muted)}.flex{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.mt{margin-top:10px}