:root{--ds-surface:#fff;--ds-surface-sunken:#f4f5f7;--ds-surface-raised:#fff;--ds-text:#172b4d;--ds-text-subtle:#42526e;--ds-text-subtlest:#6b778c;--ds-text-disabled:#8993a4;--ds-text-inverse:#fff;--ds-text-brand:#0052cc;--ds-border:#dfe1e6;--ds-border-bold:#bfc1c7;--ds-border-focus:#4c9aff;--ds-background-brand-bold:#0052cc;--ds-background-brand-bold-hovered:#0065ff;--ds-background-danger-bold:#de350b;--ds-background-danger-bold-hovered:#bf2600;--ds-background-neutral:#f4f5f7;--ds-background-neutral-hovered:#ebecf0;--ds-background-selected:#eae6ff;--ds-background-selected-bold:#0052cc;--ds-background-success:#e3fcef;--ds-text-success:#064;--ds-background-warning:#fffae6;--ds-text-warning:#974100;--ds-background-danger:#ffebe6;--ds-text-danger:#bf2600;--ds-background-information:#deebff;--ds-text-information:#0747a6;--ds-shadow-raised:0 1px 1px #091e4240,0 0 1px #091e424f;--ds-space-100:8px;--ds-space-200:16px;--ds-radius:3px;--bg:var(--ds-surface-sunken);--panel:var(--ds-surface);--panel2:var(--ds-surface-sunken);--text:var(--ds-text);--muted:var(--ds-text-subtle);--line:var(--ds-border);--accent:var(--ds-background-brand-bold);--green:var(--ds-text-success);--amber:var(--ds-text-warning);--red:var(--ds-text-danger)}*{box-sizing:border-box}body{background:var(--ds-surface-sunken);color:var(--ds-text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:20px}a{color:var(--ds-text-brand);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit}.nav{border-bottom:1px solid var(--ds-border);background:var(--ds-surface);z-index:10;flex-wrap:wrap;align-items:center;gap:4px;min-height:56px;padding:0 16px;display:flex;position:sticky;top:0}.nav a{border-radius:var(--ds-radius);color:var(--ds-text-subtle);padding:8px 12px;font-weight:500}.nav a:hover{background:var(--ds-background-neutral-hovered);color:var(--ds-text);text-decoration:none}.nav a.active{background:var(--ds-background-selected);color:var(--ds-text-brand)}.logo{color:var(--ds-text);margin-right:16px;padding:8px 0;font-size:16px;font-weight:700}.logo b{color:var(--ds-text-brand)}.main{max-width:1100px;margin:0 auto;padding:24px 16px 60px}.card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);box-shadow:var(--ds-shadow-raised);min-width:0;margin:16px 0;padding:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.grid>*{min-width:0}.connectors-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.connectors-grid>*{min-width:0}.config-grid{grid-template-columns:1fr;gap:4px 12px;margin-top:4px;display:grid}.muted{color:var(--ds-text-subtle)}.pill{border-radius:var(--ds-radius);text-transform:uppercase;letter-spacing:.02em;background:var(--ds-background-neutral);color:var(--ds-text-subtle);align-items:center;padding:2px 6px;font-size:11px;font-weight:700;line-height:16px;display:inline-flex}.pill.t0{background:var(--ds-background-success);color:var(--ds-text-success)}.pill.t1{background:var(--ds-background-information);color:var(--ds-text-information)}.pill.t2{background:var(--ds-background-warning);color:var(--ds-text-warning)}.pill.t3{background:var(--ds-background-danger);color:var(--ds-text-danger)}.btn{background:var(--ds-background-brand-bold);color:var(--ds-text-inverse);border-radius:var(--ds-radius);border:0;padding:6px 12px;font-weight:500;line-height:20px}.btn:hover{background:var(--ds-background-brand-bold-hovered)}.btn.ghost{color:var(--ds-text);background:0 0;border:1px solid #0000}.btn.ghost:hover{background:var(--ds-background-neutral-hovered)}.btn.danger{background:var(--ds-background-danger-bold)}.btn.danger:hover{background:var(--ds-background-danger-bold-hovered)}.btn:disabled{opacity:.5}.btn:focus-visible{outline:2px solid var(--ds-border-focus);outline-offset:2px}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--ds-surface);border:1px solid var(--ds-border);width:100%;color:var(--ds-text);border-radius:var(--ds-radius);font:inherit;margin:6px 0;padding:7px 8px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--ds-background-brand-bold);flex:none;margin:0}input:focus,select:focus,textarea:focus{border-color:var(--ds-border-focus);outline:none;box-shadow:0 0 0 2px #b3d4ff}label{color:var(--ds-text);font-weight:600}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid var(--ds-border);padding:8px;font-size:14px}th{color:var(--ds-text-subtle);font-size:12px;font-weight:600;line-height:16px}tbody tr:hover{background:var(--ds-surface-sunken)}pre{background:var(--ds-surface-sunken);border:1px solid var(--ds-border);border-radius:var(--ds-radius);padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;overflow:auto}h1{margin:8px 0;font-size:24px;font-weight:600;line-height:28px}h2{margin:0 0 8px;font-size:16px;font-weight:600;line-height:20px}p{margin:8px 0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.ic{vertical-align:-3px;color:var(--ds-text-subtle);margin-right:6px;display:inline-flex}.ic svg{width:16px;height:16px}.ic.brand{color:var(--ds-text-brand)}.ic.ok{color:var(--ds-text-success)}.ic.warn{color:var(--ds-text-warning)}.ic.bad{color:var(--ds-text-danger)}.stat{align-items:flex-start;gap:12px;display:flex}.stat .ic{margin:2px 0 0}.stat .num{font-size:20px;font-weight:600;line-height:24px}.stat .lbl{color:var(--ds-text-subtle);font-size:12px}.bar{background:var(--ds-background-neutral);border-radius:3px;height:6px;margin:6px 0;overflow:hidden}.bar>span{background:var(--ds-background-brand-bold);border-radius:3px;height:100%;display:block}.bar.warn>span{background:#ff8b00}.feed{margin:0;padding:0;list-style:none}.feed li{border-bottom:1px solid var(--ds-border);gap:10px;padding:10px 0;display:flex}.feed li:last-child{border-bottom:0}.feed .time{color:var(--ds-text-subtlest);white-space:nowrap;padding-top:2px;font-size:12px}.taskcard{border-top:1px solid var(--ds-border);padding:10px 0}.taskcard:first-of-type{border-top:0}.taskcard .meta{color:var(--ds-text-subtle);margin:4px 0;font-size:12px}.taskcard .tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.kv{border-bottom:1px solid var(--ds-border);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.kv:last-child{border-bottom:0}.kv b{font-weight:600}.avatar{background:var(--ds-background-selected);width:24px;height:24px;color:var(--ds-text-brand);vertical-align:-6px;border-radius:50%;justify-content:center;align-items:center;margin-right:8px;font-size:11px;font-weight:700;display:inline-flex}.floor-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin:24px 0 4px;display:flex}.floor-head h2{margin:0}.live{color:var(--ds-text-success);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background:#36b37e;border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #36b37e80}70%{box-shadow:0 0 0 7px #36b37e00}to{box-shadow:0 0 #36b37e00}}.hint{margin-left:auto;font-size:12px}.floor{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:12px 0;display:grid}.room{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);box-shadow:var(--ds-shadow-raised);padding:0 0 12px}.room.sel{border-color:var(--ds-background-brand-bold);box-shadow:0 0 0 1px var(--ds-background-brand-bold),var(--ds-shadow-raised)}.room-head{background:var(--ds-surface-sunken);border:0;border-bottom:1px solid var(--ds-border);text-align:left;width:100%;color:var(--ds-text);border-radius:3px 3px 0 0;align-items:center;gap:8px;padding:10px 12px;font-size:15px;font-weight:600;display:flex}.room-head:hover{background:var(--ds-background-neutral-hovered)}.room-title{align-items:center;display:inline-flex}.room-door{color:var(--ds-text-subtlest);display:inline-flex}.room-counts{color:var(--ds-text-subtle);gap:10px;margin-left:auto;font-size:12px;font-weight:500;display:flex}.room-desc{padding:0 12px}.room-floor{background-image:radial-gradient(var(--ds-border)1px,transparent 1px);background-size:16px 16px;flex-wrap:wrap;gap:10px;padding:8px 12px;display:flex}.desk{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);text-align:left;flex-direction:column;flex:140px;align-items:flex-start;gap:2px;min-width:140px;padding:10px;display:flex}.desk:hover{border-color:var(--ds-border-bold);box-shadow:var(--ds-shadow-raised);transform:translateY(-1px)}.desk.sel{border-color:var(--ds-background-brand-bold);box-shadow:0 0 0 1px var(--ds-background-brand-bold)}.desk.off{opacity:.6}.desk-avatar{background:var(--ds-background-selected);width:36px;height:36px;color:var(--ds-text-brand);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex;position:relative}.desk-avatar.lg{width:48px;height:48px}.desk-avatar .dot{border:2px solid var(--ds-surface);background:#8993a4;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0}.desk-avatar.st-working .dot{background:#36b37e;animation:1.6s infinite pulse}.desk-avatar.st-idle .dot{background:#ffab00}.desk-avatar.st-awaiting_approval .dot{background:#ff8b00}.desk-avatar.st-offline .dot{background:#8993a4}.desk-name{font-weight:700}.desk-role{color:var(--ds-text-subtle);font-size:12px}.desk-task{color:var(--ds-text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.desk-status{color:var(--ds-text-subtle);text-transform:capitalize;align-items:center;gap:4px;font-size:12px;display:inline-flex}.room-quota{padding:0 12px}.inspector{border-color:var(--ds-border-bold)}.insp-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.insp-head h2{margin:0}.insp-head .btn,.insp-head button{margin-left:auto}.drop-row{align-items:flex-end;gap:8px;display:flex}.drop-row input{flex:1;margin:6px 0}@media (max-width:640px){.hint{margin-left:0}.room-counts{flex-wrap:wrap}}.chat-layout{grid-template-columns:280px 1fr;align-items:start;gap:16px;display:grid}.chat-list-card{padding:8px}.chat-list{flex-direction:column;gap:2px;display:flex}.chat-list button:not(.group-row){border-radius:var(--ds-radius);text-align:left;width:100%;color:var(--ds-text);background:0 0;border:0;align-items:center;gap:10px;padding:10px;display:flex}.chat-list button:hover{background:var(--ds-background-neutral-hovered)}.chat-list button.sel{background:var(--ds-background-selected)}.chat-name{font-weight:600;display:block}.chat-preview{color:var(--ds-text-subtle);white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:12px;display:block;overflow:hidden}.chat-meta{color:var(--ds-text-subtle);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.unread{background:var(--ds-background-brand-bold);color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.chat-thread{flex-direction:column;height:560px;display:flex}.chat-head{border-bottom:1px solid var(--ds-border);align-items:center;gap:12px;padding-bottom:12px;display:flex}.chat-msgs{flex-direction:column;flex:1;gap:10px;padding:12px 0;display:flex;overflow-y:auto}.msg{background:var(--ds-surface-sunken);border-radius:8px;align-self:flex-start;max-width:75%;padding:8px 12px}.msg.me{background:var(--ds-background-information);align-self:flex-end}.msg .who{color:var(--ds-text-subtle);margin-bottom:2px;font-size:11px;font-weight:700}.msg .time{color:var(--ds-text-subtlest);margin-top:2px;font-size:11px}.typing{gap:3px;padding:4px 0;display:inline-flex}.typing i{background:var(--ds-text-subtlest);border-radius:50%;width:6px;height:6px;animation:1s infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}@media (max-width:700px){.chat-layout{grid-template-columns:1fr}.chat-thread{height:480px}.chat-preview{max-width:220px}}.chips{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.chip{background:var(--ds-surface);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:20px;padding:6px 14px;font-weight:500}.chip:hover{background:var(--ds-background-neutral-hovered)}.chip.on{background:var(--ds-background-brand-bold);border-color:var(--ds-background-brand-bold);color:var(--ds-text-inverse)}.chip.toggle input{accent-color:var(--ds-background-brand-bold)}.agent-card{cursor:pointer;text-align:left}.agent-card:hover{border-color:var(--ds-border-bold)}.agent-card.sel{border-color:var(--ds-background-brand-bold);box-shadow:0 0 0 1px var(--ds-background-brand-bold)}.editor-grid{grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:12px;display:grid}@media (max-width:700px){.editor-grid{grid-template-columns:1fr}}.group-row{text-align:left;background:var(--ds-background-neutral-subtle);border:0;border-bottom:1px solid var(--ds-border);align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.group-row:hover{background:var(--ds-background-neutral-hovered)}.group-row.sel{background:var(--ds-background-selected);box-shadow:inset 3px 0 0 var(--ds-background-brand-bold)}.grp-avatar{background:var(--ds-background-brand-subtlest);width:34px;height:34px;color:var(--ds-icon-brand);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.grp-avatar.lg{width:44px;height:44px}.msg.sys{background:var(--ds-background-neutral-subtle);border:1px dashed var(--ds-border-bold);text-align:center;max-width:88%;color:var(--ds-text-subtle);margin:2px auto;font-size:13px}.msg.sys .time{text-align:center}.notif-item{border-bottom:1px solid var(--ds-border);align-items:flex-start;gap:10px;padding:10px 8px;display:flex}.notif-item:last-child{border-bottom:0}
