:root{--ink:#0d1530;--ink2:#18233f;--accent:#315ef9;--accent-hover:#264bcf;--accent-sky:#43d7ff;--bg:#f3f6fa;--bg-conv:#f3f6fa;--surface:#fff;--border:#dfe6f1;--border-weak:#eef1f6;--text:#0d1530;--text-secondary:#68748a;--muted:#68748a;--ruby:#f15b64;--teal:#16b57a;--teal-soft:#e4f8f0;--violet:#7358e6;--warning:#b77816;--out:#dfe8ff;--wa:#20bc69;--tg:#2999e5;--mx:#7358e6;--sidebar-bg:var(--ink);--sidebar-muted:#8592ae;--nav-active:#203052;--nav-hover:#17223d;--nav-text:#96a3bd;--msg-incoming:#fff;--msg-outgoing:#dfe8ff;--radius-sm:9px;--radius:11px;--radius-lg:13px;--radius-xl:16px;--radius-xxl:20px;--shadow:0 20px 60px #0d153024;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--font-sans:"Manrope", "Inter", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);font-synthesis:none;font-size:14px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0}button{font-family:inherit}input,select,textarea{color:var(--text);font-family:inherit}.chip{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s ease-in-out,border-color .15s ease-in-out;display:inline-flex}.chip:hover{background:#f9fbfd;border-color:#b9c5d5}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#c9d0de;border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}.app-root{background:var(--bg);height:100dvh;display:flex;overflow:hidden}.app-sidebar{background:var(--sidebar-bg);width:238px;color:var(--sidebar-muted);flex:0 0 238px;min-height:0}.app-body{flex:1;min-width:0;min-height:0;display:flex}.chats-pane{flex-direction:column;min-width:0;display:flex;overflow:hidden;container:chats/inline-size}.chats-head-actions{flex-wrap:nowrap;transition:gap .15s}.head-btn{white-space:nowrap}@container chats (width<=420px){.chats-head-actions{flex-wrap:wrap;gap:4px}.head-btn{padding:5px 7px;font-size:11px}}@container chats (width<=340px){.head-btn-new-txt{display:none}}@container chats (width<=300px){.head-btn-icon,.head-btn-new-txt{display:none}}.chat-main{flex:1;min-width:0;display:flex}@media (width<=1120px){.app-sidebar{flex-basis:76px;width:76px}.sb{padding:14px 9px}.sb-brand{justify-content:center;padding:4px 0 8px}.sb-brand .sb-brand-sub,.sb-brand .sb-brand-hide,.sb-workspace-wrap,.sb-group-label,.sb-item .sb-txt,.sb-item .sb-caret,.sb-item em,.sb-sub-group,.channel-health,.sb-user>div,.sb-user .sb-uname,.sb-user .sb-gear,.sb-logout{display:none}.sb-item{justify-content:center;padding:0}.sb-item .sb-ic{font-size:18px}.sb-footer{flex-direction:column;align-items:center;padding:10px 0 0;display:flex}.sb-user{justify-content:center;padding:4px 0 0}.sb-avatar{margin:0 auto}}@media (width<=640px){.app-root{grid-template-rows:1fr 66px;grid-template-columns:1fr;height:100dvh;display:grid}input,select,textarea{font-size:16px!important}.app-sidebar{flex-basis:auto;grid-area:1/1;width:auto;display:block}.app-body{grid-area:1/1}.mobile-nav{border-top:1px solid var(--border);z-index:40;background:#fff;grid-area:2/1;grid-template-columns:repeat(4,1fr);display:grid!important}.mobile-nav button{color:#7b8799;cursor:pointer;background:#fff;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:44px;font-size:9px;display:flex}.mobile-nav button span{color:#7b8799;font-size:17px}.mobile-nav button:nth-child(2) span{background:var(--accent);color:#fff;border-radius:13px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.mobile-nav button.active{color:var(--accent);font-weight:700}.mobile-nav button.active span{color:var(--accent)}.app-root.chat-open .app-sidebar,.app-root.chat-open .chats-pane{display:none}.app-root:not(.chat-open) .chats-pane{flex:100%!important;width:100%!important}.app-root:not(.chat-open) .chat-main{display:none}.app-root.chat-open .chat-main{flex:1;width:100%;min-height:0}.app-root.chat-open .chat-main .chat-panel-inner{min-height:0;overflow:hidden}.app-root .chat-main .chat-panel-inner>div:first-child{padding:8px 12px}.chat-main .chat-back-btn{justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;line-height:1;color:var(--accent)!important;border-radius:50%!important;display:inline-flex!important}.app-root.chat-open .chat-main .chat-panel-inner button:not(.chat-back-btn):not(.chip){padding:3px 8px;font-size:11px}.msg-actions{opacity:1;pointer-events:auto}.chat-main [style*="flex-direction: column"]{font-size:15px}.composer-row{flex-wrap:nowrap}.composer-row .chip{white-space:nowrap}.composer-row input[type=text]{min-width:0}}.chat-main .chat-panel-inner{flex:1;height:100%}.sb{background:var(--sidebar-bg);height:100%;color:var(--sidebar-muted);flex-direction:column;gap:8px;padding:12px;display:flex;overflow:hidden}.sb-brand{color:#fff;letter-spacing:-.03em;align-items:center;gap:10px;height:48px;min-height:48px;padding:4px 7px 8px;font-size:14px;font-weight:600;display:flex}.sb-brand .sb-brand-sub{min-width:0;overflow:hidden}.sb-brand .sb-brand-sub small{color:#8592ae;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;font-weight:400;display:block;overflow:hidden}.sb-logo{background:linear-gradient(145deg, var(--accent), #2447bd);color:#fff;border-radius:9px;flex:0 0 30px;align-items:flex-end;gap:2px;width:30px;height:30px;padding:7px;font-size:10px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.sb-logo i{background:#fff;border-radius:3px;width:3px;display:block}.sb-logo i:first-child{height:7px}.sb-logo i:nth-child(2){background:var(--accent-sky);height:14px}.sb-logo i:nth-child(3){height:10px}.sb-logo .sb-logo-txt{z-index:2;position:relative}.sb-company{color:#fff;margin-bottom:4px;padding:4px 8px;font-weight:600}.sb-company span{color:var(--sidebar-muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.sb-brand-hide{color:var(--sidebar-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px 6px;font-size:13px;line-height:1}.sb-brand-hide:hover{color:var(--text);background:#0000000d}.sb-toggle-show{background:var(--sidebar-bg);border:none;border-right:1px solid var(--border);width:24px;color:var(--sidebar-muted);cursor:pointer;flex:0 0 24px;justify-content:center;align-self:stretch;align-items:center;font-size:13px;display:flex;position:relative}.sb-toggle-show:hover{color:var(--accent);background:#0000000a}.sb-scroll{scrollbar-width:thin;flex-direction:column;flex:1;gap:2px;padding:4px;display:flex;overflow-y:auto}.sb-workspace-wrap{padding:0 4px 8px;position:relative}.workspace-card{color:#fff;text-align:left;cursor:pointer;background:#17233f;border:1px solid #293651;border-radius:13px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.workspace-card:hover{background:#1d2a47}.workspace-card>span:nth-child(2){flex:1;min-width:0}.workspace-card b,.workspace-card small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.workspace-card b{font-size:14px;font-weight:600}.workspace-card small{color:#8d9bb7;margin-top:3px;font-size:11px}.workspace-card>i{color:#8291ad;margin-left:auto;font-style:normal}.workspace-logo{background:linear-gradient(145deg, var(--accent), var(--accent-sky));border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:9px;font-weight:800;display:grid}.sb-workspace-menu{z-index:50;color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:13px;padding:6px;position:absolute;top:calc(100% - 4px);left:4px;right:4px}.sb-workspace-menu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.sb-workspace-menu button:hover,.sb-workspace-menu button.active{background:#f1f4f9}.sb-workspace-menu button i{margin-left:auto;font-style:normal}.sb-workspace-menu button .workspace-logo{flex-basis:26px;width:26px;height:26px;font-size:8px}.sb-workspace-menu button:last-child{border-top:1px solid var(--border);color:var(--accent);margin-top:5px;padding-top:11px;font-weight:700}.sb-group-label{text-transform:uppercase;letter-spacing:.13em;color:#687793;padding:14px 9px 6px;font-size:11px;font-weight:800}.sb-item{width:100%;height:39px;color:var(--nav-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:500;transition:background .15s ease-in-out,color .15s ease-in-out;display:flex}.sb-item:hover{background:var(--nav-hover);color:#fff}.sb-item.active{background:var(--nav-active);color:#fff;font-weight:600}.sb-item .sb-ic{text-align:center;flex-shrink:0;width:18px;font-size:19px}.sb-item .sb-txt{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sb-item .sb-badge{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;padding:1px 8px;font-size:10px;font-weight:600}.sb-sub{color:var(--sidebar-muted);cursor:pointer;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px 6px 33px;font-size:14px;display:flex}.sb-sub:hover{background:var(--nav-hover);color:#fff}.sb-sub .dot{background:#3b4760;border-radius:50%;flex-shrink:0;width:8px;height:8px}.sb-sub .dot.ok{background:var(--teal);box-shadow:0 0 0 4px #16b57a1f}.sb-sub-group{flex-direction:column;gap:1px;padding-left:8px;display:flex}.sb-sub-empty{color:var(--sidebar-muted);padding:4px 10px;font-size:13px}.sb-sub-ch{color:var(--sidebar-muted);flex-shrink:0;margin-left:auto;font-size:11px;font-style:normal;font-weight:800}.sb-sub-ch.wa{color:var(--wa)}.sb-sub-ch.tg{color:var(--tg)}.sb-sub-ch.mx{color:var(--mx)}.sb-sub-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.channel-health{background:#131f38;border:1px solid #26334d;border-radius:13px;margin:auto 4px 8px;padding:12px}.channel-health>div:first-child{justify-content:space-between;font-size:12px;display:flex}.channel-health>div b{color:#fff}.channel-health>div span{color:#8492ac}.health-line{background:#26334c;border-radius:99px;height:5px;margin:10px 0;display:flex;overflow:hidden}.health-line i{flex:1;height:100%}.health-line .wa{background:var(--wa)}.health-line .tg{background:var(--tg)}.health-line .mx{background:var(--mx)}.channel-health small{color:#7f8da7;font-size:11px}.sb-footer{border-top:1px solid #26334d;flex-direction:column;gap:2px;margin-top:auto;padding:10px 4px 2px;display:flex}.sb-user{border-radius:var(--radius);align-items:center;gap:8px;padding:8px 7px 2px;display:flex}.sb-user .sb-avatar{background:linear-gradient(145deg, var(--accent), var(--accent-sky));color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:flex}.sb-user .sb-uname{flex:1;min-width:0}.sb-user .sb-uname .n{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sb-user .sb-uname .r{color:#8290aa;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.sb-user .sb-gear{border-radius:var(--radius-sm);color:#7c8aa5;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:17px;display:inline-flex}.sb-user .sb-gear:hover{background:var(--nav-hover);color:#fff}.sb-logout{border-radius:var(--radius);color:#f59aa1;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:500;display:flex}.sb-logout:hover{color:#ffb3b8;background:#f15b6424}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:wrap;gap:5px;margin-top:10px;display:flex;overflow-x:auto}.filter-tabs button{color:#758195;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:500}.filter-tabs button:hover{background:#f3f6fa}.filter-tabs button.active{color:var(--accent);background:#eaf0ff;font-weight:800}.filter-tabs button.more{color:var(--accent);background:0 0;font-weight:600}.chats-pane{background:var(--surface)}.cr{cursor:pointer;border-radius:var(--radius);background:0 0;align-items:center;gap:10px;margin:1px 5px;padding:10px;transition:background .15s ease-in-out;display:flex;position:relative}.cr:hover{background:#f5f7fa}.cr.active{background:#edf2ff}.cr.active:before{content:"";background:var(--accent);border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.cr-avatar{width:40px;height:40px;color:var(--text-secondary);background:#e8ebf0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.avatar-channel{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:6px;font-weight:800;display:grid;position:absolute;bottom:-3px;right:-3px}.avatar-channel.wa{background:var(--wa)}.avatar-channel.tg{background:var(--tg)}.avatar-channel.mx{background:var(--mx)}.cr-main{flex:1;min-width:0}.cr-name{color:var(--text);white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:600;display:flex}.cr-name>span{text-overflow:ellipsis;overflow:hidden}.cr-label{color:var(--accent);font-weight:500}.cr-name .tag{color:#6c4ed4;vertical-align:2px;text-overflow:ellipsis;white-space:nowrap;background:#f0eaff;border-radius:5px;max-width:70px;margin-left:2px;padding:3px 6px;font-size:9px;font-weight:600;display:inline-block;overflow:hidden}.cr-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.cr-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:7px;display:flex}.cr-last-check{color:var(--accent);font-size:11px;font-style:normal}.cr-time{color:#8a95a6;flex-shrink:0;font-size:10px}.cr-unread{background:var(--accent);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.cr-channel{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:inline-flex}.cr-channel.wa{background:var(--wa)}.cr-channel.tg{background:var(--tg)}.cr-channel.mx{background:var(--mx)}.cr-acc{color:var(--muted);font-size:11px;font-weight:500}.chat-main,.chat-panel-inner{background:var(--bg-conv)}.contact-panel{background:var(--surface);border-left:1px solid var(--border);z-index:30;flex-direction:column;width:320px;max-width:94%;padding:0 18px 18px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-18px 0 50px #0d153021}.contact-panel-body{flex:1;min-height:0;overflow-y:auto}.profile-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:58px;display:flex}.profile-head b{color:var(--text);font-size:11px;font-weight:700}.profile-head button{cursor:pointer;width:30px;height:30px;color:var(--muted);background:#f2f5f9;border:none;border-radius:9px;place-items:center;font-size:17px;line-height:1;display:grid}.profile-identity{text-align:center;padding:20px 0}.profile-identity .avatar{color:#fff;border-radius:17px;flex:0 0 58px;place-items:center;width:58px;height:58px;margin:0 auto 10px;font-size:14px;font-weight:800;display:grid}.profile-identity .avatar.avatar-coral{color:#bd4650;background:#ffe5e7}.profile-name-input{text-align:center;width:100%;color:var(--text);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:9px;padding:6px;font-family:inherit;font-size:14px;font-weight:700}.profile-name-input:hover{border-color:var(--border)}.profile-name-input:focus{border-color:var(--accent);background:#fff;outline:none}.profile-identity p{color:#8290a5;margin:6px 0 0;font-size:8px}.profile-section{border-top:1px solid #edf0f4;padding:10px 0}.profile-section label{text-transform:uppercase;letter-spacing:.08em;color:#7d899c;margin-bottom:6px;font-size:7px;font-weight:800;display:block}.profile-section input,.profile-section textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);background:#f9fbfd;border-radius:9px;outline:none;padding:9px 10px;font-family:inherit;font-size:12px}.profile-section input:focus,.profile-section textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #315ef91a}.profile-section>b{color:var(--text);word-break:break-word;font-size:12px;font-weight:600}.profile-channels{gap:5px;display:flex}.profile-channels span{color:#fff;background:var(--muted);border-radius:9px;place-items:center;width:30px;height:30px;font-size:7px;font-weight:800;display:grid}.profile-channels span.wa{background:var(--wa)}.profile-channels span.tg{background:var(--tg)}.profile-channels span.mx{background:var(--mx)}.profile-actions{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;margin-top:12px;padding-top:14px;display:flex}.primary.full{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:11px;width:100%;min-height:42px;padding:0 16px;font-size:11px;font-weight:800;box-shadow:0 8px 20px #315ef92e}.primary.full:hover{background:var(--accent-hover)}.primary.full:disabled{opacity:.6;cursor:not-allowed}.profile-cancel{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px;font-size:11px}@media (width<=640px){.contact-panel{width:88%;position:fixed;inset:0 0 0 auto}}.chat-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.chat-header .title{color:var(--text);font-size:15px;font-weight:600}.conversation-head{border-bottom:1px solid var(--border);background:#fff}.avatar{color:#fff;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.icon-button{justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:#f9fbfd;border-color:#b9c5d5}.chat-panel-inner>.messages-zone,.messages-zone{background:linear-gradient(#f7f9fc,#eef3f8)}.search-field{border:1px solid var(--border);background:#f8fafc;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 10px;display:flex}.search-field:focus-within{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #315ef91a}.msg-actions{opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}div:hover>.msg-actions,.msg-wrap:hover .msg-actions{opacity:1;pointer-events:auto}.msg-bubble{border-radius:var(--radius-lg);white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #e2e7ef;max-width:min(70%,560px);padding:10px 12px;font-size:14px;line-height:1.55;box-shadow:0 3px 13px #0d153009}.msg-bubble.incoming{background:#fff;border:1px solid #e2e7ef;border-top-left-radius:4px}.msg-bubble.outgoing{background:var(--msg-outgoing);border:0;border-top-right-radius:4px}.msg-row{max-width:100%;margin:8px 16px;display:flex}.msg-row.outgoing{justify-content:flex-end}.msg-date{text-align:center;color:var(--muted);padding:8px 0;font-size:11px;font-weight:500}.msg-new-divider{align-items:center;gap:10px;margin:14px 0;display:flex}.msg-new-divider:before,.msg-new-divider:after{content:"";background:var(--border);flex:1;height:1px}.msg-new-divider span{color:var(--accent);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.msg-meta{color:var(--muted);text-align:right;margin-top:3px;font-size:11px}@media (width<=640px){.msg-bubble{max-width:88%}}.skeleton-blk{background:linear-gradient(90deg, var(--border-weak) 25%, #eef1f6 50%, var(--border-weak) 75%);background-size:200% 100%;border-radius:10px;height:40px;animation:1.2s ease-in-out infinite skel}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.conv-empty,.conv-loading,.conv-error{height:100%;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.composer-wrap{border-top:1px solid var(--border);background:var(--surface);padding:9px 14px}.composer-acct{color:var(--muted);margin-bottom:8px;font-size:11px}.composer-row .text-input{border-radius:var(--radius);border:1px solid var(--border);resize:none;min-width:0;min-height:40px;max-height:120px;font-size:14px;font-family:var(--font-sans);background:#f8fafc;outline:none;flex:1;padding:10px 12px;line-height:1.5}.composer-row .text-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #315ef91a}details.sidebar-companies>summary{list-style:none}details.sidebar-companies>summary::-webkit-details-marker{display:none}details.sidebar-companies>summary::marker{content:""}details.sidebar-companies[open]>summary{color:var(--text)}