:root{--bg: #f5f6f8;--panel: #ffffff;--text: #1c2330;--muted: #6b7486;--accent: #2456c8;--danger: #b3261e;--ok: #1a7f37;--border: #dde1e8}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#101828;color:#e6e9f0;padding:16px 0;flex-shrink:0}.sidebar h1{font-size:16px;padding:0 20px 12px;margin:0}.sidebar a{display:block;padding:9px 20px;color:#c6cbd8;text-decoration:none;font-size:14px}.sidebar a.active,.sidebar a:hover{background:#1c2942;color:#fff}.content{flex:1;padding:24px 32px;max-width:1100px}.content h2{margin-top:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px 20px;margin-bottom:16px}.muted{color:var(--muted);font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:8px 14px;font-size:14px;cursor:pointer}button.secondary{background:#e8ebf1;color:var(--text)}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:6px;width:100%}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}.error{color:var(--danger);font-size:14px;margin:8px 0}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px}.badge.ok{background:#e2f2e6;color:var(--ok)}.badge.bad{background:#fbe9e7;color:var(--danger)}.badge.warn{background:#fdf3d8;color:#8a6100}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{width:360px}.diff-line{font-family:Consolas,monospace;font-size:13px;white-space:pre-wrap;padding:1px 8px}.diff-line.added{background:#e2f2e6}.diff-line.removed{background:#fbe9e7;text-decoration:line-through}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.secret{font-family:Consolas,monospace;word-break:break-all}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.channel-card{border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--panel)}.channel-card h4{margin:0 0 6px;font-size:15px}.channels-columns-head{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;margin:18px 0 8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.channel-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);margin-bottom:10px}.channel-row-icon{flex:none}.channel-row-main{flex:1 1 auto;min-width:0}.channel-row-main strong{font-size:15px}.channel-row-status{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:13px;color:var(--muted)}.channel-row-status .badge-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.channel-row-status .badge-dot.ok{background:var(--ok)}.channel-row-status .badge-dot.fail{background:var(--danger)}.channel-row-status .badge-dot.wait{background:#d99a1b}.channel-row-actions{flex:none;display:flex;gap:8px;align-items:center}.channel-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex:none}.channel-icon.lg{width:56px;height:56px;font-size:20px}.add-channels-title{margin:24px 0 12px;font-size:20px}.add-channel-list{display:flex;flex-direction:column;gap:12px}.add-channel-card{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:0 1px 2px #1018280a;cursor:pointer;font:inherit;color:inherit;flex-wrap:wrap}.add-channel-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #10182814}.add-channel-card[aria-disabled=true]{cursor:default;opacity:.6}.add-channel-body{flex:1 1 auto;min-width:0}.add-channel-body strong{display:block;font-size:15px;margin-bottom:2px}.add-channel-connect{flex:none;align-self:center;margin-left:auto}@media(max-width:480px){.add-channel-connect{flex:1 1 100%;margin-left:0}}.add-channel-form{padding:0 16px 14px 86px}.add-channel-form input{max-width:360px}.steps{list-style:none;padding:0;margin:8px 0;font-size:14px}.steps li{padding:4px 0}.steps li.done{color:var(--ok)}.steps li.failed{color:var(--danger)}.steps li.pending{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:100%;max-width:560px;max-height:100%;display:flex;flex-direction:column;box-shadow:0 12px 40px #10182840}.modal-head{padding:16px 20px 12px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0 0 4px;font-size:17px}.modal-body{padding:16px 20px;overflow-y:auto}.modal-foot{padding:12px 20px 16px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}button.danger{background:var(--danger);color:#fff}.checks{list-style:none;padding:0;margin:0;font-size:14px}.checks li{padding:8px 0;border-bottom:1px solid var(--border)}.checks li:last-child{border-bottom:0}.checks .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:var(--muted);vertical-align:middle}.checks .dot.ok{background:var(--ok)}.checks .dot.fail{background:var(--danger)}.chat-thread{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.chat-message{max-width:85%;padding:8px 12px;border-radius:10px;font-size:14px;border:1px solid var(--border);white-space:pre-wrap;word-break:break-word}.chat-message.in{align-self:flex-start;background:#f0f2f6}.chat-message.out{align-self:flex-end;background:#e7edfb}.chat-note{border-left:3px solid #8a6100;background:#fdf3d8;border-radius:6px;padding:8px 12px;margin:6px 0;font-size:14px;white-space:pre-wrap}