:root{color-scheme:dark;--bg: #070b16;--bg-2: #0b1224;--panel: rgba(15, 24, 46, .72);--panel-solid: #111a30;--line: rgba(148, 163, 184, .14);--line-strong: rgba(148, 163, 184, .26);--text: #e9eefb;--muted: #93a4c3;--muted-2: #6b7c9c;--green: #3ddc97;--amber: #f5b35c;--red: #fb7185;--violet: #c084fc;--cyan: #22d3ee;--shadow: 0 24px 60px rgba(0, 0, 0, .45);--radius: 22px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(1200px 800px at 12% -10%,#16234a 0%,transparent 55%),radial-gradient(1000px 700px at 100% 0%,#2a1733 0%,transparent 48%),linear-gradient(180deg,var(--bg) 0%,#060912 100%);color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:inherit}button{font:inherit}.page{position:relative;min-height:100vh;width:min(1280px,100%);margin:0 auto;padding:34px 32px 48px}.aurora{position:fixed;z-index:-2;width:620px;height:620px;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none}.aurora-a{top:-280px;left:-160px;background:#3b5bdb}.aurora-b{bottom:-320px;right:-200px;background:#9d4edd}.noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:radial-gradient(rgba(255,255,255,.55) .6px,transparent .6px);background-size:4px 4px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px}.logo{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:var(--amber);background:linear-gradient(145deg,#f5b35c38,#f5b35c0a);border:1px solid rgba(245,179,92,.28);box-shadow:0 12px 30px #f5b35c1f,inset 0 1px #ffffff14}.logo svg{width:34px;height:34px}.brand h1{margin:0;font-size:26px;letter-spacing:.5px;font-weight:700}.brand p{margin:4px 0 0;color:var(--muted);font-size:13px;letter-spacing:1.5px}.top-right{display:flex;align-items:center;gap:14px}.live{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;border:1px solid var(--line);background:#0d1528b3;color:var(--muted);backdrop-filter:blur(10px)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 4px #94a3b81a}.live.is-live{color:#bff7dd;border-color:#3ddc9752}.live.is-live .live-dot{background:var(--green);box-shadow:0 0 0 4px #3ddc9729,0 0 16px #3ddc97cc;animation:pulse 1.8s infinite}.live.is-polling{color:#ffe0b3;border-color:#f5b35c52}.live.is-polling .live-dot{background:var(--amber);animation:pulse 1.8s infinite}.live.is-offline{color:#ffc2cb;border-color:#fb718559}.live.is-offline .live-dot{background:var(--red)}.clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px;letter-spacing:1px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.65}}.stats{display:grid;grid-template-columns:repeat(4,1fr) 1.35fr;gap:14px;margin:30px 0 34px}.stat{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(14px);box-shadow:0 10px 30px #0000002e}.stat-icon{font-size:20px;filter:saturate(1.1)}.stat strong{display:block;font-size:24px;line-height:1.05;font-variant-numeric:tabular-nums}.stat strong span{color:var(--muted-2)}.stat small{display:block;margin-top:4px;color:var(--muted);font-size:12px;letter-spacing:.4px}.stat-wide strong{font-size:16px}.board-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.board-head h2{margin:0;font-size:18px;letter-spacing:.6px}.board-meta{color:var(--muted-2);font-size:12.5px}.warn{color:var(--amber)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.card{position:relative;overflow:hidden;display:block;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#141f3adb,#0a1020db);box-shadow:var(--shadow);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;outline:none}.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.85}.card-glow{position:absolute;width:280px;height:280px;right:-120px;top:-140px;background:var(--accent);opacity:.09;filter:blur(60px);border-radius:50%;pointer-events:none}.card:hover,.card:focus-visible{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 30px 70px #0000008c}.card:focus-visible{box-shadow:0 0 0 2px var(--accent),0 30px 70px #00000080}.card.offline{opacity:.78}.card.offline:before{background:linear-gradient(90deg,transparent,var(--muted-2),transparent)}.card-head{width:100%;display:flex;align-items:center;gap:14px;padding:18px 20px;background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.card-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chevron{flex:none;color:var(--muted-2);font-size:18px;line-height:1;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.card-body{overflow:hidden}.card-body-inner{display:flex;flex-direction:column;gap:16px;padding:0 20px 18px}.body-role{margin-top:-4px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details{align-self:flex-start;margin-top:2px;padding:8px 12px;border-radius:11px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 10%,transparent);color:color-mix(in srgb,var(--accent) 70%,white);font-size:12px;cursor:pointer}.details:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.expand-enter-active,.expand-leave-active{transition:max-height .28s ease,opacity .2s ease}.expand-enter-from,.expand-leave-to{max-height:0;opacity:0}.expand-enter-to,.expand-leave-from{max-height:1200px;opacity:1}.avatar-box{position:relative;flex:none;width:56px;height:56px;border-radius:18px;overflow:visible}.avatar-box img,.avatar-fallback{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 55%,#0b1020),#0b1020);font-size:22px;font-weight:700;color:#fff;box-shadow:0 10px 24px #00000059}.avatar-fallback{color:color-mix(in srgb,var(--accent) 65%,white)}.presence{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;border:3px solid #0c1326;background:var(--muted-2)}.presence.on{background:var(--green);box-shadow:0 0 10px #3ddc97cc}.presence.off{background:#64748b}.who{min-width:0;flex:1}.who h3{margin:0 0 4px;font-size:17px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12px;white-space:nowrap;border:1px solid var(--line);color:var(--muted);background:#080d1a99}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status.tone-busy{color:#a7ffd4;border-color:#3ddc9759}.status.tone-busy .status-dot{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.6s infinite}.status.tone-queued{color:#ffe2b8;border-color:#f5b35c59}.status.tone-queued .status-dot{background:var(--amber)}.status.tone-waiting{color:#e6d4ff;border-color:#c084fc59}.status.tone-waiting .status-dot{background:var(--violet)}.status.tone-idle{color:#b8f1ff;border-color:#22d3ee4d}.status.tone-idle .status-dot{background:var(--cyan)}.status.tone-offline{color:#a7b4c8}.status.tone-offline .status-dot{background:#64748b}.status.tone-paused{color:#ffd6a8;border-color:#f5b35c59}.current{padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),#080d1a8c)}.current.empty{border-color:var(--line);background:#080d1a73}.current-label{font-size:11px;letter-spacing:1.2px;color:color-mix(in srgb,var(--accent) 60%,var(--muted));text-transform:uppercase}.current-title{margin-top:6px;font-size:15px;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.current.empty .current-title{color:var(--muted);font-weight:500;font-size:13.5px}.current-meta{margin-top:6px;font-size:11.5px;color:var(--muted-2)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric{padding:10px 8px;border-radius:13px;text-align:center;border:1px solid var(--line);background:#080d1a73}.metric strong{display:block;font-size:19px;font-variant-numeric:tabular-nums}.metric span{display:block;margin-top:2px;font-size:11px;color:var(--muted-2)}.queue{border-top:1px dashed var(--line);padding-top:14px}.queue-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.6px;margin-bottom:10px}.queue-count{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#94a3b81f;color:var(--muted);font-variant-numeric:tabular-nums}.queue-count.hot{background:#f5b35c29;color:var(--amber)}.queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.queue-list li{display:flex;align-items:center;gap:10px;font-size:13px}.queue-index{flex:none;width:20px;height:20px;border-radius:7px;display:grid;place-items:center;font-size:11px;color:var(--amber);background:#f5b35c1f;font-variant-numeric:tabular-nums}.queue-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cfd9ee}.queue-empty{color:var(--muted-2);font-size:12.5px}.queue-more{margin-top:8px;color:var(--muted-2);font-size:11.5px}.card-foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;color:var(--muted-2);font-size:11.5px}.heart{width:7px;height:7px;border-radius:50%;background:#64748b}.heart.on{background:var(--green);box-shadow:0 0 8px #3ddc97cc}.foot-host{margin-left:auto;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{grid-column:1 / -1;text-align:center;padding:70px 24px;border-radius:var(--radius);border:1px dashed var(--line-strong);background:#0a102080}.empty-cat{font-size:46px}.empty h3{margin:14px 0 8px;font-size:18px}.empty p{margin:0 auto 16px;max-width:560px;color:var(--muted);font-size:13.5px;line-height:1.7}.empty code{display:inline-block;padding:10px 14px;border-radius:12px;background:#00000059;border:1px solid var(--line);color:#cfe0ff;font-size:12px;overflow-wrap:anywhere}.foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:40px;color:var(--muted-2);font-size:12px}.foot a{color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted-2)}.foot a:hover{color:var(--text)}.foot-dot{opacity:.5}.drawer-backdrop{position:fixed;inset:0;z-index:50;background:#03060e9e;backdrop-filter:blur(6px);display:flex;justify-content:flex-end;animation:fade-in .18s ease}.drawer{width:min(540px,94vw);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#101a32,#0a1122);border-left:1px solid var(--line-strong);box-shadow:-30px 0 80px #0000008c;animation:slide-in .24s cubic-bezier(.22,.8,.3,1)}.drawer:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--accent),transparent 75%)}.drawer-head{display:flex;align-items:center;gap:14px;padding:22px 22px 18px;border-bottom:1px solid var(--line)}.drawer-title{flex:1;min-width:0}.drawer-title h2{margin:0 0 4px;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-title p{margin:0;color:var(--muted);font-size:12.5px}.close{width:34px;height:34px;border-radius:11px;cursor:pointer;border:1px solid var(--line);background:#94a3b814;color:var(--muted)}.close:hover{color:var(--text);border-color:var(--line-strong)}.drawer-scroll{overflow-y:auto;padding:20px 22px 34px;display:flex;flex-direction:column;gap:18px}.drawer-block{border:1px solid var(--line);border-radius:18px;background:#080d1a6b;padding:16px}.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.block-head h3{margin:0;font-size:14px;letter-spacing:.4px}.muted{color:var(--muted-2);font-size:12px}.pad{padding:8px 0;margin:0}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-metrics div{text-align:center;padding:10px 4px;border-radius:12px;background:#94a3b80f}.detail-metrics strong{display:block;font-size:20px;font-variant-numeric:tabular-nums}.detail-metrics span{font-size:11px;color:var(--muted-2)}.detail-current{margin-top:12px;display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;background:#3ddc9712;border:1px solid rgba(61,220,151,.2)}.detail-current p{margin:0;font-size:13px;line-height:1.55}.ticket-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ticket-list li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#94a3b80d}.ticket-title{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-id{color:var(--muted-2);font-size:10.5px;font-family:ui-monospace,Consolas,monospace}.tag{flex:none;padding:3px 8px;border-radius:999px;font-size:10.5px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.tag.tone-busy{color:#a7ffd4;border-color:#3ddc9759;background:#3ddc9714}.tag.tone-queued{color:#ffe2b8;border-color:#f5b35c59;background:#f5b35c14}.tag.tone-waiting{color:#e6d4ff;border-color:#c084fc59;background:#c084fc14}.tag.tone-bad{color:#ffc2cb;border-color:#fb718566;background:#fb718514}.tag.tone-idle{color:#b8f1ff;border-color:#22d3ee4d}.queue-list.big li{padding:9px 10px;border-radius:12px;background:#94a3b80d}.health-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.health-list li{display:flex;align-items:center;gap:9px;font-size:12.5px;padding:6px 4px;border-bottom:1px dashed rgba(148,163,184,.08)}.health-list li:last-child{border-bottom:0}.health-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--green)}.health-list li.error .health-dot{background:var(--red);box-shadow:0 0 8px #fb7185b3}.health-list li:not(.ready):not(.error) .health-dot{background:var(--amber)}.health-name{width:92px;flex:none;color:var(--muted)}.health-detail{flex:1;min-width:0;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-list li.error .health-detail{color:#ffb3bf}.kv{margin:0;display:flex;flex-direction:column;gap:8px}.kv div{display:flex;gap:12px;font-size:12.5px}.kv dt{width:86px;flex:none;color:var(--muted-2)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere;color:#cfd9ee}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(40px);opacity:.6}to{transform:translate(0);opacity:1}}@media(max-width:980px){.stats{grid-template-columns:repeat(2,1fr)}.stat-wide{grid-column:1 / -1}.grid{grid-template-columns:1fr}}@media(max-width:620px){.page{padding:22px 16px 34px}.brand h1{font-size:21px}.brand p{letter-spacing:1px}.logo{width:46px;height:46px;border-radius:15px}.logo svg{width:28px;height:28px}.top{align-items:flex-start}.clock{display:none}.stats{gap:10px;margin:22px 0 26px}.stat{padding:13px 14px}.stat strong{font-size:20px}.metrics{grid-template-columns:repeat(4,1fr)}.board-head{flex-direction:column;gap:6px}.drawer{width:100vw}}