:root{--bg: #0b141a;--panel: #111b21;--panel-2: #202c33;--accent: #00a884;--out: #005c4b;--in: #202c33;--text: #e9edef;--muted: #8696a0;--border: #2a3942;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:340px 1fr;height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar__head{display:flex;justify-content:space-between;align-items:center;padding:16px;font-weight:600;border-bottom:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%}.dot--on{background:var(--accent)}.dot--off{background:#f15c6d}.conv-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.conv-empty,.conv-list:empty{color:var(--muted);padding:24px}.conv{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border)}.conv:hover,.conv--active{background:var(--panel-2)}.conv__top{display:flex;justify-content:space-between;gap:8px}.conv__name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv__time{color:var(--muted);font-size:12px;white-space:nowrap}.conv__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.conv__preview{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{background:var(--accent);color:#06231d;font-size:12px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 6px}.main{display:flex;min-width:0}.empty{margin:auto;color:var(--muted)}.chat{display:flex;flex-direction:column;flex:1;min-width:0;background:var(--bg)}.chat__head{display:flex;flex-direction:column;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border)}.chat__name{font-weight:600}.chat__wa{color:var(--muted);font-size:13px}.chat__messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:6px}.bubble{max-width:65%;padding:6px 10px;border-radius:8px;font-size:14px;display:flex;flex-direction:column;word-break:break-word}.bubble--in{background:var(--in);align-self:flex-start}.bubble--out{background:var(--out);align-self:flex-end}.bubble__meta{align-self:flex-end;font-size:11px;color:var(--muted);margin-top:2px;display:flex;gap:4px}.msg-tag{font-size:.72em;opacity:.7;letter-spacing:.02em;margin-bottom:2px}.tick--read{color:#53bdeb}.chat__compose{display:flex;gap:10px;padding:12px 16px;background:var(--panel);border-top:1px solid var(--border)}.chat__compose input{flex:1;background:var(--panel-2);border:none;border-radius:8px;padding:10px 14px;color:var(--text);font-size:14px;outline:none}.chat__compose button{background:var(--accent);color:#06231d;border:none;border-radius:8px;padding:0 20px;font-weight:600;cursor:pointer}.chat__compose button:disabled{opacity:.5;cursor:default}.bot-toggle{margin-left:auto;padding:4px 10px;border-radius:999px;border:1px solid transparent;font-size:12px;cursor:pointer}.bot-toggle--on{background:#e7f8ef;color:#0a7d4f;border-color:#b7e4cd}.bot-toggle--off{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}