:root{--bg: #f4f5f7;--panel: #fff;--text: #1d2330;--muted: #6b7385;--line: #e2e5ec;--primary: #2f5bea;--primary-ink: #fff;--ok: #1e8e5a;--warn: #fff6dc;--warn-line: #f0d98a;--err: #c0392b;--mine: #dfe8ff;--bot: #efe7ff;--radius: 8px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}h1{font-size:20px;margin:0 0 12px}h2{font-size:16px;margin:0 0 8px}h3{font-size:14px;margin:0 0 8px}h4{font-size:13px;margin:12px 0 6px;color:var(--muted)}a{color:var(--primary)}code{background:#eef0f5;padding:1px 5px;border-radius:4px;font-size:12px;word-break:break-all}.muted{color:var(--muted)}.small{font-size:12px}.grow{flex:1;min-width:0}.ok{color:var(--ok)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.row.gap{gap:6px}.row.wrap{flex-wrap:wrap}input,textarea,select{font:inherit;color:inherit;border:1px solid var(--line);border-radius:6px;padding:7px 9px;background:#fff;width:100%}input[type=checkbox]{width:auto}input:focus,textarea:focus,select:focus{outline:2px solid #b9c8ff;border-color:var(--primary)}textarea{resize:vertical}.btn{font:inherit;border:1px solid var(--line);background:#fff;color:var(--text);padding:7px 14px;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block;white-space:nowrap}.btn:hover:not(:disabled){background:#f0f2f7}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.btn.primary:hover:not(:disabled){background:#264cc9}.btn.danger{color:var(--err);border-color:#e7b9b3}.btn.small{padding:3px 9px;font-size:12px}.btn.block{width:100%;text-align:center}.link{background:none;border:0;color:var(--primary);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.field>span{font-size:12px;color:var(--muted);font-weight:600}.inline{display:inline-flex;align-items:center;gap:5px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}.alert{padding:8px 12px;border-radius:6px;margin:8px 0;border:1px solid var(--line)}.alert.error{background:#fdecea;border-color:#f2b8b0;color:#8a1f12}.alert.ok{background:#e8f6ee;border-color:#b4dfc6;color:#176b44}.alert.warn{background:var(--warn);border-color:var(--warn-line)}.state{padding:24px 12px;text-align:center}.secret{padding:6px 10px;font-size:13px;flex:1;-webkit-user-select:all;user-select:all}.pill{font-size:11px;padding:2px 8px;border-radius:99px;background:#e8f6ee;color:#176b44;vertical-align:middle}.pill.suspended{background:#fdecea;color:#8a1f12}.avatar{width:32px;height:32px;border-radius:50%;background:#d7def5;color:#2f4aa0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none;object-fit:cover}.badge{background:var(--primary);color:#fff;border-radius:99px;padding:0 7px;font-size:11px;font-weight:700;min-width:18px;text-align:center}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot.ok{background:var(--ok)}.dot.off{background:#bbb}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.login{width:100%;max-width:380px}.shell{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.platform .topbar{background:#1d2330;color:#fff}.platform .topbar a{color:#cdd5ea}.platform .topbar .muted{color:#9aa5c4}.brand{display:flex;align-items:center;gap:8px}.topbar nav{display:flex;gap:4px;flex:1}.topbar nav a{padding:6px 12px;border-radius:6px;text-decoration:none;color:var(--muted);font-weight:600}.topbar nav a.active{background:#e8edff;color:var(--primary)}.platform .topbar nav a.active{background:#34405c;color:#fff}.who{display:flex;align-items:center;gap:10px}.content{flex:1;min-height:0;overflow:auto}.page{padding:20px 16px;max-width:1100px;margin:0 auto}.page.narrow{max-width:620px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.search{margin:8px 0 14px;max-width:420px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}.form-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.form-row .field{flex:1;min-width:160px;margin:0}.table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table th{font-size:12px;color:var(--muted)}.table tr:last-child td{border-bottom:0}.table.small td,.table.small th{padding:5px 8px;font-size:12px}.tabs{display:flex;gap:4px}.tabs button{flex:1;border:0;background:#eceff5;padding:7px 10px;cursor:pointer;font:inherit;font-weight:600;color:var(--muted);border-radius:6px}.tabs button.on{background:#fff;color:var(--primary);box-shadow:0 0 0 1px var(--line)}.tabs.wide{margin-bottom:14px;max-width:520px}dl.ro{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}dl.ro dt{color:var(--muted)}dl.ro dd{margin:0;min-width:0}fieldset.events{border:1px solid var(--line);border-radius:6px;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px 14px}fieldset.events legend{font-size:12px;color:var(--muted)}.hook code{word-break:break-all}.inbox{height:100%;display:grid;grid-template-columns:320px minmax(0,1fr) 300px;background:var(--panel)}.col{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.col.info{border-right:0;overflow-y:auto;padding:14px;background:#fafbfd}.col-head{padding:10px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}.scroll{overflow-y:auto;flex:1}.conv{display:flex;gap:10px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;padding:10px;cursor:pointer;font:inherit;align-items:center}.conv:hover{background:#f6f8fd}.conv.sel{background:#e8edff}.conv-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.seg button{border:0;background:#fff;padding:5px 10px;cursor:pointer;font:inherit}.seg button.on{background:var(--primary);color:#fff}.back,.info-toggle{display:none}.msgs{flex:1;overflow-y:auto;padding:14px;background:#f7f8fb;display:flex;flex-direction:column;gap:6px}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:72%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 10px}.mine .bubble{background:var(--mine);border-color:#c7d6ff}.mine .bubble.bot{background:var(--bot);border-color:#d9c9fb}.bubble.pending{opacity:.65}.author{font-size:11px;font-weight:700;color:#4a5a8f}.bubble.bot .author{color:#6a3fb5}.text{white-space:pre-wrap;word-break:break-word}.meta{font-size:11px;color:var(--muted);text-align:right;margin-top:2px}.ticks.read{color:#1e7bd6}.meta .err{color:var(--err)}.composer{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);align-items:flex-end}.composer textarea{flex:1}.empty-chat{justify-content:center}.contact-card .kv input{padding:4px 6px}@media (max-width: 1100px){.inbox{grid-template-columns:280px minmax(0,1fr)}.col.info{display:none}.col.info.show{display:block;position:fixed;right:0;top:0;bottom:0;width:min(320px,90vw);z-index:5;box-shadow:-4px 0 16px #00000026}.info-toggle{display:inline-block}}@media (max-width: 760px){.inbox{grid-template-columns:minmax(0,1fr)}.inbox.has-sel>.list{display:none}.inbox:not(.has-sel)>.chat{display:none}.back{display:inline-block}.bubble{max-width:88%}.topbar{gap:8px}.who .muted{display:none}}