:root,[data-theme=dark]{--bg: #0e1621;--bg-raised: #17212b;--bg-hover: #202b36;--selected: #2b5278;--selected-muted: #b8d4ea;--line: #0f1a23;--line-soft: #242f3d;--text: #e4ecf2;--muted: #6d7f8f;--accent: #2aabee;--accent-2: #2b5278;--danger: #e53935;--incoming: #c9a227;--active: #4fae4e;--waiting: #d4883a;--bubble-in: #182533;--bubble-out: #2b5278;--bubble-time: #6d7f8f;--bubble-out-time: #8ea6b8;--input: #242f3d;--chat-bg: #0e1621;--chat-pattern: radial-gradient(circle at 18% 22%, rgba(42, 171, 238, .05) 0 1px, transparent 1.5px), radial-gradient(circle at 72% 64%, rgba(109, 127, 143, .08) 0 1px, transparent 1.5px), radial-gradient(circle at 44% 80%, rgba(42, 171, 238, .04) 0 1px, transparent 1.5px);--bubble-in-shadow: none;--shadow: 0 8px 24px rgba(0, 0, 0, .4);--radius: 12px;font-family:Segoe UI,-apple-system,Roboto,Helvetica Neue,sans-serif}[data-theme=light]{--bg: #ffffff;--bg-raised: #ffffff;--bg-hover: #f1f3f4;--selected: #3390ec;--selected-muted: #e8f4ff;--line: #dfe2e5;--line-soft: #e7e7e7;--text: #222222;--muted: #707579;--accent: #3390ec;--accent-2: #3390ec;--danger: #e53935;--incoming: #c9a227;--active: #4fae4e;--waiting: #d4883a;--bubble-in: #ffffff;--bubble-out: #eeffde;--bubble-time: #707579;--bubble-out-time: #4fae4e;--input: #f4f4f5;--chat-bg: #8fb6c9;--chat-pattern: radial-gradient(circle at 18% 22%, rgba(255, 255, 255, .22) 0 1px, transparent 1.5px), radial-gradient(circle at 72% 64%, rgba(255, 255, 255, .16) 0 1px, transparent 1.5px), radial-gradient(circle at 44% 80%, rgba(255, 255, 255, .18) 0 1px, transparent 1.5px);--bubble-in-shadow: 0 1px 1px rgba(0, 0, 0, .12);--shadow: 0 8px 24px rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}.login-page{min-height:100%;display:grid;place-items:center;background:var(--bg)}.login-card{width:min(420px,92vw);background:var(--bg-raised);border:1px solid var(--line-soft);border-radius:16px;padding:32px;display:grid;gap:14px}.login-card h1{margin:0;font-size:26px;font-weight:600;letter-spacing:-.02em}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--accent);margin:0}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}input,select,textarea{background:var(--input);border:1px solid transparent;border-radius:10px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent)}textarea{resize:vertical}.btn{border:0;border-radius:10px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.btn.secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--line-soft)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line-soft)}.icon-btn{width:40px;height:40px;padding:0;display:grid;place-items:center;flex-shrink:0}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.btn.danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.error{color:var(--danger);font-size:13px;margin:0}.shell{display:grid;grid-template-columns:minmax(180px,220px) minmax(220px,280px) minmax(0,1fr) minmax(220px,280px);height:100%;min-height:0;overflow:hidden}.sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar,.thread-list,.chat,.settings,.client-card{border-right:1px solid var(--line);background:var(--bg-raised);min-height:0;overflow:hidden}.chat{background:var(--bg)}.settings,.client-card{border-right:0}.settings{background:var(--bg)}.brand{padding:18px 16px 8px}.brand h1{margin:4px 0 0;font-size:20px;font-weight:600}.user-box{padding:0 16px 14px;color:var(--muted);font-size:13px}.nav{display:grid;padding:6px;gap:2px;flex:1;align-content:start;min-height:0;overflow:auto}.nav a,.folder-btn{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:10px;color:var(--text);text-decoration:none;background:transparent;border:0;cursor:pointer;text-align:left}.nav a:hover,.folder-btn:hover{background:var(--bg-hover)}.nav a.active,.folder-btn.active{background:var(--selected);color:#fff}.nav a.active .badge,.folder-btn.active .badge{color:#fff}.badge{min-width:22px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--input);color:var(--text)}.badge.incoming{background:var(--incoming);color:#1a1404}.badge.active,.badge.all_active{background:var(--active);color:#0c210c}.badge.waiting{background:var(--waiting);color:#1a1006}.badge.all{background:var(--input);color:var(--muted)}.thread-list{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.filters{padding:12px 14px;display:grid;gap:8px;border-bottom:1px solid var(--line);min-height:52px;align-content:center}.list{overflow:auto;flex:1;min-height:0}.thread{width:100%;padding:8px 12px;border:0;background:transparent;text-align:left;cursor:pointer;display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;position:relative}.thread:hover{background:var(--bg-hover)}.thread.selected{background:var(--selected);color:#fff}.thread.selected .preview,.thread.selected .meta{color:var(--selected-muted)}.thread:after{content:"";position:absolute;left:70px;right:0;bottom:0;height:1px;background:var(--line)}.thread.selected:after,.thread:hover:after{background:transparent}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:18px;color:#fff;background:#5b8db8;flex-shrink:0;text-transform:uppercase}.avatar.sm{width:40px;height:40px;font-size:16px}.thread-body{min-width:0;display:grid;gap:2px}.thread .top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.thread .name{font-weight:600;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thread .preview-row{display:flex;align-items:center;gap:8px}.thread .preview{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.unread{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center;flex-shrink:0}.meta{color:var(--muted);font-size:12px}.chat{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.chat-head{padding:8px 16px;min-height:56px;border-bottom:1px solid var(--line);background:var(--bg-raised);display:flex;justify-content:space-between;gap:12px;align-items:center}.chat-head-main{display:flex;align-items:center;gap:12px;min-width:0}.chat-head-info{min-width:0}.chat-title{display:block;font-size:16px;font-weight:600;line-height:1.25;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-actions{display:flex;gap:4px;align-items:center}.invite-wrap{position:relative}.invite-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:5;min-width:220px;background:var(--bg-raised);border:1px solid var(--line-soft);border-radius:10px;padding:6px;display:grid;gap:2px;box-shadow:var(--shadow)}.invite-item{background:transparent;border:0;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer}.invite-item:hover{background:var(--bg-hover)}.invite-item.dept{font-weight:600}.invite-group-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted);padding:6px 10px 2px;margin:0}.messages{flex:1;min-height:0;overflow:auto;padding:16px 20px 20px;display:flex;flex-direction:column;gap:8px;background-color:var(--chat-bg);background-image:var(--chat-pattern);background-size:48px 48px,36px 36px,56px 56px}.msg-row{display:flex;align-items:flex-end;gap:8px;max-width:78%}.msg-row.inbound{align-self:flex-start}.msg-row.outbound{align-self:flex-end}.avatar.xs{width:32px;height:32px;font-size:13px}.bubble{max-width:100%;min-width:120px;padding:7px 10px 6px 11px;border-radius:12px;line-height:1.35;font-size:14.5px;word-wrap:break-word}.bubble.inbound{background:var(--bubble-in);border-bottom-left-radius:4px;box-shadow:var(--bubble-in-shadow)}.bubble.outbound{background:var(--bubble-out);border-bottom-right-radius:4px}.bubble.system{align-self:center;max-width:90%;background:transparent;color:var(--muted);font-size:13px;text-align:center;padding:8px 12px;min-width:0}.bubble-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.bubble-head strong{font-size:13px;font-weight:600}.bubble-head time{font-size:11px;color:var(--muted);margin:0}.bubble.outbound .bubble-head time{color:var(--bubble-out-time)}.bubble-foot{margin-top:4px;font-size:11px;color:var(--muted);opacity:0;transition:opacity .12s ease}.msg-row.outbound:hover .bubble-foot,.bubble.outbound:hover .bubble-foot{opacity:1}.composer{padding:8px 12px 10px;border-top:1px solid var(--line);background:var(--bg-raised);display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:end}.composer textarea{min-height:44px;max-height:160px;resize:none;overflow-y:auto;border-radius:22px;padding:11px 16px;background:var(--input);line-height:1.35}.send-btn{width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff}.send-btn:hover{filter:brightness(1.08)}.composer-accept{padding:12px 16px;border-top:1px solid var(--line);background:var(--bg-raised);display:grid;gap:8px;justify-items:stretch}.composer-accept .btn{width:100%}.empty{height:100%;display:grid;place-items:center;color:var(--muted)}.client-card{overflow:auto;padding:16px 16px 20px;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.client-card input.client-name{margin:0 0 4px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);font-size:16px;font-weight:600;width:100%;min-width:0}.client-card input.client-name:focus{outline:none;border:0;border-bottom:1px solid var(--accent);margin-bottom:3px}.client-card input.client-name::placeholder{color:var(--muted);font-weight:500}.client-card label{font-size:12px}.card-fold{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--input);color:var(--text);cursor:pointer;font-weight:600;text-align:left}.card-fold.open{border-color:var(--accent)}.card-fold-body{display:grid;gap:8px;padding:4px 2px 8px}.deal-btn{margin-top:auto;width:100%}.status-wrap{position:relative}.status-btn{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--input);color:var(--text);cursor:pointer;font-weight:600}.status-btn.filled{border-color:transparent}.status-btn:hover{border-color:var(--accent)}.status-edit{display:flex;align-items:center;gap:8px}.status-color{width:32px;height:28px;padding:2px;border:1px solid var(--line-soft);border-radius:6px;background:transparent;cursor:pointer}.status-pop{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:6;background:var(--bg-raised);border:1px solid var(--line-soft);border-radius:10px;padding:6px;display:grid;gap:2px;box-shadow:var(--shadow)}.status-option{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:1px solid transparent;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:600}.status-option:hover{filter:brightness(1.08)}.status-option.active{outline:2px solid rgba(255,255,255,.45);outline-offset:-2px}.settings{height:100%;overflow:auto;padding:28px 32px 80px;display:grid;gap:22px}.panel{background:var(--bg-raised);border:1px solid var(--line-soft);border-radius:var(--radius);padding:18px;display:grid;gap:12px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:flex;gap:6px;align-items:center;background:var(--input);border:1px solid var(--line-soft);border-radius:999px;padding:6px 10px;font-size:13px}.secret{font-family:ui-monospace,Consolas,monospace;background:var(--input);padding:8px 10px;border-radius:8px;overflow-wrap:anywhere}.theme-toggle{display:flex;align-items:center;gap:10px;width:calc(100% - 12px);margin:8px 6px;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.theme-toggle:hover{background:var(--bg-hover)}.theme-toggle svg{flex-shrink:0}.presence-box{display:flex;align-items:center;gap:8px;width:calc(100% - 12px);margin:4px 6px 0;padding:6px 10px;border-radius:10px;background:var(--input)}.presence-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--muted)}.presence-dot.online{background:#4fae4e}.presence-dot.away{background:#d4883a}.presence-dot.offline{background:#6d7f8f}.presence-select{flex:1;min-width:0;padding:4px 0;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.presence-select:focus{outline:0;border:0}