:root{color-scheme:light;--bg: #eef2f6;--panel: #ffffff;--panel-soft: #f8fafc;--line: #d8e0e8;--text: #202731;--muted: #64717f;--accent: #126d75;--accent-soft: #e7f5f5;--danger: #b42318;--ok: #167346;--warn: #976a04;--code: #10151b;--shadow: 0 18px 44px rgba(22, 31, 43, .1);--shadow-soft: 0 10px 26px rgba(22, 31, 43, .06)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;overflow:hidden;background:#eef2f6;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;letter-spacing:0}button,input,textarea,select{font:inherit}button{min-height:36px;border:1px solid var(--line);border-radius:6px;padding:0 12px;background:#ffffff;color:var(--text);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}button:hover:not(:disabled){border-color:#b7c0cb;background:#fbfcfd;box-shadow:0 2px 8px #1823300d}button.primary{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 6px 14px #126d752e}button.primary:hover:not(:disabled){border-color:#0f5960;background:#0f5960}button.danger{border-color:var(--danger);background:var(--danger);color:#fff}button.danger:hover:not(:disabled){border-color:#961b13;background:#961b13}button.icon-button{width:28px;height:28px;min-height:28px;display:grid;place-items:center;border-radius:6px;padding:0;font-size:18px;line-height:1}button:disabled{opacity:.52;cursor:not-allowed}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:6px;background:#ffffff;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input,textarea{padding:10px}select{min-height:36px;padding:0 10px}textarea{min-height:96px;line-height:1.45;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:#5aa1a5;box-shadow:0 0 0 3px #126d7521}pre{margin:0;max-height:240px;overflow:auto;border-radius:6px;padding:9px;background:var(--code);color:#f3f5f7;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.5}code{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;word-break:break-all}.panel{min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.auth-page{min-height:100%;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(238,242,246,.9)),linear-gradient(90deg,rgba(18,109,117,.08),rgba(86,103,122,.04))}.auth-panel{width:min(460px,100%);display:grid;gap:14px;border-color:#cdd7e0;padding:20px;box-shadow:0 26px 64px #161f2b24}.brand-block,.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-block h1{margin:0;font-size:21px}.brand-block p{margin:4px 0 0;color:var(--muted);font-size:12px}.mark{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:8px;background:#126d75;color:#fff;font-weight:750;font-size:12px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:650}.auth-grid{display:grid;gap:9px}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px;align-items:stretch}.captcha-image{min-height:42px;display:grid;place-items:center;overflow:hidden;border-color:#c8d2dc;padding:0;background:#f8fafc}.captcha-image img{width:132px;height:44px;display:block}.captcha-image span{color:var(--muted);font-size:12px}.error-text{color:var(--danger);font-size:12px}.shell{height:100vh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.topbar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 16px;background:rgba(255,255,255,.98);box-shadow:0 1px #ffffffe6,0 8px 20px #161f2b0a}.brand-text{min-width:0;display:grid;gap:2px}.brand strong{font-size:15px}.status{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status.ok,.ok-text{color:var(--ok)}.status.bad,.bad-text{color:var(--danger)}.top-actions,.actions{display:flex;flex-wrap:wrap;gap:8px}.banner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:8px 14px;font-size:13px}.banner.success{border-color:#bbd9c9;background:#eef8f2;color:var(--ok)}.banner.error{border-color:#efc0bc;background:#fff2f1;color:var(--danger)}.layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(240px,280px) minmax(280px,360px) minmax(0,1fr);gap:12px;overflow:hidden;padding:14px}.devices-panel,.threads-panel{display:grid}.devices-panel{grid-template-rows:auto auto auto minmax(0,1fr)}.threads-panel{grid-template-rows:auto auto minmax(0,1fr)}.panel-head,.thread-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:11px 10px}.panel-head h2{margin:0;font-size:14px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.pairing{display:grid;gap:8px;border-bottom:1px solid var(--line);padding:10px;background:var(--panel-soft)}.pairing.active{background:#f2fbfa}.pairing-code-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.pairing span,.pairing small{color:var(--muted);font-size:12px}.pairing strong{display:block;min-height:38px;border-radius:6px;padding:8px 10px;background:var(--code);color:#f3f5f7;text-align:center;font-size:18px;letter-spacing:1px}.command-box{display:grid;gap:8px;border:1px solid #c7e1df;border-radius:8px;padding:8px;background:#fff}.command-box button{justify-self:end}.device-tools{display:grid;gap:9px;border-bottom:1px solid var(--line);padding:10px;background:#fff}.tool-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;color:var(--muted);font-size:12px}.details-grid strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:550}.name-edit{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.devices,.thread-list,.timeline{min-height:0;overflow:auto}.device,.thread{width:100%;display:grid;gap:4px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px;text-align:left;transition:background-color .16s ease,border-color .16s ease}.device,.thread{min-height:72px}.device.active,.thread.active{border-left:3px solid var(--accent);padding-left:7px;background:var(--accent-soft)}.device:hover:not(.active),.thread:hover:not(.active){background:#fbfcfd}.device-title,.thread-title,.single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-title,.thread-title{font-weight:650}.device-meta,.thread-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px}.single-line{color:var(--muted);font-size:12px}.workspace-filter{display:grid;gap:6px;border-bottom:1px solid var(--line);padding:10px;background:var(--panel-soft)}.workspace-filter label{color:var(--muted);font-size:12px}.workspace-heading{position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line);padding:7px 10px;background:#f7f8fa;color:var(--muted);font-size:12px;font-weight:650}.main-panel{display:flex;flex-direction:column;min-height:0}.selected-summary{min-width:0;display:grid;gap:4px}.selected-summary strong,.selected-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-summary span{color:var(--muted);font-size:12px}.approval{flex:0 0 auto;display:grid;gap:8px;border-bottom:1px solid #efd18a;padding:10px;background:#fff8e5}.approval p{margin:3px 0 0;color:var(--warn);font-size:12px}.timeline{flex:1 1 auto;display:grid;align-content:start;gap:8px;padding:10px}.timeline-item{display:grid;gap:6px;border:1px solid var(--line);border-left-width:3px;border-radius:8px;padding:9px;background:#fff;box-shadow:var(--shadow-soft)}.timeline-item.user{border-left-color:#806c00}.timeline-item.pending{border-style:dashed;background:#fffdf3}.timeline-item.agent{border-left-color:var(--accent)}.timeline-item.command{border-left-color:#6b7280}.kind{color:var(--muted);font-size:12px}.composer{flex:0 0 auto;display:grid;gap:8px;border-top:1px solid var(--line);padding:10px}.composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:start}.empty{padding:20px;color:var(--muted);text-align:center}@media (max-width: 1040px){body{overflow:auto}.shell{min-height:100vh;height:auto;grid-template-rows:auto auto auto}.layout{min-height:calc(100vh - 58px);height:auto;grid-template-columns:1fr;grid-template-rows:360px 320px minmax(520px,1fr);gap:8px;padding:8px;overflow:visible}.devices-panel,.threads-panel{min-height:0}.panel{box-shadow:none}.thread-head{align-items:stretch;flex-direction:column}.composer-row,.name-edit{grid-template-columns:1fr}.actions button,.top-actions button{flex:1 1 auto}}