.acc-root,.acc-root *{box-sizing:border-box;margin:0;padding:0}.acc-root{--bg:#07090d;--bg2:#0b0e14;--panel:#10141c;--panel2:#151a24;--panel3:#1a212d;--bd:#1c2330;--bd2:#28313f;--bd3:#38424f;--tx:#e6edf3;--tx2:#8b95a5;--tx3:#5a6473;--ac:#2dd4bf;--ac2:#22d3ee;--acd:#2dd4bf1f;--ok:#3fb950;--warn:#d9a326;--err:#f85149;--stale:#6b7684;--idle:#3d4653;--mono:"JetBrains Mono","Cascadia Code","SFMono-Regular",Consolas,monospace;--ui:"Inter","Segoe UI","Microsoft YaHei",-apple-system,sans-serif;background:var(--bg);color:var(--tx);font-family:var(--ui);-webkit-font-smoothing:antialiased;font-size:13.5px;position:fixed;inset:0;overflow:hidden}.acc-root ::-webkit-scrollbar{width:9px;height:9px}.acc-root ::-webkit-scrollbar-track{background:0 0}.acc-root ::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#232b38;border-radius:5px}.acc-root ::-webkit-scrollbar-thumb:hover{background:#333d4d}#app{flex-direction:column;height:100%;display:flex}#topbar{border-bottom:1px solid var(--bd);background:var(--bg2);z-index:30;flex:0 0 54px;align-items:center;gap:16px;height:54px;padding:0 18px;display:flex;position:relative}.brand{flex:none;align-items:center;gap:10px;display:flex}.brand .mark{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#04121a;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid;box-shadow:0 0 18px #2dd4bf4d}.brand h1{letter-spacing:.06em;font-size:13.5px;font-weight:650}.brand .sub{color:var(--tx3);letter-spacing:.02em;border-left:1px solid var(--bd2);padding-left:9px;font-size:11px}.search{flex:auto;max-width:420px;position:relative}.search input{background:var(--panel);border:1px solid var(--bd);width:100%;height:32px;color:var(--tx);font-family:var(--ui);border-radius:7px;outline:none;padding:0 30px 0 31px;font-size:13px;transition:border-color .15s,box-shadow .15s}.search input::placeholder{color:var(--tx3)}.search input:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--acd)}.search .ico{color:var(--tx3);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search kbd{font-family:var(--mono);color:var(--tx3);border:1px solid var(--bd2);background:var(--bg2);border-radius:4px;padding:1px 5px;font-size:10px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.tright{flex:none;align-items:center;gap:14px;margin-left:auto;display:flex}.stat{color:var(--tx3);font-size:11.5px;font-family:var(--mono);align-items:center;gap:7px;display:flex}.stat .led{background:var(--ok);width:7px;height:7px;box-shadow:0 0 8px var(--ok);border-radius:50%}.stat.live .led{animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.stat.off .led{background:var(--err);box-shadow:0 0 8px var(--err)}.stat.snap .led{background:var(--warn);box-shadow:0 0 8px var(--warn)}.tbtn{background:var(--panel);border:1px solid var(--bd);height:30px;color:var(--tx2);font-size:12px;font-family:var(--ui);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 11px;transition:all .15s;display:flex}.tbtn:hover{border-color:var(--bd3);color:var(--tx);background:var(--panel2)}.tbtn:active{transform:translateY(1px)}.tbtn.spin svg{animation:.7s linear spin}@keyframes spin{to{transform:rotate(360deg)}}#shell{flex:auto;min-height:0;display:flex}#sidebar{background:var(--bg2);border-right:1px solid var(--bd);flex-direction:column;flex:0 0 206px;width:206px;min-height:0;display:flex}.side-head{letter-spacing:.13em;color:var(--tx3);padding:14px 14px 8px;font-size:10.5px;font-weight:600}#grouplist{flex:auto;padding:0 8px 10px;overflow-y:auto}.gitem{cursor:pointer;height:31px;color:var(--tx2);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:9px;padding:0 8px;font-size:12.5px;transition:all .12s;display:flex}.gitem:hover{background:var(--panel);color:var(--tx)}.gitem.on{background:var(--panel2);color:var(--tx);font-weight:550}.gitem .gd{border-radius:50%;flex:none;width:7px;height:7px}.gitem .gn{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.gitem .gc{font-family:var(--mono);color:var(--tx3);font-size:10.5px}.gitem.on .gc{color:var(--ac)}.side-foot{border-top:1px solid var(--bd);padding:10px 14px 13px}.side-foot .kv{color:var(--tx3);font-size:11px;font-family:var(--mono);justify-content:space-between;padding:2.5px 0;display:flex}.side-foot .kv b{color:var(--tx2);font-weight:500}#main{flex-direction:column;flex:auto;min-width:0;display:flex;overflow:hidden}#kpis{background:var(--bd);border-bottom:1px solid var(--bd);flex:none;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:1px;display:grid}.kpi{background:var(--bg2);padding:11px 15px}.kpi .kl{color:var(--tx3);letter-spacing:.05em;margin-bottom:5px;font-size:10.5px}.kpi .kv2{font-size:20px;font-weight:600;font-family:var(--mono);letter-spacing:-.02em;line-height:1}.kpi .kv2 small{color:var(--tx3);margin-left:3px;font-size:11px;font-weight:400}.kpi.warn .kv2{color:var(--warn)}.kpi.err .kv2{color:var(--err)}.kpi.acc .kv2{color:var(--ac)}#content{flex:auto;padding:16px 18px 60px;overflow-y:auto}.gsec{margin-bottom:22px}.ghead{border-bottom:1px solid var(--bd);align-items:center;gap:9px;margin-bottom:10px;padding-bottom:7px;display:flex}.ghead .gd{border-radius:50%;width:8px;height:8px}.ghead h2{letter-spacing:.02em;font-size:12.5px;font-weight:600}.ghead .cnt{font-family:var(--mono);color:var(--tx3);font-size:11px}.ghead .ln{flex:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:9px;display:grid}.grid.list{grid-template-columns:1fr;gap:5px}.card{background:var(--panel);border:1px solid var(--bd);cursor:pointer;border-radius:9px;padding:11px 12px;transition:border-color .15s,background .15s,transform .15s;position:relative;overflow:hidden}.card:before{content:"";background:var(--gc,transparent);opacity:.85;width:2px;position:absolute;top:0;bottom:0;left:0}.card:hover{border-color:var(--bd3);background:var(--panel2);transform:translateY(-1px)}.card.on{border-color:var(--ac);background:var(--panel2);box-shadow:0 0 0 1px var(--ac) inset}.card-h{align-items:center;gap:8px;margin-bottom:7px;display:flex}.led{background:var(--idle);border-radius:50%;flex:none;width:8px;height:8px}.led.active{background:var(--ok);box-shadow:0 0 9px #3fb9508c}.led.warn{background:var(--warn);box-shadow:0 0 9px #d9a32673}.led.stale{background:var(--stale)}.led.err{background:var(--err);box-shadow:0 0 9px #f8514980}.led.idle{background:var(--idle)}.card-h h3{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.badge{font-family:var(--mono);background:var(--panel3);color:var(--tx3);letter-spacing:.03em;border:1px solid var(--bd);text-transform:lowercase;border-radius:4px;flex:none;padding:2px 5px;font-size:9.5px}.card .ins{color:var(--tx2);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:16px;margin-bottom:8px;font-size:11.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.card.w .ins{color:#c9a961}.card-m{font-family:var(--mono);color:var(--tx3);border-top:1px solid var(--bd);align-items:center;gap:8px;padding-top:7px;font-size:10.5px;display:flex}.card-m .br{color:var(--tx2);text-overflow:ellipsis;white-space:nowrap;max-width:88px;overflow:hidden}.card-m .up{color:var(--ac2)}.card-m .dt{color:var(--warn)}.card-m .bh{color:var(--err)}.card-m .sp{flex:auto}.card-m .tm{color:var(--tx3)}.grid.list .card{padding:7px 12px 7px 13px}.grid.list .card .ins,.grid.list .badge{display:none}.grid.list .card-h{margin-bottom:0}.grid.list .card-m{border-top:none;margin-top:4px;padding-top:0}.empty{text-align:center;color:var(--tx3);padding:60px 20px;font-size:13px}#mask{opacity:0;pointer-events:none;z-index:40;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#04060a8c;transition:opacity .2s;position:fixed;inset:0}#mask.on{opacity:1;pointer-events:auto}#drawer{background:var(--bg2);border-left:1px solid var(--bd2);z-index:41;flex-direction:column;width:min(520px,94vw);transition:transform .24s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-18px 0 45px #00000080}#drawer.on{transform:translate(0)}.dr-h{border-bottom:1px solid var(--bd);flex:none;padding:15px 17px 12px}.dr-h .r1{align-items:center;gap:9px;margin-bottom:6px;display:flex}.dr-h h2{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:15.5px;font-weight:650;overflow:hidden}.x{background:var(--panel);border:1px solid var(--bd);width:26px;height:26px;color:var(--tx2);cursor:pointer;border-radius:6px;flex:none;place-items:center;font-size:15px;line-height:1;transition:all .15s;display:grid}.x:hover{background:var(--panel2);color:var(--tx);border-color:var(--bd3)}.path{font-family:var(--mono);color:var(--tx3);word-break:break-all;cursor:pointer;font-size:10.5px;line-height:1.5}.path:hover{color:var(--tx2)}.dr-b{flex:auto;padding:14px 17px 40px;overflow-y:auto}.acts{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.abtn{background:var(--panel);border:1px solid var(--bd);height:29px;color:var(--tx2);font-size:12px;font-family:var(--ui);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 11px;transition:all .14s;display:flex}.abtn:hover{border-color:var(--ac);color:var(--ac);background:var(--acd)}.abtn:disabled{opacity:.4;cursor:not-allowed}.abtn.danger:hover{border-color:var(--warn);color:var(--warn);background:#d9a3261a}.sec{margin-bottom:17px}.sec h4{letter-spacing:.12em;color:var(--tx3);align-items:center;gap:7px;margin-bottom:8px;font-size:10.5px;font-weight:600;display:flex}.sec h4:after{content:"";background:var(--bd);flex:auto;height:1px}.rows{background:var(--bd);border:1px solid var(--bd);border-radius:7px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.row{background:var(--panel);align-items:flex-start;gap:9px;padding:7px 10px;font-size:12px;display:flex}.row .k{color:var(--tx3);flex:none;min-width:62px;padding-top:1px;font-size:11px}.row .v{word-break:break-all;min-width:0;font-family:var(--mono);flex:auto;font-size:11.5px;line-height:1.5}.row .v.p{font-family:var(--ui);font-size:12px}.chg{font-family:var(--mono);align-items:baseline;gap:8px;padding:4px 0;font-size:11.5px;display:flex}.chg .c{text-align:center;border-radius:3px;flex:none;width:22px;padding:1px 0;font-size:10px}.chg .c.M{color:var(--warn);background:#d9a32629}.chg .c.A,.chg .c.QQ{color:var(--ok);background:#3fb95029}.chg .c.D{color:var(--err);background:#f8514929}.chg .c.R{color:var(--ac2);background:#22d3ee24}.chg .f{color:var(--tx2);word-break:break-all}.cmt{border-bottom:1px solid var(--bd);gap:9px;padding:7px 0;font-size:12px;display:flex}.cmt:last-child{border-bottom:none}.cmt .sha{font-family:var(--mono);color:var(--ac);flex:none;padding-top:1px;font-size:10.5px}.cmt .body{flex:auto;min-width:0}.cmt .sub{color:var(--tx2);word-break:break-word;font-size:11px;line-height:1.45}.cmt .meta{color:var(--tx3);font-size:10px;font-family:var(--mono);margin-top:3px}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{font-family:var(--mono);background:var(--panel);border:1px solid var(--bd);color:var(--tx2);cursor:pointer;border-radius:5px;padding:3px 8px;font-size:11px;transition:all .14s}.chip:hover{border-color:var(--ac);color:var(--ac);background:var(--acd)}.chip.plain{cursor:default}.chip.plain:hover{border-color:var(--bd);color:var(--tx2);background:var(--panel)}.pre{background:var(--panel);border:1px solid var(--bd);font-family:var(--mono);color:var(--tx2);white-space:pre-wrap;word-break:break-word;border-radius:7px;max-height:260px;padding:10px 12px;font-size:11px;line-height:1.65;overflow-y:auto}#toast{background:var(--panel3);border:1px solid var(--bd3);color:var(--tx);z-index:60;opacity:0;pointer-events:none;border-radius:8px;max-width:70vw;padding:9px 15px;font-size:12.5px;transition:all .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(14px);box-shadow:0 8px 30px #00000080}#toast.on{opacity:1;transform:translate(-50%)translateY(0)}#toast.err{border-color:var(--err);color:#ffb4b0}#toast.ok{border-color:var(--ac);color:var(--ac)}.loading{text-align:center;color:var(--tx3);padding:60px;font-size:12.5px}.spin-d{border:2px solid var(--bd2);border-top-color:var(--ac);border-radius:50%;width:22px;height:22px;margin:0 auto 12px;animation:.8s linear infinite spin}@media (width<=860px){#sidebar{display:none}.search{max-width:none}.brand .sub{display:none}}